@sage/design-tokens 14.0.0 → 14.1.0

package/js/es6/frozenproduct/large/dark/components/button.d.ts

@@ -169,6 +169,7 @@ export const buttonColorTypicalPrimaryInverseLabelDisabled: string;
 export const buttonColorTypicalPrimaryInverseLabelEnabled: string;
 export const buttonColorTypicalPrimaryInverseLabelHover: string;
 export const buttonColorTypicalSecondaryBgActive: string;
+export const buttonColorTypicalSecondaryBgEnabled: string;
 export const buttonColorTypicalSecondaryBgHover: string;
 export const buttonColorTypicalSecondaryBorderActive: string;
 export const buttonColorTypicalSecondaryBorderDisabled: string;
@@ -179,6 +180,7 @@ export const buttonColorTypicalSecondaryLabelDisabled: string;
 export const buttonColorTypicalSecondaryLabelEnabled: string;
 export const buttonColorTypicalSecondaryLabelHover: string;
 export const buttonColorTypicalSecondaryInverseBgActive: string;
+export const buttonColorTypicalSecondaryInverseBgEnabled: string;
 export const buttonColorTypicalSecondaryInverseBgHover: string;
 export const buttonColorTypicalSecondaryInverseBorderActive: string;
 export const buttonColorTypicalSecondaryInverseBorderDisabled: string;

package/js/es6/frozenproduct/large/dark/components/button.js

@@ -144,85 +144,87 @@ export const buttonColorAiLabelEnabled = "#ffffffe6";
 export const buttonColorAiLabelHover = "#FFFFFF";
 export const buttonColorDestructivePrimaryBgDisabled = "#4b4b4b";
 export const buttonColorDestructivePrimaryBgEnabled = "#E13E53";
-export const buttonColorDestructivePrimaryBgHover = "#eb646c";
+export const buttonColorDestructivePrimaryBgHover = "#ea626a";
 export const buttonColorDestructivePrimaryLabelDisabled = "#000000";
 export const buttonColorDestructivePrimaryLabelEnabled = "#000000";
 export const buttonColorDestructivePrimaryLabelHover = "#000000";
-export const buttonColorDestructiveSecondaryBgHover = "#e13e5314";
+export const buttonColorDestructiveSecondaryBgHover = "#e13e531a";
 export const buttonColorDestructiveSecondaryBorderDisabled = "#4b4b4b";
 export const buttonColorDestructiveSecondaryBorderEnabled = "#E13E53";
-export const buttonColorDestructiveSecondaryBorderHover = "#eb646c";
+export const buttonColorDestructiveSecondaryBorderHover = "#ea626a";
 export const buttonColorDestructiveSecondaryLabelDisabled = "#ffffff4d";
 export const buttonColorDestructiveSecondaryLabelEnabled = "#E13E53";
-export const buttonColorDestructiveSecondaryLabelHover = "#eb646c";
-export const buttonColorTypicalPrimaryBgActive = "#81e57d";
+export const buttonColorDestructiveSecondaryLabelHover = "#ea626a";
+export const buttonColorTypicalPrimaryBgActive = "#7ce47a";
 export const buttonColorTypicalPrimaryBgDefault = "#000000";
 export const buttonColorTypicalPrimaryBgDisabled = "#4b4b4b";
 export const buttonColorTypicalPrimaryBgEnabled = "#00D639";
-export const buttonColorTypicalPrimaryBgHover = "#58de5d";
+export const buttonColorTypicalPrimaryBgHover = "#55dd5b";
 export const buttonColorTypicalPrimaryLabelActive = "#000000";
 export const buttonColorTypicalPrimaryLabelDisabled = "#000000";
 export const buttonColorTypicalPrimaryLabelEnabled = "#000000";
 export const buttonColorTypicalPrimaryLabelHover = "#000000";
-export const buttonColorTypicalPrimaryInverseBgActive = "#14571a";
+export const buttonColorTypicalPrimaryInverseBgActive = "#13591a";
 export const buttonColorTypicalPrimaryInverseBgDefault = "#FFFFFF";
 export const buttonColorTypicalPrimaryInverseBgDisabled = "#a6a6a6";
 export const buttonColorTypicalPrimaryInverseBgEnabled = "#00811F";
-export const buttonColorTypicalPrimaryInverseBgHover = "#0e6b1d";
+export const buttonColorTypicalPrimaryInverseBgHover = "#0e6d1d";
 export const buttonColorTypicalPrimaryInverseLabelActive = "#FFFFFF";
 export const buttonColorTypicalPrimaryInverseLabelDisabled = "#FFFFFF";
 export const buttonColorTypicalPrimaryInverseLabelEnabled = "#FFFFFF";
 export const buttonColorTypicalPrimaryInverseLabelHover = "#FFFFFF";
-export const buttonColorTypicalSecondaryBgActive = "#00d63952";
-export const buttonColorTypicalSecondaryBgHover = "#00d63914";
-export const buttonColorTypicalSecondaryBorderActive = "#81e57d";
+export const buttonColorTypicalSecondaryBgActive = "#00d6394d";
+export const buttonColorTypicalSecondaryBgEnabled = "#00d63908";
+export const buttonColorTypicalSecondaryBgHover = "#00d6391a";
+export const buttonColorTypicalSecondaryBorderActive = "#7ce47a";
 export const buttonColorTypicalSecondaryBorderDisabled = "#4b4b4b";
 export const buttonColorTypicalSecondaryBorderEnabled = "#00d639cc";
-export const buttonColorTypicalSecondaryBorderHover = "#58de5d";
+export const buttonColorTypicalSecondaryBorderHover = "#55dd5b";
 export const buttonColorTypicalSecondaryLabelActive = "#FFFFFF";
 export const buttonColorTypicalSecondaryLabelDisabled = "#ffffff4d";
 export const buttonColorTypicalSecondaryLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalSecondaryLabelHover = "#FFFFFF";
-export const buttonColorTypicalSecondaryInverseBgActive = "#00811f52";
-export const buttonColorTypicalSecondaryInverseBgHover = "#00811f14";
-export const buttonColorTypicalSecondaryInverseBorderActive = "#14571a";
+export const buttonColorTypicalSecondaryInverseBgActive = "#00811f4d";
+export const buttonColorTypicalSecondaryInverseBgEnabled = "#00811f08";
+export const buttonColorTypicalSecondaryInverseBgHover = "#0c711d1a";
+export const buttonColorTypicalSecondaryInverseBorderActive = "#13591a";
 export const buttonColorTypicalSecondaryInverseBorderDisabled = "#a6a6a6";
 export const buttonColorTypicalSecondaryInverseBorderEnabled = "#00811fcc";
-export const buttonColorTypicalSecondaryInverseBorderHover = "#0e6b1d";
+export const buttonColorTypicalSecondaryInverseBorderHover = "#0e6d1d";
 export const buttonColorTypicalSecondaryInverseLabelActive = "#000000";
 export const buttonColorTypicalSecondaryInverseLabelDisabled = "#0000006b";
 export const buttonColorTypicalSecondaryInverseLabelEnabled = "#000000e6";
 export const buttonColorTypicalSecondaryInverseLabelHover = "#000000";
-export const buttonColorTypicalTertiaryBgActive = "#00d63952";
+export const buttonColorTypicalTertiaryBgActive = "#00d6394d";
 export const buttonColorTypicalTertiaryBgEnabled = "#fff0";
-export const buttonColorTypicalTertiaryBgHover = "#00d63914";
-export const buttonColorTypicalTertiaryBorderActive = "#81e57d";
+export const buttonColorTypicalTertiaryBgHover = "#00d6391a";
+export const buttonColorTypicalTertiaryBorderActive = "#7ce47a";
 export const buttonColorTypicalTertiaryBorderDisabled = "#4b4b4b";
-export const buttonColorTypicalTertiaryBorderEnabled = "#00d63980";
-export const buttonColorTypicalTertiaryBorderHover = "#58de5d";
+export const buttonColorTypicalTertiaryBorderEnabled = "#00d639cc";
+export const buttonColorTypicalTertiaryBorderHover = "#55dd5b";
 export const buttonColorTypicalTertiaryLabelActive = "#FFFFFF";
 export const buttonColorTypicalTertiaryLabelDisabled = "#ffffff4d";
 export const buttonColorTypicalTertiaryLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalTertiaryLabelHover = "#FFFFFF";
-export const buttonColorTypicalTertiaryInverseBgActive = "#00811f52";
+export const buttonColorTypicalTertiaryInverseBgActive = "#00811f4d";
 export const buttonColorTypicalTertiaryInverseBgEnabled = "#fff0";
-export const buttonColorTypicalTertiaryInverseBgHover = "#00811f14";
-export const buttonColorTypicalTertiaryInverseBorderActive = "#14571a";
+export const buttonColorTypicalTertiaryInverseBgHover = "#0c711d1a";
+export const buttonColorTypicalTertiaryInverseBorderActive = "#13591a";
 export const buttonColorTypicalTertiaryInverseBorderDisabled = "#a6a6a6";
-export const buttonColorTypicalTertiaryInverseBorderEnabled = "#00811f80";
-export const buttonColorTypicalTertiaryInverseBorderHover = "#0e6b1d";
+export const buttonColorTypicalTertiaryInverseBorderEnabled = "#00811fcc";
+export const buttonColorTypicalTertiaryInverseBorderHover = "#0e6d1d";
 export const buttonColorTypicalTertiaryInverseLabelActive = "#000000";
 export const buttonColorTypicalTertiaryInverseLabelDisabled = "#0000006b";
 export const buttonColorTypicalTertiaryInverseLabelEnabled = "#000000e6";
 export const buttonColorTypicalTertiaryInverseLabelHover = "#000000";
-export const buttonColorTypicalSubtleBgActive = "#ffffff29";
-export const buttonColorTypicalSubtleBgHover = "#ffffff14";
+export const buttonColorTypicalSubtleBgActive = "#ffffff26";
+export const buttonColorTypicalSubtleBgHover = "#ffffff1a";
 export const buttonColorTypicalSubtleLabelActive = "#FFFFFF";
 export const buttonColorTypicalSubtleLabelDisabled = "#ffffff4d";
 export const buttonColorTypicalSubtleLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalSubtleLabelHover = "#FFFFFF";
-export const buttonColorTypicalSubtleInverseBgActive = "#00000029";
-export const buttonColorTypicalSubtleInverseBgHover = "#00000014";
+export const buttonColorTypicalSubtleInverseBgActive = "#00000026";
+export const buttonColorTypicalSubtleInverseBgHover = "#0000001a";
 export const buttonColorTypicalSubtleInverseLabelActive = "#000000";
 export const buttonColorTypicalSubtleInverseLabelDisabled = "#0000006b";
 export const buttonColorTypicalSubtleInverseLabelEnabled = "#000000e6";
@@ -230,14 +232,14 @@ export const buttonColorTypicalSubtleInverseLabelHover = "#000000";
 export const buttonColorTypicalToggleBgActiveDisabled = "#4b4b4b";
 export const buttonColorTypicalToggleLabelActiveDisabled = "#000000";
 export const buttonColorTypicalToggleBgActive = "#FFFFFF";
-export const buttonColorTypicalToggleBgHover = "#ffffff14";
+export const buttonColorTypicalToggleBgHover = "#ffffff1a";
 export const buttonColorTypicalToggleBorderEnabled = "#ffffffe6";
 export const buttonColorTypicalToggleBorderDisabled = "#4b4b4b";
 export const buttonColorTypicalToggleLabelActive = "#000000";
 export const buttonColorTypicalToggleLabelDisabled = "#ffffff4d";
 export const buttonColorTypicalToggleLabelEnabled = "#ffffffab";
 export const buttonColorTypicalToggleLabelHover = "#FFFFFF";
-export const buttonColorVideoBgBlur = "#ffffff14";
+export const buttonColorVideoBgBlur = "#ffffff1a";
 export const buttonColorVideoPrimaryBgEnabled = "#000000";
 export const buttonColorVideoPrimaryBgHover = "#000000";
 export const buttonColorVideoPrimaryLabelEnabled = "#ffffffe6";

package/js/es6/frozenproduct/large/dark/components/container.js

@@ -21,10 +21,10 @@ export const containerColorInteractiveBorderActivated = "#009023";
 export const containerColorInteractiveBgFooterDefault = "#000000";
 export const containerColorInteractiveBgEnabled = "#000000";
 export const containerColorInteractiveBgDisabled = "#0e0e0e";
-export const containerColorInteractiveBgHover = "#ffffff14";
+export const containerColorInteractiveBgHover = "#ffffff1a";
 export const containerColorInteractiveBorderActive = "#FFFFFF";
 export const containerColorInteractiveBorderAlt = "#282828";
-export const containerColorInteractiveBorderaltHover = "#464646";
+export const containerColorInteractiveBorderaltHover = "#ffffffe6";
 export const containerColorInteractiveBorderInactive = "#4b4b4b";
 export const containerColorInteractiveBorderEnabled = "#777";
 export const containerColorInteractiveIconActive = "#FFFFFF";
@@ -56,7 +56,7 @@ export const containerColorStandardStatusborderBgAi =
   "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
 export const containerColorStandardStatusborderBgCaution = "#E04500";
 export const containerColorStandardStatusborderBgNegative = "#E13E53";
-export const containerColorStandardStatusborderBgImportant = "#985FDC";
+export const containerColorStandardStatusborderBgImportant = "#8F4CD7";
 export const containerColorStandardStatusborderBgInfo = "#007ED9";
 export const containerColorStandardStatusborderBgNeutral = "#7C7C7C";
 export const containerColorStandardStatusborderBgPositive = "#009023";
@@ -454,7 +454,7 @@ export const containerBorderwidthTileselectInactive = 1;
 export const containerBorderwidthTileselectSelected = 2;
 export const containerBorderwidthTileselectUnavailable = 1;
 export const containerBorderwidthTileselectEnabled = 1;
-export const containerOpacityCarouselHidden = "0.30";
+export const containerOpacityCarouselHidden = "0.3";
 export const containerOpacityDialogDimmer = "0.4";
 export const containerOpacityDragGhost = "0.5";
 export const containerTypographyAdaptiveHeadingM = {

package/js/es6/frozenproduct/large/dark/components/form.js

@@ -190,8 +190,8 @@ export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
 export const formColorCalendarBgActive = "#FFFFFF";
 export const formColorCalendarBgDisabled = "#0e0e0e";
-export const formColorCalendarBgDuration = "#181818";
-export const formColorCalendarBgHover = "#ffffff14";
+export const formColorCalendarBgDuration = "#1b1b1b";
+export const formColorCalendarBgHover = "#ffffff1a";
 export const formColorCalendarBorderDuration = "#FFFFFF";
 export const formColorCalendarTextActive = "#000000";
 export const formColorCalendarTextAlt = "#ffffff8c";
@@ -200,7 +200,7 @@ export const formColorCalendarTextDuration = "#fffffff2";
 export const formColorCalendarTextEnabled = "#fffffff2";
 export const formColorCalendarTextHover = "#FFFFFF";
 export const formColorCalendarTextAltEnabled = "#ffffff8c";
-export const formColorDropdownBgHover = "#ffffff14";
+export const formColorDropdownBgHover = "#ffffff1a";
 export const formColorDropdownLabelActive = "#000000";
 export const formColorDropdownLabelAlt = "#ffffffe6";
 export const formColorDropdownLabelDisabled = "#ffffff4d";
@@ -215,7 +215,7 @@ export const formColorTypicalBgAlt = "#0e0e0e";
 export const formColorTypicalBgDisabled = "#0e0e0e";
 export const formColorTypicalBgDefault = "#000000";
 export const formColorTypicalBgEnabled = "#000000";
-export const formColorTypicalBgHover = "#181818";
+export const formColorTypicalBgHover = "#1b1b1b";
 export const formColorTypicalBgReadOnly = "#0e0e0e";
 export const formColorTypicalBorderAlt = "#4b4b4b";
 export const formColorTypicalBorderEnabled = "#777";

package/js/es6/frozenproduct/large/dark/components/link.js

@@ -7,13 +7,13 @@
  */
 
 export const linkColorDestructiveLabelDefault = "#e85b66";
-export const linkColorDestructiveLabelHover = "#ec6a71";
+export const linkColorDestructiveLabelHover = "#ed6e74";
 export const linkColorDestructiveInverseLabelDefault = "#b23342";
-export const linkColorDestructiveInverseLabelHover = "#a3303d";
+export const linkColorDestructiveInverseLabelHover = "#9f303c";
 export const linkColorTypicalLabelDefault = "#4cdc55";
-export const linkColorTypicalLabelHover = "#73e372";
+export const linkColorTypicalLabelHover = "#71e270";
 export const linkColorTypicalInverseLabelDefault = "#0c711d";
-export const linkColorTypicalInverseLabelHover = "#10681c";
+export const linkColorTypicalInverseLabelHover = "#11651c";
 export const linkColorSubtleLabelDefault = "#ffffffe6";
 export const linkColorSubtleLabelHover = "#FFFFFF";
 export const linkColorSubtleInverseLabelDefault = "#000000e6";

package/js/es6/frozenproduct/large/dark/components/nav.js

@@ -8,9 +8,9 @@
 
 export const navColorBgDefault = "#000000";
 export const navColorItemBgActive = "#FFFFFF";
-export const navColorItemBgActivealt = "#ffffff14";
+export const navColorItemBgActivealt = "#ffffff1a";
 export const navColorItemBgEnabled = "#fff0";
-export const navColorItemBgHover = "#ffffff14";
+export const navColorItemBgHover = "#ffffff1a";
 export const navColorItemLabelActive = "#000000";
 export const navColorItemLabelActivealt = "#FFFFFF";
 export const navColorItemLabelEnabled = "#ffffffe6";
@@ -25,7 +25,7 @@ export const navColorLeftnavContainerBgDefaultAlt = "#181818";
 export const navColorLeftnavContainerBorderDefault = "#4b4b4b";
 export const navColorLeftnavItemBgActive = "#ffffff59";
 export const navColorLeftnavItemBgEnabled = "#fff0";
-export const navColorLeftnavItemBgHover = "#ffffff29";
+export const navColorLeftnavItemBgHover = "#ffffff26";
 export const navColorLeftnavItemLabelActive = "#FFFFFF";
 export const navColorLeftnavItemLabelEnabled = "#fffffff2";
 export const navColorLeftnavItemLabelHover = "#FFFFFF";
@@ -34,7 +34,7 @@ export const navColorModalContainerBgDefaultAlt = "#181818";
 export const navColorModalContainerBorderDefault = "#4b4b4b";
 export const navColorModalItemBgActive = "#ffffff59";
 export const navColorModalItemBgEnabled = "#fff0";
-export const navColorModalItemBgHover = "#ffffff29";
+export const navColorModalItemBgHover = "#ffffff26";
 export const navColorModalItemLabelActive = "#FFFFFF";
 export const navColorModalItemLabelEnabled = "#fffffff2";
 export const navColorModalItemLabelHover = "#FFFFFF";
@@ -43,7 +43,7 @@ export const navColorTopnavContainerBgDefault = "#000000";
 export const navColorTopnavContainerBorderDefault = "#4b4b4b";
 export const navColorTopnavItemBgActive = "#ffffff59";
 export const navColorTopnavItemBgEnabled = "#fff0";
-export const navColorTopnavItemBgHover = "#ffffff29";
+export const navColorTopnavItemBgHover = "#ffffff26";
 export const navColorTopnavItemLabelActive = "#FFFFFF";
 export const navColorTopnavItemLabelEnabled = "#fffffff2";
 export const navColorTopnavItemLabelHover = "#FFFFFF";

package/js/es6/frozenproduct/large/dark/components/popover.js

@@ -59,9 +59,9 @@ export const popoverSpaceSubmenuXS = 16;
 export const popoverSpaceSubmenuXM = 16;
 export const popoverSpaceSubmenuXL = 16;
 export const popoverColorBgActive = "#FFFFFF";
-export const popoverColorBgActivealt = "#ffffff14";
+export const popoverColorBgActivealt = "#ffffff1a";
 export const popoverColorBgDefault = "#000000";
-export const popoverColorBgHover = "#ffffff14";
+export const popoverColorBgHover = "#ffffff1a";
 export const popoverColorLabelActive = "#000000";
 export const popoverColorLabelActivealt = "#FFFFFF";
 export const popoverColorLabelDisabled = "#ffffff4d";

package/js/es6/frozenproduct/large/dark/components/progress.d.ts

@@ -13,6 +13,7 @@ export const progressSizeCarouselselectorDotM: number;
 export const progressSizeCarouselselectorActivedotM: number;
 export const progressSizeCarouselselectorHitareaM: number;
 export const progressSizeCarouselslideXM: number;
+export const progressSizeSpinnerXxs: number;
 export const progressSizeSpinnerXs: number;
 export const progressSizeSpinnerS: number;
 export const progressSizeSpinnerM: number;

package/js/es6/frozenproduct/large/dark/components/progress.js

@@ -13,6 +13,7 @@ export const progressSizeCarouselselectorDotM = 10;
 export const progressSizeCarouselselectorActivedotM = 16;
 export const progressSizeCarouselselectorHitareaM = 24;
 export const progressSizeCarouselslideXM = 56;
+export const progressSizeSpinnerXxs = 16;
 export const progressSizeSpinnerXs = 20;
 export const progressSizeSpinnerS = 32;
 export const progressSizeSpinnerM = 64;
@@ -50,7 +51,7 @@ export const progressColorFgError = "#E13E53";
 export const progressColorFgInfo = "#007ED9";
 export const progressColorLabelAlt = "#ffffffab";
 export const progressColorLabelDefault = "#fffffff2";
-export const progressColorDatavisFgDefault = "#008a89";
+export const progressColorDatavisFgDefault = "#008A89";
 export const progressColorLoaderBgDefault = "#ffffff14";
 export const progressColorLoaderFgDefault = "#FFFFFF";
 export const progressColorLoaderFgError = "#E13E53";

package/js/es6/frozenproduct/large/dark/components/status.d.ts

@@ -7,17 +7,6 @@
  */
 
 export const statusColorNone: string;
-export const statusColorMessageGlobalLabelDefault: string;
-export const statusColorMessageGlobalLabelHover: string;
-export const statusColorMessageGlobalCalloutBgDefault: string;
-export const statusColorMessageGlobalCalloutBgHover: string;
-export const statusColorMessageGlobalCalloutIcon: string;
-export const statusColorMessageGlobalInfoBgDefault: string;
-export const statusColorMessageGlobalInfoBgHover: string;
-export const statusColorMessageGlobalInfoIcon: string;
-export const statusColorMessageGlobalWarningBgDefault: string;
-export const statusColorMessageGlobalWarningBgHover: string;
-export const statusColorMessageGlobalWarningIcon: string;
 export const statusColorMessageContextualBg: string;
 export const statusColorMessageContextualIcon: string;
 export const statusColorMessageContextualIconAlt: string;
@@ -43,14 +32,67 @@ export const statusColorMessageContextualWarningBgDefault: string;
 export const statusColorMessageContextualWarningBgAlt: string;
 export const statusColorMessageContextualWarningBorderDefault: string;
 export const statusColorMessageContextualWarningIcon: string;
-export const statusColorPillGenericLabelDefault: string;
-export const statusColorPillGenericLabelHover: string;
-export const statusColorPillGenericLabelAltDefault: string;
-export const statusColorPillGenericLabelAltHover: string;
-export const statusColorPillGenericInverseLabelDefault: string;
-export const statusColorPillGenericInverseLabelHover: string;
-export const statusColorPillGenericInverseLabelAltDefault: string;
-export const statusColorPillGenericInverseLabelAltHover: string;
+export const statusColorMessageGlobalLabelDefault: string;
+export const statusColorMessageGlobalLabelHover: string;
+export const statusColorMessageGlobalCalloutBgDefault: string;
+export const statusColorMessageGlobalCalloutBgHover: string;
+export const statusColorMessageGlobalCalloutIcon: string;
+export const statusColorMessageGlobalInfoBgDefault: string;
+export const statusColorMessageGlobalInfoBgHover: string;
+export const statusColorMessageGlobalInfoIcon: string;
+export const statusColorMessageGlobalWarningBgDefault: string;
+export const statusColorMessageGlobalWarningBgHover: string;
+export const statusColorMessageGlobalWarningIcon: string;
+export const statusColorPillCustomBlueBgDefault: string;
+export const statusColorPillCustomBlueBgAltDefault: string;
+export const statusColorPillCustomBlueBgAltHover: string;
+export const statusColorPillCustomBlueBgHover: string;
+export const statusColorPillCustomBlueBorderDefault: string;
+export const statusColorPillCustomTealBgDefault: string;
+export const statusColorPillCustomTealBgAltDefault: string;
+export const statusColorPillCustomTealBgAltHover: string;
+export const statusColorPillCustomTealBgHover: string;
+export const statusColorPillCustomTealBorderDefault: string;
+export const statusColorPillCustomGreenBgDefault: string;
+export const statusColorPillCustomGreenBgAltDefault: string;
+export const statusColorPillCustomGreenBgAltHover: string;
+export const statusColorPillCustomGreenBgHover: string;
+export const statusColorPillCustomGreenBorderDefault: string;
+export const statusColorPillCustomLimeBgDefault: string;
+export const statusColorPillCustomLimeBgAltDefault: string;
+export const statusColorPillCustomLimeBgAltHover: string;
+export const statusColorPillCustomLimeBgHover: string;
+export const statusColorPillCustomLimeBorderDefault: string;
+export const statusColorPillCustomOrangeBgDefault: string;
+export const statusColorPillCustomOrangeBgAltDefault: string;
+export const statusColorPillCustomOrangeBgAltHover: string;
+export const statusColorPillCustomOrangeBgHover: string;
+export const statusColorPillCustomOrangeBorderDefault: string;
+export const statusColorPillCustomRedBgDefault: string;
+export const statusColorPillCustomRedBgAltDefault: string;
+export const statusColorPillCustomRedBgAltHover: string;
+export const statusColorPillCustomRedBgHover: string;
+export const statusColorPillCustomRedBorderDefault: string;
+export const statusColorPillCustomPinkBgDefault: string;
+export const statusColorPillCustomPinkBgAltDefault: string;
+export const statusColorPillCustomPinkBgAltHover: string;
+export const statusColorPillCustomPinkBgHover: string;
+export const statusColorPillCustomPinkBorderDefault: string;
+export const statusColorPillCustomPurpleBgDefault: string;
+export const statusColorPillCustomPurpleBgAltDefault: string;
+export const statusColorPillCustomPurpleBgAltHover: string;
+export const statusColorPillCustomPurpleBgHover: string;
+export const statusColorPillCustomPurpleBorderDefault: string;
+export const statusColorPillCustomGrayBgDefault: string;
+export const statusColorPillCustomGrayBgAltDefault: string;
+export const statusColorPillCustomGrayBgAltHover: string;
+export const statusColorPillCustomGrayBgHover: string;
+export const statusColorPillCustomGrayBorderDefault: string;
+export const statusColorPillCustomSlateBgDefault: string;
+export const statusColorPillCustomSlateBgAltDefault: string;
+export const statusColorPillCustomSlateBgAltHover: string;
+export const statusColorPillCustomSlateBgHover: string;
+export const statusColorPillCustomSlateBorderDefault: string;
 export const statusColorPillErrorBgDefault: string;
 export const statusColorPillErrorBgAltDefault: string;
 export const statusColorPillErrorBgAltHover: string;
@@ -61,6 +103,14 @@ export const statusColorPillErrorInverseBgAltDefault: string;
 export const statusColorPillErrorInverseBgAltHover: string;
 export const statusColorPillErrorInverseBgHover: string;
 export const statusColorPillErrorInverseBorderDefault: string;
+export const statusColorPillGenericLabelDefault: string;
+export const statusColorPillGenericLabelHover: string;
+export const statusColorPillGenericLabelAltDefault: string;
+export const statusColorPillGenericLabelAltHover: string;
+export const statusColorPillGenericInverseLabelDefault: string;
+export const statusColorPillGenericInverseLabelHover: string;
+export const statusColorPillGenericInverseLabelAltDefault: string;
+export const statusColorPillGenericInverseLabelAltHover: string;
 export const statusColorPillInfoBgDefault: string;
 export const statusColorPillInfoBgAltDefault: string;
 export const statusColorPillInfoBgAltHover: string;
@@ -81,6 +131,9 @@ export const statusColorPillNeutralInverseBgAltDefault: string;
 export const statusColorPillNeutralInverseBgAltHover: string;
 export const statusColorPillNeutralInverseBgHover: string;
 export const statusColorPillNeutralInverseBorderDefault: string;
+export const statusColorPillReadonlyBgDefault: string;
+export const statusColorPillReadonlyBorderDefault: string;
+export const statusColorPillReadonlyLabel: string;
 export const statusColorPillSuccessBgDefault: string;
 export const statusColorPillSuccessBgAltDefault: string;
 export const statusColorPillSuccessBgAltHover: string;
@@ -101,9 +154,6 @@ export const statusColorPillWarningInverseBgAltDefault: string;
 export const statusColorPillWarningInverseBgAltHover: string;
 export const statusColorPillWarningInverseBgHover: string;
 export const statusColorPillWarningInverseBorderDefault: string;
-export const statusColorPillReadonlyBgDefault: string;
-export const statusColorPillReadonlyBorderDefault: string;
-export const statusColorPillReadonlyLabel: string;
 export const statusColorRatingBgDefault: string;
 export const statusColorRatingBgDefaultAlt: string;
 export const statusColorRatingBgHover: string;

package/js/es6/frozenproduct/large/dark/components/status.js

@@ -7,17 +7,6 @@
  */
 
 export const statusColorNone = "#fff0";
-export const statusColorMessageGlobalLabelDefault = "#fffffff2";
-export const statusColorMessageGlobalLabelHover = "#FFFFFF";
-export const statusColorMessageGlobalCalloutBgDefault = "#122211";
-export const statusColorMessageGlobalCalloutBgHover = "#223121";
-export const statusColorMessageGlobalCalloutIcon = "#fffffff2";
-export const statusColorMessageGlobalInfoBgDefault = "#111722";
-export const statusColorMessageGlobalInfoBgHover = "#17253b";
-export const statusColorMessageGlobalInfoIcon = "#007ED9";
-export const statusColorMessageGlobalWarningBgDefault = "#251206";
-export const statusColorMessageGlobalWarningBgHover = "#3f1b0b";
-export const statusColorMessageGlobalWarningIcon = "#E04500";
 export const statusColorMessageContextualBg = "#000000";
 export const statusColorMessageContextualIcon = "#000000";
 export const statusColorMessageContextualIconAlt = "#7C7C7C";
@@ -43,6 +32,77 @@ export const statusColorMessageContextualWarningBgDefault = "#E04500";
 export const statusColorMessageContextualWarningBgAlt = "#251206";
 export const statusColorMessageContextualWarningBorderDefault = "#E04500";
 export const statusColorMessageContextualWarningIcon = "#E04500";
+export const statusColorMessageGlobalLabelDefault = "#fffffff2";
+export const statusColorMessageGlobalLabelHover = "#FFFFFF";
+export const statusColorMessageGlobalCalloutBgDefault = "#122211";
+export const statusColorMessageGlobalCalloutBgHover = "#263525";
+export const statusColorMessageGlobalCalloutIcon = "#fffffff2";
+export const statusColorMessageGlobalInfoBgDefault = "#111722";
+export const statusColorMessageGlobalInfoBgHover = "#17253a";
+export const statusColorMessageGlobalInfoIcon = "#007ED9";
+export const statusColorMessageGlobalWarningBgDefault = "#251206";
+export const statusColorMessageGlobalWarningBgHover = "#3e1a0b";
+export const statusColorMessageGlobalWarningIcon = "#E04500";
+export const statusColorPillCustomBlueBgDefault = "#007FD9";
+export const statusColorPillCustomBlueBgAltDefault = "#0d1219";
+export const statusColorPillCustomBlueBgAltHover = "#142131";
+export const statusColorPillCustomBlueBgHover = "#4f91df";
+export const statusColorPillCustomBlueBorderDefault = "#007FD9";
+export const statusColorPillCustomTealBgDefault = "#008A89";
+export const statusColorPillCustomTealBgAltDefault = "#0a1313";
+export const statusColorPillCustomTealBgAltHover = "#082427";
+export const statusColorPillCustomTealBgHover = "#449b9a";
+export const statusColorPillCustomTealBorderDefault = "#008A89";
+export const statusColorPillCustomGreenBgDefault = "#009023";
+export const statusColorPillCustomGreenBgAltDefault = "#0a1408";
+export const statusColorPillCustomGreenBgAltHover = "#0b2418";
+export const statusColorPillCustomGreenBgHover = "#44a146";
+export const statusColorPillCustomGreenBorderDefault = "#009023";
+export const statusColorPillCustomLimeBgDefault = "#6E8500";
+export const statusColorPillCustomLimeBgAltDefault = "#111205";
+export const statusColorPillCustomLimeBgAltHover = "#162311";
+export const statusColorPillCustomLimeBgHover = "#859635";
+export const statusColorPillCustomLimeBorderDefault = "#6E8500";
+export const statusColorPillCustomOrangeBgDefault = "#DB4B00";
+export const statusColorPillCustomOrangeBgAltDefault = "#1c0e04";
+export const statusColorPillCustomOrangeBgAltHover = "#331816";
+export const statusColorPillCustomOrangeBgHover = "#e66930";
+export const statusColorPillCustomOrangeBorderDefault = "#DB4B00";
+export const statusColorPillCustomRedBgDefault = "#F50058";
+export const statusColorPillCustomRedBgAltDefault = "#1e0d0d";
+export const statusColorPillCustomRedBgAltHover = "#331720";
+export const statusColorPillCustomRedBgHover = "#fc4e6e";
+export const statusColorPillCustomRedBorderDefault = "#F50058";
+export const statusColorPillCustomPinkBgDefault = "#DD2BAB";
+export const statusColorPillCustomPinkBgAltDefault = "#1b0d16";
+export const statusColorPillCustomPinkBgAltHover = "#2d192b";
+export const statusColorPillCustomPinkBgHover = "#e558b7";
+export const statusColorPillCustomPinkBorderDefault = "#DD2BAB";
+export const statusColorPillCustomPurpleBgDefault = "#985FDC";
+export const statusColorPillCustomPurpleBgAltDefault = "#150f19";
+export const statusColorPillCustomPurpleBgAltHover = "#231c30";
+export const statusColorPillCustomPurpleBgHover = "#a977e2";
+export const statusColorPillCustomPurpleBorderDefault = "#985FDC";
+export const statusColorPillCustomGrayBgDefault = "#7C7C7C";
+export const statusColorPillCustomGrayBgAltDefault = "#111";
+export const statusColorPillCustomGrayBgAltHover = "#1a202b";
+export const statusColorPillCustomGrayBgHover = "#8e8e8e";
+export const statusColorPillCustomGrayBorderDefault = "#7C7C7C";
+export const statusColorPillCustomSlateBgDefault = "#5C8196";
+export const statusColorPillCustomSlateBgAltDefault = "#0f1214";
+export const statusColorPillCustomSlateBgAltHover = "#13222c";
+export const statusColorPillCustomSlateBgHover = "#7493a5";
+export const statusColorPillCustomSlateBorderDefault = "#5C8196";
+export const statusColorPillErrorBgDefault = "#E13E53";
+export const statusColorPillErrorBgAltDefault = "#241212";
+export const statusColorPillErrorBgAltHover = "#3d1a1c";
+export const statusColorPillErrorBgHover = "#ea626a";
+export const statusColorPillErrorBorderDefault = "#E13E53";
+export const statusColorPillErrorInverseBgDefault = "#CD384B";
+export const statusColorPillErrorInverseBgAltDefault = "#fdeceb";
+export const statusColorPillErrorInverseBgAltHover = "#f9d3d1";
+export const statusColorPillErrorInverseBgHover = "#ac3240";
+export const statusColorPillErrorInverseBorderDefault = "#CD384B";
 export const statusColorPillGenericLabelDefault = "#000000";
 export const statusColorPillGenericLabelHover = "#000000";
 export const statusColorPillGenericLabelAltDefault = "#fffffff2";
@@ -51,63 +111,53 @@ export const statusColorPillGenericInverseLabelDefault = "#FFFFFF";
 export const statusColorPillGenericInverseLabelHover = "#FFFFFF";
 export const statusColorPillGenericInverseLabelAltDefault = "#000000f2";
 export const statusColorPillGenericInverseLabelAltHover = "#000000f2";
-export const statusColorPillErrorBgDefault = "#E13E53";
-export const statusColorPillErrorBgAltDefault = "#241212";
-export const statusColorPillErrorBgAltHover = "#3f1a1c";
-export const statusColorPillErrorBgHover = "#eb646c";
-export const statusColorPillErrorBorderDefault = "#E13E53";
-export const statusColorPillErrorInverseBgDefault = "#CD384B";
-export const statusColorPillErrorInverseBgAltDefault = "#fdeceb";
-export const statusColorPillErrorInverseBgAltHover = "#f9d1cf";
-export const statusColorPillErrorInverseBgHover = "#aa323f";
-export const statusColorPillErrorInverseBorderDefault = "#CD384B";
 export const statusColorPillInfoBgDefault = "#007ED9";
 export const statusColorPillInfoBgAltDefault = "#111722";
-export const statusColorPillInfoBgAltHover = "#17253b";
-export const statusColorPillInfoBgHover = "#5291e0";
+export const statusColorPillInfoBgAltHover = "#17253a";
+export const statusColorPillInfoBgHover = "#4f90df";
 export const statusColorPillInfoBorderDefault = "#007ED9";
 export const statusColorPillInfoInverseBgDefault = "#0060A7";
 export const statusColorPillInfoInverseBgAltDefault = "#eaeef6";
-export const statusColorPillInfoInverseBgAltHover = "#cbd6e9";
-export const statusColorPillInfoInverseBgHover = "#10508a";
+export const statusColorPillInfoInverseBgAltHover = "#cdd7ea";
+export const statusColorPillInfoInverseBgHover = "#10518c";
 export const statusColorPillInfoInverseBorderDefault = "#0060A7";
 export const statusColorPillNeutralBgDefault = "#7C7C7C";
 export const statusColorPillNeutralBgAltDefault = "#171717";
-export const statusColorPillNeutralBgAltHover = "#252525";
-export const statusColorPillNeutralBgHover = "#909090";
+export const statusColorPillNeutralBgAltHover = "#242424";
+export const statusColorPillNeutralBgHover = "#8e8e8e";
 export const statusColorPillNeutralBorderDefault = "#7C7C7C";
 export const statusColorPillNeutralInverseBgDefault = "#656565";
 export const statusColorPillNeutralInverseBgAltDefault = "#efefef";
-export const statusColorPillNeutralInverseBgAltHover = "#d8d8d8";
-export const statusColorPillNeutralInverseBgHover = "#676767";
+export const statusColorPillNeutralInverseBgAltHover = "#d9d9d9";
+export const statusColorPillNeutralInverseBgHover = "#696969";
 export const statusColorPillNeutralInverseBorderDefault = "#656565";
+export const statusColorPillReadonlyBgDefault = "#4b4b4b";
+export const statusColorPillReadonlyBorderDefault = "#4b4b4b";
+export const statusColorPillReadonlyLabel = "#ffffffab";
 export const statusColorPillSuccessBgDefault = "#009023";
 export const statusColorPillSuccessBgAltDefault = "#0e1a0b";
-export const statusColorPillSuccessBgAltHover = "#132b12";
-export const statusColorPillSuccessBgHover = "#2e9936";
+export const statusColorPillSuccessBgAltHover = "#132912";
+export const statusColorPillSuccessBgHover = "#359b3b";
 export const statusColorPillSuccessBorderDefault = "#009023";
 export const statusColorPillSuccessInverseBgDefault = "#00811F";
 export const statusColorPillSuccessInverseBgAltDefault = "#e9f2e8";
-export const statusColorPillSuccessInverseBgAltHover = "#c9e0c7";
-export const statusColorPillSuccessInverseBgHover = "#0e6b1d";
+export const statusColorPillSuccessInverseBgAltHover = "#cbe1c9";
+export const statusColorPillSuccessInverseBgHover = "#0e6d1d";
 export const statusColorPillSuccessInverseBorderDefault = "#00811F";
 export const statusColorPillWarningBgDefault = "#E04500";
 export const statusColorPillWarningBgAltDefault = "#251206";
-export const statusColorPillWarningBgAltHover = "#3f1b0b";
-export const statusColorPillWarningBgHover = "#eb6732";
+export const statusColorPillWarningBgAltHover = "#3e1a0b";
+export const statusColorPillWarningBgHover = "#eb6530";
 export const statusColorPillWarningBorderDefault = "#E04500";
 export const statusColorPillWarningInverseBgDefault = "#D64309";
 export const statusColorPillWarningInverseBgAltDefault = "#ffede5";
-export const statusColorPillWarningInverseBgAltHover = "#fdd3c0";
-export const statusColorPillWarningInverseBgHover = "#b13a0d";
+export const statusColorPillWarningInverseBgAltHover = "#fed5c3";
+export const statusColorPillWarningInverseBgHover = "#b33b0d";
 export const statusColorPillWarningInverseBorderDefault = "#D64309";
-export const statusColorPillReadonlyBgDefault = "#4b4b4b";
-export const statusColorPillReadonlyBorderDefault = "#4b4b4b";
-export const statusColorPillReadonlyLabel = "#ffffffab";
 export const statusColorRatingBgDefault = "#00D639";
 export const statusColorRatingBgDefaultAlt =
   "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)";
-export const statusColorRatingBgHover = "#18b032";
+export const statusColorRatingBgHover = "#17b333";
 export const statusColorRatingBorderDefault = "#00D639";
 export const statusSizePillS = 20;
 export const statusSizePillM = 24;

package/js/es6/frozenproduct/large/dark/components/tab.js

@@ -23,7 +23,7 @@ export const tabSpaceYM = 8;
 export const tabSpaceYL = 12;
 export const tabColorBgActive = "#000000";
 export const tabColorBgEnabled = "#fff0";
-export const tabColorBgHover = "#ffffff14";
+export const tabColorBgHover = "#ffffff1a";
 export const tabColorBorderActivealt = "#282828";
 export const tabColorBorderActive = "#FFFFFF";
 export const tabColorBorderEnabled = "#282828";