@ucloud-pccl/react-components
Version:
UCloud pccl react components
261 lines (260 loc) • 11.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _default = exports.default = {
designTokens: {
T_BUTTON_COMMON_COLOR_MASK: '#141A2B',
T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: 'linear-gradient(135deg, #6488fc 0%,#3860f4 100%)',
T_BUTTON_PRIMARY_COLOR_BG_HOVER: 'linear-gradient(135deg, #5c76e8 0%,#3357df 100%)',
T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: '#ffffff',
T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: '#242B40',
T_COLOR_BG_MENU: '#242B40',
T_COLOR_BG_HIGHLIGHT: '#f8e382',
T_COLOR_BG_WHITE: '#141A2B',
T_COLOR_BG_TRANSPARENT: '#000000',
T_COLOR_BG_PRIMARY_1: '#5A76FF',
T_COLOR_BG_PRIMARY_2: '#738BFF',
T_COLOR_BG_PRIMARY_3: 'linear-gradient(135deg, #6488fc 0%,#3860f4 100%)',
T_COLOR_BG_PRIMARY_4: 'linear-gradient(135deg, #5c76e8 0%,#3357df 100%)',
T_COLOR_BG_PRIMARY_5: '#1B2341',
T_COLOR_BG_DEFAULT_NORMAL: '#141A2B',
T_COLOR_BG_DEFAULT_BRIGHT: '#141A2B',
T_COLOR_BG_DEFAULT_LIGHT: '#0B1224',
T_COLOR_BG_DEFAULT_DARK: '#161C2E',
T_COLOR_BG_DEFAULT_HOVER: '#2F3852',
T_COLOR_BG_CONTENT_1: 'linear-gradient(180deg, #1a2132 0%, #1a2132 100%)',
T_COLOR_BG_NOTICE_LIGHT: '#1C233D',
T_COLOR_BG_NOTICE_DARK: '#526075',
T_COLOR_BG_SUCCESS_LIGHT: '#1e3019',
T_COLOR_BG_SUCCESS_DARK: '#2b9f56',
T_COLOR_BG_WARNING_LIGHT: '#2e281b',
T_COLOR_BG_WARNING_DARK: '#ebb73d',
T_COLOR_BG_ERROR_LIGHT: '#2e1b1e',
T_COLOR_BG_ERROR_DARK: '#db3f3f',
T_COLOR_BG_DISABLED_LIGHT: '#1A202F',
T_COLOR_BG_DISABLED_DARK: '#535763',
T_COLOR_BG_SIDEBAR: '#e7e9f3',
T_COLOR_LINE_DEFAULT_LIGHT: '#2B3555',
T_COLOR_LINE_DEFAULT_DARK: '#3F4A70',
T_COLOR_LINE_DEFAULT_TRANSPARENT: '#000000',
T_COLOR_LINE_PRIMARY_DEFAULT: '#5A76FF',
T_COLOR_LINE_PRIMARY_HOVER: '#738BFF',
T_COLOR_LINE_PRIMARY_LIGHT: '#2b3555',
T_COLOR_LINE_NOTICE_LIGHT: '#2C3D72',
T_COLOR_LINE_NOTICE_DARK: '#526075',
T_COLOR_LINE_SUCCESS_LIGHT: '#236019',
T_COLOR_LINE_SUCCESS_DARK: '#2b9f56',
T_COLOR_LINE_WARNING_LIGHT: '#51441a',
T_COLOR_LINE_WARNING_DARK: '#ebb73d',
T_COLOR_LINE_ERROR_LIGHT: '#6a2e2b',
T_COLOR_LINE_ERROR_DARK: '#db3f3f',
T_COLOR_LINE_DISABLED_LIGHT: '#2B313F',
T_COLOR_LINE_DISABLED_DARK: '#535763',
T_COLOR_TEXT_WHITE: '#141A2B',
T_COLOR_TEXT_DEFAULT_NORMAL: '#141A2B',
T_COLOR_TEXT_DEFAULT_BRIGHT: '#141A2B',
T_COLOR_TEXT_DEFAULT_LIGHT: '#C5CAE3',
T_COLOR_TEXT_DEFAULT_DARK: '#F7F9FF',
T_COLOR_TEXT_PRIMARY_DEFAULT: '#5A76FF',
T_COLOR_TEXT_PRIMARY_HOVER: '#738BFF',
T_COLOR_TEXT_REMARK_LIGHT: 'rgba(247,249,255,0.20)',
T_COLOR_TEXT_REMARK_DARK: '#5C6586',
T_COLOR_TEXT_SUCCESS: '#2b9f56',
T_COLOR_TEXT_SUCCESS_DARK: '#cafac8',
T_COLOR_TEXT_WARNING: '#ebb73d',
T_COLOR_TEXT_WARNING_DARK: '#fff9a4',
T_COLOR_TEXT_ERROR: '#db3f3f',
T_COLOR_TEXT_ERROR_DARK: '#ff9f9f',
T_COLOR_TEXT_DISABLED: '#535763',
T_COLOR_TEXT_SYSTEM_WHITE: '#ffffff',
T_COLOR_TEXT_SYSTEM_BLACK: '#000000',
T_COLOR_LEGEND_PURPLE_1: '#2b1d39',
T_COLOR_LEGEND_PURPLE_2: '#4d3465',
T_COLOR_LEGEND_PURPLE_3: '#674886',
T_COLOR_LEGEND_PURPLE_4: '#8863ae',
T_COLOR_LEGEND_PURPLE_5: '#b186dc',
T_COLOR_LEGEND_PURPLE_6: '#c499ef',
T_COLOR_LEGEND_PURPLE_7: '#d5b1f9',
T_COLOR_LEGEND_PURPLE_8: '#e0c6fa',
T_COLOR_LEGEND_PURPLE_9: '#eddbff',
T_COLOR_LEGEND_LIGHTBLUE_1: '#1c252d',
T_COLOR_LEGEND_LIGHTBLUE_2: '#1a2f37',
T_COLOR_LEGEND_LIGHTBLUE_3: '#1d434e',
T_COLOR_LEGEND_LIGHTBLUE_4: '#2b6e7e',
T_COLOR_LEGEND_LIGHTBLUE_5: '#399bb0',
T_COLOR_LEGEND_LIGHTBLUE_6: '#47c7e1',
T_COLOR_LEGEND_LIGHTBLUE_7: '#67cde9',
T_COLOR_LEGEND_LIGHTBLUE_8: '#89d3f1',
T_COLOR_LEGEND_LIGHTBLUE_9: '#a9d9f9',
T_COLOR_LEGEND_BLUE_1: '#15253b',
T_COLOR_LEGEND_BLUE_2: '#29476d',
T_COLOR_LEGEND_BLUE_3: '#335d8f',
T_COLOR_LEGEND_BLUE_4: '#4478b5',
T_COLOR_LEGEND_BLUE_5: '#70a6ec',
T_COLOR_LEGEND_BLUE_6: '#90bcf6',
T_COLOR_LEGEND_BLUE_7: '#a1c3ef',
T_COLOR_LEGEND_BLUE_8: '#b7d1f4',
T_COLOR_LEGEND_BLUE_9: '#d8e9ff',
T_COLOR_LEGEND_ORANGE_1: '#2e231b',
T_COLOR_LEGEND_ORANGE_2: '#402c1a',
T_COLOR_LEGEND_ORANGE_3: '#51351a',
T_COLOR_LEGEND_ORANGE_4: '#845126',
T_COLOR_LEGEND_ORANGE_5: '#b86d31',
T_COLOR_LEGEND_ORANGE_6: '#eb883d',
T_COLOR_LEGEND_ORANGE_7: '#f2a65f',
T_COLOR_LEGEND_ORANGE_8: '#f8c382',
T_COLOR_LEGEND_ORANGE_9: '#ffe0a4',
T_COLOR_LEGEND_YELLOW_1: '#2e281b',
T_COLOR_LEGEND_YELLOW_2: '#40361a',
T_COLOR_LEGEND_YELLOW_3: '#51441a',
T_COLOR_LEGEND_YELLOW_4: '#846a26',
T_COLOR_LEGEND_YELLOW_5: '#b89131',
T_COLOR_LEGEND_YELLOW_6: '#ebb73d',
T_COLOR_LEGEND_YELLOW_7: '#f2cd5f',
T_COLOR_LEGEND_YELLOW_8: '#f8e382',
T_COLOR_LEGEND_YELLOW_9: '#fff9a4',
T_COLOR_LEGEND_CYAN_1: '#1d2c29',
T_COLOR_LEGEND_CYAN_2: '#1e3c37',
T_COLOR_LEGEND_CYAN_3: '#1f4b45',
T_COLOR_LEGEND_CYAN_4: '#2f7a6d',
T_COLOR_LEGEND_CYAN_5: '#3eaa95',
T_COLOR_LEGEND_CYAN_6: '#4ed9bd',
T_COLOR_LEGEND_CYAN_7: '#6de3d1',
T_COLOR_LEGEND_CYAN_8: '#8eece5',
T_COLOR_LEGEND_CYAN_9: '#adf3f6',
T_COLOR_LEGEND_RED_1: '#2e1b1e',
T_COLOR_LEGEND_RED_2: '#4c2525',
T_COLOR_LEGEND_RED_3: '#6a2e2b',
T_COLOR_LEGEND_RED_4: '#903432',
T_COLOR_LEGEND_RED_5: '#b53938',
T_COLOR_LEGEND_RED_6: '#db3f3f',
T_COLOR_LEGEND_RED_7: '#e75f5f',
T_COLOR_LEGEND_RED_8: '#f37f7f',
T_COLOR_LEGEND_RED_9: '#ff9f9f',
T_COLOR_LEGEND_GREEN_1: '#1e3019',
T_COLOR_LEGEND_GREEN_2: '#214819',
T_COLOR_LEGEND_GREEN_3: '#236019',
T_COLOR_LEGEND_GREEN_4: '#26752d',
T_COLOR_LEGEND_GREEN_5: '#288a42',
T_COLOR_LEGEND_GREEN_6: '#2b9f56',
T_COLOR_LEGEND_GREEN_7: '#60bd7c',
T_COLOR_LEGEND_GREEN_8: '#95dca2',
T_COLOR_LEGEND_GREEN_9: '#cafac8',
T_FRAME_TOP_COLOR_BG_DEFAULT: 'linear-gradient(180deg, #1a2132 0%, #1a2132 100%)',
T_FRAME_TOP_COLOR_BG_HOVER: '#141A2B',
T_FRAME_LOGO_COLOR_BG_DEFAULT: '#5A76FF',
T_FRAME_PRODUCTS_COLOR_TEXT_ICON: '#d8e9ff',
T_FRAME_SIDEBAR_COLOR_BG_DEFAULT: '#141A2B',
T_FRAME_SIDEBAR_COLOR_BG_ACTIVE: '#1B2341',
T_FRAME_SIDEBAR_COLOR_BG_EXPAND: '#141A2B',
T_LOADING_COLOR_LAYER_DEFAULT: 'rgba(20,26,43,0.70)',
T_MODAL_COLOR_LAYER_DEFAULT: 'rgba(0,0,0,0.50)',
T_MODAL_SHADOW_DEFAULT: '0 3px 6px -4px rgba(0,0,0,0.32),0 6px 16px 0 rgba(0,0,0,0.28),0 9px 28px 8px rgba(0,0,0,0.25)',
T_PAY_COLOR_BG_1: 'linear-gradient(180deg, #1a2132 0%, #1a2132 100%)',
T_PAY_COLOR_BG_2: '#161C2E',
T_PAY_COLOR_BG_3: '#1F2538',
T_POPOVER_COLOR_BG_LIGHT: '#3F4A70',
T_POPOVER_COLOR_BG_DARK: '#C5CAE3',
T_POPOVER_COLOR_LINE_LIGHT: '#000000',
T_POPOVER_COLOR_LINE_DARK: '#000000',
T_SLIDER_COLOR_BG_ACTIVE: '#1B2341',
T_SLIDER_COLOR_BG_DEFAULT: '#0B1224',
T_SLIDER_COLOR_LINE_ACTIVE: '#738BFF',
T_SLIDER_COLOR_LINE_DEFAULT: '#3F4A70',
T_SLIDER_COLOR_TEXT_ACTIVE: '#738BFF',
T_SLIDER_COLOR_TEXT_DEFAULT: '#5C6586',
T_SWITCH_COLOR_BG_OUTER: '#0B1224',
T_SWITCH_COLOR_BG_INNER_OFF: '#2B3555',
T_SWITCH_COLOR_BG_INNER_ON: '#2b9f56',
T_SWITCH_COLOR_TEXT_OFF: '#F7F9FF',
T_SWITCH_COLOR_TEXT_ON: '#ffffff',
T_SWITCH_COLOR_LINE_INNER_ON: '#1e3019',
T_TABLE_ROW_COLOR_BG_DEFAULT: '#1F2538',
T_TABLE_ROW_COLOR_BG_HOVER: '#2b3555',
T_TABLE_HEAD_PADDING_V: '6px',
T_TABLE_HEAD_PADDING_H: '10px',
T_TABLE_BODY_PADDING_V: '6px',
T_TABLE_BODY_PADDING_H: '10px',
T_TABS_DEFAULT_COLOR_BG_DEFAULT: '#1a2132',
T_TABS_DEFAULT_COLOR_BG_HOVER: '#192036',
T_TABS_DEFAULT_COLOR_LINE_HOVER: '#192036',
T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: '#C5CAE3',
T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: '#262e47',
T_TABS_PRODUCT_COLOR_SHADOW_HOVER: '#0c142a',
T_TABS_PRODUCT_COLOR_BG_HOVER: '#2F3852',
T_TABS_PRODUCT_COLOR_LINE_ACTIVE: '#192036',
T_IDE_DEFAULT_COLOR_BG_ACTION: 'rgba(255,255,255,0.32)',
T_IDE_DEFAULT_COLOR_BG_DEFAULT: '#F7F9FF',
T_IDE_READONLY_COLOR_BG_DEFAULT: '#161C2E',
T_IDE_READONLY_COLOR_BG_ACTION: 'rgba(247,249,255,0.12)',
T_CARD_COLOR_BG_DEFAULT: '#141A2B',
T_CORNER_SM: '2px',
T_CORNER_LG: '4px',
T_CORNER_CIRCLE: '50%',
T_CORNER_ZERO: '0',
T_HEIGHT_SM: '24px',
T_HEIGHT_MD: '28px',
T_HEIGHT_LG: '32px',
T_INPUT_COLOR_BG_DEFAULT: '#0B1224',
T_INPUT_COLOR_BG_ACTIVE: '#161C2E',
T_LINE_WIDTH_BASE: '1px',
T_LINE_WIDTH_SM: '0px',
T_LINE_WIDTH_LG: '2px',
T_LINE_STYLE_BASE: 'solid',
T_LINE_STYLE_DASHED: 'dashed',
T_PROGRESS_COLOR_BG_DEFAULT: '#192036',
T_SHADOW_INSET_1: 'inset 0 1px 3px 0 #2B3555',
T_SHADOW_INSET_TOP: 'inset 0 10px 8px -8px rgba(0,0,0,0.32)',
T_SHADOW_INSET_RIGHT: 'inset -10px 0 8px -8px rgba(0,0,0,0.32)',
T_SHADOW_INSET_BOTTOM: 'inset 0 -10px 8px -8px rgba(0,0,0,0.32)',
T_SHADOW_INSET_LEFT: 'inset 10px 0 8px -8px rgba(0,0,0,0.32)',
T_SHADOW_INSET_DEFAULT: 'inset 0 3px 0 0 rgba(0,0,0,0.25)',
T_SHADOW_INSET_ERROR: 'inset 0 1px 3px 0 #6a2e2b',
T_SHADOW_BLOCK_DEFAULT_SM: '0 0 2px 0 rgba(0,0,0,0.28), 0 5px 8px -4px rgba(0,0,0,0.32), 0 1px 0 0 rgba(0,0,0,0.25),inset 0 -1px 0px 0px #1B2341',
T_SHADOW_BLOCK_DEFAULT_MD: '0 0 1px 0 rgba(0,0,0,0.32), 0 8px 12px -4px rgba(0,0,0,0.32), 0 4px 4px -2px rgba(0,0,0,0.25),inset 0 -2px 0px 0px #1B2341',
T_SHADOW_BLOCK_DEFAULT_LG: '0 6px 16px 0 rgba(0,0,0,0.25), 0 16px 24px -8px rgba(0,0,0,0.28), 0 0 16px 0 rgba(0,0,0,0.25),inset 0 -2px 0px 0px #1B2341',
T_SHADOW_BLOCK_LEFT_SM: '-3px 0 3px -2px rgba(0,0,0,0.25),-8px 0 6px -6px rgba(0,0,0,0.28)',
T_SHADOW_BLOCK_LEFT_LG: '-46px 0 24px -35px rgba(0,0,0,0.25),-25px 0 10px -16px rgba(0,0,0,0.25),-10px 0 6px -6px rgba(0,0,0,0.25)',
T_SHADOW_BLOCK_RIGHT_SM: '3px 0 3px -2px rgba(0,0,0,0.25),8px 0 6px -6px rgba(0,0,0,0.28)',
T_SHADOW_BLOCK_RIGHT_LG: '46px 0 24px -35px rgba(0,0,0,0.25),25px 0 10px -16px rgba(0,0,0,0.25),10px 0 6px -6px rgba(0,0,0,0.25)',
T_SHADOW_BLOCK_BOTTOM_SM: '0 3px 3px -2px rgba(0,0,0,0.25),0 8px 6px -6px rgba(0,0,0,0.28)',
T_SHADOW_BLOCK_BOTTOM_LG: '0 46px 24px -35px rgba(0,0,0,0.25),0 25px 10px -16px rgba(0,0,0,0.25),0 10px 6px -6px rgba(0,0,0,0.25)',
T_SHADOW_BLOCK_TOP_SM: '0 -3px 3px -2px rgba(0,0,0,0.25),0 -8px 6px -6px rgba(0,0,0,0.28)',
T_SHADOW_BLOCK_TOP_LG: '0 -46px 24px -35px rgba(0,0,0,0.25),0 -25px 10px -16px rgba(0,0,0,0.25),0 -10px 6px -6px rgba(0,0,0,0.25)',
T_SHADOW_BUTTON_DEFAULT: '0 2px 3px 0 rgba(0,0,0,0.32),inset 0 -2px 0 0 #2b3555',
T_SHADOW_BUTTON_HOVER: '0 0 1px 0 rgba(0,0,0,0.32),0 8px 12px -4px rgba(0,0,0,0.32),0 2px 1px -1px rgba(0,0,0,0.25), inset 0 -2px 0 0 #2b3555',
T_SHADOW_BUTTON_PRIMARY: '0 2px 4px -1px #3458DE, inset 0 -3px 0 0 rgba(0,0,0,0.32), inset 0 1px 0 0 rgba(0,0,0,0.32)',
T_SHADOW_BUTTON_PRIMARY_HOVER: '0 5px 8px -4px #3458DE, inset 0 -3px 0 0 rgba(0,0,0,0.32), inset 0 1px 0 0 rgba(0,0,0,0.32)',
T_SHADOW_BUTTON_ERROR: '0 1px 3px -1px #db3f3f',
T_SHADOW_BUTTON_ERROR_HOVER: '0 5px 8px -4px #db3f3f',
T_SPACING_COMMON_XS: '4px',
T_SPACING_COMMON_SM: '8px',
T_SPACING_COMMON_MD: '12px',
T_SPACING_COMMON_LG: '16px',
T_SPACING_COMMON_XLG: '20px',
T_SPACING_COMMON_XXLG: '24px',
T_SPACING_COMMON_XXXLG: '32px',
T_SQUARE_SM: '24px',
T_SQUARE_MD: '28px',
T_SQUARE_LG: '32px',
T_TYPO_FONT_SIZE_1: '12px',
T_TYPO_FONT_SIZE_2: '14px',
T_TYPO_FONT_SIZE_3: '16px',
T_TYPO_FONT_SIZE_4: '18px',
T_TYPO_FONT_SIZE_5: '20px',
T_TYPO_FONT_SIZE_6: '24px',
T_TYPO_FONT_SIZE_7: '28px',
T_TYPO_FONT_SIZE_8: '32px',
T_TYPO_LINE_HEIGHT_SM: '1.3',
T_TYPO_LINE_HEIGHT_MD: '1.5',
T_TYPO_LINE_HEIGHT_LG: '1.7',
T_TYPO_FONT_WEIGHT_NORMAL: '400',
T_TYPO_FONT_WEIGHT_LIGHT: '300',
T_TYPO_FONT_WEIGHT_BOLD: '600',
T_WIDTH_SM: '144px',
T_WIDTH_MD: '192px',
T_WIDTH_LG: '320px'
}
};