@mozaic-ds/vue 1.0.0-rc.0 → 1.0.0-rc.2

package/src/tokens/adeo/js/tokens.js

@@ -13,9 +13,9 @@ export const ColorBadgeWarningText = "#8c3500";
 export const ColorBadgeDangerBackground = "#fdeaea";
 export const ColorBadgeDangerBorder = "#ea302d";
 export const ColorBadgeDangerText = "#8c0003";
-export const ColorBadgeNeutralBackground = "#eeedea";
-export const ColorBadgeNeutralBorder = "#8c8b85";
-export const ColorBadgeNeutralText = "#555550";
+export const ColorBadgeNeutralBackground = "#e6e6e6";
+export const ColorBadgeNeutralBorder = "#808080";
+export const ColorBadgeNeutralText = "#4d4d4d";
 export const ColorPrimary01100 = "#d9f0f3";
 export const ColorPrimary01200 = "#91d5db";
 export const ColorPrimary01300 = "#48bac4";
@@ -25,24 +25,24 @@ export const ColorPrimary01600 = "#007f8c";
 export const ColorPrimary01700 = "#006974";
 export const ColorPrimary01800 = "#004e57";
 export const ColorPrimary01900 = "#002e33";
-export const ColorPrimary02100 = "#dbedea";
-export const ColorPrimary02200 = "#a5d1cb";
-export const ColorPrimary02300 = "#6eb4ad";
-export const ColorPrimary02400 = "#379590";
-export const ColorPrimary02500 = "#007574";
-export const ColorPrimary02600 = "#035f64";
-export const ColorPrimary02700 = "#044c53";
-export const ColorPrimary02800 = "#063a44";
-export const ColorPrimary02900 = "#062b35";
-export const ColorGrey100 = "#eeedea";
-export const ColorGrey200 = "#dddcd5";
-export const ColorGrey300 = "#c2c1ba";
-export const ColorGrey400 = "#a7a6a0";
-export const ColorGrey500 = "#8c8b85";
-export const ColorGrey600 = "#71706b";
-export const ColorGrey700 = "#555550";
-export const ColorGrey800 = "#3a3936";
-export const ColorGrey900 = "#1e1e1c";
+export const ColorPrimary02100 = "#eeeff1";
+export const ColorPrimary02200 = "#cfd2d8";
+export const ColorPrimary02300 = "#b3b7c1";
+export const ColorPrimary02400 = "#8f94a3";
+export const ColorPrimary02500 = "#6a7081";
+export const ColorPrimary02600 = "#494f60";
+export const ColorPrimary02700 = "#343b4c";
+export const ColorPrimary02800 = "#242938";
+export const ColorPrimary02900 = "#171b26";
+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 = "#eaedef";
@@ -135,35 +135,37 @@ 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 = "#007f8c";
 export const ColorButtonSolidFont = "#ffffff";
 export const ColorButtonSolidFocusBorder = "#006974";
-export const ColorButtonSolidDisabledBackground = "#dddcd5";
-export const ColorButtonSolidDisabledFont = "#71706b";
+export const ColorButtonSolidDisabledBackground = "#cccccc";
+export const ColorButtonSolidDisabledFont = "#666666";
 export const ColorButtonSolidActiveBackground = "#006974";
 export const ColorButtonSolidHoverBackground = "#006974";
 export const ColorButtonSolidHoverFont = "#ffffff";
-export const ColorButtonSolidPrimary02Background = "#007574";
+export const ColorButtonSolidPrimary02Background = "#6a7081";
 export const ColorButtonSolidPrimary02Font = "#ffffff";
-export const ColorButtonSolidPrimary02FocusBorder = "#062b35";
-export const ColorButtonSolidPrimary02DisabledBackground = "#dddcd5";
-export const ColorButtonSolidPrimary02DisabledFont = "#71706b";
-export const ColorButtonSolidPrimary02ActiveBackground = "#062b35";
-export const ColorButtonSolidPrimary02HoverBackground = "#063a44";
+export const ColorButtonSolidPrimary02FocusBorder = "#171b26";
+export const ColorButtonSolidPrimary02DisabledBackground = "#cccccc";
+export const ColorButtonSolidPrimary02DisabledFont = "#666666";
+export const ColorButtonSolidPrimary02ActiveBackground = "#171b26";
+export const ColorButtonSolidPrimary02HoverBackground = "#242938";
 export const ColorButtonSolidPrimary02HoverFont = "#ffffff";
-export const ColorButtonSolidNeutralBackground = "#3a3936";
+export const ColorButtonSolidNeutralBackground = "#333333";
 export const ColorButtonSolidNeutralFont = "#ffffff";
-export const ColorButtonSolidNeutralFocusBorder = "#1e1e1c";
-export const ColorButtonSolidNeutralDisabledBackground = "#dddcd5";
-export const ColorButtonSolidNeutralDisabledFont = "#71706b";
-export const ColorButtonSolidNeutralActiveBackground = "#3a3936";
-export const ColorButtonSolidNeutralHoverBackground = "#1e1e1c";
+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 = "#dddcd5";
-export const ColorButtonSolidDangerDisabledFont = "#71706b";
+export const ColorButtonSolidDangerDisabledBackground = "#cccccc";
+export const ColorButtonSolidDangerDisabledFont = "#666666";
 export const ColorButtonSolidDangerActiveBackground = "#8c0003";
 export const ColorButtonSolidDangerHoverBackground = "#8c0003";
 export const ColorButtonSolidDangerHoverFont = "#ffffff";
@@ -171,45 +173,51 @@ export const ColorButtonBorderedBackground = "#ffffff";
 export const ColorButtonBorderedBorder = "#007f8c";
 export const ColorButtonBorderedFont = "#007f8c";
 export const ColorButtonBorderedFocusBorder = "#006974";
-export const ColorButtonBorderedDisabledBackground = "#dddcd5";
-export const ColorButtonBorderedDisabledFont = "#71706b";
+export const ColorButtonBorderedDisabledBackground = "#cccccc";
+export const ColorButtonBorderedDisabledFont = "#666666";
 export const ColorButtonBorderedActiveBackground = "#91d5db";
 export const ColorButtonBorderedHoverBackground = "#d9f0f3";
 export const ColorButtonBorderedPrimary02Background = "#ffffff";
-export const ColorButtonBorderedPrimary02Border = "#007574";
-export const ColorButtonBorderedPrimary02Font = "#007574";
-export const ColorButtonBorderedPrimary02FocusBorder = "#062b35";
-export const ColorButtonBorderedPrimary02DisabledBackground = "#dddcd5";
-export const ColorButtonBorderedPrimary02DisabledFont = "#71706b";
-export const ColorButtonBorderedPrimary02ActiveBackground = "#a5d1cb";
-export const ColorButtonBorderedPrimary02HoverBackground = "#dbedea";
+export const ColorButtonBorderedPrimary02Border = "#6a7081";
+export const ColorButtonBorderedPrimary02Font = "#6a7081";
+export const ColorButtonBorderedPrimary02FocusBorder = "#171b26";
+export const ColorButtonBorderedPrimary02DisabledBackground = "#cccccc";
+export const ColorButtonBorderedPrimary02DisabledFont = "#666666";
+export const ColorButtonBorderedPrimary02ActiveBackground = "#cfd2d8";
+export const ColorButtonBorderedPrimary02HoverBackground = "#eeeff1";
 export const ColorButtonBorderedNeutralBackground = "#ffffff";
-export const ColorButtonBorderedNeutralBorder = "#3a3936";
-export const ColorButtonBorderedNeutralFont = "#3a3936";
-export const ColorButtonBorderedNeutralFocusBorder = "#1e1e1c";
-export const ColorButtonBorderedNeutralDisabledBackground = "#dddcd5";
-export const ColorButtonBorderedNeutralDisabledFont = "#71706b";
-export const ColorButtonBorderedNeutralActiveBackground = "#dddcd5";
-export const ColorButtonBorderedNeutralHoverBackground = "#eeedea";
+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 = "#dddcd5";
-export const ColorButtonBorderedDangerDisabledFont = "#71706b";
+export const ColorButtonBorderedDangerDisabledBackground = "#cccccc";
+export const ColorButtonBorderedDangerDisabledFont = "#666666";
 export const ColorButtonBorderedDangerActiveBackground = "#f8bcbb";
 export const ColorButtonBorderedDangerHoverBackground = "#fdeaea";
+export const ColorCardBorderedBackground = "#ffffff";
+export const ColorCardBorderedBorder = "#808080";
+export const ColorDialogBackground = "#ffffff";
+export const ColorDialogIcon = "#666666";
+export const ColorDialogClose = "#808080";
+export const ColorDialogFooterShadow = "#191919";
 export const ColorDividerLightest = "#ffffff";
-export const ColorDividerLight = "#c2c1ba";
-export const ColorDividerDefault = "#71706b";
+export const ColorDividerLight = "#b3b3b3";
+export const ColorDividerDefault = "#666666";
 export const ColorDividerDark = "#000000";
 export const ColorFieldsError = "#c61112";
-export const ColorFieldsLabel = "#3a3936";
-export const ColorFieldsRequirement = "#71706b";
-export const ColorFieldsHelp = "#71706b";
+export const ColorFieldsLabel = "#333333";
+export const ColorFieldsRequirement = "#666666";
+export const ColorFieldsHelp = "#666666";
 export const ColorFileuploaderFont = "#000000";
-export const ColorFileuploaderFilesList = "#eeedea";
-export const ColorFileuploaderFilesDelete = "#dddcd5";
+export const ColorFileuploaderFilesList = "#e6e6e6";
+export const ColorFileuploaderFilesDelete = "#cccccc";
 export const ColorFileuploaderValid = "#00919f";
 export const ColorFileuploaderAlert = "#c61112";
 export const ColorFlagSolidBackground = "#007f8c";
@@ -245,24 +253,27 @@ export const ColorFlagBorderedDangerText = "#c61112";
 export const ColorFocusGap = "#ffffff";
 export const ColorFocusBorder = "#758992";
 export const ColorFontPrimary01 = "#007f8c";
-export const ColorFontPrimary02 = "#007574";
+export const ColorFontPrimary02 = "#6a7081";
 export const ColorFontDarkest = "#000000";
-export const ColorFontDarker = "#1e1e1c";
-export const ColorFontDark = "#3a3936";
-export const ColorFontLight = "#71706b";
+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 ColorInputText = "#1e1e1c";
-export const ColorInputBorder = "#71706b";
-export const ColorInputPlaceholder = "#8c8b85";
+export const ColorHeadingUnderlineDefault = "#00919f";
+export const ColorHeadingUnderlineLightest = "#91d5db";
+export const ColorHeroCoverBackground = "#191919";
+export const ColorInputText = "#191919";
+export const ColorInputBorder = "#666666";
+export const ColorInputPlaceholder = "#808080";
 export const ColorInputBackground = "#ffffff";
-export const ColorInputDisabledBorder = "#eeedea";
-export const ColorInputDisabledBackground = "#eeedea";
-export const ColorInputDisabledIcon = "#a7a6a0";
-export const ColorInputHoverBorder = "#1e1e1c";
+export const ColorInputDisabledBorder = "#e6e6e6";
+export const ColorInputDisabledBackground = "#e6e6e6";
+export const ColorInputDisabledIcon = "#999999";
+export const ColorInputHoverBorder = "#191919";
 export const ColorInputFocusBorder = "#758992";
 export const ColorInputValidBorder = "#46a610";
 export const ColorInputValidHoverBorder = "#035010";
@@ -273,30 +284,36 @@ export const ColorInputCheckedBackground = "#00919f";
 export const ColorInputCheckedIcon = "#ffffff";
 export const ColorInputCheckedHoverBorder = "#004e57";
 export const ColorLinkDarkBase = "#000000";
-export const ColorLinkDarkVisited = "#3a3936";
-export const ColorLinkDarkActive = "#3a3936";
-export const ColorLinkDarkDisabled = "#eeedea";
-export const ColorLinkDarkHover = "#71706b";
+export const ColorLinkDarkVisited = "#333333";
+export const ColorLinkDarkActive = "#333333";
+export const ColorLinkDarkDisabled = "#e6e6e6";
+export const ColorLinkDarkHover = "#666666";
 export const ColorLinkLightBase = "#ffffff";
-export const ColorLinkLightVisited = "#dddcd5";
-export const ColorLinkLightActive = "#dddcd5";
-export const ColorLinkLightDisabled = "#eeedea";
-export const ColorLinkLightHover = "#a7a6a0";
+export const ColorLinkLightVisited = "#cccccc";
+export const ColorLinkLightActive = "#cccccc";
+export const ColorLinkLightDisabled = "#e6e6e6";
+export const ColorLinkLightHover = "#999999";
 export const ColorLinkPrimaryBase = "#007f8c";
 export const ColorLinkPrimaryVisited = "#006974";
 export const ColorLinkPrimaryActive = "#006974";
-export const ColorLinkPrimaryDisabled = "#eeedea";
+export const ColorLinkPrimaryDisabled = "#e6e6e6";
 export const ColorLinkPrimaryHover = "#004e57";
-export const ColorLinkPrimary02Base = "#035f64";
-export const ColorLinkPrimary02Visited = "#044c53";
-export const ColorLinkPrimary02Active = "#044c53";
-export const ColorLinkPrimary02Disabled = "#eeedea";
-export const ColorLinkPrimary02Hover = "#062b35";
+export const ColorLinkPrimary02Base = "#494f60";
+export const ColorLinkPrimary02Visited = "#343b4c";
+export const ColorLinkPrimary02Active = "#343b4c";
+export const ColorLinkPrimary02Disabled = "#e6e6e6";
+export const ColorLinkPrimary02Hover = "#171b26";
 export const ColorLinkDangerBase = "#c61112";
 export const ColorLinkDangerVisited = "#8c0003";
 export const ColorLinkDangerActive = "#8c0003";
-export const ColorLinkDangerDisabled = "#eeedea";
+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 ColorNotificationFont = "#000000";
 export const ColorNotificationInformationBackground = "#daeff7";
 export const ColorNotificationInformationBorder = "#0b96cc";
@@ -310,82 +327,122 @@ export const ColorNotificationWarningIcon = "#c65200";
 export const ColorNotificationDangerBackground = "#fdeaea";
 export const ColorNotificationDangerBorder = "#ea302d";
 export const ColorNotificationDangerIcon = "#c61112";
-export const ColorProgressBackground = "#dddcd5";
+export const ColorOptionButtonLabelShadow = "#b3b3b3";
+export const ColorOptionButtonHoverLabelShadow = "#333333";
+export const ColorOptionButtonCheckedLabelBorder = "#00919f";
+export const ColorOptionButtonCheckedLabelShadow = "#d9f0f3";
+export const ColorOptionButtonDisabledLabelBackground = "#cccccc";
+export const ColorOptionCardLabelShadow = "#b3b3b3";
+export const ColorOptionCardHoverLabelShadow = "#333333";
+export const ColorOptionCardCheckedLabelBorder = "#00919f";
+export const ColorOptionCardCheckedLabelShadow = "#d9f0f3";
+export const ColorOverlayBackground = "#191919";
+export const ColorOverlayLoaderBackground = "#082435";
+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 = "#007bb4";
-export const ColorProgressPercentageDefault = "#1e1e1c";
+export const ColorProgressPercentageDefault = "#191919";
 export const ColorProgressPercentageHalf = "#ffffff";
 export const ColorProgressBrandedIndicator = "#00919f";
-export const ColorStarEmpty = "#dddcd5";
+export const ColorStarEmpty = "#ffffff";
 export const ColorStarFocus = "#758992";
 export const ColorStarFull = "#ea7315";
 export const ColorStarHover = "#f4b27e";
+export const ColorStepperItemBackground = "#999999";
+export const ColorStepperItemCurrentBackground = "#00919f";
+export const ColorStepperLinkHoverText = "#00919f";
+export const ColorStepperIndicatorBackground = "#ffffff";
+export const ColorStepperIndicatorBorder = "#999999";
+export const ColorStepperIndicatorCurrentBackground = "#00919f";
+export const ColorStepperIndicatorCurrentBorder = "#00919f";
+export const ColorStepperIcon = "#00919f";
+export const ColorStepperTitle = "#00919f";
 export const ColorTabsBackground = "#ffffff";
 export const ColorTabsShadow = "#000000";
-export const ColorTabsDefault = "#1e1e1c";
+export const ColorTabsDefault = "#666666";
+export const ColorTabsElementBackground = "#eeeff1";
 export const ColorTabsHover = "#004e57";
-export const ColorTabsDisabled = "#71706b";
-export const ColorTabsActive = "#007f8c";
+export const ColorTabsDisabledBackground = "#cccccc";
+export const ColorTabsActiveBackground = "#cfd2d8";
+export const ColorTabsActiveText = "#333333";
+export const ColorTabsSelectedBorder = "#000000";
+export const ColorTabsSelectedText = "#000000";
 export const ColorTabsActiveDisabled = "#91d5db";
 export const ColorTagTextLightBackground = "#ffffff";
-export const ColorTagTextLightBorder = "#8c8b85";
-export const ColorTagTextLightText = "#1e1e1c";
-export const ColorTagTextDarkBackground = "#1e1e1c";
+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 = "#8c8b85";
-export const ColorTagLinkLightText = "#1e1e1c";
-export const ColorTagLinkLightHoverBackground = "#eeedea";
-export const ColorTagLinkLightActiveBackground = "#dddcd5";
-export const ColorTagLinkDarkBackground = "#1e1e1c";
+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 = "#3a3936";
-export const ColorTagLinkDarkActiveBackground = "#555550";
+export const ColorTagLinkDarkHoverBackground = "#333333";
+export const ColorTagLinkDarkActiveBackground = "#4d4d4d";
 export const ColorTagSelectableLightBackground = "#ffffff";
-export const ColorTagSelectableLightBorder = "#8c8b85";
-export const ColorTagSelectableLightText = "#1e1e1c";
+export const ColorTagSelectableLightBorder = "#808080";
+export const ColorTagSelectableLightText = "#191919";
 export const ColorTagSelectableLightHoverBackground = "#48bac4";
 export const ColorTagSelectableLightActiveBackground = "#004e57";
 export const ColorTagSelectableLightActiveBorder = "#004e57";
 export const ColorTagSelectableLightActiveText = "#ffffff";
-export const ColorTagSelectableLightDisabledBackground = "#eeedea";
-export const ColorTagSelectableLightDisabledText = "#8c8b85";
+export const ColorTagSelectableLightDisabledBackground = "#e6e6e6";
+export const ColorTagSelectableLightDisabledText = "#808080";
 export const ColorTagSelectableLightSelectedBackground = "#007f8c";
 export const ColorTagSelectableLightSelectedText = "#ffffff";
 export const ColorTagSelectableLightSelectedHoverBackground = "#006974";
-export const ColorTagSelectableDarkBackground = "#1e1e1c";
+export const ColorTagSelectableDarkBackground = "#191919";
 export const ColorTagSelectableDarkBorder = "#ffffff";
 export const ColorTagSelectableDarkText = "#ffffff";
 export const ColorTagSelectableDarkHoverBackground = "#006974";
 export const ColorTagSelectableDarkActiveBackground = "#91d5db";
 export const ColorTagSelectableDarkActiveBorder = "#91d5db";
-export const ColorTagSelectableDarkActiveText = "#1e1e1c";
+export const ColorTagSelectableDarkActiveText = "#191919";
 export const ColorTagSelectableDarkSelectedBackground = "#009eac";
 export const ColorTagSelectableDarkSelectedBorder = "#009eac";
-export const ColorTagSelectableDarkSelectedText = "#1e1e1c";
+export const ColorTagSelectableDarkSelectedText = "#191919";
 export const ColorTagSelectableDarkSelectedHoverBackground = "#48bac4";
-export const ColorTagSelectableDarkDisabledBackground = "#555550";
-export const ColorTagSelectableDarkDisabledText = "#8c8b85";
-export const ColorTagRemovableLightBackground = "#3a3936";
+export const ColorTagSelectableDarkDisabledBackground = "#4d4d4d";
+export const ColorTagSelectableDarkDisabledText = "#808080";
+export const ColorTagRemovableLightBackground = "#333333";
 export const ColorTagRemovableLightText = "#ffffff";
-export const ColorTagRemovableLightIcon = "#dddcd5";
-export const ColorTagRemovableLightHoverBackground = "#555550";
-export const ColorTagRemovableLightActiveBackground = "#71706b";
-export const ColorTagRemovableDarkBackground = "#dddcd5";
-export const ColorTagRemovableDarkText = "#1e1e1c";
-export const ColorTagRemovableDarkIcon = "#1e1e1c";
-export const ColorTagRemovableDarkHoverBackground = "#c2c1ba";
-export const ColorTagRemovableDarkActiveBackground = "#a7a6a0";
-export const ColorToggleOffBackground = "#71706b";
+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 ColorToggleOffBackground = "#666666";
 export const ColorToggleOffCircle = "#ffffff";
 export const ColorToggleOnBackground = "#00919f";
 export const ColorToggleOnCircle = "#ffffff";
-export const ColorToggleHoverCircle = "#eeedea";
-export const ColorToggleDisabledBackground = "#eeedea";
-export const ColorToggleDisabledCircle = "#c2c1ba";
+export const ColorToggleHoverCircle = "#e6e6e6";
+export const ColorToggleDisabledBackground = "#e6e6e6";
+export const ColorToggleDisabledCircle = "#b3b3b3";
 export const ColorToggleDisabledCheckedBackground = "#91d5db";
 export const ColorToggleDisabledCheckedCircle = "#ffffff";
+export const ColorTooltipBackground = "#4d4d4d";
+export const ColorTooltipBorder = "#ffffff";
+export const ColorSecondarySandgrey100 = "#eeedea";
+export const ColorSecondarySandgrey200 = "#dddcd5";
+export const ColorSecondarySandgrey300 = "#c2c1ba";
+export const ColorSecondarySandgrey400 = "#a7a6a0";
+export const ColorSecondarySandgrey500 = "#8c8b85";
+export const ColorSecondarySandgrey600 = "#71706b";
+export const ColorSecondarySandgrey700 = "#555550";
+export const ColorSecondarySandgrey800 = "#3a3936";
+export const ColorSecondarySandgrey900 = "#1e1e1c";
 export const Preset = "adeo";
 export const RadiusS = 2;
 export const RadiusM = 4;