feat(frozen global info message: Add modes.color.status.info.frozen.i… (

#400) feat(frozen): global info message: Add modes.color.status.info.frozen.icon to light and dark mode, add color.status.info.icon to frozenproduct theme.
Sage · Jan 9, 2025 · fb76911 · fb76911
1 parent 91b055c
commit fb76911
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 13 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -170,7 +170,7 @@
       "modes.color.brand.withDefaultAlt": "36809d5c40f56404d81fbe4327a9cb427e77022a",
       "modes.color.brand.copilot.AIIdentifier.default": "4c3f864d595cc83b34a71330e96363b6b7754eae",
       "modes.color.brand.copilot.AIIdentifier.withDefault": "a9ffa309e0e6bf186f68fb17024a0e02cca6e8f0",
-      "modes.color.brand.copilot.noBg.S": "feb81091653a842a4fa9cd62a3efa86923e1533a",
+      "modes.color.brand.copilot.noBg.S": "55101324c86d8b07678540a5bddfa831e97436e8",
       "modes.color.brand.copilot.noBg.star": "c9bdc0e31eab36c21cf750ed8c789c3f6f78016f",
       "modes.color.brand.copilot.noBg.mono": "19888467fc8c8aa99475050ed369c2bd7daf1407",
       "modes.color.brand.copilot.withBg.star": "f990f25e2b4a4afa3f72073a2995be1945ad80d3",
@@ -274,15 +274,16 @@
       "modes.color.interactive.progress.bg": "30c14cd0017e0a3a32be14e610f1bc84e528adad",
       "modes.color.interactive.progress.bgAlt": "660ee5f53f893a98f65b03f5267c6657909b3e8a",
       "modes.color.interactive.progress.frozen.bg": "e83414fdf9dda84fe762b07bdaefc152e709f055",
-      "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2",
-      "modes.color.status.ai.defaultAlt": "b00eaa03c3766fa865821a37034c3e440107daf6",
-      "modes.color.status.generic.default": "55559de090799ef8c45e1cffc77e010c95a5c755",
       "modes.color.status.caution.default": "03afead0cd6f3af10ceb3699536600dfee498da5",
       "modes.color.status.caution.defaultAlt": "f73fb33a2139620189cd6301e0fc7602e082ab42",
       "modes.color.status.caution.hover": "69180cc0a150d04b5d781b749577af19573a4dfa",
       "modes.color.status.caution.hoverAlt": "82c666d189c52b4c61c46462e762911c256dd819",
       "modes.color.status.caution.text": "3a9d5af603968daec196498515dfcc1c7650a28f",
       "modes.color.status.caution.frozen.default": "17a00342578d787abefb49a72f12eca36e42fcfd",
+      "modes.color.status.caution.frozen.icon": "71e2b9aadc17d3f016d9b41e2cbb942941c34fd9",
+      "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2",
+      "modes.color.status.ai.defaultAlt": "b00eaa03c3766fa865821a37034c3e440107daf6",
+      "modes.color.status.generic.default": "55559de090799ef8c45e1cffc77e010c95a5c755",
       "modes.color.status.content.withDefault": "47b3d6384bd749a28eb32ea8ebe7133564739381",
       "modes.color.status.content.withDefaultAlt": "08ac71f91a1fcfb91564b2c214ec07cb16fce429",
       "modes.color.status.content.withHover": "92523de735de33186ba4c7e13274c712e24acacd",
@@ -294,6 +295,7 @@
       "modes.color.status.info.hover": "36a0b805f5431402dbc381a5eae064145d024102",
       "modes.color.status.info.hoverAlt": "9c6be1b11d03c97d0447229bb0c1e201dbcabc75",
       "modes.color.status.info.frozen.default": "8016081e6bd71419a5447a38dd1ea4d68283d4a5",
+      "modes.color.status.info.frozen.icon": "762f6ec9b84b98c6339760611e46f7ca35d099e0",
       "modes.color.status.negative.default": "a8616fc8aff54b36ed861ae9118b44d66e754393",
       "modes.color.status.negative.defaultAlt": "46edd7804a2955aeee2f8bbcc24b034ac67b1946",
       "modes.color.status.negative.hover": "54db080afc61d960e4f6ad7f4d1dc5b370413266",
@@ -451,6 +453,7 @@
       "modes.color.status.caution.hoverAlt": "82c666d189c52b4c61c46462e762911c256dd819",
       "modes.color.status.caution.text": "3a9d5af603968daec196498515dfcc1c7650a28f",
       "modes.color.status.caution.frozen.default": "17a00342578d787abefb49a72f12eca36e42fcfd",
+      "modes.color.status.caution.frozen.icon": "71e2b9aadc17d3f016d9b41e2cbb942941c34fd9",
       "modes.color.status.content.withDefault": "47b3d6384bd749a28eb32ea8ebe7133564739381",
       "modes.color.status.content.withDefaultAlt": "08ac71f91a1fcfb91564b2c214ec07cb16fce429",
       "modes.color.status.content.withHover": "92523de735de33186ba4c7e13274c712e24acacd",
@@ -462,6 +465,7 @@
       "modes.color.status.info.hover": "36a0b805f5431402dbc381a5eae064145d024102",
       "modes.color.status.info.hoverAlt": "9c6be1b11d03c97d0447229bb0c1e201dbcabc75",
       "modes.color.status.info.frozen.default": "8016081e6bd71419a5447a38dd1ea4d68283d4a5",
+      "modes.color.status.info.frozen.icon": "762f6ec9b84b98c6339760611e46f7ca35d099e0",
       "modes.color.status.negative.default": "a8616fc8aff54b36ed861ae9118b44d66e754393",
       "modes.color.status.negative.defaultAlt": "46edd7804a2955aeee2f8bbcc24b034ac67b1946",
       "modes.color.status.negative.hover": "54db080afc61d960e4f6ad7f4d1dc5b370413266",
@@ -606,6 +610,7 @@
       "status.color.error.bgAlt": "d148be733033e2b724188212ae7d78a6016426a9",
       "status.color.info.bgAlt": "7623e995eddaf130e9e58bca59e85f25181633f0",
       "status.color.info.bgAlt-default": "d8cc6951addc97749232bdfb2cb54c987fa57365",
+      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt": "52d65c07a7c2aa22badf56321b89620bc25f06f1",
       "status.color.neutral.bg-default": "db13c51702081fc1df4b2430aebc10bf6ed26f7c",
       "status.color.neutral.bg-hover": "354201f0b8988b103c2d959a65cdb3f4eab34982",
@@ -616,6 +621,7 @@
       "status.color.success.bgAlt": "82df6e2d686439ab70c610e52a36d8f9c9ab5939",
       "status.color.warning.bgAlt": "d99551602e113bbb88150a5dfdf0867b6dadb8a8",
       "status.color.warning.bgAlt-default": "9c9312936cc3637991d241bd3ee2922a3646f165",
+      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.radius.pill": "ecfcbd56d1c07ba24b69f91f2f0a017a057ba3c0",
       "tab.radius.M": "553fe1a26d9c1a1ccbff1a636c4fbee13279789f",
       "tab.radius.L": "d0fa4522d4d623a7ca880177850c7db719af6a5c",
@@ -1678,7 +1684,6 @@
       "status.color.info.bgAlt-hover": "34a0272faa1a09533e6b099170624479f1f801e5",
       "status.color.info.bg-hover": "cb9604a097f597e71c657084a5c15c1716c69601",
       "status.color.info.border-default": "92895f346ee23aa6a06051d4e1e8b408cef08f36",
-      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt-hover": "8e28c5e63d00216ac1d6c37b6f5cd77257e4ca97",
       "status.color.neutral.icon": "705e83d3892a940e7d5b3ec982e4c1ba0fbac4d0",
       "status.color.success.bg-default": "e54c25d09db045458101d4782b73227b4829ffb7",
@@ -1690,7 +1695,6 @@
       "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a",
       "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9",
       "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d",
-      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.size.pill.S": "49a4c4ffd792ce1e04fe19db73d607e2bae11db9",
       "status.size.pill.M": "18db39f595c930760c22617868173d86c5ad2b29",
       "status.size.pill.L": "cae31fb2ad64308f26681c18e771178417dc4d77",
@@ -1962,6 +1966,7 @@
       "status.color.error.bgAlt": "d148be733033e2b724188212ae7d78a6016426a9",
       "status.color.info.bgAlt": "7623e995eddaf130e9e58bca59e85f25181633f0",
       "status.color.info.bgAlt-default": "d8cc6951addc97749232bdfb2cb54c987fa57365",
+      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt": "52d65c07a7c2aa22badf56321b89620bc25f06f1",
       "status.color.neutral.bg-default": "db13c51702081fc1df4b2430aebc10bf6ed26f7c",
       "status.color.neutral.bg-hover": "354201f0b8988b103c2d959a65cdb3f4eab34982",
@@ -1972,6 +1977,7 @@
       "status.color.success.bgAlt": "82df6e2d686439ab70c610e52a36d8f9c9ab5939",
       "status.color.warning.bgAlt": "d99551602e113bbb88150a5dfdf0867b6dadb8a8",
       "status.color.warning.bgAlt-default": "9c9312936cc3637991d241bd3ee2922a3646f165",
+      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.radius.pill": "ecfcbd56d1c07ba24b69f91f2f0a017a057ba3c0",
       "tab.radius.M": "553fe1a26d9c1a1ccbff1a636c4fbee13279789f",
       "tab.radius.L": "d0fa4522d4d623a7ca880177850c7db719af6a5c",
@@ -3034,7 +3040,6 @@
       "status.color.info.bgAlt-hover": "34a0272faa1a09533e6b099170624479f1f801e5",
       "status.color.info.bg-hover": "cb9604a097f597e71c657084a5c15c1716c69601",
       "status.color.info.border-default": "92895f346ee23aa6a06051d4e1e8b408cef08f36",
-      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt-hover": "8e28c5e63d00216ac1d6c37b6f5cd77257e4ca97",
       "status.color.neutral.icon": "705e83d3892a940e7d5b3ec982e4c1ba0fbac4d0",
       "status.color.success.bg-default": "e54c25d09db045458101d4782b73227b4829ffb7",
@@ -3046,7 +3051,6 @@
       "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a",
       "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9",
       "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d",
-      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.size.pill.S": "49a4c4ffd792ce1e04fe19db73d607e2bae11db9",
       "status.size.pill.M": "18db39f595c930760c22617868173d86c5ad2b29",
       "status.size.pill.L": "cae31fb2ad64308f26681c18e771178417dc4d77",
@@ -4603,9 +4607,9 @@
       "table.size.row.doubleheight.L": "5ebd337150cbd5bcbf8da9b6cd54bc2a0f30968e",
       "table.size.row.doubleheight.XL": "ba6fd327183431cf35205c62348d082635dc8b0f",
       "table.size.icon.M": "684d2c9437867a9c13d04fe77add732e0055ee8f",
-      "button.color.typical.tertiary.border-enabled": "15da7eff220f498272ef910b2918bdc03c267402",
-      "button.color.typical.tertiary.border-hover": "cbd4ee53de1c9aabb32995dc588242e60b73b07a",
-      "badge.color.notification.label-default-copy": "c4c4e88784392c924af9f7fc9dc1bc29afb31933"
+      "button.color.typical.tertiary.border-enabled": "d79fade10880e69d947f5483590f5532699e8b41",
+      "button.color.typical.tertiary.border-hover": "a09de4f26eb87085b46bdaed91b28ad7fbf7772b",
+      "badge.color.notification.label-default-copy": "8e31834851fcda3fd5907fd4b108f61bff8eaf28"
     },
     "$figmaCollectionId": "VariableCollectionId:91874:43409",
     "$figmaModeId": "91874:2",
@@ -4773,6 +4777,7 @@
       "status.color.error.bgAlt": "d148be733033e2b724188212ae7d78a6016426a9",
       "status.color.info.bgAlt": "7623e995eddaf130e9e58bca59e85f25181633f0",
       "status.color.info.bgAlt-default": "d8cc6951addc97749232bdfb2cb54c987fa57365",
+      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt": "52d65c07a7c2aa22badf56321b89620bc25f06f1",
       "status.color.neutral.bg-default": "db13c51702081fc1df4b2430aebc10bf6ed26f7c",
       "status.color.neutral.bg-hover": "354201f0b8988b103c2d959a65cdb3f4eab34982",
@@ -4783,6 +4788,7 @@
       "status.color.success.bgAlt": "82df6e2d686439ab70c610e52a36d8f9c9ab5939",
       "status.color.warning.bgAlt": "d99551602e113bbb88150a5dfdf0867b6dadb8a8",
       "status.color.warning.bgAlt-default": "9c9312936cc3637991d241bd3ee2922a3646f165",
+      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.radius.pill": "ecfcbd56d1c07ba24b69f91f2f0a017a057ba3c0",
       "tab.radius.M": "553fe1a26d9c1a1ccbff1a636c4fbee13279789f",
       "tab.radius.L": "d0fa4522d4d623a7ca880177850c7db719af6a5c",
@@ -5844,7 +5850,6 @@
       "status.color.info.bgAlt-hover": "34a0272faa1a09533e6b099170624479f1f801e5",
       "status.color.info.bg-hover": "cb9604a097f597e71c657084a5c15c1716c69601",
       "status.color.info.border-default": "92895f346ee23aa6a06051d4e1e8b408cef08f36",
-      "status.color.info.icon": "0e94147d48b643836766796212ca4ae269a22e7e",
       "status.color.neutral.bgAlt-hover": "8e28c5e63d00216ac1d6c37b6f5cd77257e4ca97",
       "status.color.neutral.icon": "705e83d3892a940e7d5b3ec982e4c1ba0fbac4d0",
       "status.color.success.bg-default": "e54c25d09db045458101d4782b73227b4829ffb7",
@@ -5856,7 +5861,6 @@
       "status.color.warning.bgAlt-hover": "1202dbb1091770a5fc41468b0a71804f491b8c9a",
       "status.color.warning.bg-hover": "6c1d23d8b776dee456a98f40f69bfe3f2aea93e9",
       "status.color.warning.border-default": "8be0ca1ca4bffc234290465b7a0618ad3749a51d",
-      "status.color.warning.icon": "a48bc35271538d99f47f4a67602315c0bcbb922f",
       "status.size.pill.S": "49a4c4ffd792ce1e04fe19db73d607e2bae11db9",
       "status.size.pill.M": "18db39f595c930760c22617868173d86c5ad2b29",
       "status.size.pill.L": "cae31fb2ad64308f26681c18e771178417dc4d77",

diff --git a/data/tokens/context/frozenproduct.json b/data/tokens/context/frozenproduct.json
@@ -458,6 +458,11 @@
           "value": "{modes.color.status.info.frozen.default}",
           "type": "color",
           "description": "Global message bg"
+        },
+        "icon": {
+          "value": "{modes.color.status.info.frozen.icon}",
+          "type": "color",
+          "description": "Global message icon"
         }
       },
       "neutral": {

diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -1237,6 +1237,21 @@
               "value": "{modes.color.status.info.defaultAlt}",
               "type": "color",
               "description": "Global message bg"
+            },
+            "icon": {
+              "value": "{primitives.colors.azure}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "mix",
+                    "value": "0.10",
+                    "space": "lch",
+                    "color": "{modes.color.modifier.contrastMore}"
+                  }
+                }
+              },
+              "description": "Global message icon"
             }
           }
         },

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