@mozaic-ds/vue-3
Version:
Vue.js implementation of Mozaic Design System
583 lines (582 loc) • 29.2 kB
JavaScript
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";