@sage/design-tokens 5.2.0 → 5.3.0

package/json/flat/frozenproduct/small/dark/mode.json

@@ -113,17 +113,18 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
-  "modesColorStatusAiDefault": "#000000",
-  "modesColorStatusAiDefaultAlt": "#FFFFFF",
-  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",
   "modesColorStatusCautionHoverAlt": "#34211a",
   "modesColorStatusCautionText": "#e75b23",
   "modesColorStatusCautionFrozenDefault": "#251206",
+  "modesColorStatusCautionFrozenIcon": "#e75b23",
+  "modesColorStatusAiDefault": "#000000",
+  "modesColorStatusAiDefaultAlt": "#FFFFFF",
+  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusContentWithDefault": "#000000",
   "modesColorStatusContentWithDefaultAlt": "#fffffff2",
   "modesColorStatusContentWithHover": "#000000",

package/json/flat/frozenproduct/small/light/mode.json

@@ -124,6 +124,7 @@
   "modesColorStatusCautionHoverAlt": "#f1e0d8",
   "modesColorStatusCautionText": "#bf3e0c",
   "modesColorStatusCautionFrozenDefault": "#FF8629",
+  "modesColorStatusCautionFrozenIcon": "#000000",
   "modesColorStatusContentWithDefault": "#FFFFFF",
   "modesColorStatusContentWithDefaultAlt": "#000000f2",
   "modesColorStatusContentWithHover": "#FFFFFF",

package/json/flat/marketing/large/dark/mode.json

@@ -113,17 +113,18 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
-  "modesColorStatusAiDefault": "#000000",
-  "modesColorStatusAiDefaultAlt": "#FFFFFF",
-  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",
   "modesColorStatusCautionHoverAlt": "#34211a",
   "modesColorStatusCautionText": "#e75b23",
   "modesColorStatusCautionFrozenDefault": "#251206",
+  "modesColorStatusCautionFrozenIcon": "#e75b23",
+  "modesColorStatusAiDefault": "#000000",
+  "modesColorStatusAiDefaultAlt": "#FFFFFF",
+  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusContentWithDefault": "#000000",
   "modesColorStatusContentWithDefaultAlt": "#fffffff2",
   "modesColorStatusContentWithHover": "#000000",

package/json/flat/marketing/large/light/mode.json

@@ -124,6 +124,7 @@
   "modesColorStatusCautionHoverAlt": "#f1e0d8",
   "modesColorStatusCautionText": "#bf3e0c",
   "modesColorStatusCautionFrozenDefault": "#FF8629",
+  "modesColorStatusCautionFrozenIcon": "#000000",
   "modesColorStatusContentWithDefault": "#FFFFFF",
   "modesColorStatusContentWithDefaultAlt": "#000000f2",
   "modesColorStatusContentWithHover": "#FFFFFF",

package/json/flat/marketing/small/dark/mode.json

@@ -113,17 +113,18 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
-  "modesColorStatusAiDefault": "#000000",
-  "modesColorStatusAiDefaultAlt": "#FFFFFF",
-  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",
   "modesColorStatusCautionHoverAlt": "#34211a",
   "modesColorStatusCautionText": "#e75b23",
   "modesColorStatusCautionFrozenDefault": "#251206",
+  "modesColorStatusCautionFrozenIcon": "#e75b23",
+  "modesColorStatusAiDefault": "#000000",
+  "modesColorStatusAiDefaultAlt": "#FFFFFF",
+  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusContentWithDefault": "#000000",
   "modesColorStatusContentWithDefaultAlt": "#fffffff2",
   "modesColorStatusContentWithHover": "#000000",

package/json/flat/marketing/small/light/mode.json

@@ -124,6 +124,7 @@
   "modesColorStatusCautionHoverAlt": "#f1e0d8",
   "modesColorStatusCautionText": "#bf3e0c",
   "modesColorStatusCautionFrozenDefault": "#FF8629",
+  "modesColorStatusCautionFrozenIcon": "#000000",
   "modesColorStatusContentWithDefault": "#FFFFFF",
   "modesColorStatusContentWithDefaultAlt": "#000000f2",
   "modesColorStatusContentWithHover": "#FFFFFF",

package/json/flat/product/large/dark/mode.json

@@ -113,17 +113,18 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
-  "modesColorStatusAiDefault": "#000000",
-  "modesColorStatusAiDefaultAlt": "#FFFFFF",
-  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",
   "modesColorStatusCautionHoverAlt": "#34211a",
   "modesColorStatusCautionText": "#e75b23",
   "modesColorStatusCautionFrozenDefault": "#251206",
+  "modesColorStatusCautionFrozenIcon": "#e75b23",
+  "modesColorStatusAiDefault": "#000000",
+  "modesColorStatusAiDefaultAlt": "#FFFFFF",
+  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusContentWithDefault": "#000000",
   "modesColorStatusContentWithDefaultAlt": "#fffffff2",
   "modesColorStatusContentWithHover": "#000000",

package/json/flat/product/large/light/mode.json

@@ -124,6 +124,7 @@
   "modesColorStatusCautionHoverAlt": "#f1e0d8",
   "modesColorStatusCautionText": "#bf3e0c",
   "modesColorStatusCautionFrozenDefault": "#FF8629",
+  "modesColorStatusCautionFrozenIcon": "#000000",
   "modesColorStatusContentWithDefault": "#FFFFFF",
   "modesColorStatusContentWithDefaultAlt": "#000000f2",
   "modesColorStatusContentWithHover": "#FFFFFF",

package/json/flat/product/small/dark/mode.json

@@ -113,17 +113,18 @@
   "modesColorInteractiveProgressBg": "#ffffff14",
   "modesColorInteractiveProgressBgAlt": "#00000014",
   "modesColorInteractiveProgressFrozenBg": "#ffffff14",
-  "modesColorStatusAiDefault": "#000000",
-  "modesColorStatusAiDefaultAlt": "#FFFFFF",
-  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusCautionDefault": "#E04500",
   "modesColorStatusCautionDefaultAlt": "#251206",
   "modesColorStatusCautionHover": "#eb6732",
   "modesColorStatusCautionHoverAlt": "#34211a",
   "modesColorStatusCautionText": "#e75b23",
   "modesColorStatusCautionFrozenDefault": "#251206",
+  "modesColorStatusCautionFrozenIcon": "#e75b23",
+  "modesColorStatusAiDefault": "#000000",
+  "modesColorStatusAiDefaultAlt": "#FFFFFF",
+  "modesColorStatusAiDefaultHorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusAiDefaultVertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+  "modesColorStatusGenericDefault": "#008a89",
   "modesColorStatusContentWithDefault": "#000000",
   "modesColorStatusContentWithDefaultAlt": "#fffffff2",
   "modesColorStatusContentWithHover": "#000000",

package/json/flat/product/small/light/mode.json

@@ -124,6 +124,7 @@
   "modesColorStatusCautionHoverAlt": "#f1e0d8",
   "modesColorStatusCautionText": "#bf3e0c",
   "modesColorStatusCautionFrozenDefault": "#FF8629",
+  "modesColorStatusCautionFrozenIcon": "#000000",
   "modesColorStatusContentWithDefault": "#FFFFFF",
   "modesColorStatusContentWithDefaultAlt": "#000000f2",
   "modesColorStatusContentWithHover": "#FFFFFF",

package/json/nested/frozenproduct/large/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/frozenproduct/large/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/json/nested/frozenproduct/small/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/frozenproduct/small/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/json/nested/marketing/large/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/marketing/large/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/json/nested/marketing/small/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/marketing/small/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/json/nested/product/large/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/product/large/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/json/nested/product/small/dark/mode.json

@@ -180,15 +180,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": "#000000",
-          "defaultAlt": "#FFFFFF",
-          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "generic": {
-          "default": "#008a89"
-        },
         "caution": {
           "default": "#E04500",
           "defaultAlt": "#251206",
@@ -196,9 +187,19 @@
           "hoverAlt": "#34211a",
           "text": "#e75b23",
           "frozen": {
-            "default": "#251206"
+            "default": "#251206",
+            "icon": "#e75b23"
           }
         },
+        "ai": {
+          "default": "#000000",
+          "defaultAlt": "#FFFFFF",
+          "default-horizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+          "default-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
+        },
+        "generic": {
+          "default": "#008a89"
+        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",

package/json/nested/product/small/light/mode.json

@@ -196,7 +196,8 @@
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
           "frozen": {
-            "default": "#FF8629"
+            "default": "#FF8629",
+            "icon": "#000000"
           }
         },
         "content": {

package/package.json

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

package/scss/frozenproduct/large/dark.scss

@@ -119,17 +119,18 @@ $modes-color-interactive-primary-frozen-table-default: #18232a;
 $modes-color-interactive-progress-bg: #ffffff14;
 $modes-color-interactive-progress-bg-alt: #00000014;
 $modes-color-interactive-progress-frozen-bg: #ffffff14;
-$modes-color-status-ai-default: #000000;
-$modes-color-status-ai-default-alt: #FFFFFF; // bg for contextual message comp
-$modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
-$modes-color-status-ai-default-vertical: linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
-$modes-color-status-generic-default: #008a89;
 $modes-color-status-caution-default: #E04500;
 $modes-color-status-caution-default-alt: #251206; // Subtle message bg
 $modes-color-status-caution-hover: #eb6732; // used on pill hover states
 $modes-color-status-caution-hover-alt: #34211a; // used on pill hover states and message bg
 $modes-color-status-caution-text: #e75b23;
 $modes-color-status-caution-frozen-default: #251206; // Global message bg
+$modes-color-status-caution-frozen-icon: #e75b23; // Global message icon.
+$modes-color-status-ai-default: #000000;
+$modes-color-status-ai-default-alt: #FFFFFF; // bg for contextual message comp
+$modes-color-status-ai-default-horizontal: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
+$modes-color-status-ai-default-vertical: linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
+$modes-color-status-generic-default: #008a89;
 $modes-color-status-content-with-default: #000000;
 $modes-color-status-content-with-default-alt: #fffffff2;
 $modes-color-status-content-with-hover: #000000;

package/scss/frozenproduct/large/light.scss

@@ -130,6 +130,7 @@ $modes-color-status-caution-hover: #b13a0d; // used on pill hover states
 $modes-color-status-caution-hover-alt: #f1e0d8; // used on pill hover states and message bg
 $modes-color-status-caution-text: #bf3e0c;
 $modes-color-status-caution-frozen-default: #FF8629; // used on global message bg
+$modes-color-status-caution-frozen-icon: #000000; // used on global message icon
 $modes-color-status-content-with-default: #FFFFFF;
 $modes-color-status-content-with-default-alt: #000000f2;
 $modes-color-status-content-with-hover: #FFFFFF; // for pill hover X

package/scss/frozenproduct/small/components/button.scss

@@ -23,9 +23,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;
@@ -50,7 +47,6 @@ $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-bg-hover: $modes-color-interactive-danger-hover-alt;
@@ -58,25 +54,17 @@ $button-color-destructive-secondary-border-hover: $modes-color-interactive-dange
 $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-alt;
 $button-color-typical-subtle-label-hover: $modes-color-interactive-monochrome-generic-with-hover;
-$button-color-typical-tertiary-bg-enabled: $modes-color-interactive-monochrome-subtle-default;
 $button-color-typical-tertiary-bg-hover: $modes-color-interactive-monochrome-generic-hover-alt;
-$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 +154,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;
@@ -179,25 +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-alt;
+$button-color-typical-tertiary-bg-enabled: $modes-color-interactive-monochrome-subtle-default;
 $button-color-typical-tertiary-label-active-copy: $modes-color-interactive-monochrome-frozen-with-active;
 $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)
@@ -218,10 +211,17 @@ $button-borderwidth-chip: $global-borderwidth-xs; // chip button border width
 $button-borderwidth-secondary: $global-borderwidth-s; // Secondary button. 
 $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;