Merge pull request #543 from department-of-veterans-affairs/feature/4…

…19-jessica-add-border-tokens [Feature] Add border tokens
department-of-veterans-affairs · Oct 18, 2024 · 0f2c4d9 · 0f2c4d9
2 parents 247d774 + a54e2b3
commit 0f2c4d9
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 0 deletions.
diff --git a/packages/tokens/figma/dark.json b/packages/tokens/figma/dark.json
@@ -555,6 +555,14 @@
     "$value": "{uswds-system-color-blue-warm-30}",
     "$type": "color"
   },
+  "vads-color-border-strong-on-dark": {
+    "$value": "{vads-color-base-light}",
+    "$type": "color"
+  },
+  "vads-color-border-subtle-on-dark": {
+    "$value": "{vads-color-base-dark}",
+    "$type": "color"
+  },
   "vads-color-emergency": {
     "$value": "{uswds-system-color-red-warm-vivid-60}",
     "$type": "color"

diff --git a/packages/tokens/figma/light.json b/packages/tokens/figma/light.json
@@ -575,6 +575,14 @@
     "$value": "{uswds-system-color-blue-warm-30}",
     "$type": "color"
   },
+  "vads-color-border-strong-on-light": {
+    "$value": "{vads-color-base-dark}",
+    "$type": "color"
+  },
+  "vads-color-border-subtle-on-light": {
+    "$value": "{vads-color-base-light}",
+    "$type": "color"
+  },
   "vads-color-emergency": {
     "$value": "{uswds-system-color-red-warm-vivid-60}",
     "$type": "color"

diff --git a/packages/tokens/src/tokens/color/semantic-dark.json b/packages/tokens/src/tokens/color/semantic-dark.json
@@ -6,6 +6,20 @@
       "category": "color"
     }
   },
+  "vads-color-border-strong-on-dark": {
+    "name": "vads-color-border-strong-on-light",
+    "value": "{vads-color-base-light.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-border-subtle-on-dark": {
+    "name": "vads-color-border-subtle-on-dark",
+    "value": "{vads-color-base-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
   "vads-color-foreground-default-on-dark": {
     "name": "vads-color-foreground-default-on-dark",
     "value": "{vads-color-base-lightest.*.value}",

diff --git a/packages/tokens/src/tokens/color/semantic-light.json b/packages/tokens/src/tokens/color/semantic-light.json
@@ -13,6 +13,20 @@
       "category": "color"
     }
   },
+  "vads-color-border-strong-on-light": {
+    "name": "vads-color-border-strong-on-light",
+    "value": "{vads-color-base-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-border-subtle-on-light": {
+    "name": "vads-color-border-subtle-on-light",
+    "value": "{vads-color-base-light.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
   "vads-color-foreground-default-on-light": {
     "name": "vads-color-foreground-default-on-light",
     "value": "{vads-color-base.*.value}",