UNPKG

@mozaic-ds/vue-3

Version:

Vue.js implementation of Mozaic Design System

583 lines (582 loc) 29.2 kB
export const BorderS = 1; export const BorderM = 2; export const BorderL = 3; export const ColorBadgeInfoBackground = "#daeff7"; export const ColorBadgeInfoBorder = "#0b96cc"; export const ColorBadgeInfoText = "#005c91"; export const ColorBadgeSuccessBackground = "#ebf5de"; export const ColorBadgeSuccessBorder = "#46a610"; export const ColorBadgeSuccessText = "#006902"; export const ColorBadgeWarningBackground = "#fdf1e8"; export const ColorBadgeWarningBorder = "#ea7315"; export const ColorBadgeWarningText = "#8c3500"; export const ColorBadgeDangerBackground = "#fdeaea"; export const ColorBadgeDangerBorder = "#ea302d"; export const ColorBadgeDangerText = "#8c0003"; export const ColorBadgeNeutralBackground = "#e6e6e6"; export const ColorBadgeNeutralBorder = "#808080"; export const ColorBadgeNeutralText = "#4d4d4d"; export const ColorPrimary01100 = "#e5efff"; export const ColorPrimary01200 = "#b8d3ff"; export const ColorPrimary01300 = "#8ab7ff"; export const ColorPrimary01400 = "#5797ff"; export const ColorPrimary01500 = "#1a6eff"; export const ColorPrimary01600 = "#0058db"; export const ColorPrimary01700 = "#004ea8"; export const ColorPrimary01800 = "#00387a"; export const ColorPrimary01900 = "#002a5b"; export const ColorPrimary02100 = "#ffe2bd"; export const ColorPrimary02200 = "#ffbf6b"; export const ColorPrimary02300 = "#ff941a"; export const ColorPrimary02400 = "#ef7f00"; export const ColorPrimary02500 = "#e05a00"; export const ColorPrimary02600 = "#c34400"; export const ColorPrimary02700 = "#943300"; export const ColorPrimary02800 = "#702700"; export const ColorPrimary02900 = "#421700"; export const ColorGrey100 = "#e6e6e6"; export const ColorGrey200 = "#cccccc"; export const ColorGrey300 = "#b3b3b3"; export const ColorGrey400 = "#999999"; export const ColorGrey500 = "#808080"; export const ColorGrey600 = "#666666"; export const ColorGrey700 = "#4d4d4d"; export const ColorGrey800 = "#333333"; export const ColorGrey900 = "#191919"; export const ColorGrey999 = "#000000"; export const ColorGrey000 = "#ffffff"; export const ColorSecondaryBlue100 = "#daeff7"; export const ColorSecondaryBlue200 = "#a7d9ed"; export const ColorSecondaryBlue300 = "#73c3e2"; export const ColorSecondaryBlue400 = "#3facd7"; export const ColorSecondaryBlue500 = "#0b96cc"; export const ColorSecondaryBlue600 = "#007bb4"; export const ColorSecondaryBlue700 = "#005c91"; export const ColorSecondaryBlue800 = "#003a5c"; export const ColorSecondaryBlue900 = "#002a41"; export const ColorSecondaryGreen100 = "#e5efff"; export const ColorSecondaryGreen200 = "#b8d3ff"; export const ColorSecondaryGreen300 = "#8ab7ff"; export const ColorSecondaryGreen400 = "#5797ff"; export const ColorSecondaryGreen500 = "#1a6eff"; export const ColorSecondaryGreen600 = "#0058db"; export const ColorSecondaryGreen700 = "#004ea8"; export const ColorSecondaryGreen800 = "#00387a"; export const ColorSecondaryGreen900 = "#002a5b"; export const ColorSecondaryPurple100 = "#efebfe"; export const ColorSecondaryPurple200 = "#c7b0fa"; export const ColorSecondaryPurple300 = "#a575f3"; export const ColorSecondaryPurple400 = "#883be9"; export const ColorSecondaryPurple500 = "#7000dd"; export const ColorSecondaryPurple600 = "#5803b3"; export const ColorSecondaryPurple700 = "#42058a"; export const ColorSecondaryPurple800 = "#2e0663"; export const ColorSecondaryPurple900 = "#1c053d"; export const ColorSecondaryRed100 = "#fdeaea"; export const ColorSecondaryRed200 = "#f8bcbb"; export const ColorSecondaryRed300 = "#f38d8c"; export const ColorSecondaryRed400 = "#ef5f5c"; export const ColorSecondaryRed500 = "#ea302d"; export const ColorSecondaryRed600 = "#c61112"; export const ColorSecondaryRed700 = "#8c0003"; export const ColorSecondaryRed800 = "#530000"; export const ColorSecondaryRed900 = "#2d0000"; export const ColorSecondaryOrange100 = "#fdf1e8"; export const ColorSecondaryOrange200 = "#f8d2b3"; export const ColorSecondaryOrange300 = "#f4b27e"; export const ColorSecondaryOrange400 = "#ef934a"; export const ColorSecondaryOrange500 = "#ea7315"; export const ColorSecondaryOrange600 = "#c65200"; export const ColorSecondaryOrange700 = "#8c3500"; export const ColorSecondaryOrange800 = "#531b00"; export const ColorSecondaryOrange900 = "#360e00"; export const ColorSecondaryYellow100 = "#fff8e2"; export const ColorSecondaryYellow200 = "#ffebaf"; export const ColorSecondaryYellow300 = "#fee07d"; export const ColorSecondaryYellow400 = "#fcd64c"; export const ColorSecondaryYellow500 = "#f8cc1c"; export const ColorSecondaryYellow600 = "#c9a21b"; export const ColorSecondaryYellow700 = "#9c7b18"; export const ColorSecondaryYellow800 = "#705613"; export const ColorSecondaryYellow900 = "#46350d"; export const ColorDanger100 = "#fdeaea"; export const ColorDanger200 = "#f8bcbb"; export const ColorDanger300 = "#f38d8c"; export const ColorDanger400 = "#ef5f5c"; export const ColorDanger500 = "#ea302d"; export const ColorDanger600 = "#c61112"; export const ColorDanger700 = "#8c0003"; export const ColorDanger800 = "#530000"; export const ColorDanger900 = "#2d0000"; export const ColorInfo100 = "#daeff7"; export const ColorInfo200 = "#a7d9ed"; export const ColorInfo300 = "#73c3e2"; export const ColorInfo400 = "#3facd7"; export const ColorInfo500 = "#0b96cc"; export const ColorInfo600 = "#007bb4"; export const ColorInfo700 = "#005c91"; export const ColorInfo800 = "#003a5c"; export const ColorInfo900 = "#002a41"; export const ColorWarning100 = "#fdf1e8"; export const ColorWarning200 = "#f8d2b3"; export const ColorWarning300 = "#f4b27e"; export const ColorWarning400 = "#ef934a"; export const ColorWarning500 = "#ea7315"; export const ColorWarning600 = "#c65200"; export const ColorWarning700 = "#8c3500"; export const ColorWarning800 = "#531b00"; export const ColorWarning900 = "#360e00"; export const ColorSuccess100 = "#ebf5de"; export const ColorSuccess200 = "#c5e39e"; export const ColorSuccess300 = "#9ed05f"; export const ColorSuccess400 = "#78be20"; export const ColorSuccess500 = "#46a610"; export const ColorSuccess600 = "#188803"; export const ColorSuccess700 = "#006902"; export const ColorSuccess800 = "#035010"; export const ColorSuccess900 = "#023618"; export const ColorBreadcrumbArrow = "#333333"; export const ColorBreadcrumbArrowInvert = "#ffffff"; export const ColorButtonSolidBackground = "#ff941a"; export const ColorButtonSolidFont = "#002a5b"; export const ColorButtonSolidFocusBorder = "#004ea8"; export const ColorButtonSolidDisabledBackground = "#cccccc"; export const ColorButtonSolidDisabledFont = "#666666"; export const ColorButtonSolidActiveBackground = "#e05a00"; export const ColorButtonSolidHoverBackground = "#ef7f00"; export const ColorButtonSolidHoverFont = "#002a5b"; export const ColorButtonSolidPrimary02Background = "#002a5b"; export const ColorButtonSolidPrimary02Font = "#ffffff"; export const ColorButtonSolidPrimary02FocusBorder = "#421700"; export const ColorButtonSolidPrimary02DisabledBackground = "#cccccc"; export const ColorButtonSolidPrimary02DisabledFont = "#666666"; export const ColorButtonSolidPrimary02ActiveBackground = "#004ea8"; export const ColorButtonSolidPrimary02HoverBackground = "#00387a"; export const ColorButtonSolidPrimary02HoverFont = "#ffffff"; export const ColorButtonSolidNeutralBackground = "#333333"; export const ColorButtonSolidNeutralFont = "#ffffff"; export const ColorButtonSolidNeutralFocusBorder = "#191919"; export const ColorButtonSolidNeutralDisabledBackground = "#cccccc"; export const ColorButtonSolidNeutralDisabledFont = "#666666"; export const ColorButtonSolidNeutralActiveBackground = "#333333"; export const ColorButtonSolidNeutralHoverBackground = "#191919"; export const ColorButtonSolidNeutralHoverFont = "#ffffff"; export const ColorButtonSolidDangerBackground = "#c61112"; export const ColorButtonSolidDangerFont = "#ffffff"; export const ColorButtonSolidDangerFocusBorder = "#8c0003"; export const ColorButtonSolidDangerDisabledBackground = "#cccccc"; export const ColorButtonSolidDangerDisabledFont = "#666666"; export const ColorButtonSolidDangerActiveBackground = "#8c0003"; export const ColorButtonSolidDangerHoverBackground = "#8c0003"; export const ColorButtonSolidDangerHoverFont = "#ffffff"; export const ColorButtonBorderedBackground = "#ffffff"; export const ColorButtonBorderedBorder = "#c34400"; export const ColorButtonBorderedFont = "#c34400"; export const ColorButtonBorderedFocusBorder = "#004ea8"; export const ColorButtonBorderedDisabledBackground = "#cccccc"; export const ColorButtonBorderedDisabledFont = "#666666"; export const ColorButtonBorderedActiveBackground = "#ffbf6b"; export const ColorButtonBorderedActiveFont = "#c34400"; export const ColorButtonBorderedHoverBackground = "#ffe2bd"; export const ColorButtonBorderedHoverFont = "#c34400"; export const ColorButtonBorderedPrimary02Background = "#ffffff"; export const ColorButtonBorderedPrimary02Border = "#002a5b"; export const ColorButtonBorderedPrimary02Font = "#002a5b"; export const ColorButtonBorderedPrimary02FocusBorder = "#421700"; export const ColorButtonBorderedPrimary02DisabledBackground = "#cccccc"; export const ColorButtonBorderedPrimary02DisabledFont = "#666666"; export const ColorButtonBorderedPrimary02ActiveBackground = "#b8d3ff"; export const ColorButtonBorderedPrimary02ActiveFont = "#002a5b"; export const ColorButtonBorderedPrimary02HoverBackground = "#e5efff"; export const ColorButtonBorderedPrimary02HoverFont = "#002a5b"; export const ColorButtonBorderedNeutralBackground = "#ffffff"; export const ColorButtonBorderedNeutralBorder = "#333333"; export const ColorButtonBorderedNeutralFont = "#333333"; export const ColorButtonBorderedNeutralFocusBorder = "#191919"; export const ColorButtonBorderedNeutralDisabledBackground = "#cccccc"; export const ColorButtonBorderedNeutralDisabledFont = "#666666"; export const ColorButtonBorderedNeutralActiveBackground = "#cccccc"; export const ColorButtonBorderedNeutralHoverBackground = "#e6e6e6"; export const ColorButtonBorderedDangerBackground = "#ffffff"; export const ColorButtonBorderedDangerBorder = "#c61112"; export const ColorButtonBorderedDangerFont = "#c61112"; export const ColorButtonBorderedDangerFocusBorder = "#8c0003"; export const ColorButtonBorderedDangerDisabledBackground = "#cccccc"; export const ColorButtonBorderedDangerDisabledFont = "#666666"; export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb"; export const ColorButtonBorderedDangerActiveFont = "#530000"; export const ColorButtonBorderedDangerHoverBackground = "#fdeaea"; export const ColorButtonBorderedDangerHoverFont = "#8c0003"; export const ColorCardBorderedBackground = "#ffffff"; export const ColorCardBorderedBorder = "#808080"; export const ColorDatatableFiltersBorder = "#b3b3b3"; export const ColorDatatableContainerBackground = "#e6e6e6"; export const ColorDatatableTheadFont = "#191919"; export const ColorDatatableSortArrowDefault = "#cccccc"; export const ColorDatatableSortArrowActive = "#333333"; export const ColorDatatableCellFont = "#191919"; export const ColorDatatableCellBackgroundHover = "#e6e6e6"; export const ColorDatatableCellBackgroundSelected = "#e5efff"; export const ColorDatatableSubtableBackground = "#e6e6e6"; export const ColorDatatableSubtableBorder = "#b3b3b3"; export const ColorDatatableSubtableFont = "#000000"; export const ColorDatatableIcon = "#1a6eff"; export const ColorDatatableEmptyBackground = "#e6e6e6"; export const ColorDatatableEmptyColor = "#666666"; export const ColorDialogBackground = "#ffffff"; export const ColorDialogIcon = "#666666"; export const ColorDialogClose = "#808080"; export const ColorDialogFooterShadow = "#191919"; export const ColorDividerLightest = "#ffffff"; export const ColorDividerLight = "#b3b3b3"; export const ColorDividerDefault = "#666666"; export const ColorDividerDark = "#000000"; export const ColorFieldsError = "#c61112"; export const ColorFieldsLabel = "#333333"; export const ColorFieldsRequirement = "#666666"; export const ColorFieldsHelp = "#666666"; export const ColorFileuploaderFont = "#000000"; export const ColorFileuploaderFilesList = "#e6e6e6"; export const ColorFileuploaderFilesDelete = "#cccccc"; export const ColorFileuploaderValid = "#1a6eff"; export const ColorFileuploaderAlert = "#c61112"; export const ColorFlagSolidBackground = "#ff941a"; export const ColorFlagSolidBorder = "#ff941a"; export const ColorFlagSolidText = "#002a5b"; export const ColorFlagSolidPrimary02Background = "#002a5b"; export const ColorFlagSolidPrimary02Border = "#002a5b"; export const ColorFlagSolidPrimary02Text = "#ffffff"; export const ColorFlagSolidDarkBackground = "#000000"; export const ColorFlagSolidDarkBorder = "#000000"; export const ColorFlagSolidDarkText = "#ffffff"; export const ColorFlagSolidLightBackground = "#ffffff"; export const ColorFlagSolidLightBorder = "#ffffff"; export const ColorFlagSolidLightText = "#000000"; export const ColorFlagSolidDangerBackground = "#c61112"; export const ColorFlagSolidDangerBorder = "#c61112"; export const ColorFlagSolidDangerText = "#ffffff"; export const ColorFlagBorderedBackground = "#ffffff"; export const ColorFlagBorderedBorder = "#c34400"; export const ColorFlagBorderedText = "#c34400"; export const ColorFlagBorderedPrimary02Background = "#ffffff"; export const ColorFlagBorderedPrimary02Border = "#002a5b"; export const ColorFlagBorderedPrimary02Text = "#002a5b"; export const ColorFlagBorderedDarkBackground = "#ffffff"; export const ColorFlagBorderedDarkBorder = "#000000"; export const ColorFlagBorderedDarkText = "#000000"; export const ColorFlagBorderedLightBackground = "#000000"; export const ColorFlagBorderedLightBorder = "#ffffff"; export const ColorFlagBorderedLightText = "#ffffff"; export const ColorFlagBorderedDangerBackground = "#ffffff"; export const ColorFlagBorderedDangerBorder = "#c61112"; export const ColorFlagBorderedDangerText = "#c61112"; export const ColorFocusGap = "#ffffff"; export const ColorFocusBorder = "#0b96cc"; export const ColorFontPrimary01 = "#0058db"; export const ColorFontPrimary02 = "#e05a00"; export const ColorFontDarkest = "#000000"; export const ColorFontDarker = "#191919"; export const ColorFontDark = "#333333"; export const ColorFontLight = "#666666"; export const ColorFontLightest = "#ffffff"; export const ColorFontInfo = "#007bb4"; export const ColorFontSuccess = "#188803"; export const ColorFontWarning = "#c65200"; export const ColorFontDanger = "#c61112"; export const ColorHeadingUnderlineDefault = "#ef7f00"; export const ColorHeadingUnderlineLightest = "#ffbf6b"; export const ColorHeroCoverBackground = "#191919"; export const ColorInputText = "#333333"; export const ColorInputBorder = "#808080"; export const ColorInputPlaceholder = "#808080"; export const ColorInputBackground = "#ffffff"; export const ColorInputDisabledBackground = "#e6e6e6"; export const ColorInputDisabledBorder = "#e6e6e6"; export const ColorInputDisabledIcon = "#999999"; export const ColorInputDisabledLabel = "#808080"; export const ColorInputHoverBorder = "#191919"; export const ColorInputFocusBorder = "#0b96cc"; export const ColorInputValidBorder = "#46a610"; export const ColorInputValidHoverBorder = "#035010"; export const ColorInputInvalidBorder = "#c61112"; export const ColorInputInvalidHoverBorder = "#530000"; export const ColorInputCheckedBorder = "#ff941a"; export const ColorInputCheckedBackground = "#ff941a"; export const ColorInputCheckedIcon = "#002a5b"; export const ColorInputCheckedHoverBorder = "#ef7f00"; export const ColorLinkDarkBase = "#000000"; export const ColorLinkDarkVisited = "#333333"; export const ColorLinkDarkActive = "#333333"; export const ColorLinkDarkDisabled = "#e6e6e6"; export const ColorLinkDarkHover = "#666666"; export const ColorLinkLightBase = "#ffffff"; export const ColorLinkLightVisited = "#cccccc"; export const ColorLinkLightActive = "#cccccc"; export const ColorLinkLightDisabled = "#e6e6e6"; export const ColorLinkLightHover = "#999999"; export const ColorLinkPrimaryBase = "#c34400"; export const ColorLinkPrimaryVisited = "#c34400"; export const ColorLinkPrimaryActive = "#702700"; export const ColorLinkPrimaryDisabled = "#e6e6e6"; export const ColorLinkPrimaryHover = "#943300"; export const ColorLinkPrimary02Base = "#c34400"; export const ColorLinkPrimary02Visited = "#943300"; export const ColorLinkPrimary02Active = "#943300"; export const ColorLinkPrimary02Disabled = "#e6e6e6"; export const ColorLinkPrimary02Hover = "#421700"; export const ColorLinkDangerBase = "#c61112"; export const ColorLinkDangerVisited = "#8c0003"; export const ColorLinkDangerActive = "#8c0003"; export const ColorLinkDangerDisabled = "#e6e6e6"; export const ColorLinkDangerHover = "#530000"; export const ColorListboxBackground = "#ffffff"; export const ColorListboxBorder = "#666666"; export const ColorListboxTileBorder = "#b3b3b3"; export const ColorListboxTileShadow = "#191919"; export const ColorListboxTileHoverBackground = "#e6e6e6"; export const ColorListboxDisabledBackground = "#cccccc"; export const ColorLoaderDark = "#191919"; export const ColorLoaderLight = "#ffffff"; export const ColorLoaderPrimary = "#ef7f00"; export const ColorMenuIsActive = "#ff941a"; export const ColorMenuHover = "#ffe2bd"; export const ColorMenuActive = "#ff941a"; export const ColorMenuTextActive = "#002a5b"; export const ColorNotificationFont = "#000000"; export const ColorNotificationInformationBackground = "#daeff7"; export const ColorNotificationInformationBorder = "#0b96cc"; export const ColorNotificationInformationIcon = "#007bb4"; export const ColorNotificationSuccessBackground = "#ebf5de"; export const ColorNotificationSuccessBorder = "#46a610"; export const ColorNotificationSuccessIcon = "#188803"; export const ColorNotificationWarningBackground = "#fdf1e8"; export const ColorNotificationWarningBorder = "#ea7315"; export const ColorNotificationWarningIcon = "#c65200"; export const ColorNotificationDangerBackground = "#fdeaea"; export const ColorNotificationDangerBorder = "#ea302d"; export const ColorNotificationDangerIcon = "#c61112"; export const ColorOptionButtonLabelShadow = "#b3b3b3"; export const ColorOptionButtonHoverLabelShadow = "#333333"; export const ColorOptionButtonCheckedLabelBorder = "#ff941a"; export const ColorOptionButtonCheckedLabelShadow = "#ffe2bd"; export const ColorOptionButtonDisabledLabelBackground = "#cccccc"; export const ColorOptionCardLabelShadow = "#b3b3b3"; export const ColorOptionCardHoverLabelShadow = "#333333"; export const ColorOptionCardCheckedLabelBorder = "#ff941a"; export const ColorOptionCardCheckedLabelShadow = "#ffe2bd"; export const ColorOptionCardDisabledContent = "#cccccc"; export const ColorOptionCardDisabledLabel = "#666666"; export const ColorOverlayBackground = "#191919"; export const ColorOverlayLoaderBackground = "#191919"; export const ColorPasswordInputButtonHoverBackground = "#e6e6e6"; export const ColorPhoneNumberButtonBorder = "#666666"; export const ColorPhoneNumberListBackground = "#ffffff"; export const ColorPhoneNumberItemBorder = "#b3b3b3"; export const ColorPhoneNumberItemFocusBackground = "#e6e6e6"; export const ColorProgressBackground = "#cccccc"; export const ColorProgressIndicator = "#ef7f00"; export const ColorProgressPercentageDefault = "#191919"; export const ColorProgressPercentageBackground = "#ffffff"; export const ColorSegmentedControlIsActive = "#ff941a"; export const ColorSegmentedControlHover = "#ffe2bd"; export const ColorSegmentedControlActive = "#ff941a"; export const ColorSegmentedControlTextDefault = "#000000"; export const ColorSegmentedControlTextActive = "#002a5b"; export const ColorSidebarBackground = "#ffe2bd"; export const ColorSidebarFeatureBackground = "#ffbf6b"; export const ColorSidebarFeatureHoverBackground = "#ff941a"; export const ColorSidebarFeatureSelectedBackground = "#ffbf6b"; export const ColorSidebarFeatureDisabledBackground = "#e05a00"; export const ColorSidebarUserBackground = "#ffbf6b"; export const ColorSidebarDividerBackground = "#b3b3b3"; export const ColorSidebarIcon = "#191919"; export const ColorSidebarTextBackground = "#e6e6e6"; export const ColorSidebarTextColor = "#191919"; export const ColorSidebarScrollBackground = "#b3b3b3"; export const ColorSidebarScrollColor = "#ef7f00"; export const ColorStarEmpty = "#ffffff"; export const ColorStarFocus = "#0b96cc"; export const ColorStarFull = "#ea7315"; export const ColorStarHover = "#f4b27e"; export const ColorStepperItemBackground = "#999999"; export const ColorStepperItemCurrentBackground = "#00387a"; export const ColorStepperLinkHoverText = "#000000"; export const ColorStepperIndicatorBackground = "#ffffff"; export const ColorStepperIndicatorBorder = "#999999"; export const ColorStepperIndicatorCurrentBackground = "#00387a"; export const ColorStepperIndicatorCurrentBorder = "#00387a"; export const ColorStepperIcon = "#00387a"; export const ColorStepperTitle = "#00387a"; export const ColorTabsBackground = "#ffffff"; export const ColorTabsShadow = "#000000"; export const ColorTabsDefault = "#666666"; export const ColorTabsElementBackground = "#ffe2bd"; export const ColorTabsHoverBackground = "#e6e6e6"; export const ColorTabsDisabledBackground = "#cccccc"; export const ColorTabsActiveBackground = "#cccccc"; export const ColorTabsActiveText = "#666666"; export const ColorTabsSelectedBorder = "#000000"; export const ColorTabsSelectedText = "#000000"; export const ColorTabsSelectedActiveText = "#000000"; export const ColorTabsSelectedHoverText = "#000000"; export const ColorTabsActiveDisabled = "#b8d3ff"; export const ColorTagTextLightBackground = "#ffffff"; export const ColorTagTextLightBorder = "#808080"; export const ColorTagTextLightText = "#191919"; export const ColorTagTextDarkBackground = "#191919"; export const ColorTagTextDarkBorder = "#ffffff"; export const ColorTagTextDarkText = "#ffffff"; export const ColorTagLinkLightBackground = "#ffffff"; export const ColorTagLinkLightBorder = "#808080"; export const ColorTagLinkLightText = "#191919"; export const ColorTagLinkLightHoverBackground = "#e6e6e6"; export const ColorTagLinkLightActiveBackground = "#cccccc"; export const ColorTagLinkDarkBackground = "#191919"; export const ColorTagLinkDarkBorder = "#ffffff"; export const ColorTagLinkDarkText = "#ffffff"; export const ColorTagLinkDarkHoverBackground = "#333333"; export const ColorTagLinkDarkActiveBackground = "#4d4d4d"; export const ColorTagSelectableLightBackground = "#ffffff"; export const ColorTagSelectableLightBorder = "#808080"; export const ColorTagSelectableLightText = "#191919"; export const ColorTagSelectableLightHoverBackground = "#e5efff"; export const ColorTagSelectableLightActiveBackground = "#b8d3ff"; export const ColorTagSelectableLightActiveBorder = "#808080"; export const ColorTagSelectableLightActiveText = "#191919"; export const ColorTagSelectableLightDisabledBackground = "#e6e6e6"; export const ColorTagSelectableLightDisabledText = "#808080"; export const ColorTagSelectableLightSelectedBackground = "#002a5b"; export const ColorTagSelectableLightSelectedText = "#ffffff"; export const ColorTagSelectableLightSelectedHoverBackground = "#00387a"; export const ColorTagSelectableDarkBackground = "#191919"; export const ColorTagSelectableDarkBorder = "#ffffff"; export const ColorTagSelectableDarkText = "#ffffff"; export const ColorTagSelectableDarkHoverBackground = "#004ea8"; export const ColorTagSelectableDarkActiveBackground = "#b8d3ff"; export const ColorTagSelectableDarkActiveBorder = "#b8d3ff"; export const ColorTagSelectableDarkActiveText = "#191919"; export const ColorTagSelectableDarkSelectedBackground = "#5797ff"; export const ColorTagSelectableDarkSelectedBorder = "#5797ff"; export const ColorTagSelectableDarkSelectedText = "#191919"; export const ColorTagSelectableDarkSelectedHoverBackground = "#8ab7ff"; export const ColorTagSelectableDarkDisabledBackground = "#4d4d4d"; export const ColorTagSelectableDarkDisabledText = "#808080"; export const ColorTagRemovableLightBackground = "#333333"; export const ColorTagRemovableLightText = "#ffffff"; export const ColorTagRemovableLightIcon = "#cccccc"; export const ColorTagRemovableLightHoverBackground = "#4d4d4d"; export const ColorTagRemovableLightActiveBackground = "#666666"; export const ColorTagRemovableDarkBackground = "#cccccc"; export const ColorTagRemovableDarkText = "#191919"; export const ColorTagRemovableDarkIcon = "#191919"; export const ColorTagRemovableDarkHoverBackground = "#b3b3b3"; export const ColorTagRemovableDarkActiveBackground = "#999999"; export const ColorToggleLabel = "#000000"; export const ColorToggleOffBackground = "#808080"; export const ColorToggleOffCircle = "#ffffff"; export const ColorToggleOnBackground = "#ff941a"; export const ColorToggleOnCircle = "#ffffff"; export const ColorToggleOnIcon = "#002a5b"; export const ColorToggleHoverCircle = "#e6e6e6"; export const ColorToggleDisabledBackground = "#e6e6e6"; export const ColorToggleDisabledCircle = "#b3b3b3"; export const ColorToggleDisabledLabel = "#808080"; export const ColorToggleDisabledCheckedBackground = "#b8d3ff"; export const ColorToggleDisabledCheckedCircle = "#ffffff"; export const ColorTooltipBackground = "#4d4d4d"; export const ColorTooltipBorder = "#ffffff"; export const Preset = "bricoman"; export const RadiusS = 2; export const RadiusM = 4; export const RadiusL = 6; export const ShadowSX = "0px"; export const ShadowSY = "1px"; export const ShadowSBlur = "5px"; export const ShadowSSpread = "0px"; export const ShadowSOpacity = "0.2"; export const ShadowMX = "0px"; export const ShadowMY = "2px"; export const ShadowMBlur = "10px"; export const ShadowMSpread = "0px"; export const ShadowMOpacity = "0.2"; export const ShadowLX = "0px"; export const ShadowLY = "4px"; export const ShadowLBlur = "20px"; export const ShadowLSpread = "0px"; export const ShadowLOpacity = "0.2"; export const MagicUnit = 1; export const LocalRemValue = 16; export const SizeFont10 = "2.5625rem"; // 41px export const SizeFont11 = "3.0625rem"; // 49px export const SizeFont12 = "3.6875rem"; // 59px export const SizeFont01 = "0.6815rem"; // 11px export const SizeFont02 = "0.75rem"; // 12px export const SizeFont03 = "0.8125rem"; // 13px export const SizeFont04 = "0.875rem"; // 14px export const SizeFont05 = "1rem"; // 16px export const SizeFont06 = "1.125rem"; // 18px export const SizeFont07 = "1.5rem"; // 24px export const SizeFont08 = "1.75rem"; // 28px export const SizeFont09 = "2.125rem"; // 34px export const SizeLine10Xs = "2.5rem"; // 40px export const SizeLine10S = "3rem"; // 48px export const SizeLine10M = "3.5rem"; // 56px export const SizeLine10L = "3.75rem"; // 60px export const SizeLine11Xs = "3rem"; // 48px export const SizeLine11S = "3.5rem"; // 56px export const SizeLine11M = "4.25rem"; // 68px export const SizeLine11L = "4.5rem"; // 72px export const SizeLine12Xs = "3.75rem"; // 60px export const SizeLine12S = "4.25rem"; // 68px export const SizeLine12M = "5rem"; // 80px export const SizeLine12L = "5.5rem"; // 88px export const SizeLine01Xs = "0.75rem"; // 12px export const SizeLine01S = "0.75rem"; // 12px export const SizeLine01M = "0.875rem"; // 14px export const SizeLine01L = "1rem"; // 16px export const SizeLine02Xs = "0.75rem"; // 12px export const SizeLine02S = "0.875rem"; // 14px export const SizeLine02M = "1rem"; // 16px export const SizeLine02L = "1.125rem"; // 18px export const SizeLine03Xs = "0.875rem"; // 14px export const SizeLine03S = "1rem"; // 16px export const SizeLine03M = "1.125rem"; // 18px export const SizeLine03L = "1.25rem"; // 20px export const SizeLine04Xs = "0.875rem"; // 14px export const SizeLine04S = "1rem"; // 16px export const SizeLine04M = "1.125rem"; // 18px export const SizeLine04L = "1.375rem"; // 22px export const SizeLine05Xs = "1rem"; // 16px export const SizeLine05S = "1.125rem"; // 18px export const SizeLine05M = "1.375rem"; // 22px export const SizeLine05L = "1.5rem"; // 24px export const SizeLine06Xs = "1.125rem"; // 18px export const SizeLine06S = "1.25rem"; // 20px export const SizeLine06M = "1.5rem"; // 24px export const SizeLine06L = "1.75rem"; // 28px export const SizeLine07Xs = "1.5rem"; // 24px export const SizeLine07S = "1.75rem"; // 28px export const SizeLine07M = "2rem"; // 32px export const SizeLine07L = "2.25rem"; // 36px export const SizeLine08Xs = "1.75rem"; // 28px export const SizeLine08S = "2rem"; // 32px export const SizeLine08M = "2.25rem"; // 36px export const SizeLine08L = "2.75rem"; // 44px export const SizeLine09Xs = "2.25rem"; // 36px export const SizeLine09S = "2.5rem"; // 40px export const SizeLine09M = "2.75rem"; // 44px export const SizeLine09L = "3.25rem"; // 52px export const SizeGutterScreenS = "1rem"; export const SizeGutterScreenM = "2rem"; export const ScreenS = "0px"; export const ScreenSMedium = "320px"; export const ScreenSLarge = "360px"; export const ScreenSXlarge = "390px"; export const ScreenM = "680px"; export const ScreenMMedium = "769px"; export const ScreenL = "1024px"; export const ScreenLMedium = "1100px"; export const ScreenXl = "1280px"; export const ScreenXlMedium = "1440px"; export const ScreenXlLarge = "1680px"; export const ScreenXxl = "1920px";