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

…24-jessica-add-checkbox-tokens [Feature] Add Checkbox tokens
department-of-veterans-affairs · Sep 10, 2024 · 6f4f4d3 · 6f4f4d3
2 parents 2ae18bf + 599a03f
commit 6f4f4d3
Show file tree

Hide file tree

Showing 5 changed files with 155 additions and 1 deletion.
diff --git a/packages/tokens/figma/dark.json b/packages/tokens/figma/dark.json
@@ -611,10 +611,38 @@
     "$value": "{vads-color-base-lightest}",
     "$type": "color"
   },
+  "vads-color-foreground-error-on-dark": {
+    "$value": "{uswds-system-color-red-vivid-40}",
+    "$type": "color"
+  },
   "vads-color-foreground-inverse-on-dark": {
     "$value": "{vads-color-base-darkest}",
     "$type": "color"
   },
+  "vads-color-foreground-subtle-on-dark": {
+    "$value": "{vads-color-base-light}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-active-on-dark": {
+    "$value": "{uswds-system-color-blue-vivid-30}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-default-on-dark": {
+    "$value": "{vads-color-base-light}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-error-on-dark": {
+    "$value": "{uswds-system-color-red-vivid-40}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-subtle-on-dark": {
+    "$value": "{vads-color-base-dark}",
+    "$type": "color"
+  },
+  "vads-color-forms-foreground-active-on-dark": {
+    "$value": "{uswds-system-color-blue-vivid-30}",
+    "$type": "color"
+  },
   "vads-color-gibill-accent": {
     "$value": "{uswds-system-color-gold-vivid-5}",
     "$type": "color"

diff --git a/packages/tokens/figma/light.json b/packages/tokens/figma/light.json
@@ -631,10 +631,38 @@
     "$value": "{vads-color-base}",
     "$type": "color"
   },
+  "vads-color-foreground-error-on-light": {
+    "$value": "{vads-color-secondary-dark}",
+    "$type": "color"
+  },
   "vads-color-foreground-inverse-on-light": {
     "$value": "{vads-color-base-lightest}",
     "$type": "color"
   },
+  "vads-color-foreground-subtle-on-light": {
+    "$value": "{vads-color-base-dark}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-active-on-light": {
+    "$value": "{vads-color-primary}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-default-on-light": {
+    "$value": "{vads-color-base-dark}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-error-on-light": {
+    "$value": "{vads-color-secondary-dark}",
+    "$type": "color"
+  },
+  "vads-color-forms-border-subtle-on-light": {
+    "$value": "{vads-color-base-light}",
+    "$type": "color"
+  },
+  "vads-color-forms-foreground-active-on-light": {
+    "$value": "{vads-color-primary}",
+    "$type": "color"
+  },
   "vads-color-gibill-accent": {
     "$value": "{uswds-system-color-gold-vivid-5}",
     "$type": "color"

diff --git a/packages/tokens/package.json b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/mobile-tokens",
-  "version": "0.14.0",
+  "version": "0.14.1-alpha.2",
   "description": "VA Design System Mobile Token Library",
   "main": "dist/js/index.js",
   "types": "dist/index.d.ts",

diff --git a/packages/tokens/src/tokens/color/semantic-dark.json b/packages/tokens/src/tokens/color/semantic-dark.json
@@ -20,6 +20,20 @@
       "category": "color"
     }
   },
+  "vads-color-foreground-subtle-on-dark": {
+    "name": "vads-color-foreground-subtle-on-dark",
+    "value": "{vads-color-base-light.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-foreground-error-on-dark": {
+    "name": "vads-color-foreground-error-on-dark",
+    "value": "{uswds-system-color-red-vivid-40}",
+    "attributes": {
+      "category": "color"
+    }
+  },
   "vads-color-surface-secondary-on-dark": {
     "name": "vads-color-surface-secondary-on-dark",
     "value": "{vads-color-base-darker.*.value}",
@@ -145,5 +159,40 @@
     "attributes": {
       "category": "color"
     }
+  },
+  "vads-color-forms-border-default-on-dark": {
+    "name": "vads-color-forms-border-default-on-dark",
+    "value": "{vads-color-base-light.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-error-on-dark": {
+    "name": "vads-color-forms-border-error-on-dark",
+    "value": "{uswds-system-color-red-vivid-40}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-subtle-on-dark": {
+    "name": "vads-color-forms-border-subtle-on-dark",
+    "value": "{vads-color-base-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-active-on-dark": {
+    "name": "vads-color-forms-border-active-on-dark",
+    "value": "{uswds-system-color-blue-vivid-30}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-foreground-active-on-dark": {
+    "name": "vads-color-forms-foreground-active-on-dark",
+    "value": "{uswds-system-color-blue-vivid-30}",
+    "attributes": {
+      "category": "color"
+    }
   }
 }
diff --git a/packages/tokens/src/tokens/color/semantic-light.json b/packages/tokens/src/tokens/color/semantic-light.json
@@ -27,6 +27,20 @@
       "category": "color"
     }
   },
+  "vads-color-foreground-subtle-on-light": {
+    "name": "vads-color-foreground-subtle-on-light",
+    "value": "{vads-color-base-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-foreground-error-on-light": {
+    "name": "vads-color-foreground-error-on-light",
+    "value": "{vads-color-secondary-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
   "vads-color-surface-secondary-on-light": {
     "name": "vads-color-surface-secondary-on-light",
     "value": "{vads-color-base-lighter.*.value}",
@@ -201,5 +215,40 @@
     "attributes": {
       "category": "color"
     }
+  },
+  "vads-color-forms-border-default-on-light": {
+    "name": "vads-color-forms-border-default-on-light",
+    "value": "{vads-color-base-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-error-on-light": {
+    "name": "vads-color-forms-border-error-on-light",
+    "value": "{vads-color-secondary-dark.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-subtle-on-light": {
+    "name": "vads-color-forms-border-subtle-on-light",
+    "value": "{vads-color-base-light.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-border-active-on-light": {
+    "name": "vads-color-forms-border-active-on-light",
+    "value": "{vads-color-primary.*.value}",
+    "attributes": {
+      "category": "color"
+    }
+  },
+  "vads-color-forms-foreground-active-on-light": {
+    "name": "vads-color-forms-foreground-active-on-light",
+    "value": "{vads-color-primary.*.value}",
+    "attributes": {
+      "category": "color"
+    }
   }
 }