Merge pull request #399 from Sage/250108-DS-globalMessageIcon

feat(frozen): Add modes.color.status.caution.frozen.icon to light dark mode. Add status icon color token to frozenproduct.
Sage · Jan 8, 2025 · 0b2e424 · 0b2e424
2 parents 7e4f7a7 + 15b8e37
commit 0b2e424
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 25 deletions.
diff --git a/data/tokens/context/frozenproduct.json b/data/tokens/context/frozenproduct.json
@@ -514,6 +514,11 @@
           "value": "{modes.color.status.caution.frozen.default}",
           "type": "color",
           "description": "Global message bg"
+        },
+        "icon": {
+          "value": "{modes.color.status.caution.frozen.icon}",
+          "type": "color",
+          "description": "Global message icon."
         }
       }
     },

diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -1035,31 +1035,6 @@
         }
       },
       "status": {
-        "ai": {
-          "default": {
-            "value": "{modes.color.generic.bg.nought}",
-            "type": "color"
-          },
-          "defaultAlt": {
-            "value": "{modes.color.generic.bg.extreme}",
-            "type": "color",
-            "description": "bg for contextual message comp"
-          },
-          "default-horizontal": {
-            "value": "{primitives.colors.lightAiH}",
-            "type": "color"
-          },
-          "default-vertical": {
-            "value": "{primitives.colors.lightAiV}",
-            "type": "color"
-          }
-        },
-        "generic": {
-          "default": {
-            "value": "{primitives.colors.petrol}",
-            "type": "color"
-          }
-        },
         "caution": {
           "default": {
             "value": "{primitives.colors.tangerine}",
@@ -1129,9 +1104,49 @@
               "value": "{modes.color.status.caution.defaultAlt}",
               "type": "color",
               "description": "Global message bg"
+            },
+            "icon": {
+              "value": "{primitives.colors.tangerine}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "mix",
+                    "value": "0.10",
+                    "space": "lch",
+                    "color": "{modes.color.modifier.contrastMore}"
+                  }
+                }
+              },
+              "description": "Global message icon."
             }
           }
         },
+        "ai": {
+          "default": {
+            "value": "{modes.color.generic.bg.nought}",
+            "type": "color"
+          },
+          "defaultAlt": {
+            "value": "{modes.color.generic.bg.extreme}",
+            "type": "color",
+            "description": "bg for contextual message comp"
+          },
+          "default-horizontal": {
+            "value": "{primitives.colors.lightAiH}",
+            "type": "color"
+          },
+          "default-vertical": {
+            "value": "{primitives.colors.lightAiV}",
+            "type": "color"
+          }
+        },
+        "generic": {
+          "default": {
+            "value": "{primitives.colors.petrol}",
+            "type": "color"
+          }
+        },
         "content": {
           "withDefault": {
             "value": "{modes.color.generic.content.nought}",

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -1177,6 +1177,11 @@
               "value": "#FF8629",
               "type": "color",
               "description": "used on global message bg"
+            },
+            "icon": {
+              "value": "{primitives.colors.black}",
+              "type": "color",
+              "description": "used on global message icon"
             }
           }
         },