@sage/design-tokens 5.2.0 → 5.3.0

package/css/product/large/components/status.css

@@ -6,6 +6,8 @@
   --status-radius-none: var(--global-radius-none); /* Pill (embedded element inner corners) */
   --status-color-none: var(--modes-color-none); /* transparent override used for hiding colors when needed. */
   --status-color-bg-default: var(--modes-color-generic-bg-nought);
+  --status-color-callout-bg-alt: var(--modes-color-status-callout-default-alt); /* Subtle message bg */
+  --status-color-callout-bg-alt-default: var(--modes-color-status-callout-default-alt); /* Global message bg */
   --status-color-error-bg-default: var(--modes-color-status-negative-default);
   --status-color-error-bg-alt: var(--modes-color-status-negative-default-alt); /* Subtle message bg */
   --status-color-error-border-default: var(--modes-color-status-negative-default);
@@ -51,8 +53,7 @@
   --status-color-text: var(--modes-color-status-content-with-hover-alt); /* Message text. */
   --status-color-ai-bg-default: var(--modes-color-status-ai-default-alt);
   --status-color-ai-border-default: var(--modes-color-status-ai-default-alt);
-  --status-color-callout-bg-alt: var(--modes-color-status-callout-default-alt); /* Subtle message bg */
-  --status-color-callout-bg-alt-default: var(--modes-color-status-callout-default-alt); /* Global message bg */
+  --status-color-callout-bg-alt-hover: var(--modes-color-status-callout-hover-alt); /* Subtle message bg */
   --status-color-error-bg-alt-hover: var(--modes-color-status-negative-hover-alt);
   --status-color-error-bg-hover: var(--modes-color-status-negative-hover);
   --status-color-info-bg-alt-hover: var(--modes-color-status-info-hover-alt);
@@ -72,7 +73,6 @@
   --status-color-label-readonly: var(--modes-color-interactive-monochrome-generic-with-default); /* Pill (all types, readonly, when nested in disabled parent components) */
   --status-color-label-hover: var(--modes-color-status-content-with-hover);
   --status-color-label-alt-default: var(--modes-color-status-content-with-default-alt);
-  --status-color-callout-bg-alt-hover: var(--modes-color-status-callout-hover-alt); /* Subtle message bg */
   --status-size-pill-s: calc(var(--global-size-macro-xs) - var(--global-size-micro-xs)); /* Min height */
   --status-size-pill-m: var(--global-size-macro-xs); /* Min height and removable button. */
   --status-size-pill-l: calc(var(--global-size-macro-xs) + var(--global-size-micro-xs)); /* Min height and removable button */

package/css/product/large/dark.css

@@ -117,17 +117,18 @@
   --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/css/product/large/light.css

@@ -128,6 +128,7 @@
   --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/css/product/small/dark.css

@@ -117,17 +117,18 @@
   --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/css/product/small/light.css

@@ -128,6 +128,7 @@
   --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/ios/frozenproduct/large/dark/mode.h

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

package/ios/frozenproduct/large/light/mode.h

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

package/ios/frozenproduct/small/dark/mode.h

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

package/ios/frozenproduct/small/light/mode.h

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

package/ios/marketing/large/dark/mode.h

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

package/ios/marketing/large/light/mode.h

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

package/ios/marketing/small/dark/mode.h

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

package/ios/marketing/small/light/mode.h

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

package/ios/product/large/dark/mode.h

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

package/ios/product/large/light/mode.h

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

package/ios/product/small/dark/mode.h

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

package/ios/product/small/light/mode.h

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

package/js/common/frozenproduct/large/dark/mode.d.ts

@@ -200,15 +200,6 @@ declare const tokens: {
         };
       };
       status: {
-        ai: {
-          default: DesignToken;
-          defaultAlt: DesignToken;
-          "default-horizontal": DesignToken;
-          "default-vertical": DesignToken;
-        };
-        generic: {
-          default: DesignToken;
-        };
         caution: {
           default: DesignToken;
           defaultAlt: DesignToken;
@@ -217,8 +208,18 @@ declare const tokens: {
           text: DesignToken;
           frozen: {
             default: DesignToken;
+            icon: DesignToken;
           };
         };
+        ai: {
+          default: DesignToken;
+          defaultAlt: DesignToken;
+          "default-horizontal": DesignToken;
+          "default-vertical": DesignToken;
+        };
+        generic: {
+          default: DesignToken;
+        };
         content: {
           withDefault: DesignToken;
           withDefaultAlt: DesignToken;

package/js/common/frozenproduct/large/dark/mode.js

@@ -4435,95 +4435,6 @@ module.exports = {
         },
       },
       status: {
-        ai: {
-          default: {
-            value: "#000000",
-            type: "color",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.generic.bg.nought}",
-              type: "color",
-            },
-            name: "modesColorStatusAiDefault",
-            attributes: {},
-            path: ["modes", "color", "status", "ai", "default"],
-          },
-          defaultAlt: {
-            value: "#FFFFFF",
-            type: "color",
-            description: "bg for contextual message comp",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.generic.bg.extreme}",
-              type: "color",
-              description: "bg for contextual message comp",
-            },
-            name: "modesColorStatusAiDefaultAlt",
-            attributes: {
-              value: "#FFFFFF",
-              type: "color",
-              description: "bg for contextual message comp",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                value: "{modes.color.generic.bg.extreme}",
-                type: "color",
-                description: "bg for contextual message comp",
-              },
-              name: "defaultAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "ai", "defaultAlt"],
-              comment: "bg for contextual message comp",
-            },
-            path: ["modes", "color", "status", "ai", "defaultAlt"],
-            comment: "bg for contextual message comp",
-          },
-          "default-horizontal": {
-            value:
-              "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-            type: "color",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              value: "{primitives.colors.lightAiH}",
-              type: "color",
-            },
-            name: "modesColorStatusAiDefaultHorizontal",
-            attributes: {},
-            path: ["modes", "color", "status", "ai", "default-horizontal"],
-          },
-          "default-vertical": {
-            value:
-              "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
-            type: "color",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              value: "{primitives.colors.lightAiV}",
-              type: "color",
-            },
-            name: "modesColorStatusAiDefaultVertical",
-            attributes: {},
-            path: ["modes", "color", "status", "ai", "default-vertical"],
-          },
-        },
-        generic: {
-          default: {
-            value: "#008a89",
-            type: "color",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              value: "{primitives.colors.petrol}",
-              type: "color",
-            },
-            name: "modesColorStatusGenericDefault",
-            attributes: {},
-            path: ["modes", "color", "status", "generic", "default"],
-          },
-        },
         caution: {
           default: {
             value: "#E04500",
@@ -4865,6 +4776,176 @@ module.exports = {
               ],
               comment: "Global message bg",
             },
+            icon: {
+              value: "#e75b23",
+              type: "color",
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.10",
+                    space: "lch",
+                    color: "#FFFFFF",
+                    filePath: "data/tokens/modes/dark.json",
+                    isSource: true,
+                    format: "hex",
+                  },
+                },
+              },
+              description: "Global message icon.",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                value: "{primitives.colors.tangerine}",
+                type: "color",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.10",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore}",
+                      filePath: "data/tokens/modes/dark.json",
+                      isSource: true,
+                    },
+                  },
+                },
+                description: "Global message icon.",
+              },
+              name: "modesColorStatusCautionFrozenIcon",
+              attributes: {
+                value: "#E04500",
+                type: "color",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.10",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      filePath: "data/tokens/modes/dark.json",
+                      isSource: true,
+                      format: "hex",
+                    },
+                  },
+                },
+                description: "Global message icon.",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  value: "{primitives.colors.tangerine}",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.10",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                        filePath: "data/tokens/modes/dark.json",
+                        isSource: true,
+                      },
+                    },
+                  },
+                  description: "Global message icon.",
+                },
+                name: "icon",
+                attributes: {},
+                path: ["modes", "color", "status", "caution", "frozen", "icon"],
+                comment: "Global message icon.",
+              },
+              path: ["modes", "color", "status", "caution", "frozen", "icon"],
+              comment: "Global message icon.",
+            },
+          },
+        },
+        ai: {
+          default: {
+            value: "#000000",
+            type: "color",
+            filePath: "data/tokens/modes/dark.json",
+            isSource: true,
+            original: {
+              value: "{modes.color.generic.bg.nought}",
+              type: "color",
+            },
+            name: "modesColorStatusAiDefault",
+            attributes: {},
+            path: ["modes", "color", "status", "ai", "default"],
+          },
+          defaultAlt: {
+            value: "#FFFFFF",
+            type: "color",
+            description: "bg for contextual message comp",
+            filePath: "data/tokens/modes/dark.json",
+            isSource: true,
+            original: {
+              value: "{modes.color.generic.bg.extreme}",
+              type: "color",
+              description: "bg for contextual message comp",
+            },
+            name: "modesColorStatusAiDefaultAlt",
+            attributes: {
+              value: "#FFFFFF",
+              type: "color",
+              description: "bg for contextual message comp",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                value: "{modes.color.generic.bg.extreme}",
+                type: "color",
+                description: "bg for contextual message comp",
+              },
+              name: "defaultAlt",
+              attributes: {},
+              path: ["modes", "color", "status", "ai", "defaultAlt"],
+              comment: "bg for contextual message comp",
+            },
+            path: ["modes", "color", "status", "ai", "defaultAlt"],
+            comment: "bg for contextual message comp",
+          },
+          "default-horizontal": {
+            value:
+              "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+            type: "color",
+            filePath: "data/tokens/modes/dark.json",
+            isSource: true,
+            original: {
+              value: "{primitives.colors.lightAiH}",
+              type: "color",
+            },
+            name: "modesColorStatusAiDefaultHorizontal",
+            attributes: {},
+            path: ["modes", "color", "status", "ai", "default-horizontal"],
+          },
+          "default-vertical": {
+            value:
+              "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
+            type: "color",
+            filePath: "data/tokens/modes/dark.json",
+            isSource: true,
+            original: {
+              value: "{primitives.colors.lightAiV}",
+              type: "color",
+            },
+            name: "modesColorStatusAiDefaultVertical",
+            attributes: {},
+            path: ["modes", "color", "status", "ai", "default-vertical"],
+          },
+        },
+        generic: {
+          default: {
+            value: "#008a89",
+            type: "color",
+            filePath: "data/tokens/modes/dark.json",
+            isSource: true,
+            original: {
+              value: "{primitives.colors.petrol}",
+              type: "color",
+            },
+            name: "modesColorStatusGenericDefault",
+            attributes: {},
+            path: ["modes", "color", "status", "generic", "default"],
           },
         },
         content: {

package/js/common/frozenproduct/large/light/mode.d.ts

@@ -217,6 +217,7 @@ declare const tokens: {
           text: DesignToken;
           frozen: {
             default: DesignToken;
+            icon: DesignToken;
           };
         };
         content: {

package/js/common/frozenproduct/large/light/mode.js

@@ -5252,6 +5252,37 @@ module.exports = {
               ],
               comment: "used on global message bg",
             },
+            icon: {
+              value: "#000000",
+              type: "color",
+              description: "used on global message icon",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                value: "{primitives.colors.black}",
+                type: "color",
+                description: "used on global message icon",
+              },
+              name: "modesColorStatusCautionFrozenIcon",
+              attributes: {
+                value: "#000000",
+                type: "color",
+                description: "used on global message icon",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  value: "{primitives.colors.black}",
+                  type: "color",
+                  description: "used on global message icon",
+                },
+                name: "icon",
+                attributes: {},
+                path: ["modes", "color", "status", "caution", "frozen", "icon"],
+                comment: "used on global message icon",
+              },
+              path: ["modes", "color", "status", "caution", "frozen", "icon"],
+              comment: "used on global message icon",
+            },
           },
         },
         content: {