2022-04-06 22:14:16 +08:00
|
|
|
import type * as React from 'react';
|
2022-05-24 15:45:41 +08:00
|
|
|
import type { ComponentToken as AlertComponentToken } from '../../alert/style';
|
2022-04-29 17:23:23 +08:00
|
|
|
import type { ComponentToken as AnchorComponentToken } from '../../anchor/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as BackTopComponentToken } from '../../back-top/style';
|
2022-03-24 18:44:42 +08:00
|
|
|
import type { ComponentToken as ButtonComponentToken } from '../../button/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as CalendarComponentToken } from '../../calendar/style';
|
|
|
|
import type { ComponentToken as CarouselComponentToken } from '../../carousel/style';
|
|
|
|
import type { ComponentToken as CascaderComponentToken } from '../../cascader/style';
|
|
|
|
import type { ComponentToken as DatePickerComponentToken } from '../../date-picker/style';
|
2022-03-25 17:54:57 +08:00
|
|
|
import type { ComponentToken as DividerComponentToken } from '../../divider/style';
|
2022-04-25 10:54:00 +08:00
|
|
|
import type { ComponentToken as DropdownComponentToken } from '../../dropdown/style';
|
2022-04-02 18:17:14 +08:00
|
|
|
import type { ComponentToken as EmptyComponentToken } from '../../empty/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as ImageComponentToken } from '../../image/style';
|
2022-03-29 15:57:39 +08:00
|
|
|
import type { ComponentToken as InputNumberComponentToken } from '../../input-number/style';
|
2022-05-19 16:23:12 +08:00
|
|
|
import type { ComponentToken as LayoutComponentToken } from '../../layout/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as ListComponentToken } from '../../list/style';
|
2022-03-29 15:57:39 +08:00
|
|
|
import type { ComponentToken as MentionsComponentToken } from '../../mentions/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as MenuComponentToken } from '../../menu/style';
|
2022-05-24 09:29:33 +08:00
|
|
|
import type { ComponentToken as MessageComponentToken } from '../../message/style';
|
2022-05-24 15:45:41 +08:00
|
|
|
import type { ComponentToken as ModalComponentToken } from '../../modal/style';
|
2022-05-16 18:02:46 +08:00
|
|
|
import type { ComponentToken as NotificationComponentToken } from '../../notification/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as PopconfirmComponentToken } from '../../popconfirm/style';
|
|
|
|
import type { ComponentToken as ProgressComponentToken } from '../../progress/style';
|
2022-05-11 19:35:00 +08:00
|
|
|
import type { ComponentToken as SegmentedComponentToken } from '../../segmented/style';
|
2022-03-29 15:57:39 +08:00
|
|
|
import type { ComponentToken as SelectComponentToken } from '../../select/style';
|
|
|
|
import type { ComponentToken as SliderComponentToken } from '../../slider/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as SpaceComponentToken } from '../../space/style';
|
2022-04-12 00:17:57 +08:00
|
|
|
import type { ComponentToken as TimelineComponentToken } from '../../timeline/style';
|
2022-05-23 20:34:20 +08:00
|
|
|
import type { ComponentToken as TypographyComponentToken } from '../../typography/style';
|
2022-04-25 18:46:53 +08:00
|
|
|
import type { ComponentToken as UploadComponentToken } from '../../upload/style';
|
2022-03-21 16:48:25 +08:00
|
|
|
|
|
|
|
export const PresetColors = [
|
|
|
|
'blue',
|
|
|
|
'purple',
|
|
|
|
'cyan',
|
|
|
|
'green',
|
|
|
|
'magenta',
|
|
|
|
'pink',
|
|
|
|
'red',
|
|
|
|
'orange',
|
|
|
|
'yellow',
|
|
|
|
'volcano',
|
|
|
|
'geekblue',
|
|
|
|
'lime',
|
|
|
|
'gold',
|
|
|
|
] as const;
|
|
|
|
|
|
|
|
type PresetColorKey = typeof PresetColors[number];
|
|
|
|
|
|
|
|
export type PresetColorType = Record<PresetColorKey, string>;
|
|
|
|
|
|
|
|
type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
|
|
|
|
|
|
export type ColorPalettes = {
|
|
|
|
[key in `${keyof PresetColorType}-${ColorPaletteKeyIndex}`]: string;
|
|
|
|
};
|
|
|
|
|
|
|
|
export interface OverrideToken {
|
2022-03-24 18:44:42 +08:00
|
|
|
derivative?: Partial<DerivativeToken & AliasToken>;
|
|
|
|
|
|
|
|
// Customize component
|
2022-04-07 14:53:13 +08:00
|
|
|
Affix?: {};
|
2022-05-24 15:45:41 +08:00
|
|
|
Alert?: AlertComponentToken;
|
2022-04-29 17:23:23 +08:00
|
|
|
Anchor?: AnchorComponentToken;
|
2022-04-07 21:50:35 +08:00
|
|
|
Avatar?: {};
|
2022-04-20 19:36:59 +08:00
|
|
|
BackTop?: BackTopComponentToken;
|
2022-04-08 00:18:02 +08:00
|
|
|
Badge?: {};
|
2022-03-29 15:57:39 +08:00
|
|
|
Button?: ButtonComponentToken;
|
2022-05-24 01:13:36 +08:00
|
|
|
Breadcrumb?: {};
|
2022-04-24 17:42:36 +08:00
|
|
|
Carousel?: CarouselComponentToken;
|
2022-03-29 15:57:39 +08:00
|
|
|
Cascader?: CascaderComponentToken;
|
2022-04-07 18:24:45 +08:00
|
|
|
Checkbox?: {};
|
2022-04-25 14:45:26 +08:00
|
|
|
Collapse?: {};
|
2022-04-19 16:54:52 +08:00
|
|
|
DatePicker?: DatePickerComponentToken;
|
2022-04-08 15:28:34 +08:00
|
|
|
Descriptions?: {};
|
2022-03-29 15:57:39 +08:00
|
|
|
Divider?: DividerComponentToken;
|
2022-04-08 15:43:28 +08:00
|
|
|
Drawer?: {};
|
2022-04-25 10:54:00 +08:00
|
|
|
Dropdown?: DropdownComponentToken;
|
2022-04-02 18:17:14 +08:00
|
|
|
Empty?: EmptyComponentToken;
|
2022-04-06 22:14:16 +08:00
|
|
|
Form?: {};
|
2022-04-08 15:24:07 +08:00
|
|
|
Grid?: {};
|
2022-05-10 10:16:46 +08:00
|
|
|
Image?: ImageComponentToken;
|
2022-04-06 21:49:30 +08:00
|
|
|
Input?: {};
|
2022-03-29 15:57:39 +08:00
|
|
|
InputNumber?: InputNumberComponentToken;
|
2022-05-19 16:23:12 +08:00
|
|
|
Layout?: LayoutComponentToken;
|
2022-05-16 17:52:35 +08:00
|
|
|
List?: ListComponentToken;
|
2022-03-29 15:57:39 +08:00
|
|
|
Mentions?: MentionsComponentToken;
|
2022-05-16 18:02:46 +08:00
|
|
|
Notification?: NotificationComponentToken;
|
2022-04-06 21:49:30 +08:00
|
|
|
Pagination?: {};
|
2022-04-07 21:50:35 +08:00
|
|
|
Popover?: {};
|
2022-05-23 20:34:20 +08:00
|
|
|
Popconfirm?: PopconfirmComponentToken;
|
2022-04-08 11:10:46 +08:00
|
|
|
Rate?: {};
|
2022-04-07 22:25:04 +08:00
|
|
|
Result?: {};
|
2022-05-11 19:35:00 +08:00
|
|
|
Segmented?: SegmentedComponentToken;
|
2022-03-29 15:57:39 +08:00
|
|
|
Select?: SelectComponentToken;
|
2022-04-08 14:36:50 +08:00
|
|
|
Skeleton?: {};
|
2022-03-29 15:57:39 +08:00
|
|
|
Slider?: SliderComponentToken;
|
2022-04-08 15:28:24 +08:00
|
|
|
Spin?: {};
|
2022-04-08 00:18:31 +08:00
|
|
|
Statistic?: {};
|
2022-04-08 14:36:26 +08:00
|
|
|
Switch?: {};
|
2022-04-07 22:19:56 +08:00
|
|
|
Tag?: {};
|
2022-04-07 18:24:45 +08:00
|
|
|
Tree?: {};
|
2022-04-07 12:20:34 +08:00
|
|
|
TreeSelect?: {};
|
2022-03-29 15:57:39 +08:00
|
|
|
Typography?: TypographyComponentToken;
|
2022-04-12 00:17:57 +08:00
|
|
|
Timeline?: TimelineComponentToken;
|
2022-04-07 22:07:18 +08:00
|
|
|
Tabs?: {};
|
2022-05-11 20:07:40 +08:00
|
|
|
Calendar?: CalendarComponentToken;
|
2022-04-13 16:22:28 +08:00
|
|
|
Card?: {};
|
2022-04-19 11:28:06 +08:00
|
|
|
Steps?: {};
|
2022-04-20 15:31:04 +08:00
|
|
|
Menu?: MenuComponentToken;
|
2022-04-26 22:45:39 +08:00
|
|
|
Modal?: ModalComponentToken;
|
2022-05-24 09:29:33 +08:00
|
|
|
Message?: MessageComponentToken;
|
2022-04-25 18:46:53 +08:00
|
|
|
Upload?: UploadComponentToken;
|
2022-05-03 22:41:59 +08:00
|
|
|
Tooltip?: {};
|
2022-05-04 22:00:39 +08:00
|
|
|
Space?: SpaceComponentToken;
|
2022-05-11 10:52:10 +08:00
|
|
|
Progress?: ProgressComponentToken;
|
2022-05-16 12:21:14 +08:00
|
|
|
Transfer?: {};
|
2022-03-21 16:48:25 +08:00
|
|
|
}
|
|
|
|
|
2022-03-24 18:44:42 +08:00
|
|
|
/** Final token which contains the components level override */
|
|
|
|
export type GlobalToken = AliasToken & Omit<OverrideToken, 'derivative'>;
|
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
// ======================================================================
|
|
|
|
// == Seed Token ==
|
|
|
|
// ======================================================================
|
2022-03-24 14:30:48 +08:00
|
|
|
// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥
|
2022-03-21 16:48:25 +08:00
|
|
|
export interface SeedToken extends PresetColorType {
|
|
|
|
// Color
|
|
|
|
colorPrimary: string;
|
|
|
|
colorSuccess: string;
|
|
|
|
colorWarning: string;
|
|
|
|
colorError: string;
|
|
|
|
colorInfo: string;
|
|
|
|
colorText: string;
|
|
|
|
colorTextLightSolid: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
/** Base component background color. Will derivative container background color with this */
|
2022-03-21 16:48:25 +08:00
|
|
|
colorBg: string;
|
|
|
|
|
|
|
|
// Font
|
|
|
|
fontFamily: string;
|
|
|
|
fontSizeBase: number;
|
|
|
|
|
|
|
|
// Grid
|
|
|
|
gridUnit: number;
|
|
|
|
gridBaseStep: number;
|
|
|
|
|
|
|
|
// Line
|
2022-03-24 14:30:48 +08:00
|
|
|
/** Border width of base components */
|
2022-03-21 16:48:25 +08:00
|
|
|
lineWidth: number;
|
2022-05-16 17:52:35 +08:00
|
|
|
lineType: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
|
|
|
|
// Motion
|
|
|
|
motionUnit: number;
|
2022-03-22 20:02:04 +08:00
|
|
|
motionBase: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
motionEaseInOutCirc: string;
|
|
|
|
motionEaseInOut: string;
|
|
|
|
motionEaseOutBack: string;
|
|
|
|
motionEaseInQuint: string;
|
|
|
|
motionEaseOutQuint: string;
|
|
|
|
|
|
|
|
// Radius
|
|
|
|
radiusBase: number;
|
|
|
|
|
|
|
|
// Size
|
|
|
|
sizeUnit: number;
|
|
|
|
sizeBaseStep: number;
|
2022-04-25 10:54:00 +08:00
|
|
|
sizePopupArrow: number;
|
2022-03-22 09:37:37 +08:00
|
|
|
|
|
|
|
// Control Base
|
|
|
|
controlHeight: number;
|
2022-03-24 14:30:48 +08:00
|
|
|
|
|
|
|
// zIndex
|
|
|
|
/** Base zIndex of component like BackTop, Affix which can be cover by large popup */
|
|
|
|
zIndexBase: number;
|
|
|
|
/** Base popup component zIndex */
|
2022-05-10 17:30:01 +08:00
|
|
|
zIndexPopupBase: number;
|
2022-05-18 15:37:27 +08:00
|
|
|
|
|
|
|
// Image
|
|
|
|
/** Define default Image opacity. Useful when in dark-like theme */
|
|
|
|
imgOpacity: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
// ======================================================================
|
|
|
|
// == Derivative Token ==
|
|
|
|
// ======================================================================
|
2022-03-24 14:30:48 +08:00
|
|
|
// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥
|
2022-03-21 16:48:25 +08:00
|
|
|
export interface DerivativeToken extends SeedToken, ColorPalettes {
|
|
|
|
// Color
|
2022-03-24 18:44:42 +08:00
|
|
|
/** Used for DefaultButton, Switch which has default outline */
|
|
|
|
colorDefaultOutline: string;
|
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
colorPrimaryHover: string;
|
|
|
|
colorPrimaryActive: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
colorPrimaryOutline: string;
|
2022-03-24 14:30:48 +08:00
|
|
|
colorPrimarySecondary: string; // primary[2]
|
|
|
|
|
|
|
|
colorSuccessSecondary: string;
|
|
|
|
colorBgSuccess: string; // success[0]
|
2022-03-22 20:02:04 +08:00
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
colorWarningHover: string;
|
|
|
|
colorWarningActive: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
colorWarningOutline: string;
|
2022-03-24 14:30:48 +08:00
|
|
|
colorWarningSecondary: string;
|
|
|
|
colorBgWarning: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
colorErrorHover: string;
|
|
|
|
colorErrorActive: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
colorErrorOutline: string;
|
2022-03-24 14:30:48 +08:00
|
|
|
colorErrorSecondary: string;
|
|
|
|
colorBgError: string;
|
|
|
|
|
|
|
|
colorInfoSecondary: string;
|
|
|
|
colorBgInfo: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
|
|
|
|
colorText2: string;
|
|
|
|
colorTextBelow: string;
|
|
|
|
colorTextBelow2: string;
|
|
|
|
colorTextBelow3: string;
|
|
|
|
|
2022-03-24 14:30:48 +08:00
|
|
|
colorBg2: string;
|
2022-03-29 15:57:39 +08:00
|
|
|
colorBg3: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
colorBgBelow: string;
|
|
|
|
colorBgBelow2: string;
|
|
|
|
|
2022-03-24 14:30:48 +08:00
|
|
|
colorHighlight: string;
|
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
// Font
|
2022-03-22 09:37:37 +08:00
|
|
|
fontSizes: number[];
|
|
|
|
lineHeights: number[];
|
2022-03-21 16:48:25 +08:00
|
|
|
|
|
|
|
// Size
|
|
|
|
sizeSpace: number;
|
|
|
|
sizeSpaceXS: number;
|
|
|
|
sizeSpaceXXS: number;
|
|
|
|
sizeSpaceSM: number;
|
|
|
|
|
|
|
|
// Grid
|
|
|
|
gridSpaceSM: number;
|
|
|
|
gridSpaceBase: number;
|
|
|
|
gridSpaceLG: number;
|
|
|
|
gridSpaceXL: number;
|
|
|
|
gridSpaceXXL: number;
|
|
|
|
|
2022-05-17 18:04:24 +08:00
|
|
|
// Line
|
|
|
|
lineWidthBold: number;
|
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
// Motion
|
|
|
|
motionDurationFast: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
motionDurationMid: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
motionDurationSlow: string;
|
|
|
|
|
|
|
|
// Radius
|
|
|
|
radiusSM: number;
|
|
|
|
radiusLG: number;
|
|
|
|
radiusXL: number;
|
2022-03-22 13:26:29 +08:00
|
|
|
|
2022-03-24 14:30:48 +08:00
|
|
|
// Control
|
2022-03-22 13:26:29 +08:00
|
|
|
/** @private Only Used for control inside component like Multiple Select inner selection item */
|
|
|
|
controlHeightXS: number;
|
|
|
|
controlHeightSM: number;
|
|
|
|
controlHeightLG: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
// ======================================================================
|
|
|
|
// == Alias Token ==
|
|
|
|
// ======================================================================
|
2022-03-24 18:44:42 +08:00
|
|
|
// FIXME: DerivativeToken should part pick
|
|
|
|
type OmitDerivativeKey =
|
|
|
|
| 'colorText2'
|
|
|
|
| 'colorTextBelow'
|
|
|
|
| 'colorTextBelow2'
|
|
|
|
| 'colorTextBelow3'
|
|
|
|
| 'colorBg2'
|
|
|
|
| 'colorBgBelow'
|
|
|
|
| 'colorBgBelow2';
|
|
|
|
|
2022-03-24 14:30:48 +08:00
|
|
|
// 🔥🔥🔥🔥🔥🔥🔥 DO NOT MODIFY THIS. PLEASE CONTACT DESIGNER. 🔥🔥🔥🔥🔥🔥🔥
|
2022-03-24 18:44:42 +08:00
|
|
|
export interface AliasToken extends Omit<DerivativeToken, OmitDerivativeKey> {
|
2022-03-22 09:37:37 +08:00
|
|
|
// Font
|
|
|
|
fontSizeSM: number;
|
|
|
|
fontSize: number;
|
|
|
|
fontSizeLG: number;
|
|
|
|
fontSizeXL: number;
|
2022-03-29 15:57:39 +08:00
|
|
|
/** Operation icon in Select, Cascader, etc. icon fontSize. Normal is same as fontSizeSM */
|
|
|
|
fontSizeIcon: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
|
2022-03-22 09:37:37 +08:00
|
|
|
fontSizeHeading1: number;
|
|
|
|
fontSizeHeading2: number;
|
|
|
|
fontSizeHeading3: number;
|
|
|
|
fontSizeHeading4: number;
|
|
|
|
fontSizeHeading5: number;
|
|
|
|
|
2022-03-25 17:54:57 +08:00
|
|
|
/** For heading like h1, h2, h3 or option selected item */
|
|
|
|
fontWeightStrong: number;
|
|
|
|
|
2022-03-22 09:37:37 +08:00
|
|
|
// LineHeight
|
2022-03-21 16:48:25 +08:00
|
|
|
lineHeight: number;
|
2022-03-22 09:37:37 +08:00
|
|
|
lineHeightLG: number;
|
2022-05-20 14:33:33 +08:00
|
|
|
lineHeightSM: number;
|
2022-03-22 09:37:37 +08:00
|
|
|
|
|
|
|
lineHeightHeading1: number;
|
|
|
|
lineHeightHeading2: number;
|
|
|
|
lineHeightHeading3: number;
|
|
|
|
lineHeightHeading4: number;
|
|
|
|
lineHeightHeading5: number;
|
|
|
|
|
2022-03-22 13:26:29 +08:00
|
|
|
// Control
|
|
|
|
controlLineWidth: number;
|
|
|
|
controlLineType: string;
|
|
|
|
controlRadius: number;
|
|
|
|
controlOutlineWidth: number;
|
2022-03-22 20:02:04 +08:00
|
|
|
controlItemBgHover: string; // Note. It also is a color
|
|
|
|
controlItemBgActive: string; // Note. It also is a color
|
2022-03-21 16:48:25 +08:00
|
|
|
|
2022-03-22 13:26:29 +08:00
|
|
|
// Color
|
|
|
|
colorBorder: string;
|
|
|
|
colorSplit: string;
|
|
|
|
colorTextSecondary: string;
|
|
|
|
colorTextDisabled: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
/** Placeholder text color */
|
|
|
|
colorPlaceholder: string;
|
|
|
|
colorTextHeading: string;
|
2022-03-24 14:30:48 +08:00
|
|
|
|
|
|
|
/** Weak action. Such as `allowClear` or Alert close button */
|
|
|
|
colorAction: string;
|
|
|
|
/** Weak action hover color. Such as `allowClear` or Alert close button */
|
|
|
|
colorActionHover: string;
|
|
|
|
|
|
|
|
colorLink: string;
|
|
|
|
colorLinkHover: string;
|
|
|
|
colorLinkActive: string;
|
|
|
|
|
2022-03-22 20:02:04 +08:00
|
|
|
colorBgContainer: string;
|
2022-03-29 15:57:39 +08:00
|
|
|
colorBgContainerSecondary: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
colorBgComponent: string;
|
2022-03-24 14:30:48 +08:00
|
|
|
colorBgComponentSecondary: string;
|
2022-03-22 20:02:04 +08:00
|
|
|
colorBgComponentDisabled: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
|
2022-03-22 13:26:29 +08:00
|
|
|
// =============== Legacy: should be remove ===============
|
2022-04-25 10:54:00 +08:00
|
|
|
colorLoadingOpacity: number;
|
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
padding: number;
|
|
|
|
margin: number;
|
|
|
|
|
2022-03-22 20:02:04 +08:00
|
|
|
boxShadow: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
|
|
|
|
linkDecoration: React.CSSProperties['textDecoration'];
|
|
|
|
linkHoverDecoration: React.CSSProperties['textDecoration'];
|
|
|
|
linkFocusDecoration: React.CSSProperties['textDecoration'];
|
|
|
|
|
|
|
|
controlPaddingHorizontal: number;
|
|
|
|
controlPaddingHorizontalSM: number;
|
2022-05-11 19:35:00 +08:00
|
|
|
|
2022-03-21 16:48:25 +08:00
|
|
|
paddingSM: number;
|
|
|
|
paddingXS: number;
|
|
|
|
paddingXXS: number;
|
|
|
|
paddingLG: number;
|
2022-05-23 10:58:30 +08:00
|
|
|
paddingXL: number;
|
2022-05-16 17:52:35 +08:00
|
|
|
marginXXS: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
marginXS: number;
|
2022-03-25 13:20:42 +08:00
|
|
|
marginSM: number;
|
2022-03-21 16:48:25 +08:00
|
|
|
marginLG: number;
|
2022-05-16 17:52:35 +08:00
|
|
|
marginXL: number;
|
2022-05-18 15:37:27 +08:00
|
|
|
marginXXL: number;
|
2022-03-30 14:13:36 +08:00
|
|
|
|
|
|
|
// Media queries breakpoints
|
|
|
|
screenXS: number;
|
|
|
|
screenXSMin: number;
|
|
|
|
screenXSMax: number;
|
|
|
|
screenSM: number;
|
|
|
|
screenSMMin: number;
|
|
|
|
screenSMMax: number;
|
|
|
|
screenMD: number;
|
|
|
|
screenMDMin: number;
|
|
|
|
screenMDMax: number;
|
|
|
|
screenLG: number;
|
|
|
|
screenLGMin: number;
|
|
|
|
screenLGMax: number;
|
|
|
|
screenXL: number;
|
|
|
|
screenXLMin: number;
|
|
|
|
screenXLMax: number;
|
|
|
|
screenXXL: number;
|
|
|
|
screenXXLMin: number;
|
|
|
|
screenXXLMax: number;
|
|
|
|
|
|
|
|
motionEaseOut: string;
|
2022-05-10 17:30:01 +08:00
|
|
|
|
|
|
|
colorPopupBg: string;
|
2022-05-13 16:38:33 +08:00
|
|
|
colorBorderSecondary: string;
|
2022-03-21 16:48:25 +08:00
|
|
|
}
|