feat(data): adding border active and activated tokens

Sage · Nov 1, 2023 · 2f46dbc · 2f46dbc
1 parent d866094
commit 2f46dbc
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 16 deletions.
diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -15,7 +15,7 @@
         "description": "tile footer bg color\n"
       },
       "border-default": {
-        "value": "{base.color.passive.standard.bgDelicate}",
+        "value": "{base.color.passive.standard.bgFaint}",
         "type": "color"
       }
     },
@@ -46,32 +46,40 @@
         "value": "{base.color.status.success.default}",
         "type": "color"
       },
+      "border-active": {
+        "value": "{base.color.interactive.monochrome.standard.active}",
+        "type": "color"
+      },
+      "border-activated": {
+        "value": "{base.color.status.success.default}",
+        "type": "color"
+      },
       "border-inactive": {
         "value": "{base.color.interactive.inactive.default}",
         "type": "color"
       },
       "border-enabled": {
-        "value": "{base.color.passive.standard.fgDelicate}",
+        "value": "{base.color.passive.standard.bgFaint}",
         "type": "color"
       },
       "labelFooter-active": {
         "value": "{base.color.passive.inverse.fgExtreme}",
         "type": "color"
       },
       "text-active": {
-        "value": "{base.color.passive.standard.fgExtreme}",
+        "value": "{base.color.interactive.monochrome.standard.active}",
         "type": "color"
       },
       "text-default": {
-        "value": "{base.color.passive.standard.fgFirm}",
+        "value": "{base.color.interactive.monochrome.standard.default}",
         "type": "color"
       },
       "text-disabled": {
         "value": "{base.color.interactive.inactive.content}",
         "type": "color"
       },
       "text-hover": {
-        "value": "{base.color.passive.standard.fgExtreme}",
+        "value": "{base.color.interactive.monochrome.standard.hover}",
         "type": "color"
       }
     }

diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -99,20 +99,20 @@
         "type": "color"
       },
       "label-default": {
-        "value": "{base.color.passive.standard.fgFirm}",
+        "value": "{base.color.interactive.dataEntry.content}",
         "type": "color"
       },
       "label-alt": {
-        "value": "{base.color.passive.standard.fgModerate}",
+        "value": "{base.color.interactive.dataEntry.contentAlt}",
         "type": "color",
         "description": "used for '(optional)' text and hint text."
       },
       "label-disabled": {
-        "value": "{base.color.passive.standard.fgDelicate}",
+        "value": "{base.color.interactive.inactive.content}",
         "type": "color"
       },
       "label-readOnly": {
-        "value": "{base.color.passive.standard.fgFirm}",
+        "value": "{base.color.interactive.dataEntry.content}",
         "type": "color"
       }
     }

diff --git a/data/tokens/Modes/light.json b/data/tokens/Modes/light.json
@@ -312,6 +312,11 @@
             "value": "{base.color.passive.standard.fgFirm}",
             "type": "color",
             "description": "Input Text"
+          },
+          "contentAlt": {
+            "value": "{base.color.passive.standard.fgModerate}",
+            "type": "color",
+            "description": "Input Text"
           }
         },
         "focus": {
@@ -340,12 +345,12 @@
         },
         "inactive": {
           "default": {
-            "value": "{origin.colors.black}",
+            "value": "{origin.colors.white}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
+                  "type": "mix",
                   "value": "{base.color.modifiers.input.disabledFg}",
                   "space": "lch",
                   "color": "{base.color.modifier.contrastMore} "
@@ -355,27 +360,27 @@
             "description": "Disabled form input borders."
           },
           "defaultAlt": {
-            "value": "{origin.colors.black}",
+            "value": "{origin.colors.white}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
+                  "type": "mix",
                   "value": "{base.color.modifiers.input.disabledBg} ",
                   "space": "lch",
-                  "color": "{base.color.modifier.contrastMore}"
+                  "color": "{base.color.modifier.contrastMore} "
                 }
               }
             },
             "description": "Disabled input and button backgrounds, button borders and input backgrounds."
           },
           "content": {
-            "value": "{origin.colors.black}",
+            "value": "{origin.colors.white}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
                 "modify": {
-                  "type": "alpha",
+                  "type": "mix",
                   "value": "{base.color.modifiers.input.disabledFg} ",
                   "space": "lch",
                   "color": "{base.color.modifier.contrastMore} "