feat(data): Update nav colors and sync to figma styles

Sage · Jun 4, 2024 · 1a07aa5 · 1a07aa5
1 parent 280d877
commit 1a07aa5
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 58 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -279,18 +279,18 @@
       "form.color.validation.bar-warning": "S:03c768ff5698b28a358aa7d4366e73bb722ee69d,",
       "form.color.validation.label-error": "S:679cc43172ae1f72001dfeb79d3d9b3ffc5404b9,",
       "form.color.validation.label-warning": "S:249a433d030e434b7342cec125d6f491b40ba2c2,",
-      "link.color.inverse.typical.label-default": "S:7f1a08895f80654ba0077dfde0c21eb09738d7ea,",
-      "link.color.inverse.typical.label-hover": "S:b00b6e33e72a19bc560b81212c1d7afbf604c58c,",
-      "link.color.inverse.subtle.label-default": "S:3fdcfd6917cda229e66f4d755b19887c5211c3d1,",
-      "link.color.inverse.subtle.label-hover": "S:25947359f5d284454f287dfc2eee30276926b849,",
-      "link.color.inverse.destructive.label-default": "S:601718f09166969a4a7b10ee3eaa828f5bd046b2,",
-      "link.color.inverse.destructive.label-hover": "S:035b6484a0e9268da1dd627f7d7d9629a440b837,",
-      "link.color.standard.destructive.label-default": "S:e80cf5065c3328ec71b5be52e949aeeb69107db8,",
-      "link.color.standard.destructive.label-hover": "S:90d8fcaefef0a13366c320da06f84defb4ad45bf,",
-      "link.color.standard.typical.label-default": "S:77d39f99338aa36a2b7e8101ba01b6d6458d0ed8,",
-      "link.color.standard.typical.label-hover": "S:415f3b6f822c512159b2e0b91bda376e7a2a96de,",
-      "link.color.standard.subtle.label-default": "S:478421ac6e148e5dac3e19a31a21c45e4b223ab9,",
-      "link.color.standard.subtle.label-hover": "S:9d61bc1daab96e2a52a2af85d0fd9c0e3337641f,",
+      "link.color.inverse.typical.label-default": "S:75e211a61fb51de2f1155a2ff9761f9ad79110e9,",
+      "link.color.inverse.typical.label-hover": "S:30718bf1d4a4825595bbe8f2a7e8bcdb5669003b,",
+      "link.color.inverse.subtle.label-default": "S:d1d24ed20010ba88e7bd36f383ebe709ca316601,",
+      "link.color.inverse.subtle.label-hover": "S:8526f8e17968569738a8be43268c60f82b72c774,",
+      "link.color.inverse.destructive.label-default": "S:45495af3f2ad39567975d3e45e13ed274b0c90c9,",
+      "link.color.inverse.destructive.label-hover": "S:363cf3c9f49dde08607b8c97c567f659271d1eef,",
+      "link.color.standard.destructive.label-default": "S:67026c5b2123b0fd29dd08a712ace5773f8afbdb,",
+      "link.color.standard.destructive.label-hover": "S:14cc8cb46c5c8ce9e81a56d12845bd3c03690c5d,",
+      "link.color.standard.typical.label-default": "S:4bfdd9c29d9d96bcf090e8abda47c3804432d016,",
+      "link.color.standard.typical.label-hover": "S:217e95a57f199230c14945bb70c59fdb986e75cd,",
+      "link.color.standard.subtle.label-default": "S:340e19b30940dd7321102933455b72e7d9dc6447,",
+      "link.color.standard.subtle.label-hover": "S:43c2531c56514d609b953617c7eb6ccbccb4b6e2,",
       "progress.color.inverse.bg-default": "S:54db32b84f59dabf28be0301c0f407c085e2a9c1,",
       "progress.color.inverse.fg-ai": "S:2001282c82dcafe2fe1bf029a1b5ad20d01e308d,",
       "progress.color.inverse.fg-default": "S:ab4942dfa77b5fc202e72e795797f1275d14b173,",
@@ -437,30 +437,18 @@
       "feedback.color.inverse.AI.nudge.borderAi-vertical": "S:e99a5b3d879a33f4b1068a03dccdef7206113a35,",
       "container.color.standard.AI.borderhorizontal": "S:2a43972168ee3eaa8ad53c5ca658a1b9a148ca13,",
       "container.color.standard.AI.bordervertical": "S:fe5d3eefcb3bd96e0ea25eeceba412303c844816,",
-      "nav.color.inverse.bg-default": "S:dd1f02e2f069ce718663342578a14f75bae915d3,",
-      "nav.color.inverse.bg-alt": "S:796e023bab78bf6b259b9d652781d244d1b769b2,",
-      "nav.color.inverse.item.bg-active": "S:6fbec4c518ab7f612d4f4cdae18091d45d4764a8,",
-      "nav.color.inverse.item.bg-enabled": "S:3d68533ee6b7b3423033674809b906eeb5ade06d,",
-      "nav.color.inverse.item.bg-hover": "S:9090af406f8facf6ded89541bf1d6af120c4f3c2,",
-      "nav.color.inverse.item.border-active": "S:db200f72d13a6db8216aad376ddbbb1aca950683,",
-      "nav.color.inverse.item.border-default": "S:112ba7c51e3eb24523dbea4b8a25874e456294fd,",
-      "nav.color.inverse.item.label-active": "S:30778f1050bf26eb3e7117151ba759e2e05bdcbd,",
-      "nav.color.inverse.item.label-enabled": "S:ef26d0d0feb5dfab5e1d99f1108d11f7393ea7b0,",
-      "nav.color.inverse.item.label-hover": "S:7ba292f3e4a5124aa9d3ea4b7d6822a854ab3ec9,",
-      "nav.color.inverse.item.label-alt": "S:d390ec60a6cd83050ce9dc175c8e8c73a2d3cb28,",
-      "nav.color.inverse.menu.bg-default": "S:1634a7ffb8f61684f8aac8d6fd315b79eebcdeb5,",
-      "nav.color.standard.bg-default": "S:3c837a34c09d5c3c1c82dad09f90aca4ad7853dd,",
-      "nav.color.standard.bg-alt": "S:c5c35d8d4081a3104f692ed98876fe48c3e815ac,",
-      "nav.color.standard.item.bg-active": "S:6cf46865f51af4e69e196d8efd8ff9d8496c7023,",
-      "nav.color.standard.item.bg-enabled": "S:171d5398b3c4f0e7a69154884bbb4d6c671bad83,",
-      "nav.color.standard.item.bg-hover": "S:afcc7c88303964a3851c9ef23c88dbe77a7fb05f,",
-      "nav.color.standard.item.border-active": "S:97ec032d0d31afa8f6cc91f77fbe8165fdf85ae8,",
-      "nav.color.standard.item.border-default": "S:678f9149a1457e1a212f629633adb5a09b2ff9be,",
-      "nav.color.standard.item.label-active": "S:e222c66e8e77fe908e69891ee687f1664e17947a,",
-      "nav.color.standard.item.label-enabled": "S:c9ee9f4b0d7cf4b84c9ba6b8a695079975c4946a,",
-      "nav.color.standard.item.label-hover": "S:616fed16b039cbf3e965ddfd061df520f402c362,",
-      "nav.color.standard.item.label-alt": "S:d87da6bf271b08ab2da8837e8e982dc4b15918ed,",
-      "nav.color.standard.menu.bg-default": "S:c648f2e93d84ba8e2852fcd3fd45e8173c6bcb8b,",
+      "nav.color.standard.bg-default": "S:86423b0f409095b926d4a8d8ecb51c3e098946bb,",
+      "nav.color.standard.bg-alt": "S:10ff4da03daf096954258182a9e4ca27e414be9a,",
+      "nav.color.standard.item.bg-active": "S:2fce4b4f54e73e6b1fdfcd45534db3a2d0c3ba71,",
+      "nav.color.standard.item.bg-enabled": "S:63b90e98dbf725498b887f9d0a82b006fa5ad7f2,",
+      "nav.color.standard.item.bg-hover": "S:8a06795db8217623ed0ad438c5c8946866134d9a,",
+      "nav.color.standard.item.border-active": "S:7eb18bdfa817cb8b4adb2cf8c9e707ff653b83df,",
+      "nav.color.standard.item.border-default": "S:fb477a4d5a2801c8a229ae44f7a0225ced1f93c0,",
+      "nav.color.standard.item.label-active": "S:ffee5df72423573f95351d5699e4b0a35f5ce19b,",
+      "nav.color.standard.item.label-enabled": "S:8b7afffe1a13d3ddf28db1fd0ee08756c92f25b6,",
+      "nav.color.standard.item.label-hover": "S:a2b449ffa70a4f744001ca9ce10fc346441125f1,",
+      "nav.color.standard.item.label-alt": "S:d55435d4b548b1f30a61b6093449d099bae5dae2,",
+      "nav.color.standard.menu.bg-default": "S:21f2c23ce335af09a7e55351aadf075d44043c3d,",
       "popover.inverse.color.bg-active": "S:ff5731e3fecf64a5acd516f42f74f55f09a6ade5,",
       "popover.inverse.color.label-active": "S:12aca3d4e9f3783c7cebd03a1c870432ce7e2244,",
       "popover.inverse.color.label-enabled": "S:664c3092d07f6f2290a58afd2081a6768423b18e,",
@@ -476,7 +464,19 @@
       "popover.standard.color.label-disabled": "S:562f1a145bfac338b3a1410daf8e7322aa448f46,",
       "popover.standard.color.label-hover": "S:e8bb712e2b91b61610dd21f8295cf2930718f13e,",
       "popover.standard.color.label-enabled": "S:ae8c4a415c4975a1e433048cf98ebabe3da5ef06,",
-      "popover.standard.color.submenu.bg-default": "S:3a6712ebe3ba99abfdf9798ac4d12d38ff01fdbb,"
+      "popover.standard.color.submenu.bg-default": "S:3a6712ebe3ba99abfdf9798ac4d12d38ff01fdbb,",
+      "nav.color.inverse.bg-default": "S:bc0d27f697ebed36a91971a559f9d382e0949a7e,",
+      "nav.color.inverse.bg-alt": "S:b82bc9569d6ad67fc38a3428bf064dd9fe12b5ac,",
+      "nav.color.inverse.item.bg-active": "S:633560fe68bf5ca21fe6c297cff4e9d20c7bce6c,",
+      "nav.color.inverse.item.bg-enabled": "S:e166aafa56e6b1baab56e13ad69d14c0f2bbb6f6,",
+      "nav.color.inverse.item.bg-hover": "S:8d5855a44fc48469838a8e57099636e6fee09fc4,",
+      "nav.color.inverse.item.border-active": "S:ede6f002b17b345846acc886a183e77150e36cdd,",
+      "nav.color.inverse.item.border-default": "S:7e8c71a9580d8e52ae45d28e366c76516f1ddfa8,",
+      "nav.color.inverse.item.label-active": "S:75d17618c7204db2b29466adaa71e2bdedccaa00,",
+      "nav.color.inverse.item.label-enabled": "S:b7aaa3926453ee73fba3c3347d5e14c709811600,",
+      "nav.color.inverse.item.label-hover": "S:06e6ca02a6714a99903a42776d8cd5377d8de422,",
+      "nav.color.inverse.item.label-alt": "S:226a330d76905b7c6e9b1f8dc09ee95e24c67783,",
+      "nav.color.inverse.menu.bg-default": "S:983a5358f5902f382b4992ccebcec814076ead6a,"
     },
     "selectedTokenSets": {
       "origin": "source",
@@ -925,18 +925,6 @@
       "form.boxshadow.dropdown": "S:b660552b1e138205f473367386a54c5fe2e69c83,",
       "link.boxshadow.skiplink": "S:f2d5423077fa0025fef04931174f681ec9cfbae6,",
       "popover.boxshadow.container": "S:e6e629624e158fcfe468eff85cb507761294daee,",
-      "nav.color.inverse.bg-default": "S:dd1f02e2f069ce718663342578a14f75bae915d3,",
-      "nav.color.inverse.bg-alt": "S:796e023bab78bf6b259b9d652781d244d1b769b2,",
-      "nav.color.inverse.item.bg-active": "S:6fbec4c518ab7f612d4f4cdae18091d45d4764a8,",
-      "nav.color.inverse.item.bg-enabled": "S:3d68533ee6b7b3423033674809b906eeb5ade06d,",
-      "nav.color.inverse.item.bg-hover": "S:9090af406f8facf6ded89541bf1d6af120c4f3c2,",
-      "nav.color.inverse.item.border-active": "S:db200f72d13a6db8216aad376ddbbb1aca950683,",
-      "nav.color.inverse.item.border-default": "S:112ba7c51e3eb24523dbea4b8a25874e456294fd,",
-      "nav.color.inverse.item.label-active": "S:30778f1050bf26eb3e7117151ba759e2e05bdcbd,",
-      "nav.color.inverse.item.label-enabled": "S:ef26d0d0feb5dfab5e1d99f1108d11f7393ea7b0,",
-      "nav.color.inverse.item.label-hover": "S:7ba292f3e4a5124aa9d3ea4b7d6822a854ab3ec9,",
-      "nav.color.inverse.item.label-alt": "S:d390ec60a6cd83050ce9dc175c8e8c73a2d3cb28,",
-      "nav.color.inverse.menu.bg-default": "S:1634a7ffb8f61684f8aac8d6fd315b79eebcdeb5,",
       "nav.color.standard.bg-default": "S:3c837a34c09d5c3c1c82dad09f90aca4ad7853dd,",
       "nav.color.standard.bg-alt": "S:c5c35d8d4081a3104f692ed98876fe48c3e815ac,",
       "nav.color.standard.item.bg-active": "S:6cf46865f51af4e69e196d8efd8ff9d8496c7023,",
@@ -956,7 +944,19 @@
       "popover.inverse.color.bg-default": "S:6c83ab35b5f060f66c145a457a6fc5137a485590,",
       "popover.inverse.color.bg-hover": "S:f6fb2fb2f2bd0d7f28bdeb709102963ec55037eb,",
       "popover.inverse.color.label-disabled": "S:280d754ce91b8d6830d80fc53ed2880a99077d68,",
-      "popover.inverse.color.label-hover": "S:95cccfbc87b084d34eb7d42b2a72b57270ae712f,"
+      "popover.inverse.color.label-hover": "S:95cccfbc87b084d34eb7d42b2a72b57270ae712f,",
+      "nav.color.inverse.bg-default": "S:dd1f02e2f069ce718663342578a14f75bae915d3,",
+      "nav.color.inverse.bg-alt": "S:796e023bab78bf6b259b9d652781d244d1b769b2,",
+      "nav.color.inverse.item.bg-active": "S:6fbec4c518ab7f612d4f4cdae18091d45d4764a8,",
+      "nav.color.inverse.item.bg-enabled": "S:3d68533ee6b7b3423033674809b906eeb5ade06d,",
+      "nav.color.inverse.item.bg-hover": "S:9090af406f8facf6ded89541bf1d6af120c4f3c2,",
+      "nav.color.inverse.item.border-active": "S:db200f72d13a6db8216aad376ddbbb1aca950683,",
+      "nav.color.inverse.item.border-default": "S:112ba7c51e3eb24523dbea4b8a25874e456294fd,",
+      "nav.color.inverse.item.label-active": "S:30778f1050bf26eb3e7117151ba759e2e05bdcbd,",
+      "nav.color.inverse.item.label-enabled": "S:ef26d0d0feb5dfab5e1d99f1108d11f7393ea7b0,",
+      "nav.color.inverse.item.label-hover": "S:7ba292f3e4a5124aa9d3ea4b7d6822a854ab3ec9,",
+      "nav.color.inverse.item.label-alt": "S:d390ec60a6cd83050ce9dc175c8e8c73a2d3cb28,",
+      "nav.color.inverse.menu.bg-default": "S:1634a7ffb8f61684f8aac8d6fd315b79eebcdeb5,"
     },
     "selectedTokenSets": {
       "origin": "source",

diff --git a/data/tokens/components/nav.json b/data/tokens/components/nav.json
@@ -2,14 +2,14 @@
   "nav": {
     "color": {
       "inverse": {
-        "bg-default": {
-          "value": "{base.color.generic.bg.inverse.nought}",
-          "type": "color"
-        },
         "bg-alt": {
           "value": "{base.color.generic.bg.inverse.delicate}",
           "type": "color"
         },
+        "bg-default": {
+          "value": "{base.color.generic.bg.inverse.nought}",
+          "type": "color"
+        },
         "item": {
           "bg-active": {
             "value": "{base.color.interactive.monochrome.inverse.active}",
@@ -56,14 +56,14 @@
         }
       },
       "standard": {
-        "bg-default": {
-          "value": "{base.color.generic.bg.standard.nought}",
-          "type": "color"
-        },
         "bg-alt": {
           "value": "{base.color.generic.bg.standard.delicate}",
           "type": "color"
         },
+        "bg-default": {
+          "value": "{base.color.generic.bg.standard.nought}",
+          "type": "color"
+        },
         "item": {
           "bg-active": {
             "value": "{base.color.interactive.monochrome.standard.active}",