feat(data): Add modes.color.custom.frozen, and update modes.color.int…

…eractive.primary.frozen.active to reference that.
Sage · Nov 18, 2024 · fdf66c4 · fdf66c4
1 parent d8a0b4c
commit fdf66c4
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 29 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -241,9 +241,6 @@
       "modes.color.interactive.primary.withActive": "8ec5643b092fbf06f3703f57f602b04bfaf15bd0",
       "modes.color.interactive.primary.withDefault": "2269fd481a514095909731e5af243f09f802bcdb",
       "modes.color.interactive.primary.withHover": "41d9a824c9bcc7061b4f387119ae510fdd6df938",
-      "modes.color.interactive.primary.legacy.active": "06523d24606d799f33b925d093ce951741be732e",
-      "modes.color.interactive.primary.legacy.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc",
-      "modes.color.interactive.primary.legacy.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a",
       "modes.color.interactive.progress.bg": "30c14cd0017e0a3a32be14e610f1bc84e528adad",
       "modes.color.interactive.progress.bgAlt": "660ee5f53f893a98f65b03f5267c6657909b3e8a",
       "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2",
@@ -282,7 +279,10 @@
       "modes.color.status.reviews.default": "9d192fd3843b352796d9b32f4a287ff2534079c3",
       "modes.color.status.reviews.hover": "ba35bfc3dc5cc1e269c6d4840f8d3ba2668872c2",
       "modes.color.modifier.contrastLess": "7aca5a3b336cadb2696c48c5f7f69563fe0edd59",
-      "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568"
+      "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568",
+      "modes.color.interactive.primary.frozen.active": "06523d24606d799f33b925d093ce951741be732e",
+      "modes.color.interactive.primary.frozen.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc",
+      "modes.color.interactive.primary.frozen.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a"
     },
     "group": "Mode"
   },
@@ -388,9 +388,6 @@
       "modes.color.interactive.primary.withActive": "8ec5643b092fbf06f3703f57f602b04bfaf15bd0",
       "modes.color.interactive.primary.withDefault": "2269fd481a514095909731e5af243f09f802bcdb",
       "modes.color.interactive.primary.withHover": "41d9a824c9bcc7061b4f387119ae510fdd6df938",
-      "modes.color.interactive.primary.legacy.active": "06523d24606d799f33b925d093ce951741be732e",
-      "modes.color.interactive.primary.legacy.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc",
-      "modes.color.interactive.primary.legacy.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a",
       "modes.color.status.ai.default": "ceaacdb03620c4e36b8146280d3184eb8bbff8d2",
       "modes.color.status.ai.defaultAlt": "b00eaa03c3766fa865821a37034c3e440107daf6",
       "modes.color.status.generic.default": "55559de090799ef8c45e1cffc77e010c95a5c755",
@@ -427,7 +424,10 @@
       "modes.color.status.reviews.default": "9d192fd3843b352796d9b32f4a287ff2534079c3",
       "modes.color.status.reviews.hover": "ba35bfc3dc5cc1e269c6d4840f8d3ba2668872c2",
       "modes.color.modifier.contrastLess": "7aca5a3b336cadb2696c48c5f7f69563fe0edd59",
-      "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568"
+      "modes.color.modifier.contrastMore": "0088135ec931a1927de7ec7cc9c3b743cfdfe568",
+      "modes.color.interactive.primary.frozen.active": "06523d24606d799f33b925d093ce951741be732e",
+      "modes.color.interactive.primary.frozen.default": "d585ddc3d4f8cf11cbe896f6d0d5b194395d6fdc",
+      "modes.color.interactive.primary.frozen.hover": "5e7bd4ad479760cc2329a7e6c06cd58b0e5bf99a"
     },
     "group": "Mode"
   },

diff --git a/data/tokens/context/frozenproduct.json b/data/tokens/context/frozenproduct.json
@@ -4,53 +4,53 @@
       "typical": {
         "secondary": {
           "bg-active": {
-            "value": "{modes.color.interactive.primary.legacy.active}",
+            "value": "{modes.color.interactive.primary.frozen.active}",
             "type": "color"
           },
           "bg-hover": {
-            "value": "{modes.color.interactive.primary.legacy.hover}",
+            "value": "{modes.color.interactive.primary.frozen.hover}",
             "type": "color"
           },
           "border-active": {
-            "value": "{modes.color.interactive.primary.legacy.active}",
+            "value": "{modes.color.interactive.primary.frozen.active}",
             "type": "color"
           },
           "border-enabled": {
-            "value": "{modes.color.interactive.primary.legacy.default}",
+            "value": "{modes.color.interactive.primary.frozen.default}",
             "type": "color"
           },
           "border-hover": {
-            "value": "{modes.color.interactive.primary.legacy.hover}",
+            "value": "{modes.color.interactive.primary.frozen.hover}",
             "type": "color"
           },
           "label-enabled": {
-            "value": "{modes.color.interactive.primary.legacy.default}",
+            "value": "{modes.color.interactive.primary.frozen.default}",
             "type": "color"
           }
         },
         "tertiary": {
           "bg-active": {
-            "value": "{modes.color.interactive.primary.legacy.active}",
+            "value": "{modes.color.interactive.primary.frozen.active}",
             "type": "color"
           },
           "bg-hover": {
-            "value": "{modes.color.interactive.primary.legacy.hover}",
+            "value": "{modes.color.interactive.primary.frozen.hover}",
             "type": "color"
           },
           "border-active": {
-            "value": "{modes.color.interactive.primary.legacy.active}",
+            "value": "{modes.color.interactive.primary.frozen.active}",
             "type": "color"
           },
           "border-enabled": {
-            "value": "{modes.color.interactive.primary.legacy.default}",
+            "value": "{modes.color.interactive.primary.frozen.default}",
             "type": "color"
           },
           "border-hover": {
-            "value": "{modes.color.interactive.primary.legacy.hover}",
+            "value": "{modes.color.interactive.primary.frozen.hover}",
             "type": "color"
           },
           "label-enabled": {
-            "value": "{modes.color.interactive.primary.legacy.default}",
+            "value": "{modes.color.interactive.primary.frozen.default}",
             "type": "color"
           },
           "bg-enabled": {
@@ -60,15 +60,15 @@
         },
         "primary": {
           "bg-active": {
-            "value": "{modes.color.interactive.primary.legacy.active}",
+            "value": "{modes.color.interactive.primary.frozen.active}",
             "type": "color"
           },
           "bg-enabled": {
-            "value": "{modes.color.interactive.primary.legacy.default}",
+            "value": "{modes.color.interactive.primary.frozen.default}",
             "type": "color"
           },
           "bg-hover": {
-            "value": "{modes.color.interactive.primary.legacy.hover}",
+            "value": "{modes.color.interactive.primary.frozen.hover}",
             "type": "color"
           }
         },

diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -836,7 +836,7 @@
           },
           "legacy": {
             "active": {
-              "value": "{modes.color.interactive.primary.legacy.default}",
+              "value": "{modes.color.interactive.primary.frozen.default}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {
@@ -854,7 +854,7 @@
               "type": "color"
             },
             "hover": {
-              "value": "{modes.color.interactive.primary.legacy.default}",
+              "value": "{modes.color.interactive.primary.frozen.default}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -73,6 +73,11 @@
           "value": "{primitives.colors.emerald}",
           "type": "color",
           "description": "This is the color to replace in white label products. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg."
+        },
+        "frozen": {
+          "value": "#008046",
+          "type": "color",
+          "description": "This isa derivative of Jade, and is the color to replace in white label products that are using the FROZEN theme. \nEnsure luminousity of custom color = 46.8 (see hsluv.org). \nAAA against FFFFFF bg."
         }
       },
       "generic": {
@@ -875,9 +880,9 @@
             "value": "{primitives.colors.white}",
             "type": "color"
           },
-          "legacy": {
+          "frozen": {
             "active": {
-              "value": "{modes.color.interactive.primary.legacy.default}",
+              "value": "{modes.color.interactive.primary.frozen.default}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {
@@ -891,11 +896,11 @@
               }
             },
             "default": {
-              "value": "{primitives.colors.jade}",
+              "value": "{modes.color.custom.frozen}",
               "type": "color"
             },
             "hover": {
-              "value": "{modes.color.interactive.primary.legacy.default}",
+              "value": "{modes.color.interactive.primary.frozen.default}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {