feat(primitives): 1. Delete emeraldLight and redLight as not used. 2.…

… Edit and add primitive colors for accessible colour contrast throughout light and dark mode tokens.
Sage · Dec 17, 2024 · 4508115 · 4508115
1 parent 8e4f043
commit 4508115
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 71 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -19,24 +19,17 @@
     "$figmaVariableReferences": {
       "primitives.colors.black": "0216c0f2c0d90952c65061c313ff1e507bac727f",
       "primitives.colors.blue": "8757ec647e8ed686326011344ad25091048b08dd",
-      "primitives.colors.blueBright": "fe1f345ef1bf0061c308b028d451f0a95749c27b",
       "primitives.colors.brilliantGreen": "5d343447fd57716fb12fa447a89f03f732cc8a88",
       "primitives.colors.frozenJade": "87a7de84ab45496e6cc64ce21ab2766de414b4f8",
       "primitives.colors.emerald": "3ece6b999afc363b080c5b35a68880f039f13558",
       "primitives.colors.green": "ccfabc49d84361f0c1b861032382012684d51d68",
-      "primitives.colors.greenBright": "237ad80532906e4bd73759747e1a8208adbfe4cf",
       "primitives.colors.orange": "2989981124bbca5ab8af2c179292375e023ade7d",
-      "primitives.colors.orangeBright": "e262a080f58ed9c906c4173d0beb6b42b76fc1e3",
       "primitives.colors.gold": "4762627c147e50ab9ce5e5370c396fdcea712c08",
       "primitives.colors.navy": "25970b9d32e4995c06c379d0e34c77ef2e905d86",
       "primitives.colors.navyBright": "e80e123538eab37e9dcab91d786dbaa7750bd40f",
       "primitives.colors.storm": "4ed2f48cb71dc9173e7a3f0f9ebffb142f1d2cfc",
-      "primitives.colors.stormBright": "b366637073c6104648d14fb6baed9feefea1ad3f",
       "primitives.colors.red": "ba8ac7a23d6d0ee7d4d2a486f2f9fb42c54d50ff",
-      "primitives.colors.redBright": "0cccce853225197b81d36edf439f3f0803061e55",
-      "primitives.colors.redLight": "4bcd9bcc9c7caee054207f59b7f465e0596a9253",
       "primitives.colors.teal": "8aeeac051d2090f517acc316b5b4c322f15146d5",
-      "primitives.colors.tealBright": "79b5aa0675f46f0503fe19fad15f9e7f35b506c7",
       "primitives.colors.transparent": "57f76d54061aae9606f2cf1d0d88243eb50ad5bb",
       "primitives.colors.white": "a3268ed8484d6b98cdf246c8e4b795a99b3214d7",
       "primitives.size.SCALE": "6c985945e680a0cf7e5e257f3b3d5092d45968a7",
@@ -122,7 +115,13 @@
       "primitives.paragraphSpacing.200": "41c8fedd49097d131f18c6610eed3427a930fc19",
       "primitives.paragraphSpacing.250": "3cbb5fb2102d385f4b59f24598d16d5d01f36afe",
       "primitives.paragraphSpacing.300": "acaf04a0f0ead8ac93770906674e9d8adb48b1e4",
-      "primitives.paragraphSpacing.400": "3e9f862cbe0eeb33e705127097593f80c5592f8b"
+      "primitives.paragraphSpacing.400": "3e9f862cbe0eeb33e705127097593f80c5592f8b",
+      "primitives.colors.tangerine": "e262a080f58ed9c906c4173d0beb6b42b76fc1e3",
+      "primitives.colors.azure": "fe1f345ef1bf0061c308b028d451f0a95749c27b",
+      "primitives.colors.verdant": "237ad80532906e4bd73759747e1a8208adbfe4cf",
+      "primitives.colors.smoke": "b366637073c6104648d14fb6baed9feefea1ad3f",
+      "primitives.colors.blush": "0cccce853225197b81d36edf439f3f0803061e55",
+      "primitives.colors.petrol": "79b5aa0675f46f0503fe19fad15f9e7f35b506c7"
     },
     "group": "Primitives"
   },

diff --git a/data/tokens/modes/dark.json b/data/tokens/modes/dark.json
@@ -1056,13 +1056,13 @@
         },
         "generic": {
           "default": {
-            "value": "{primitives.colors.tealBright}",
+            "value": "{primitives.colors.petrol}",
             "type": "color"
           }
         },
         "caution": {
           "default": {
-            "value": "{primitives.colors.orangeBright}",
+            "value": "{primitives.colors.tangerine}",
             "type": "color"
           },
           "defaultAlt": {
@@ -1074,7 +1074,7 @@
                   "type": "mix",
                   "value": "0.2",
                   "space": "lch",
-                  "color": "{primitives.colors.orangeBright}"
+                  "color": "{primitives.colors.tangerine}"
                 }
               }
             },
@@ -1111,7 +1111,7 @@
             "description": "used on pill hover states and message bg"
           },
           "text": {
-            "value": "{primitives.colors.orangeBright}",
+            "value": "{primitives.colors.tangerine}",
             "type": "color"
           },
           "frozen": {
@@ -1159,7 +1159,7 @@
         },
         "info": {
           "default": {
-            "value": "{primitives.colors.blueBright}",
+            "value": "{primitives.colors.azure}",
             "type": "color"
           },
           "defaultAlt": {
@@ -1171,7 +1171,7 @@
                   "type": "mix",
                   "value": "0.2",
                   "space": "lch",
-                  "color": "{primitives.colors.blueBright}"
+                  "color": "{primitives.colors.azure}"
                 }
               }
             },
@@ -1217,7 +1217,7 @@
         },
         "negative": {
           "default": {
-            "value": "{primitives.colors.redBright}",
+            "value": "{primitives.colors.blush}",
             "type": "color"
           },
           "defaultAlt": {
@@ -1229,7 +1229,7 @@
                   "type": "mix",
                   "value": "0.2",
                   "space": "lch",
-                  "color": "{primitives.colors.redBright}"
+                  "color": "{primitives.colors.blush}"
                 }
               }
             },
@@ -1272,7 +1272,7 @@
         },
         "neutral": {
           "default": {
-            "value": "{primitives.colors.stormBright}",
+            "value": "{primitives.colors.smoke}",
             "type": "color",
             "description": "{primitives.colors.stormBright}"
           },
@@ -1285,7 +1285,7 @@
                   "type": "mix",
                   "value": "0.2",
                   "space": "lch",
-                  "color": "{primitives.colors.stormBright}"
+                  "color": "{primitives.colors.smoke}"
                 }
               }
             },
@@ -1354,7 +1354,7 @@
         },
         "positive": {
           "default": {
-            "value": "{primitives.colors.greenBright}",
+            "value": "{primitives.colors.verdant}",
             "type": "color"
           },
           "defaultAlt": {
@@ -1366,7 +1366,7 @@
                   "type": "mix",
                   "value": "0.2",
                   "space": "lch",
-                  "color": "{primitives.colors.greenBright}"
+                  "color": "{primitives.colors.verdant}"
                 }
               }
             },

diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -1109,7 +1109,7 @@
         },
         "caution": {
           "alt": {
-            "value": "{primitives.colors.orangeVibrant}",
+            "value": "{primitives.colors.orangeBright}",
             "type": "color",
             "description": "For pills and messages. Not accessible with white TEXT."
           },
@@ -1127,7 +1127,7 @@
                   "type": "mix",
                   "value": "0.1",
                   "space": "lch",
-                  "color": "{primitives.colors.orangeVibrant}"
+                  "color": "{primitives.colors.orangeBright}"
                 }
               }
             },
@@ -1214,7 +1214,7 @@
         },
         "info": {
           "alt": {
-            "value": "{primitives.colors.blueVibrant}",
+            "value": "{primitives.colors.blueBright}",
             "type": "color",
             "description": "For pills and messages. Not accessible with white TEXT."
           },
@@ -1232,7 +1232,7 @@
                   "type": "mix",
                   "value": "0.1",
                   "space": "lch",
-                  "color": "{primitives.colors.blueVibrant} "
+                  "color": "{primitives.colors.blueBright} "
                 }
               }
             },
@@ -1278,7 +1278,7 @@
         },
         "negative": {
           "alt": {
-            "value": "{primitives.colors.redVibrant}",
+            "value": "{primitives.colors.redBright}",
             "type": "color",
             "description": "For pills and messages. Not accessible with white TEXT."
           },
@@ -1296,7 +1296,7 @@
                   "type": "mix",
                   "value": "0.1",
                   "space": "lch",
-                  "color": "{primitives.colors.redVibrant}"
+                  "color": "{primitives.colors.redBright}"
                 }
               }
             },
@@ -1339,7 +1339,7 @@
         },
         "neutral": {
           "alt": {
-            "value": "{primitives.colors.stormVibrant}",
+            "value": "{primitives.colors.stormBright}",
             "type": "color"
           },
           "default": {
@@ -1355,7 +1355,7 @@
                   "type": "mix",
                   "value": "0.1",
                   "space": "lch",
-                  "color": "{primitives.colors.stormVibrant}"
+                  "color": "{primitives.colors.stormBright}"
                 }
               }
             },
@@ -1414,7 +1414,7 @@
         },
         "positive": {
           "alt": {
-            "value": "{primitives.colors.greenVibrant}",
+            "value": "{primitives.colors.greenBright}",
             "type": "color",
             "description": "For pills and messages. Not accessible with white TEXT."
           },
@@ -1432,7 +1432,7 @@
                   "type": "mix",
                   "value": "0.1",
                   "space": "lch",
-                  "color": "{primitives.colors.greenVibrant} "
+                  "color": "{primitives.colors.greenBright} "
                 }
               }
             },