@sage/design-tokens 7.1.2 → 7.1.3

package/js/umd/marketing/large/light/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#000000ab",
+          $value: "#000000e6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/marketing/small/dark/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#ffffffab",
+          $value: "#ffffffe6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/marketing/small/light/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#000000ab",
+          $value: "#000000e6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/product/large/dark/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#ffffffab",
+          $value: "#ffffffe6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/product/large/light/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#000000ab",
+          $value: "#000000e6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/product/small/dark/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#ffffffab",
+          $value: "#ffffffe6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/js/umd/product/small/light/components/tab.js

@@ -395,12 +395,12 @@
         },
         "label-enabled": {
           $type: "color",
-          $value: "#000000ab",
+          $value: "#000000e6",
           filePath: "data/tokens/components/tab.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.generic.defaultAlt}",
+            $value: "{modes.color.interactive.monochrome.generic.default}",
           },
           name: "tabColorLabelEnabled",
           attributes: {},

package/json/flat/frozenproduct/large/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/frozenproduct/large/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/flat/frozenproduct/small/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/frozenproduct/small/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/flat/marketing/large/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/marketing/large/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/flat/marketing/small/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/marketing/small/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/flat/product/large/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/product/large/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/flat/product/small/dark/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#FFFFFF",
   "tabColorLabelActive": "#FFFFFF",
   "tabColorIconActive": "#FFFFFF",
-  "tabColorLabelEnabled": "#ffffffab",
+  "tabColorLabelEnabled": "#ffffffe6",
   "tabColorLabelHover": "#FFFFFF",
   "tabColorNavigationBgDefault": "#000000",
   "tabColorValidationBorderWarning": "#E04500",

package/json/flat/product/small/light/components/tab.json

@@ -24,7 +24,7 @@
   "tabColorIconHover": "#000000",
   "tabColorLabelActive": "#000000",
   "tabColorIconActive": "#000000",
-  "tabColorLabelEnabled": "#000000ab",
+  "tabColorLabelEnabled": "#000000e6",
   "tabColorLabelHover": "#000000",
   "tabColorNavigationBgDefault": "#FFFFFF",
   "tabColorValidationBorderWarning": "#D64309",

package/json/nested/frozenproduct/large/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/frozenproduct/large/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/json/nested/frozenproduct/small/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/frozenproduct/small/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/json/nested/marketing/large/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/marketing/large/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/json/nested/marketing/small/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/marketing/small/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/json/nested/product/large/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/product/large/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/json/nested/product/small/dark/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#FFFFFF",
       "label-active": "#FFFFFF",
       "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffab",
+      "label-enabled": "#ffffffe6",
       "label-hover": "#FFFFFF",
       "navigation": {
         "bg-default": "#000000"

package/json/nested/product/small/light/components/tab.json

@@ -44,7 +44,7 @@
       "icon-hover": "#000000",
       "label-active": "#000000",
       "icon-active": "#000000",
-      "label-enabled": "#000000ab",
+      "label-enabled": "#000000e6",
       "label-hover": "#000000",
       "navigation": {
         "bg-default": "#FFFFFF"

package/package.json

@@ -6,7 +6,7 @@
   },
   "description": "Design tokens for the Sage Design System.",
   "author": "The Sage Group plc",
-  "version": "7.1.2",
+  "version": "7.1.3",
   "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
   "tags": [
     "design tokens",

package/scss/frozenproduct/large/components/button.scss

@@ -22,9 +22,6 @@ $button-color-ai-border-hover: $modes-color-interactive-ai-default;
 $button-color-destructive-primary-bg-enabled: $modes-color-interactive-danger-default;
 $button-color-destructive-secondary-border-enabled: $modes-color-interactive-danger-default;
 $button-color-destructive-secondary-label-enabled: $modes-color-interactive-danger-default;
-$button-color-typical-secondary-border-active: $modes-color-interactive-monochrome-generic-active;
-$button-color-typical-tertiary-border-active: $modes-color-interactive-monochrome-generic-active;
-$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-generic-active;
 $button-typography-adaptive-primary-s: $global-typography-adaptive-component-firm-s;
 $button-typography-adaptive-primary-m: $global-typography-adaptive-component-firm-m;
 $button-typography-adaptive-primary-l: $global-typography-adaptive-component-firm-l;
@@ -49,34 +46,24 @@ $button-typography-responsive-tertiary-l: $global-typography-responsive-componen
 $button-typography-responsive-subtle-s: $global-typography-responsive-component-firm-s;
 $button-typography-responsive-subtle-m: $global-typography-responsive-component-firm-m;
 $button-typography-responsive-subtle-l: $global-typography-responsive-component-firm-l;
-$button-color-ai-label-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-ai-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
 $button-color-destructive-primary-bg-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-border-hover: $modes-color-interactive-danger-hover;
 $button-color-destructive-secondary-label-hover: $modes-color-interactive-danger-hover;
 $button-color-typical-primary-bg-enabled: $modes-color-interactive-primary-default;
 $button-color-typical-secondary-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
-$button-color-typical-secondary-border-enabled: $modes-color-interactive-monochrome-generic-default;
-$button-color-typical-secondary-border-hover: $modes-color-interactive-monochrome-generic-default;
-$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-generic-default;
+$button-color-typical-secondary-border-active: $modes-color-interactive-monochrome-generic-active;
 $button-color-typical-secondary-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
 $button-color-typical-subtle-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
-$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
 $button-color-typical-tertiary-bg-enabled: $button-color-none;
 $button-color-typical-tertiary-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
-$button-color-typical-tertiary-border-enabled: $modes-color-interactive-monochrome-generic-default-alt2;
-$button-color-typical-tertiary-border-hover: $modes-color-interactive-monochrome-generic-default;
-$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-generic-default;
+$button-color-typical-tertiary-border-active: $modes-color-interactive-monochrome-generic-active;
 $button-color-typical-tertiary-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
+$button-color-typical-toggle-bg-active: $modes-color-interactive-monochrome-generic-active;
 $button-color-typical-toggle-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
-$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-generic-default;
-$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
 $button-color-typical-toggle-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
 $button-color-video-bg-blur: $modes-color-interactive-monochrome-generic-hover-alt;
-$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-generic-default;
-$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-generic-default;
-$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-generic-default;
 $button-size-split: $global-size-micro-xxs; // Split button (divider width)
 $button-size-s: $global-size-macro-s; // min-height on S Buttons
 $button-size-m: $global-size-macro-m; // min-height on M Buttons
@@ -166,8 +153,8 @@ $button-space-toggle-container-y-l: $global-space-micro-s; // Vertical padding
 $button-space-video-x-s: $global-space-micro-xs; // Left padding on play icon in video button
 $button-space-video-x-m: $global-space-micro-xs; // Left padding on play icon in video button
 $button-space-video-x-l: $global-space-micro-xs; // Left padding on play icon in video button
-$button-color-ai-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
 $button-color-ai-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-ai-label-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-destructive-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-destructive-primary-label-enabled: $modes-color-interactive-danger-with-default;
 $button-color-destructive-primary-label-hover: $modes-color-interactive-danger-with-default;
@@ -180,24 +167,30 @@ $button-color-typical-primary-label-active: $modes-color-interactive-primary-wit
 $button-color-typical-primary-label-disabled: $modes-color-interactive-inactive-content-alt;
 $button-color-typical-primary-label-enabled: $modes-color-interactive-primary-with-default;
 $button-color-typical-primary-label-hover: $modes-color-interactive-primary-with-default;
-$button-color-typical-secondary-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
-$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
+$button-color-typical-secondary-border-enabled: $modes-color-interactive-monochrome-generic-default;
+$button-color-typical-secondary-border-hover: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-secondary-label-disabled: $modes-color-interactive-inactive-content;
-$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
-$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
+$button-color-typical-secondary-label-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-subtle-label-disabled: $modes-color-interactive-inactive-content;
-$button-color-typical-tertiary-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
-$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
+$button-color-typical-subtle-label-enabled: $modes-color-interactive-monochrome-generic-default;
+$button-color-typical-tertiary-border-enabled: $modes-color-interactive-monochrome-generic-default-alt2;
+$button-color-typical-tertiary-border-hover: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-tertiary-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-tertiary-label-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-toggle-label-active-disabled: $modes-color-interactive-inactive-content-alt;
+$button-color-typical-toggle-border-enabled: $modes-color-interactive-monochrome-generic-default;
 $button-color-typical-toggle-label-active: $modes-color-interactive-monochrome-generic-with-active;
 $button-color-typical-toggle-label-disabled: $modes-color-interactive-inactive-content;
+$button-color-typical-toggle-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
 $button-color-video-primary-bg-enabled: $modes-color-interactive-monochrome-generic-with-default;
 $button-color-video-primary-bg-hover: $modes-color-interactive-monochrome-generic-with-default;
+$button-color-video-primary-label-enabled: $modes-color-interactive-monochrome-generic-default;
+$button-color-video-primary-label-hover: $modes-color-interactive-monochrome-generic-default;
 $button-color-video-secondary-bg-hover: $modes-color-interactive-monochrome-generic-with-default;
 $button-color-video-secondary-border-enabled: $modes-color-interactive-monochrome-generic-with-default;
 $button-color-video-secondary-border-hover: $modes-color-interactive-monochrome-generic-with-default;
 $button-color-video-secondary-label-enabled: $modes-color-interactive-monochrome-generic-with-default;
+$button-color-video-secondary-label-hover: $modes-color-interactive-monochrome-generic-default;
 $button-radius-s: $global-radius-interactive-l; // Buttons S (typical and destructive, and inc bar, split and multi),  Button toggle M (parent container)
 $button-radius-m: $global-radius-interactive-xl; // Buttons  M (typical and destructive, and inc bar, split and multi),  Button toggle L (parent container), Button toggle M (parent container)
 $button-radius-l: $global-radius-interactive-xxl; // Buttons L (typical and destructive, and inc bar, split and multi), Button toggle L (parent container)
@@ -219,10 +212,17 @@ $button-borderwidth-secondary: $global-borderwidth-s; // Secondary button.
 $button-borderwidth-tertiary: $global-borderwidth-xs; // tertiary button border 
 $button-borderwidth-togglecontainer: $global-borderwidth-xs; // Toggle container
 $button-color-ai-border-disabled: $modes-color-interactive-inactive-default;
+$button-color-ai-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
 $button-color-destructive-primary-bg-disabled: $modes-color-interactive-inactive-default;
 $button-color-destructive-secondary-border-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-primary-bg-disabled: $modes-color-interactive-inactive-default;
+$button-color-typical-secondary-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
 $button-color-typical-secondary-border-disabled: $modes-color-interactive-inactive-default;
+$button-color-typical-secondary-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
+$button-color-typical-subtle-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
+$button-color-typical-subtle-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
+$button-color-typical-tertiary-bg-active: $modes-color-interactive-monochrome-generic-active-alt;
 $button-color-typical-tertiary-bg-active-disabled: $modes-color-interactive-inactive-default;
 $button-color-typical-tertiary-border-disabled: $modes-color-interactive-inactive-default;
+$button-color-typical-tertiary-label-active: $modes-color-interactive-monochrome-generic-with-active-alt;
 $button-color-typical-toggle-bg-active-disabled: $modes-color-interactive-inactive-default;

package/scss/frozenproduct/large/components/container.scss

@@ -12,20 +12,15 @@ $container-radius-blockquote-bar: $global-radius-circle; // radius for blockquot
 $container-radius-scrollbar: $global-radius-circle; // Scrollbar
 $container-opacity-carousel-hidden: $modes-color-modifiers-input-disabled-fg; // opacity applied to next and previous carousel slides
 $container-color-standard-bg-default: $modes-color-generic-bg-nought;
-$container-color-standard-border-active: $modes-color-interactive-monochrome-generic-active;
 $container-color-ai-borderhorizontal: $modes-color-status-ai-default-horizontal; // top and bottom border for AI dialog component
 $container-color-ai-bordervertical: $modes-color-status-ai-default-vertical; // left and right border for dialog and insight bubbles.
 $container-color-ai-nudge-border-ai-horizontal: $modes-color-status-ai-default-horizontal; // top and bottom border for AI nudge message component
 $container-color-ai-nudge-border-ai-vertical: $modes-color-status-ai-default-vertical; // left and right border for AI nudge message component
 $container-color-interactive-detailedicon-bg: $modes-color-custom-default; //  
 $container-color-interactive-bg-footer-activated: $modes-color-status-positive-default; //  
-$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-generic-active;
 $container-color-interactive-border-activated: $modes-color-status-positive-default;
 $container-color-interactive-bg-footer-default: $modes-color-generic-bg-nought; // tile footer bg color 
 $container-color-interactive-bg-enabled: $modes-color-generic-bg-nought;
-$container-color-interactive-border-active: $modes-color-interactive-monochrome-generic-active;
-$container-color-interactive-icon-active: $modes-color-interactive-monochrome-generic-active; // Active chevron for any accordion.
-$container-color-interactive-text-active: $modes-color-interactive-monochrome-generic-active; // Active label for any accordion.
 $container-typography-adaptive-heading-m: $global-typography-adaptive-heading-s; // Accordion, Subscription tile, Tile select and generic tile or card headings
 $container-typography-adaptive-heading-l: $global-typography-adaptive-heading-m; // Dialog, drawer and sidebar headings
 $container-typography-adaptive-subheading-m: $global-typography-adaptive-subheading-m; // Accordion subheading,  Step flow subheading, tile select subheading, dialog, drawer and sidebar subheading
@@ -46,17 +41,18 @@ $container-typography-responsive-paragraph-m: $global-typography-responsive-comp
 $container-typography-responsive-paragraph-l: $global-typography-responsive-component-moderate-l;
 $container-color-standard-bg-alt: $modes-color-generic-bg-faint;
 $container-color-standard-bg-footer-default: $modes-color-generic-bg-faint; // tile footer bg color 
+$container-color-standard-border-active: $modes-color-interactive-monochrome-generic-active;
 $container-color-standard-dimmer: $modes-color-interactive-inactive-mask; // dimmed mask for dialogs
 $container-color-standard-text-alt: $modes-color-generic-content-moderate; // for subheadings etc
 $container-color-standard-text-default: $modes-color-generic-content-harsh; // for headings, paragraph text etc 
 $container-color-scrollbar-bg-default: $modes-color-generic-bg-faint;
+$container-color-interactive-bg-footer-active: $modes-color-interactive-monochrome-generic-active;
 $container-color-interactive-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt; // Used for accordion hover backgrounds 
-$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-generic-default; // Enabled chevron for any accordion.
-$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-generic-default-alt; // Enabled label for subtle accordion.
-$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-generic-default; // Hover chevron for any accordion.
+$container-color-interactive-border-active: $modes-color-interactive-monochrome-generic-active;
+$container-color-interactive-icon-active: $modes-color-interactive-monochrome-generic-active; // Active chevron for any accordion.
+$container-color-interactive-text-active: $modes-color-interactive-monochrome-generic-active; // Active label for any accordion.
 $container-color-interactive-text-enabled: $modes-color-generic-content-harsh; // Enabled label for standard accordion.
 $container-color-interactive-text-alt-enabled: $modes-color-generic-content-moderate; // Enabled label for subtle accordion.
-$container-color-interactive-text-hover: $modes-color-interactive-monochrome-generic-default; // Hover label for any accordion.
 $container-color-blockquote-border: $modes-color-interactive-primary-default;
 $container-boxshadow-card-enabled: $global-boxshadow-interactive-enabled; // Card (enabled)
 $container-boxshadow-card-hover: $global-boxshadow-interactive-hover; // Card (hover state)
@@ -76,9 +72,13 @@ $container-color-interactive-bg-disabled: $modes-color-interactive-inactive-defa
 $container-color-interactive-border-alt: $modes-color-generic-fg-delicate; // Link preview. 
 $container-color-interactive-border-inactive: $modes-color-generic-fg-soft;
 $container-color-interactive-border-enabled: $modes-color-generic-fg-moderate;
+$container-color-interactive-icon-enabled: $modes-color-interactive-monochrome-generic-default; // Enabled chevron for any accordion.
+$container-color-interactive-icon-alt-enabled: $modes-color-interactive-monochrome-generic-default-alt; // Enabled label for subtle accordion.
+$container-color-interactive-icon-hover: $modes-color-interactive-monochrome-generic-default; // Hover chevron for any accordion.
 $container-color-interactive-label-footer-active: $modes-color-interactive-monochrome-generic-with-active;
 $container-color-interactive-label-footer-activated: $modes-color-interactive-monochrome-generic-with-active;
 $container-color-interactive-text-disabled: $modes-color-interactive-inactive-content;
+$container-color-interactive-text-hover: $modes-color-interactive-monochrome-generic-default; // Hover label for any accordion.
 $container-size-none: $global-size-none;
 $container-size-accordionstandard-chevron: $global-size-icon-m; // Accordion chevron container
 $container-size-quotebar-width: $global-size-micro-m; // block quote bar width

package/scss/frozenproduct/large/components/form.scss

@@ -13,10 +13,7 @@ $form-radius-radio: $global-radius-circle; // Radio button
 $form-radius-switch: $global-radius-circle; // Switch container and handle
 $form-radius-calendar-none: $global-radius-none; // Calendar (start and end duration)
 $form-radius-calendar-date: $global-radius-circle; // Calendar date (hover & selected), 
-$form-color-calendar-bg-active: $modes-color-interactive-monochrome-generic-active;
-$form-color-calendar-border-duration: $modes-color-interactive-monochrome-generic-active;
 $form-color-labelset-label-required: $modes-color-interactive-danger-default;
-$form-color-switch-bg-active: $modes-color-interactive-monochrome-generic-active;
 $form-color-validation-border-error: $modes-color-status-negative-default;
 $form-color-validation-bar-error: $modes-color-status-negative-default; // error bar to left of inputs
 $form-color-validation-bar-warning: $modes-color-status-caution-default; // warning bar to left of inputs
@@ -35,10 +32,10 @@ $form-typography-responsive-label-l: $global-typography-responsive-component-fir
 $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
 $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
 $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
+$form-color-calendar-bg-active: $modes-color-interactive-monochrome-generic-active;
 $form-color-calendar-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
+$form-color-calendar-border-duration: $modes-color-interactive-monochrome-generic-active;
 $form-color-calendar-text-hover: $modes-color-interactive-monochrome-generic-with-hover;
-$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-generic-default;
-$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
 $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
 $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
 $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
@@ -47,9 +44,8 @@ $form-color-typical-icon-active: $modes-color-interactive-data-entry-with-active
 $form-color-typical-icon-hover: $modes-color-interactive-data-entry-with-hover;
 $form-color-typical-text-hover: $modes-color-interactive-data-entry-with-hover; // text hover state when dragging a file over file input
 $form-color-typical-text-read-only: $modes-color-generic-content-harsh;
+$form-color-switch-bg-active: $modes-color-interactive-monochrome-generic-active;
 $form-color-switch-bg-enabled: $modes-color-interactive-data-entry-default; // for switch
-$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
-$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
 $form-space-none: $global-space-none;
 $form-space-calendar-x-m: $global-space-macro-m;
 $form-space-calendar-y-m: $global-space-macro-m;
@@ -225,7 +221,9 @@ $form-color-calendar-text-enabled: $modes-color-interactive-data-entry-content;
 $form-color-calendar-text-alt-enabled: $modes-color-interactive-data-entry-content-alt;
 $form-color-dropdown-bg-hover: $popover-color-bg-hover; // REF POPOVER 
 $form-color-dropdown-label-active: $modes-color-interactive-monochrome-generic-with-active;
+$form-color-dropdown-label-alt: $modes-color-interactive-monochrome-generic-default;
 $form-color-dropdown-label-disabled: $modes-color-interactive-inactive-content;
+$form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-generic-default-alt;
 $form-color-labelset-label-default: $modes-color-interactive-data-entry-content;
 $form-color-labelset-label-alt: $modes-color-interactive-data-entry-content-alt; // used for '(optional)' text and hint text.
 $form-color-labelset-label-disabled: $modes-color-interactive-inactive-content;
@@ -245,8 +243,10 @@ $form-color-typical-text-default: $modes-color-interactive-data-entry-content;
 $form-color-typical-text-disabled: $modes-color-interactive-inactive-content;
 $form-color-typical-text-enabled: $modes-color-interactive-data-entry-content; // Dropdown text (subtle dropdown).
 $form-color-switch-bg-disabled: $modes-color-interactive-inactive-default-alt; // for switch
+$form-color-switch-border-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
 $form-color-switch-fg-active: $modes-color-interactive-monochrome-generic-with-active;
 $form-color-switch-fg-activedisabled: $modes-color-interactive-inactive-content-alt;
+$form-color-switch-fg-enabled: $modes-color-interactive-monochrome-subtle-default-alt;
 $form-color-switch-label-active: $modes-color-interactive-data-entry-content;
 $form-color-switch-label-enabled: $modes-color-interactive-data-entry-content-alt;
 $form-color-switch-icon-enabled: $modes-color-interactive-data-entry-content-alt;