@sage/design-tokens 14.0.0 → 14.0.1

package/js/es6/frozenproduct/small/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/small/dark/components/popover.js

@@ -59,9 +59,9 @@ export const popoverSpaceSubmenuXS = 12.8;
 export const popoverSpaceSubmenuXM = 12.8;
 export const popoverSpaceSubmenuXL = 12.8;
 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/small/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/small/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;

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

@@ -10,13 +10,13 @@ export const statusColorNone = "#fff0";
 export const statusColorMessageGlobalLabelDefault = "#fffffff2";
 export const statusColorMessageGlobalLabelHover = "#FFFFFF";
 export const statusColorMessageGlobalCalloutBgDefault = "#122211";
-export const statusColorMessageGlobalCalloutBgHover = "#223121";
+export const statusColorMessageGlobalCalloutBgHover = "#263525";
 export const statusColorMessageGlobalCalloutIcon = "#fffffff2";
 export const statusColorMessageGlobalInfoBgDefault = "#111722";
-export const statusColorMessageGlobalInfoBgHover = "#17253b";
+export const statusColorMessageGlobalInfoBgHover = "#17253a";
 export const statusColorMessageGlobalInfoIcon = "#007ED9";
 export const statusColorMessageGlobalWarningBgDefault = "#251206";
-export const statusColorMessageGlobalWarningBgHover = "#3f1b0b";
+export const statusColorMessageGlobalWarningBgHover = "#3e1a0b";
 export const statusColorMessageGlobalWarningIcon = "#E04500";
 export const statusColorMessageContextualBg = "#000000";
 export const statusColorMessageContextualIcon = "#000000";
@@ -53,53 +53,53 @@ 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 statusColorPillErrorBgAltHover = "#3d1a1c";
+export const statusColorPillErrorBgHover = "#ea626a";
 export const statusColorPillErrorBorderDefault = "#E13E53";
 export const statusColorPillErrorInverseBgDefault = "#CD384B";
 export const statusColorPillErrorInverseBgAltDefault = "#fdeceb";
-export const statusColorPillErrorInverseBgAltHover = "#f9d1cf";
-export const statusColorPillErrorInverseBgHover = "#aa323f";
+export const statusColorPillErrorInverseBgAltHover = "#f9d3d1";
+export const statusColorPillErrorInverseBgHover = "#ac3240";
 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 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";
@@ -107,7 +107,7 @@ 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/small/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";

package/js/es6/frozenproduct/small/dark/components/table.js

@@ -8,13 +8,13 @@
 
 export const tableColorHeaderSubtleBgAlt = "#ffffff14";
 export const tableColorHeaderSubtleBgDefault = "#fff0";
-export const tableColorHeaderSubtleBgHover = "#ffffff29";
+export const tableColorHeaderSubtleBgHover = "#ffffff26";
 export const tableColorHeaderSubtleBorderDefault = "#282828";
 export const tableColorHeaderSubtleLabelDefault = "#ffffffe6";
 export const tableColorHeaderSubtleLabelHover = "#ffffffe6";
 export const tableColorHeaderHarshBgAlt = "#ffffffe6";
 export const tableColorHeaderHarshBgDefault = "#ffffffab";
-export const tableColorHeaderHarshBgHover = "#ffffff29";
+export const tableColorHeaderHarshBgHover = "#ffffff26";
 export const tableColorHeaderHarshBorderDefault = "#4b4b4b";
 export const tableColorHeaderHarshLabelDefault = "#000000";
 export const tableColorHeaderHarshLabelHover = "#ffffffe6";

package/js/es6/frozenproduct/small/dark/mode.d.ts

@@ -269,10 +269,3 @@ export const modesColorStatusReviewsFrozenDefaultAlt: string;
 export const modesColorStatusReviewsFrozenHover: string;
 export const modesColorModifierContrastLess: string;
 export const modesColorModifierContrastMore: string;
-export const modesColorModifiersButtonActive: string;
-export const modesColorModifiersButtonActiveAlt: string;
-export const modesColorModifiersButtonHover: string;
-export const modesColorModifiersButtonHoverAlt: string;
-export const modesColorModifiersInputDisabledBg: string;
-export const modesColorModifiersInputDisabledFg: string;
-export const modesColorModifiersShadowStandard: string;

package/js/es6/frozenproduct/small/dark/mode.js

@@ -70,27 +70,27 @@ export const modesColorInteractiveAiHover =
   "linear-gradient(90deg, #00D63914 0%, #00d6de14 40%, #9d60ff14 90%)";
 export const modesColorInteractiveAiDefault =
   "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)";
-export const modesColorInteractiveDangerActive = "#f28486";
+export const modesColorInteractiveDangerActive = "#f28083";
 export const modesColorInteractiveDangerDefault = "#E13E53";
 export const modesColorInteractiveDangerDefaultAlt = "#e85b66";
-export const modesColorInteractiveDangerHover = "#eb646c";
-export const modesColorInteractiveDangerHoverAlt = "#e13e5314";
-export const modesColorInteractiveDangerHoverAlt2 = "#ec6a71";
+export const modesColorInteractiveDangerHover = "#ea626a";
+export const modesColorInteractiveDangerHoverAlt = "#e13e531a";
+export const modesColorInteractiveDangerHoverAlt2 = "#ed6e74";
 export const modesColorInteractiveDangerWithActive = "#000000";
 export const modesColorInteractiveDangerWithDefault = "#000000";
-export const modesColorInteractiveDangerInverseActive = "#882b34";
+export const modesColorInteractiveDangerInverseActive = "#8c2c35";
 export const modesColorInteractiveDangerInverseDefault = "#CD384B";
 export const modesColorInteractiveDangerInverseDefaultAlt = "#b23342";
-export const modesColorInteractiveDangerInverseHover = "#aa323f";
-export const modesColorInteractiveDangerInverseHoverAlt = "#cd384b14";
-export const modesColorInteractiveDangerInverseHoverAlt2 = "#a3303d";
+export const modesColorInteractiveDangerInverseHover = "#ac3240";
+export const modesColorInteractiveDangerInverseHoverAlt = "#cd384b1a";
+export const modesColorInteractiveDangerInverseHoverAlt2 = "#9f303c";
 export const modesColorInteractiveDangerInverseWithActive = "#FFFFFF";
 export const modesColorInteractiveDangerInverseWithDefault = "#FFFFFF";
 export const modesColorInteractiveDataEntryDefault = "#000000";
 export const modesColorInteractiveDataEntryWithActive = "#FFFFFF";
 export const modesColorInteractiveDataEntryWithActiveAlt = "#000000";
 export const modesColorInteractiveDataEntryWithHover = "#FFFFFF";
-export const modesColorInteractiveDataEntryHoverAlt = "#181818";
+export const modesColorInteractiveDataEntryHoverAlt = "#1b1b1b";
 export const modesColorInteractiveDataEntryWithDefault = "#777";
 export const modesColorInteractiveDataEntryDefaultAlt = "#0e0e0e";
 export const modesColorInteractiveDataEntryContent = "#fffffff2";
@@ -116,31 +116,31 @@ export const modesColorInteractiveInactiveInverseDefault = "#a6a6a6";
 export const modesColorInteractiveInactiveInverseContent = "#0000006b";
 export const modesColorInteractiveInactiveInverseContentAlt = "#FFFFFF";
 export const modesColorInteractiveMonochromeActive = "#FFFFFF";
-export const modesColorInteractiveMonochromeActiveAlt = "#ffffff29";
+export const modesColorInteractiveMonochromeActiveAlt = "#ffffff26";
 export const modesColorInteractiveMonochromeDefault = "#ffffffe6";
 export const modesColorInteractiveMonochromeDefaultAlt = "#ffffffab";
 export const modesColorInteractiveMonochromeDefaultAlt2 = "#ffffff6b";
-export const modesColorInteractiveMonochromeHoverAlt = "#ffffff14";
-export const modesColorInteractiveMonochromeHover = "#ffffff29";
+export const modesColorInteractiveMonochromeHoverAlt = "#ffffff1a";
+export const modesColorInteractiveMonochromeHover = "#ffffff26";
 export const modesColorInteractiveMonochromeWithActive = "#000000";
 export const modesColorInteractiveMonochromeWithActiveAlt = "#FFFFFF";
 export const modesColorInteractiveMonochromeWithDefault = "#000000";
 export const modesColorInteractiveMonochromeWithHover = "#FFFFFF";
 export const modesColorInteractiveMonochromeFrozenActive = "#FFFFFF";
-export const modesColorInteractiveMonochromeFrozenActiveAlt = "#ffffff29";
+export const modesColorInteractiveMonochromeFrozenActiveAlt = "#ffffff26";
 export const modesColorInteractiveMonochromeFrozenDefault = "#ffffffe6";
 export const modesColorInteractiveMonochromeFrozenDefaultAlt = "#ffffffab";
-export const modesColorInteractiveMonochromeFrozenHoverAlt = "#ffffff14";
+export const modesColorInteractiveMonochromeFrozenHoverAlt = "#ffffff1a";
 export const modesColorInteractiveMonochromeFrozenWithActive = "#000000";
 export const modesColorInteractiveMonochromeFrozenWithHover = "#FFFFFF";
 export const modesColorInteractiveMonochromeFrozenWithHoverAlt = "#000000";
 export const modesColorInteractiveMonochromeInverseActive = "#000000";
-export const modesColorInteractiveMonochromeInverseActiveAlt = "#00000029";
+export const modesColorInteractiveMonochromeInverseActiveAlt = "#00000026";
 export const modesColorInteractiveMonochromeInverseDefault = "#000000e6";
 export const modesColorInteractiveMonochromeInverseDefaultAlt = "#000000ab";
 export const modesColorInteractiveMonochromeInverseDefaultAlt2 = "#0000006b";
-export const modesColorInteractiveMonochromeInverseHoverAlt = "#00000014";
-export const modesColorInteractiveMonochromeInverseHover = "#00000029";
+export const modesColorInteractiveMonochromeInverseHoverAlt = "#0000001a";
+export const modesColorInteractiveMonochromeInverseHover = "#00000026";
 export const modesColorInteractiveMonochromeInverseWithActive = "#FFFFFF";
 export const modesColorInteractiveMonochromeInverseWithActiveAlt = "#000000";
 export const modesColorInteractiveMonochromeInverseWithDefault = "#FFFFFF";
@@ -152,39 +152,39 @@ export const modesColorInteractiveMonochromeSubtleDefault = "#ffffff14";
 export const modesColorInteractiveNavActive = "#ffffff59";
 export const modesColorInteractiveNavDefault = "#000000";
 export const modesColorInteractiveNavDefaultAlt = "#282828";
-export const modesColorInteractiveNavHover = "#ffffff29";
+export const modesColorInteractiveNavHover = "#ffffff26";
 export const modesColorInteractiveNavWithActive = "#FFFFFF";
 export const modesColorInteractiveNavWithDefault = "#fffffff2";
 export const modesColorInteractiveNavWithHover = "#FFFFFF";
-export const modesColorInteractivePrimaryActive = "#81e57d";
-export const modesColorInteractivePrimaryActiveAlt = "#00d63952";
+export const modesColorInteractivePrimaryActive = "#7ce47a";
+export const modesColorInteractivePrimaryActiveAlt = "#00d6394d";
 export const modesColorInteractivePrimaryDefault = "#00D639";
 export const modesColorInteractivePrimaryDefaultAlt = "#00d639cc";
-export const modesColorInteractivePrimaryDefaultAlt2 = "#00d63980";
-export const modesColorInteractivePrimaryDefaultAlt3 = "#4cdc55";
-export const modesColorInteractivePrimaryHover = "#58de5d";
-export const modesColorInteractivePrimaryHoverAlt = "#00d63914";
-export const modesColorInteractivePrimaryHoverAlt2 = "#73e372";
+export const modesColorInteractivePrimaryDefaultAlt2 = "#4cdc55";
+export const modesColorInteractivePrimaryDefaultAlt3 = "#00d63908";
+export const modesColorInteractivePrimaryHover = "#55dd5b";
+export const modesColorInteractivePrimaryHoverAlt = "#00d6391a";
+export const modesColorInteractivePrimaryHoverAlt2 = "#71e270";
 export const modesColorInteractivePrimaryWithActive = "#000000";
 export const modesColorInteractivePrimaryWithDefault = "#000000";
 export const modesColorInteractivePrimaryWithHover = "#000000";
-export const modesColorInteractivePrimaryFrozenActive = "#81e57d";
+export const modesColorInteractivePrimaryFrozenActive = "#7ce47a";
 export const modesColorInteractivePrimaryFrozenDefault = "#00D639";
 export const modesColorInteractivePrimaryFrozenDefaultAlt = "#4cdc55";
-export const modesColorInteractivePrimaryFrozenHover = "#58de5d";
-export const modesColorInteractivePrimaryFrozenHoverAlt = "#73e372";
+export const modesColorInteractivePrimaryFrozenHover = "#55dd5b";
+export const modesColorInteractivePrimaryFrozenHoverAlt = "#71e270";
 export const modesColorInteractivePrimaryFrozenNavHover = "#008046";
 export const modesColorInteractivePrimaryFrozenNavLabelHover = "#FFFFFF";
 export const modesColorInteractivePrimaryFrozenTableDefault = "#18232a";
-export const modesColorInteractivePrimaryInverseActive = "#14571a";
-export const modesColorInteractivePrimaryInverseActiveAlt = "#00811f52";
+export const modesColorInteractivePrimaryInverseActive = "#13591a";
+export const modesColorInteractivePrimaryInverseActiveAlt = "#00811f4d";
 export const modesColorInteractivePrimaryInverseDefault = "#00811F";
 export const modesColorInteractivePrimaryInverseDefaultAlt = "#00811fcc";
-export const modesColorInteractivePrimaryInverseDefaultAlt2 = "#00811f80";
-export const modesColorInteractivePrimaryInverseDefaultAlt3 = "#0c711d";
-export const modesColorInteractivePrimaryInverseHover = "#0e6b1d";
-export const modesColorInteractivePrimaryInverseHoverAlt = "#00811f14";
-export const modesColorInteractivePrimaryInverseHoverAlt2 = "#10681c";
+export const modesColorInteractivePrimaryInverseDefaultAlt2 = "#0c711d";
+export const modesColorInteractivePrimaryInverseDefaultAlt3 = "#00811f08";
+export const modesColorInteractivePrimaryInverseHover = "#0e6d1d";
+export const modesColorInteractivePrimaryInverseHoverAlt = "#0c711d1a";
+export const modesColorInteractivePrimaryInverseHoverAlt2 = "#11651c";
 export const modesColorInteractivePrimaryInverseWithActive = "#FFFFFF";
 export const modesColorInteractivePrimaryInverseWithDefault = "#FFFFFF";
 export const modesColorInteractivePrimaryInverseWithHover = "#FFFFFF";
@@ -201,15 +201,15 @@ export const modesColorStatusAiDefaultVertical =
 export const modesColorStatusGenericDefault = "#008a89";
 export const modesColorStatusCautionDefault = "#E04500";
 export const modesColorStatusCautionDefaultAlt = "#251206";
-export const modesColorStatusCautionHover = "#eb6732";
-export const modesColorStatusCautionHoverAlt = "#3f1b0b";
+export const modesColorStatusCautionHover = "#eb6530";
+export const modesColorStatusCautionHoverAlt = "#3e1a0b";
 export const modesColorStatusCautionText = "#e75b23";
 export const modesColorStatusCautionFrozenglobalDefault = "#E04500";
-export const modesColorStatusCautionFrozenglobalHover = "#eb6732";
+export const modesColorStatusCautionFrozenglobalHover = "#eb6530";
 export const modesColorStatusCautionInverseDefault = "#D64309";
 export const modesColorStatusCautionInverseDefaultAlt = "#ffede5";
-export const modesColorStatusCautionInverseHover = "#b13a0d";
-export const modesColorStatusCautionInverseHoverAlt = "#fdd3c0";
+export const modesColorStatusCautionInverseHover = "#b33b0d";
+export const modesColorStatusCautionInverseHoverAlt = "#fed5c3";
 export const modesColorStatusCautionInverseText = "#bf3e0c";
 export const modesColorStatusContentWithDefault = "#000000";
 export const modesColorStatusContentWithDefaultAlt = "#fffffff2";
@@ -228,60 +228,53 @@ export const modesColorStatusInactiveInverseWithDefault = "#000000ab";
 export const modesColorStatusImportantDefault = "#985FDC";
 export const modesColorStatusInfoDefault = "#007ED9";
 export const modesColorStatusInfoDefaultAlt = "#111722";
-export const modesColorStatusInfoHover = "#5291e0";
-export const modesColorStatusInfoHoverAlt = "#17253b";
+export const modesColorStatusInfoHover = "#4f90df";
+export const modesColorStatusInfoHoverAlt = "#17253a";
 export const modesColorStatusInfoFrozenglobalDefault = "#007ED9";
-export const modesColorStatusInfoFrozenglobalHover = "#5291e0";
+export const modesColorStatusInfoFrozenglobalHover = "#4f90df";
 export const modesColorStatusInfoInverseDefault = "#0060A7";
 export const modesColorStatusInfoInverseDefaultAlt = "#eaeef6";
-export const modesColorStatusInfoInverseHover = "#10508a";
-export const modesColorStatusInfoInverseHoverAlt = "#cbd6e9";
+export const modesColorStatusInfoInverseHover = "#10518c";
+export const modesColorStatusInfoInverseHoverAlt = "#cdd7ea";
 export const modesColorStatusNegativeDefault = "#E13E53";
 export const modesColorStatusNegativeDefaultAlt = "#241212";
-export const modesColorStatusNegativeHover = "#eb646c";
-export const modesColorStatusNegativeHoverAlt = "#3f1a1c";
+export const modesColorStatusNegativeHover = "#ea626a";
+export const modesColorStatusNegativeHoverAlt = "#3d1a1c";
 export const modesColorStatusNegativeText = "#E13E53";
 export const modesColorStatusNegativeInverseDefault = "#CD384B";
 export const modesColorStatusNegativeInverseDefaultAlt = "#fdeceb";
-export const modesColorStatusNegativeInverseHover = "#aa323f";
-export const modesColorStatusNegativeInverseHoverAlt = "#f9d1cf";
+export const modesColorStatusNegativeInverseHover = "#ac3240";
+export const modesColorStatusNegativeInverseHoverAlt = "#f9d3d1";
 export const modesColorStatusNegativeInverseText = "#CD384B";
 export const modesColorStatusNeutralDefault = "#7C7C7C";
 export const modesColorStatusNeutralDefaultAlt = "#171717";
-export const modesColorStatusNeutralHover = "#909090";
-export const modesColorStatusNeutralHoverAlt = "#252525";
+export const modesColorStatusNeutralHover = "#8e8e8e";
+export const modesColorStatusNeutralHoverAlt = "#242424";
 export const modesColorStatusNeutralFrozenDefault = "#9e9e9e";
 export const modesColorStatusNeutralFrozenDefaultAlt = "#171717";
-export const modesColorStatusNeutralFrozenHover = "#909090";
-export const modesColorStatusNeutralFrozenHoverAlt = "#262626";
+export const modesColorStatusNeutralFrozenHover = "#8e8e8e";
+export const modesColorStatusNeutralFrozenHoverAlt = "#2a2a2a";
 export const modesColorStatusNeutralInverseDefault = "#656565";
 export const modesColorStatusNeutralInverseDefaultAlt = "#efefef";
-export const modesColorStatusNeutralInverseHover = "#676767";
-export const modesColorStatusNeutralInverseHoverAlt = "#d8d8d8";
+export const modesColorStatusNeutralInverseHover = "#696969";
+export const modesColorStatusNeutralInverseHoverAlt = "#d9d9d9";
 export const modesColorStatusPositiveDefault = "#009023";
 export const modesColorStatusPositiveDefaultAlt = "#0e1a0b";
-export const modesColorStatusPositiveHover = "#2e9936";
-export const modesColorStatusPositiveHoverAlt = "#132b12";
+export const modesColorStatusPositiveHover = "#359b3b";
+export const modesColorStatusPositiveHoverAlt = "#132912";
 export const modesColorStatusPositiveInverseDefault = "#00811F";
 export const modesColorStatusPositiveInverseDefaultAlt = "#e9f2e8";
-export const modesColorStatusPositiveInverseHover = "#0e6b1d";
-export const modesColorStatusPositiveInverseHoverAlt = "#c9e0c7";
+export const modesColorStatusPositiveInverseHover = "#0e6d1d";
+export const modesColorStatusPositiveInverseHoverAlt = "#cbe1c9";
 export const modesColorStatusCalloutDefaultAlt = "#122211";
-export const modesColorStatusCalloutHoverAlt = "#223121";
+export const modesColorStatusCalloutHoverAlt = "#263525";
 export const modesColorStatusReviewsDefault = "#00D639";
 export const modesColorStatusReviewsDefaultAlt =
   "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)";
-export const modesColorStatusReviewsHover = "#18b032";
+export const modesColorStatusReviewsHover = "#17b333";
 export const modesColorStatusReviewsFrozenDefault = "#00D639";
 export const modesColorStatusReviewsFrozenDefaultAlt =
   "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)";
-export const modesColorStatusReviewsFrozenHover = "#18b032";
+export const modesColorStatusReviewsFrozenHover = "#17b333";
 export const modesColorModifierContrastLess = "#000000";
 export const modesColorModifierContrastMore = "#FFFFFF";
-export const modesColorModifiersButtonActive = "0.32";
-export const modesColorModifiersButtonActiveAlt = "0.16";
-export const modesColorModifiersButtonHover = "0.16";
-export const modesColorModifiersButtonHoverAlt = "0.08";
-export const modesColorModifiersInputDisabledBg = "0.04";
-export const modesColorModifiersInputDisabledFg = "0.30";
-export const modesColorModifiersShadowStandard = "0.5";

package/js/es6/frozenproduct/small/light/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/small/light/components/button.js

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