feat(tokens): add new design tokens #137

AlaskaAirlines · Dec 12, 2023 · f7f71aa · f7f71aa
1 parent 8b23154
commit f7f71aa
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/src/color/border.json b/src/color/border.json
@@ -71,6 +71,14 @@
           "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
+        },
+        "inverse": {
+          "value": "{color.brand.breeze.300.value}",
+          "public": false,
+          "onDark": true,
+          "usage": "Active border color on dark backgrounds",
+          "wcag": "n/a",
+          "deprecated": true
         }
       },
       "error": {

diff --git a/src/color/ui.json b/src/color/ui.json
@@ -111,6 +111,16 @@
           "comment": "Deprecated token",
           "reference": "n/a",
           "version": "3.12.0"
+        },
+        "inverse": {
+          "value": "{color.brand.breeze.200.value}",
+          "public": false,
+          "usage": "Active state color affordance on dark backgrounds",
+          "wcag": "AAA",
+          "deprecated": true,
+          "comment": "Deprecated token",
+          "reference": "n/a",
+          "version": "3.12.0"
         }
       },
       "disabled": {
@@ -146,6 +156,22 @@
         }
       },
       "bkg": {
+        "default": {
+          "default": {
+            "value": "00000008",
+            "public": true,
+            "default": true,
+            "usage": "Default affordance for background colors",
+            "deprecated": false
+          },
+          "inverse": {
+            "value": "ffffff08",
+            "public": true,
+            "default": true,
+            "usage": "Default affordance for dark background colors",
+            "deprecated": false
+          } 
+        },
         "hover": {
           "onDark": {
             "value": "5de3f71a",
@@ -173,6 +199,13 @@
             "default": true,
             "usage": "Default hover affordance for background colors",
             "deprecated": false
+          },
+          "inverse": {
+            "value": "ffffff0f",
+            "public": true,
+            "default": true,
+            "usage": "Default affordance for background colors",
+            "deprecated": false
           }
         }
       }