@sage/design-tokens 15.1.0 → 15.2.1

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

@@ -10,7 +10,7 @@ export const navColorBgDefault = "#000000";
 export const navColorItemBgActive = "#FFFFFF";
 export const navColorItemBgActivealt = "#ffffff1a";
 export const navColorItemBgEnabled = "#fff0";
-export const navColorItemBgHover = "#ffffff1a";
+export const navColorItemBgHover = "#008046";
 export const navColorItemLabelActive = "#000000";
 export const navColorItemLabelActivealt = "#FFFFFF";
 export const navColorItemLabelEnabled = "#ffffffe6";
@@ -49,7 +49,7 @@ export const navColorTopnavItemLabelEnabled = "#fffffff2";
 export const navColorTopnavItemLabelHover = "#FFFFFF";
 export const navRadiusMenu = 8;
 export const navRadiusMenuitem = 4;
-export const navRadiusMenumodal = 16;
+export const navRadiusMenumodal = 8;
 export const navRadiusLeftnavMenuitem = 8;
 export const navRadiusModalMenuitem = 8;
 export const navRadiusTopnavMenuitem = 8;

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

@@ -65,8 +65,8 @@ export const popoverColorBgHover = "#ffffff1a";
 export const popoverColorLabelActive = "#000000";
 export const popoverColorLabelActivealt = "#FFFFFF";
 export const popoverColorLabelDisabled = "#ffffff4d";
-export const popoverColorLabelHover = "#FFFFFF";
-export const popoverColorLabelEnabled = "#ffffffab";
+export const popoverColorLabelHover = "#ffffffe6";
+export const popoverColorLabelEnabled = "#ffffffe6";
 export const popoverColorSubmenuBgDefault = "#0e0e0e";
 export const popoverTypographyAdaptiveLabelS = {
   fontFamily: "Sage UI",

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

@@ -46,14 +46,14 @@ export const progressColorFgAi =
 export const progressColorFgAlt = "#009023";
 export const progressColorFgAlt2 = "#ffffffab";
 export const progressColorFgCaution = "#E04500";
-export const progressColorFgDefault = "#FFFFFF";
+export const progressColorFgDefault = "#4b4b4b";
 export const progressColorFgError = "#E13E53";
 export const progressColorFgInfo = "#007ED9";
 export const progressColorLabelAlt = "#ffffffab";
 export const progressColorLabelDefault = "#fffffff2";
 export const progressColorDatavisFgDefault = "#008A89";
 export const progressColorLoaderBgDefault = "#ffffff14";
-export const progressColorLoaderFgDefault = "#FFFFFF";
+export const progressColorLoaderFgDefault = "#00D639";
 export const progressColorLoaderFgError = "#E13E53";
 export const progressColorLoaderFgComplete = "#009023";
 export const progressColorLoaderInverseBgDefault = "#00000014";

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

@@ -12,24 +12,24 @@ export const statusColorMessageContextualIcon = "#000000";
 export const statusColorMessageContextualIconAlt = "#7C7C7C";
 export const statusColorMessageContextualText = "#FFFFFF";
 export const statusColorMessageContextualAiBgDefault = "#FFFFFF";
-export const statusColorMessageContextualAiBgAlt = "#171717";
+export const statusColorMessageContextualAiBgAlt = "#fff0";
 export const statusColorMessageContextualAiBorderDefault = "#FFFFFF";
 export const statusColorMessageContextualCalloutBgAlt = "#122211";
 export const statusColorMessageContextualCalloutIcon = "#fffffff2";
 export const statusColorMessageContextualErrorBgDefault = "#E13E53";
-export const statusColorMessageContextualErrorBgAlt = "#241212";
+export const statusColorMessageContextualErrorBgAlt = "#fff0";
 export const statusColorMessageContextualErrorBorderDefault = "#E13E53";
 export const statusColorMessageContextualErrorIcon = "#E13E53";
 export const statusColorMessageContextualInfoBgDefault = "#007ED9";
-export const statusColorMessageContextualInfoBgAlt = "#111722";
+export const statusColorMessageContextualInfoBgAlt = "#fff0";
 export const statusColorMessageContextualInfoBorderDefault = "#007ED9";
 export const statusColorMessageContextualInfoIcon = "#007ED9";
 export const statusColorMessageContextualSuccessBgDefault = "#009023";
-export const statusColorMessageContextualSuccessBgAlt = "#0e1a0b";
+export const statusColorMessageContextualSuccessBgAlt = "#fff0";
 export const statusColorMessageContextualSuccessBorderDefault = "#009023";
 export const statusColorMessageContextualSuccessIcon = "#009023";
 export const statusColorMessageContextualWarningBgDefault = "#E04500";
-export const statusColorMessageContextualWarningBgAlt = "#251206";
+export const statusColorMessageContextualWarningBgAlt = "#fff0";
 export const statusColorMessageContextualWarningBorderDefault = "#E04500";
 export const statusColorMessageContextualWarningIcon = "#E04500";
 export const statusColorMessageGlobalLabelDefault = "#fffffff2";
@@ -37,12 +37,12 @@ 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 statusColorMessageGlobalInfoBgDefault = "#007ED9";
+export const statusColorMessageGlobalInfoBgHover = "#4f90df";
+export const statusColorMessageGlobalInfoIcon = "#fffffff2";
+export const statusColorMessageGlobalWarningBgDefault = "#E04500";
+export const statusColorMessageGlobalWarningBgHover = "#eb6530";
+export const statusColorMessageGlobalWarningIcon = "#fffffff2";
 export const statusColorPillCustomBlueBgDefault = "#007FD9";
 export const statusColorPillCustomBlueBgAltDefault = "#0d1219";
 export const statusColorPillCustomBlueBgAltHover = "#142131";
@@ -94,7 +94,7 @@ export const statusColorPillCustomSlateBgAltHover = "#13222c";
 export const statusColorPillCustomSlateBgHover = "#7493a5";
 export const statusColorPillCustomSlateBorderDefault = "#5C8196";
 export const statusColorPillErrorBgDefault = "#E13E53";
-export const statusColorPillErrorBgAltDefault = "#241212";
+export const statusColorPillErrorBgAltDefault = "#fff0";
 export const statusColorPillErrorBgAltHover = "#3d1a1c";
 export const statusColorPillErrorBgHover = "#ea626a";
 export const statusColorPillErrorBorderDefault = "#E13E53";
@@ -122,7 +122,7 @@ export const statusColorPillImportantInverseBgAltHover = "#daceed";
 export const statusColorPillImportantInverseBgHover = "#8051b8";
 export const statusColorPillImportantInverseBorderDefault = "#985FDC";
 export const statusColorPillInfoBgDefault = "#007ED9";
-export const statusColorPillInfoBgAltDefault = "#111722";
+export const statusColorPillInfoBgAltDefault = "#fff0";
 export const statusColorPillInfoBgAltHover = "#17253a";
 export const statusColorPillInfoBgHover = "#4f90df";
 export const statusColorPillInfoBorderDefault = "#007ED9";
@@ -131,11 +131,11 @@ export const statusColorPillInfoInverseBgAltDefault = "#eaeef6";
 export const statusColorPillInfoInverseBgAltHover = "#cdd7ea";
 export const statusColorPillInfoInverseBgHover = "#10518c";
 export const statusColorPillInfoInverseBorderDefault = "#0060A7";
-export const statusColorPillNeutralBgDefault = "#7C7C7C";
-export const statusColorPillNeutralBgAltDefault = "#171717";
-export const statusColorPillNeutralBgAltHover = "#242424";
+export const statusColorPillNeutralBgDefault = "#9e9e9e";
+export const statusColorPillNeutralBgAltDefault = "#fff0";
+export const statusColorPillNeutralBgAltHover = "#2a2a2a";
 export const statusColorPillNeutralBgHover = "#8e8e8e";
-export const statusColorPillNeutralBorderDefault = "#7C7C7C";
+export const statusColorPillNeutralBorderDefault = "#9e9e9e";
 export const statusColorPillNeutralInverseBgDefault = "#656565";
 export const statusColorPillNeutralInverseBgAltDefault = "#efefef";
 export const statusColorPillNeutralInverseBgAltHover = "#d9d9d9";
@@ -145,7 +145,7 @@ export const statusColorPillReadonlyBgDefault = "#4b4b4b";
 export const statusColorPillReadonlyBorderDefault = "#4b4b4b";
 export const statusColorPillReadonlyLabel = "#ffffffab";
 export const statusColorPillSuccessBgDefault = "#009023";
-export const statusColorPillSuccessBgAltDefault = "#0e1a0b";
+export const statusColorPillSuccessBgAltDefault = "#fff0";
 export const statusColorPillSuccessBgAltHover = "#132912";
 export const statusColorPillSuccessBgHover = "#359b3b";
 export const statusColorPillSuccessBorderDefault = "#009023";
@@ -155,7 +155,7 @@ export const statusColorPillSuccessInverseBgAltHover = "#cbe1c9";
 export const statusColorPillSuccessInverseBgHover = "#0e6d1d";
 export const statusColorPillSuccessInverseBorderDefault = "#00811F";
 export const statusColorPillWarningBgDefault = "#E04500";
-export const statusColorPillWarningBgAltDefault = "#251206";
+export const statusColorPillWarningBgAltDefault = "#fff0";
 export const statusColorPillWarningBgAltHover = "#3e1a0b";
 export const statusColorPillWarningBgHover = "#eb6530";
 export const statusColorPillWarningBorderDefault = "#E04500";
@@ -179,7 +179,7 @@ export const statusSizeMessageGlobalM = 40;
 export const statusSizeIconM = 20;
 export const statusRadiusNone = "0";
 export const statusRadiusMessage = 8;
-export const statusRadiusPill = 6;
+export const statusRadiusPill = 2;
 export const statusBorderwidthPill = 2;
 export const statusBorderwidthMessage = 1;
 export const statusSpaceNone = 0;

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

@@ -25,9 +25,9 @@ export const tabColorBgActive = "#000000";
 export const tabColorBgEnabled = "#fff0";
 export const tabColorBgHover = "#ffffff1a";
 export const tabColorBorderActivealt = "#282828";
-export const tabColorBorderActive = "#FFFFFF";
-export const tabColorBorderEnabled = "#282828";
-export const tabColorBorderHover = "#777";
+export const tabColorBorderActive = "#00D639";
+export const tabColorBorderEnabled = "#ffffff1a";
+export const tabColorBorderHover = "#ffffff1a";
 export const tabColorIconEnabled = "#ffffffab";
 export const tabColorIconHover = "#FFFFFF";
 export const tabColorLabelActive = "#FFFFFF";
@@ -41,8 +41,8 @@ export const tabColorValidationIconError = "#E13E53";
 export const tabColorValidationIconWarning = "#E04500";
 export const tabColorValidationLabelError = "#ffffffab";
 export const tabColorValidationLabelWarning = "#ffffffab";
-export const tabRadiusM = 8;
-export const tabRadiusL = 8;
+export const tabRadiusM = 4;
+export const tabRadiusL = 4;
 export const tabRadiusBaselineM = 1;
 export const tabRadiusBaselineL = 1;
 export const tabRadiusIndicatorM = 2;

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

@@ -12,22 +12,22 @@ 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 tableColorHeaderHarshBgAlt = "#ffffffab";
+export const tableColorHeaderHarshBgDefault = "#ffffffe6";
 export const tableColorHeaderHarshBgHover = "#ffffff26";
 export const tableColorHeaderHarshBorderDefault = "#4b4b4b";
 export const tableColorHeaderHarshLabelDefault = "#000000";
 export const tableColorHeaderHarshLabelHover = "#ffffffe6";
-export const tableColorRowBgActivated = "#00D639";
-export const tableColorRowBgActive = "#FFFFFF";
+export const tableColorRowBgActivated = "#18232a";
+export const tableColorRowBgActive = "#ffffff26";
 export const tableColorRowBgDefault = "#000000";
-export const tableColorRowBgAlt = "#181818";
+export const tableColorRowBgAlt = "#020303";
 export const tableColorRowBgAlt2 = "#1f1f1f";
 export const tableColorRowBgAlt3 = "#0e0e0e";
-export const tableColorRowBgHover = "#1f1f1f";
+export const tableColorRowBgHover = "#040607";
 export const tableColorRowBorderDefault = "#282828";
-export const tableColorRowLabelActivated = "#000000";
-export const tableColorRowLabelActive = "#000000";
+export const tableColorRowLabelActivated = "#FFFFFF";
+export const tableColorRowLabelActive = "#FFFFFF";
 export const tableColorRowLabelDefault = "#fffffff2";
 export const tableColorRowLabelHover = "#FFFFFF";
 export const tableColorFooterBgDefault = "#1f1f1f";

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

@@ -116,6 +116,7 @@ export const modesColorInteractiveMonochromeActiveAlt: string;
 export const modesColorInteractiveMonochromeDefault: string;
 export const modesColorInteractiveMonochromeDefaultAlt: string;
 export const modesColorInteractiveMonochromeDefaultAlt2: string;
+export const modesColorInteractiveMonochromeDefaultAlt3: string;
 export const modesColorInteractiveMonochromeHoverAlt: string;
 export const modesColorInteractiveMonochromeHover: string;
 export const modesColorInteractiveMonochromeWithActive: string;

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

@@ -119,7 +119,8 @@ export const modesColorInteractiveMonochromeActive = "#FFFFFF";
 export const modesColorInteractiveMonochromeActiveAlt = "#ffffff26";
 export const modesColorInteractiveMonochromeDefault = "#ffffffe6";
 export const modesColorInteractiveMonochromeDefaultAlt = "#ffffffab";
-export const modesColorInteractiveMonochromeDefaultAlt2 = "#ffffff6b";
+export const modesColorInteractiveMonochromeDefaultAlt2 = "#ffffff8c";
+export const modesColorInteractiveMonochromeDefaultAlt3 = "#ffffff6b";
 export const modesColorInteractiveMonochromeHoverAlt = "#ffffff1a";
 export const modesColorInteractiveMonochromeHover = "#ffffff26";
 export const modesColorInteractiveMonochromeWithActive = "#000000";

package/js/es6/frozenproduct/small/light/components/badge.js

@@ -7,9 +7,9 @@
  */
 
 export const badgeColorNotificationBorderDefault = "#FFFFFF";
-export const badgeColorNotificationBgDefault = "#CD384B";
+export const badgeColorNotificationBgDefault = "#ff8629";
 export const badgeColorNotificationBgAlt = "#0060A7";
-export const badgeColorNotificationLabelDefault = "#FFFFFF";
+export const badgeColorNotificationLabelDefault = "#000000";
 export const badgeColorNotificationLabelAlt = "#FFFFFF";
 export const badgeColorNotificationInverseBorderDefault = "#000000";
 export const badgeColorNotificationInverseBgDefault = "#E13E53";

package/js/es6/frozenproduct/small/light/components/button.js

@@ -174,11 +174,11 @@ export const buttonColorDestructiveSecondaryBorderHover = "#ac3240";
 export const buttonColorDestructiveSecondaryLabelDisabled = "#0000006b";
 export const buttonColorDestructiveSecondaryLabelEnabled = "#CD384B";
 export const buttonColorDestructiveSecondaryLabelHover = "#ac3240";
-export const buttonColorTypicalPrimaryBgActive = "#13591a";
+export const buttonColorTypicalPrimaryBgActive = "#135932";
 export const buttonColorTypicalPrimaryBgDefault = "#FFFFFF";
 export const buttonColorTypicalPrimaryBgDisabled = "#a6a6a6";
-export const buttonColorTypicalPrimaryBgEnabled = "#00811F";
-export const buttonColorTypicalPrimaryBgHover = "#0e6d1d";
+export const buttonColorTypicalPrimaryBgEnabled = "#008046";
+export const buttonColorTypicalPrimaryBgHover = "#0d6c3c";
 export const buttonColorTypicalPrimaryLabelActive = "#FFFFFF";
 export const buttonColorTypicalPrimaryLabelDisabled = "#FFFFFF";
 export const buttonColorTypicalPrimaryLabelEnabled = "#FFFFFF";
@@ -192,17 +192,17 @@ export const buttonColorTypicalPrimaryInverseLabelActive = "#000000";
 export const buttonColorTypicalPrimaryInverseLabelDisabled = "#000000";
 export const buttonColorTypicalPrimaryInverseLabelEnabled = "#000000";
 export const buttonColorTypicalPrimaryInverseLabelHover = "#000000";
-export const buttonColorTypicalSecondaryBgActive = "#00811f4d";
+export const buttonColorTypicalSecondaryBgActive = "#135932";
 export const buttonColorTypicalSecondaryBgEnabled = "#00811f08";
-export const buttonColorTypicalSecondaryBgHover = "#00811f1a";
-export const buttonColorTypicalSecondaryBorderActive = "#13591a";
+export const buttonColorTypicalSecondaryBgHover = "#0d6c3c";
+export const buttonColorTypicalSecondaryBorderActive = "#135932";
 export const buttonColorTypicalSecondaryBorderDisabled = "#a6a6a6";
-export const buttonColorTypicalSecondaryBorderEnabled = "#00811fcc";
-export const buttonColorTypicalSecondaryBorderHover = "#0e6d1d";
-export const buttonColorTypicalSecondaryLabelActive = "#000000";
+export const buttonColorTypicalSecondaryBorderEnabled = "#008046";
+export const buttonColorTypicalSecondaryBorderHover = "#0d6c3c";
+export const buttonColorTypicalSecondaryLabelActive = "#FFFFFF";
 export const buttonColorTypicalSecondaryLabelDisabled = "#0000006b";
-export const buttonColorTypicalSecondaryLabelEnabled = "#000000e6";
-export const buttonColorTypicalSecondaryLabelHover = "#000000";
+export const buttonColorTypicalSecondaryLabelEnabled = "#008046";
+export const buttonColorTypicalSecondaryLabelHover = "#FFFFFF";
 export const buttonColorTypicalSecondaryInverseBgActive = "#00d6394d";
 export const buttonColorTypicalSecondaryInverseBgEnabled = "#00d63908";
 export const buttonColorTypicalSecondaryInverseBgHover = "#00d6391a";
@@ -214,17 +214,17 @@ export const buttonColorTypicalSecondaryInverseLabelActive = "#FFFFFF";
 export const buttonColorTypicalSecondaryInverseLabelDisabled = "#ffffff6b";
 export const buttonColorTypicalSecondaryInverseLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalSecondaryInverseLabelHover = "#FFFFFF";
-export const buttonColorTypicalTertiaryBgActive = "#00811f4d";
+export const buttonColorTypicalTertiaryBgActive = "#135932";
 export const buttonColorTypicalTertiaryBgEnabled = "#fff0";
-export const buttonColorTypicalTertiaryBgHover = "#00811f1a";
-export const buttonColorTypicalTertiaryBorderActive = "#13591a";
-export const buttonColorTypicalTertiaryBorderDisabled = "#a6a6a6";
-export const buttonColorTypicalTertiaryBorderEnabled = "#00811fcc";
-export const buttonColorTypicalTertiaryBorderHover = "#0e6d1d";
-export const buttonColorTypicalTertiaryLabelActive = "#000000";
+export const buttonColorTypicalTertiaryBgHover = "#0d6c3c";
+export const buttonColorTypicalTertiaryBorderActive = "#135932";
+export const buttonColorTypicalTertiaryBorderDisabled = "#fff0";
+export const buttonColorTypicalTertiaryBorderEnabled = "#fff0";
+export const buttonColorTypicalTertiaryBorderHover = "#fff0";
+export const buttonColorTypicalTertiaryLabelActive = "#FFFFFF";
 export const buttonColorTypicalTertiaryLabelDisabled = "#0000006b";
-export const buttonColorTypicalTertiaryLabelEnabled = "#000000e6";
-export const buttonColorTypicalTertiaryLabelHover = "#000000";
+export const buttonColorTypicalTertiaryLabelEnabled = "#008046";
+export const buttonColorTypicalTertiaryLabelHover = "#FFFFFF";
 export const buttonColorTypicalTertiaryInverseBgActive = "#00d6394d";
 export const buttonColorTypicalTertiaryInverseBgEnabled = "#fff0";
 export const buttonColorTypicalTertiaryInverseBgHover = "#00d6391a";
@@ -236,12 +236,12 @@ export const buttonColorTypicalTertiaryInverseLabelActive = "#FFFFFF";
 export const buttonColorTypicalTertiaryInverseLabelDisabled = "#ffffff6b";
 export const buttonColorTypicalTertiaryInverseLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalTertiaryInverseLabelHover = "#FFFFFF";
-export const buttonColorTypicalSubtleBgActive = "#00000026";
-export const buttonColorTypicalSubtleBgHover = "#0000001a";
-export const buttonColorTypicalSubtleLabelActive = "#000000";
+export const buttonColorTypicalSubtleBgActive = "#22374326";
+export const buttonColorTypicalSubtleBgHover = "#2237431a";
+export const buttonColorTypicalSubtleLabelActive = "#223743";
 export const buttonColorTypicalSubtleLabelDisabled = "#0000006b";
-export const buttonColorTypicalSubtleLabelEnabled = "#000000e6";
-export const buttonColorTypicalSubtleLabelHover = "#000000";
+export const buttonColorTypicalSubtleLabelEnabled = "#335B70";
+export const buttonColorTypicalSubtleLabelHover = "#223743";
 export const buttonColorTypicalSubtleInverseBgActive = "#ffffff26";
 export const buttonColorTypicalSubtleInverseBgHover = "#ffffff1a";
 export const buttonColorTypicalSubtleInverseLabelActive = "#FFFFFF";
@@ -250,14 +250,14 @@ export const buttonColorTypicalSubtleInverseLabelEnabled = "#ffffffe6";
 export const buttonColorTypicalSubtleInverseLabelHover = "#FFFFFF";
 export const buttonColorTypicalToggleBgActiveDisabled = "#a6a6a6";
 export const buttonColorTypicalToggleLabelActiveDisabled = "#FFFFFF";
-export const buttonColorTypicalToggleBgActive = "#000000";
-export const buttonColorTypicalToggleBgHover = "#0000001a";
-export const buttonColorTypicalToggleBorderEnabled = "#000000e6";
+export const buttonColorTypicalToggleBgActive = "#223743";
+export const buttonColorTypicalToggleBgHover = "#2237431a";
+export const buttonColorTypicalToggleBorderEnabled = "#698495";
 export const buttonColorTypicalToggleBorderDisabled = "#a6a6a6";
 export const buttonColorTypicalToggleLabelActive = "#FFFFFF";
 export const buttonColorTypicalToggleLabelDisabled = "#0000006b";
-export const buttonColorTypicalToggleLabelEnabled = "#000000ab";
-export const buttonColorTypicalToggleLabelHover = "#000000";
+export const buttonColorTypicalToggleLabelEnabled = "#476a7d";
+export const buttonColorTypicalToggleLabelHover = "#223743";
 export const buttonColorVideoBgBlur = "#0000001a";
 export const buttonColorVideoPrimaryBgEnabled = "#FFFFFF";
 export const buttonColorVideoPrimaryBgHover = "#FFFFFF";

package/js/es6/frozenproduct/small/light/components/container.js

@@ -14,7 +14,7 @@ export const containerColorAiNudgeBorderAiVertical =
   "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)";
 export const containerColorAiTileBordervertical =
   "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)";
-export const containerColorBlockquoteBorder = "#00811F";
+export const containerColorBlockquoteBorder = "#008046";
 export const containerColorInteractiveBgFooterActivated = "#00811F";
 export const containerColorInteractiveBgFooterActive = "#000000";
 export const containerColorInteractiveBorderActivated = "#00811F";
@@ -38,7 +38,7 @@ export const containerColorInteractiveTextDisabled = "#0000006b";
 export const containerColorInteractiveTextEnabled = "#000000f2";
 export const containerColorInteractiveTextAltEnabled = "#0000008c";
 export const containerColorInteractiveTextHover = "#000000e6";
-export const containerColorInteractiveDetailediconBg = "#00811F";
+export const containerColorInteractiveDetailediconBg = "#008046";
 export const containerColorInteractiveDroptargetBgDefault = "#0060A7";
 export const containerColorScrollbarBgDefault = "#f3f3f3";
 export const containerColorScrollbarFgDefault = "#777";
@@ -129,15 +129,15 @@ export const containerRadiusProfileselector = 8;
 export const containerRadiusScrollbar = "999";
 export const containerRadiusTexteditor = 8;
 export const containerRadiusBlockquoteBar = "999";
-export const containerRadiusCardModerate = 16;
-export const containerRadiusCardCurved = 24;
-export const containerRadiusCardSweeping = 32;
-export const containerRadiusTileModerate = 16;
-export const containerRadiusTileCurved = 24;
-export const containerRadiusTileSweeping = 32;
-export const containerRadiusTileselectModerate = 16;
-export const containerRadiusTileselectCurved = 24;
-export const containerRadiusTileselectSweeping = 32;
+export const containerRadiusCardModerate = 8;
+export const containerRadiusCardCurved = 16;
+export const containerRadiusCardSweeping = 24;
+export const containerRadiusTileModerate = 8;
+export const containerRadiusTileCurved = 16;
+export const containerRadiusTileSweeping = 24;
+export const containerRadiusTileselectModerate = 8;
+export const containerRadiusTileselectCurved = 16;
+export const containerRadiusTileselectSweeping = 24;
 export const containerSpaceNone = 0;
 export const containerSpaceAccordionsubtleYgM = 12.8;
 export const containerSpaceFilepreviewPreviewXM = 8;

package/js/es6/frozenproduct/small/light/components/form.d.ts

@@ -212,6 +212,7 @@ export const formColorDropdownLabelAlt: string;
 export const formColorDropdownLabelDisabled: string;
 export const formColorDropdownLabelEnabled: string;
 export const formColorDropdownLabelHover: string;
+export const formColorDropdownLabelSubtext: string;
 export const formColorLabelsetLabelRequired: string;
 export const formColorLabelsetLabelDefault: string;
 export const formColorLabelsetLabelAlt: string;
@@ -268,7 +269,7 @@ export const formColorValidationLabelWarning: string;
 export const formRadiusNone: string;
 export const formRadiusCheckbox: number;
 export const formRadiusTexteditorfooter: number;
-export const formRadiusColorpicker: string;
+export const formRadiusColorpicker: number;
 export const formRadiusDropdown: number;
 export const formRadiusFileupload: number;
 export const formRadiusFileselector: number;
@@ -322,6 +323,13 @@ export const formTypographyAdaptiveLabelL: {
   fontSize: string;
   paragraphSpacing: string;
 };
+export const formTypographyAdaptiveDefaultXs: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+  paragraphSpacing: string;
+};
 export const formTypographyAdaptiveDefaultS: {
   fontFamily: string;
   fontWeight: string;
@@ -364,6 +372,13 @@ export const formTypographyResponsiveLabelL: {
   fontSize: string;
   paragraphSpacing: string;
 };
+export const formTypographyResponsiveDefaultXs: {
+  fontFamily: string;
+  fontWeight: string;
+  lineHeight: number;
+  fontSize: string;
+  paragraphSpacing: string;
+};
 export const formTypographyResponsiveDefaultS: {
   fontFamily: string;
   fontWeight: string;

package/js/es6/frozenproduct/small/light/components/form.js

@@ -194,11 +194,11 @@ export const formSizeValidationBar = 2;
 export const formSizeProgressiveBar = 2;
 export const formSizeRatingM = 20;
 export const formSizeRatingL = 32;
-export const formColorCalendarBgActive = "#000000";
+export const formColorCalendarBgActive = "#223743";
 export const formColorCalendarBgDisabled = "#f3f3f3";
-export const formColorCalendarBgDuration = "#e2e2e2";
+export const formColorCalendarBgDuration = "#e5eaed";
 export const formColorCalendarBgHover = "#0000001a";
-export const formColorCalendarBorderDuration = "#000000";
+export const formColorCalendarBorderDuration = "#223743";
 export const formColorCalendarTextActive = "#FFFFFF";
 export const formColorCalendarTextAlt = "#0000008c";
 export const formColorCalendarTextDisabled = "#0000006b";
@@ -206,12 +206,13 @@ export const formColorCalendarTextDuration = "#000000f2";
 export const formColorCalendarTextEnabled = "#000000f2";
 export const formColorCalendarTextHover = "#000000";
 export const formColorCalendarTextAltEnabled = "#0000008c";
-export const formColorDropdownBgHover = "#0000001a";
+export const formColorDropdownBgHover = "#2237431a";
 export const formColorDropdownLabelActive = "#FFFFFF";
 export const formColorDropdownLabelAlt = "#000000e6";
 export const formColorDropdownLabelDisabled = "#0000006b";
 export const formColorDropdownLabelEnabled = "#000000ab";
 export const formColorDropdownLabelHover = "#000000";
+export const formColorDropdownLabelSubtext = "#0000008c";
 export const formColorLabelsetLabelRequired = "#CD384B";
 export const formColorLabelsetLabelDefault = "#000000f2";
 export const formColorLabelsetLabelAlt = "#0000008c";
@@ -224,7 +225,7 @@ export const formColorTypicalBgEnabled = "#FFFFFF";
 export const formColorTypicalBgHover = "#e2e2e2";
 export const formColorTypicalBgReadOnly = "#f3f3f3";
 export const formColorTypicalBorderAlt = "#a6a6a6";
-export const formColorTypicalBorderEnabled = "#777";
+export const formColorTypicalBorderEnabled = "#698495";
 export const formColorTypicalBorderDisabled = "#a6a6a6";
 export const formColorTypicalBorderHover = "#000000";
 export const formColorTypicalBorderReadOnly = "#a6a6a6";
@@ -242,18 +243,18 @@ export const formColorTypicalTextDisabled = "#0000006b";
 export const formColorTypicalTextEnabled = "#000000f2";
 export const formColorTypicalTextHover = "#000000";
 export const formColorTypicalTextReadOnly = "#000000f2";
-export const formColorSwitchBgActive = "#000000";
+export const formColorSwitchBgActive = "#335B70";
 export const formColorSwitchBgActivedisabled = "#a6a6a6";
 export const formColorSwitchBgDisabled = "#f3f3f3";
 export const formColorSwitchBgEnabled = "#FFFFFF";
 export const formColorSwitchBorderActive = "transparent";
 export const formColorSwitchBorderActivedisabled = "transparent";
 export const formColorSwitchBorderDisabled = "#a6a6a6";
-export const formColorSwitchBorderEnabled = "#00000080";
+export const formColorSwitchBorderEnabled = "#698495";
 export const formColorSwitchFgActive = "#FFFFFF";
 export const formColorSwitchFgActivedisabled = "#FFFFFF";
 export const formColorSwitchFgDisabled = "#a6a6a6";
-export const formColorSwitchFgEnabled = "#00000080";
+export const formColorSwitchFgEnabled = "#698495";
 export const formColorSwitchLabelActive = "#000000f2";
 export const formColorSwitchLabelActivedisabled = "#a6a6a6";
 export const formColorSwitchLabelDisabled = "#a6a6a6";
@@ -266,16 +267,16 @@ export const formColorValidationLabelError = "#CD384B";
 export const formColorValidationLabelSuccess = "#00811F";
 export const formColorValidationLabelWarning = "#bf3e0c";
 export const formRadiusNone = "0";
-export const formRadiusCheckbox = 4;
+export const formRadiusCheckbox = 2;
 export const formRadiusTexteditorfooter = 4;
-export const formRadiusColorpicker = "999";
+export const formRadiusColorpicker = 16;
 export const formRadiusDropdown = 8;
-export const formRadiusFileupload = 8;
-export const formRadiusFileselector = 8;
-export const formRadiusInput = 8;
+export const formRadiusFileupload = 4;
+export const formRadiusFileselector = 4;
+export const formRadiusInput = 4;
 export const formRadiusRadio = "999";
 export const formRadiusSwitch = "999";
-export const formRadiusValidationbar = 2;
+export const formRadiusValidationbar = 1;
 export const formRadiusProgressivebar = 2;
 export const formRadiusCalendarNone = "0";
 export const formRadiusCalendarDate = "999";
@@ -332,6 +333,13 @@ export const formTypographyAdaptiveLabelL = {
   fontSize: "16px",
   paragraphSpacing: "0",
 };
+export const formTypographyAdaptiveDefaultXs = {
+  fontFamily: "Sage UI",
+  fontWeight: "400",
+  lineHeight: 1.5,
+  fontSize: "13px",
+  paragraphSpacing: "0",
+};
 export const formTypographyAdaptiveDefaultS = {
   fontFamily: "Sage UI",
   fontWeight: "400",
@@ -374,6 +382,13 @@ export const formTypographyResponsiveLabelL = {
   fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
   paragraphSpacing: "0",
 };
+export const formTypographyResponsiveDefaultXs = {
+  fontFamily: "Sage UI",
+  fontWeight: "400",
+  lineHeight: 1.5,
+  fontSize: "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+  paragraphSpacing: "0",
+};
 export const formTypographyResponsiveDefaultS = {
   fontFamily: "Sage UI",
   fontWeight: "400",

package/js/es6/frozenproduct/small/light/components/link.js

@@ -10,8 +10,8 @@ export const linkColorDestructiveLabelDefault = "#b23342";
 export const linkColorDestructiveLabelHover = "#9f303c";
 export const linkColorDestructiveInverseLabelDefault = "#e85b66";
 export const linkColorDestructiveInverseLabelHover = "#ed6e74";
-export const linkColorTypicalLabelDefault = "#0c711d";
-export const linkColorTypicalLabelHover = "#12601b";
+export const linkColorTypicalLabelDefault = "#0b703e";
+export const linkColorTypicalLabelHover = "#106237";
 export const linkColorTypicalInverseLabelDefault = "#4cdc55";
 export const linkColorTypicalInverseLabelHover = "#71e270";
 export const linkColorSubtleLabelDefault = "#000000e6";

package/js/es6/frozenproduct/small/light/components/nav.js

@@ -10,11 +10,11 @@ export const navColorBgDefault = "#FFFFFF";
 export const navColorItemBgActive = "#000000";
 export const navColorItemBgActivealt = "#0000001a";
 export const navColorItemBgEnabled = "#fff0";
-export const navColorItemBgHover = "#0000001a";
+export const navColorItemBgHover = "#008046";
 export const navColorItemLabelActive = "#FFFFFF";
 export const navColorItemLabelActivealt = "#000000";
 export const navColorItemLabelEnabled = "#000000e6";
-export const navColorItemLabelHover = "#000000";
+export const navColorItemLabelHover = "#FFFFFF";
 export const navColorItemLabelAlt = "#000000ab";
 export const navColorMenuBgDefault = "#f3f3f3";
 export const navColorMenuBgAlt = "#e8e8e8";
@@ -49,7 +49,7 @@ export const navColorTopnavItemLabelEnabled = "#000000f2";
 export const navColorTopnavItemLabelHover = "#000000";
 export const navRadiusMenu = 8;
 export const navRadiusMenuitem = 4;
-export const navRadiusMenumodal = 16;
+export const navRadiusMenumodal = 8;
 export const navRadiusLeftnavMenuitem = 8;
 export const navRadiusModalMenuitem = 8;
 export const navRadiusTopnavMenuitem = 8;

package/js/es6/frozenproduct/small/light/components/popover.js

@@ -58,15 +58,15 @@ export const popoverSpaceOptionYL = 10;
 export const popoverSpaceSubmenuXS = 12.8;
 export const popoverSpaceSubmenuXM = 12.8;
 export const popoverSpaceSubmenuXL = 12.8;
-export const popoverColorBgActive = "#000000";
-export const popoverColorBgActivealt = "#0000001a";
+export const popoverColorBgActive = "#223743";
+export const popoverColorBgActivealt = "#2237431a";
 export const popoverColorBgDefault = "#FFFFFF";
-export const popoverColorBgHover = "#0000001a";
+export const popoverColorBgHover = "#2237431a";
 export const popoverColorLabelActive = "#FFFFFF";
-export const popoverColorLabelActivealt = "#000000";
+export const popoverColorLabelActivealt = "#223743";
 export const popoverColorLabelDisabled = "#0000006b";
-export const popoverColorLabelHover = "#000000";
-export const popoverColorLabelEnabled = "#000000ab";
+export const popoverColorLabelHover = "#000000e6";
+export const popoverColorLabelEnabled = "#000000e6";
 export const popoverColorSubmenuBgDefault = "#f3f3f3";
 export const popoverTypographyAdaptiveLabelS = {
   fontFamily: "Sage UI",