feat(data): first pass of nav tokens complete

Sage · Dec 13, 2023 · 623b9a2 · 623b9a2
1 parent d1c18f1
commit 623b9a2
Show file tree

Hide file tree

Showing 7 changed files with 58 additions and 43 deletions.
diff --git a/data/tokens/$themes.json b/data/tokens/$themes.json
@@ -15,10 +15,10 @@
       "Components/feedback": "enabled",
       "Components/focus": "enabled",
       "Components/link": "enabled",
-      "global": "source",
+      "global": "enabled",
       "Components/datatable": "enabled",
       "Components/actionpopover": "enabled",
-      "Components/nav": "disabled"
+      "Components/nav": "enabled"
     },
     "group": "Product"
   }

diff --git a/data/tokens/Components/actionpopover.json b/data/tokens/Components/actionpopover.json
@@ -7,7 +7,7 @@
         "description": "previously action minor 850"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
         "type": "color",
         "description": "was action minor 100\n"
       },

diff --git a/data/tokens/Components/datatable.json b/data/tokens/Components/datatable.json
@@ -6,7 +6,7 @@
         "type": "color"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
         "type": "color"
       },
       "bgAlt-default": {
@@ -74,9 +74,8 @@
         "description": "Zebra stripes"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
+        "type": "color"
       },
       "border-default": {
         "value": "{base.color.generic.fg.standard.delicate}",

diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -10,7 +10,7 @@
         "type": "color"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
         "type": "color"
       },
       "border-duration": {

diff --git a/data/tokens/Components/nav.json b/data/tokens/Components/nav.json
@@ -23,87 +23,75 @@
       },
       "border-active": {
         "value": "{base.color.generic.fg.standard.soft}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       },
       "border-default": {
         "value": "{base.color.generic.fg.standard.soft}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       },
       "label-active": {
         "value": "{base.color.interactive.monochrome.standard.withActive}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       },
       "label-enabled": {
         "value": "{base.color.interactive.monochrome.standard.default}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       },
       "label-hover": {
         "value": "{base.color.interactive.monochrome.standard.withHover}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       },
       "label-alt": {
         "value": "{base.color.interactive.monochrome.standard.defaultAlt}",
-        "type": "color",
-        "$extensions": {}
+        "type": "color"
       }
     }
   },
   "harsh": {
     "bg-default": {
-      "value": "{base.color.generic.bg.standard.moderate}",
+      "value": "{base.color.generic.bg.inverse.faint}",
       "type": "color"
     },
     "bg-alt": {
-      "value": "{base.color.generic.bg.standard.soft}",
+      "value": "{base.color.generic.bg.inverse.delicate}",
       "type": "color"
     },
     "item": {
       "bg-active": {
-        "value": "{base.color.interactive.monochrome.standard.active}",
+        "value": "{base.color.interactive.monochrome.inverse.active}",
         "type": "color"
       },
       "bg-enabled": {
         "value": "{origin.colors.transparent}",
         "type": "color"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
         "type": "color"
       },
       "border-active": {
-        "value": "{base.color.generic.fg.standard.soft}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.generic.fg.inverse.faint}",
+        "type": "color"
       },
       "border-default": {
-        "value": "{base.color.generic.fg.standard.soft}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.generic.fg.inverse.faint}",
+        "type": "color"
       },
       "label-active": {
-        "value": "{base.color.interactive.monochrome.standard.withActive}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.interactive.monochrome.inverse.withActive}",
+        "type": "color"
       },
       "label-enabled": {
-        "value": "{base.color.interactive.monochrome.standard.default}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.interactive.monochrome.inverse.default}",
+        "type": "color"
       },
       "label-hover": {
-        "value": "{base.color.interactive.monochrome.standard.withHover}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.interactive.monochrome.inverse.withHover}",
+        "type": "color"
       },
       "label-alt": {
-        "value": "{base.color.interactive.monochrome.standard.defaultAlt}",
-        "type": "color",
-        "$extensions": {}
+        "value": "{base.color.interactive.monochrome.inverse.defaultAlt}",
+        "type": "color"
       }
     }
   }

diff --git a/data/tokens/Components/tab.json b/data/tokens/Components/tab.json
@@ -6,7 +6,7 @@
         "type": "color"
       },
       "bg-hover": {
-        "value": "{base.color.interactive.monochrome.standard.hoverAlt}",
+        "value": "{base.color.interactive.monochrome.inverse.hoverAlt}",
         "type": "color"
       },
       "border-active": {

diff --git a/data/tokens/Modes/light.json b/data/tokens/Modes/light.json
@@ -610,6 +610,19 @@
                 }
               }
             },
+            "defaultAlt": {
+              "value": "{base.color.interactive.monochrome.inverse.active}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "alpha",
+                    "value": "0.67",
+                    "space": "lch"
+                  }
+                }
+              }
+            },
             "hover": {
               "value": "{base.color.interactive.monochrome.inverse.active}",
               "type": "color",
@@ -624,6 +637,21 @@
                 }
               }
             },
+            "hoverAlt": {
+              "value": "{base.color.interactive.monochrome.inverse.active}",
+              "type": "color",
+              "$extensions": {
+                "studio.tokens": {
+                  "modify": {
+                    "type": "alpha",
+                    "value": "{base.color.modifiers.button.hoverAlt} ",
+                    "space": "lch",
+                    "color": "{base.color.modifier.contrastMore}"
+                  }
+                }
+              },
+              "description": "Accordion and menu bg on hover\n"
+            },
             "withActive": {
               "value": "{base.color.generic.content.standard.extreme}",
               "type": "color"