feat(primitives and modes): 1. Add

primitives.colors.navyAlt, and primitives.colors.navyAltBright. 2. Update values in light and dark modes in modes.color.interactive.dataEntry.frozen.withDefault, modes.color.interactive.inactive.frozen.defaultAlt, modes.color.interactive.monochrome.generic.frozen.active, modes.color.interactive.monochrome.frozen, modes.color.interactive.primary.frozen.table.default, and modes.color.status.neutral.frozen.
Sage · Dec 10, 2024 · 438fc19 · 438fc19
1 parent 90f3a37
commit 438fc19
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 62 deletions.
diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -795,18 +795,8 @@
             },
             "frozen": {
               "active": {
-                "value": "{primitives.colors.navy}",
+                "value": "{modes.color.interactive.monochrome.generic.active}",
                 "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "mix",
-                      "value": "0.9",
-                      "space": "lch",
-                      "color": "{modes.color.modifier.contrastLess}"
-                    }
-                  }
-                },
                 "description": "Used within frozen table"
               }
             }
@@ -1048,17 +1038,8 @@
           },
           "frozen": {
             "bg": {
-              "value": "{modes.color.generic.bg.extreme}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.08",
-                    "space": "lch"
-                  }
-                }
-              }
+              "value": "{modes.color.interactive.progress.bg}",
+              "type": "color"
             }
           }
         }
@@ -1337,21 +1318,11 @@
           },
           "frozen": {
             "default": {
-              "value": "{primitives.colors.navy}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "mix",
-                    "value": "0.4",
-                    "space": "lch",
-                    "color": "{modes.color.modifier.contrastLess} "
-                  }
-                }
-              }
+              "value": "{primitives.colors.navyAltBright}",
+              "type": "color"
             },
             "hover": {
-              "value": "{primitives.colors.navy}",
+              "value": "{modes.color.status.neutral.frozen.default}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -548,13 +548,13 @@
           },
           "frozen": {
             "withDefault": {
-              "value": "{primitives.colors.navy}",
+              "value": "{primitives.colors.navyAlt}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {
                   "modify": {
                     "type": "mix",
-                    "value": "0.4",
+                    "value": "0.045",
                     "space": "lch",
                     "color": "{modes.color.modifier.contrastLess} "
                   }
@@ -630,13 +630,13 @@
           },
           "frozen": {
             "defaultAlt": {
-              "value": "{primitives.colors.navy}",
+              "value": "{primitives.colors.navyAlt}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {
                   "modify": {
                     "type": "mix",
-                    "value": "0.9",
+                    "value": "0.84",
                     "space": "lch",
                     "color": "{modes.color.modifier.contrastLess} "
                   }
@@ -649,8 +649,18 @@
         "monochrome": {
           "frozen": {
             "active": {
-              "value": "{primitives.colors.navy}",
-              "type": "color"
+              "value": "{primitives.colors.navyAlt}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "mix",
+                    "value": "0.67",
+                    "space": "lch",
+                    "color": "{modes.color.modifier.contrastMore}"
+                  }
+                }
+              }
             },
             "activeAlt": {
               "value": "{modes.color.interactive.monochrome.frozen.active}",
@@ -811,13 +821,13 @@
             },
             "frozen": {
               "active": {
-                "value": "{primitives.colors.navy}",
+                "value": "{primitives.colors.navyAlt}",
                 "type": "color",
                 "$extensions": {
                   "studio.tokens": {
                     "modify": {
                       "type": "mix",
-                      "value": "0.9",
+                      "value": "0.84",
                       "space": "lch",
                       "color": "{modes.color.modifier.contrastLess}"
                     }
@@ -1020,13 +1030,13 @@
             },
             "table": {
               "default": {
-                "value": "{primitives.colors.navy}",
+                "value": "{primitives.colors.navyAlt}",
                 "type": "color",
                 "$extensions": {
                   "studio.tokens": {
                     "modify": {
                       "type": "mix",
-                      "value": "0.64",
+                      "value": "0.43",
                       "space": "lch",
                       "color": "{modes.color.modifier.contrastLess}"
                     }
@@ -1356,18 +1366,8 @@
           },
           "frozen": {
             "default": {
-              "value": "{primitives.colors.navy}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "mix",
-                    "value": "0.37",
-                    "space": "lch",
-                    "color": "{modes.color.modifier.contrastLess} "
-                  }
-                }
-              }
+              "value": "{primitives.colors.navyAlt}",
+              "type": "color"
             },
             "hover": {
               "value": "{modes.color.status.neutral.frozen.default}",

diff --git a/data/tokens/primitives.json b/data/tokens/primitives.json
@@ -61,16 +61,46 @@
         "type": "color",
         "description": "Outer focus border."
       },
-      "storm": {
-        "value": "#6f6f6f",
-        "type": "color",
-        "description": "Base neutral status color for on light surface  messages, toasts and pills. Luminosity 46.8."
-      },
       "navy": {
         "value": "#00293F",
         "type": "color",
         "description": "old product color for monochrome components. eg page backgrounds and minor buttons "
       },
+      "navyAlt": {
+        "value": "{primitives.colors.navy}",
+        "type": "color",
+        "$extensions": {
+          "studio.tokens": {
+            "modify": {
+              "type": "mix",
+              "value": "0.37",
+              "space": "lch",
+              "color": "{primitives.colors.white}"
+            }
+          }
+        },
+        "description": "adjusted old product colour. Luminosity is 46.8 to balance with other hue luminosities."
+      },
+      "navyAltBright": {
+        "value": "{primitives.colors.navy}",
+        "type": "color",
+        "$extensions": {
+          "studio.tokens": {
+            "modify": {
+              "type": "mix",
+              "value": "0.48",
+              "space": "lch",
+              "color": "{primitives.colors.white}"
+            }
+          }
+        },
+        "description": "Base frozen neutral status color for on dark surface  messages, toasts and pills. Luminosity 56.2."
+      },
+      "storm": {
+        "value": "#6f6f6f",
+        "type": "color",
+        "description": "Base neutral status color for on light surface  messages, toasts and pills. Luminosity 46.8."
+      },
       "stormBright": {
         "value": "#878787",
         "type": "color",