Add missing uswds colors. Fix type declaration

department-of-veterans-affairs · Feb 5, 2024 · 6de99f9 · narin · Feb 5, 2024 · 6de99f9
1 parent 9e956bd
commit 6de99f9
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/packages/tokens/build.js b/packages/tokens/build.js
@@ -30,7 +30,7 @@ StyleDictionary.registerFormat({
 StyleDictionary.registerFormat({
   name: 'typescript/es6-declarations/colors',
   formatter: function (dictionary) {
-    let declaration = 'export declare const Colors: { [key: string]: string;\n'
+    let declaration = 'export declare const Colors: {\n'
     dictionary.allProperties.forEach((token) => {
       declaration += `  ${token.name}: string;\n`
     })

diff --git a/packages/tokens/figma/color.json b/packages/tokens/figma/color.json
@@ -247,6 +247,14 @@
     "$value": "#112f4e",
     "$type": "color"
   },
+  "uswdsGray30": {
+    "$value": "#adadad",
+    "$type": "color"
+  },
+  "uswdsGray80": {
+    "$value": "#2e2e2e",
+    "$type": "color"
+  },
   "uswdsGrayWarm90": {
     "$value": "#171716",
     "$type": "color"

diff --git a/packages/tokens/src/tokens/color/uswds.json b/packages/tokens/src/tokens/color/uswds.json
@@ -35,6 +35,20 @@
         "category": "uswds-system-color-blue-vivid-80"
       }
     },
+    "uswds-system-color-gray-30": {
+      "value": "#adadad",
+      "name": "uswds-system-color-gray-30",
+      "attributes": {
+        "category": "uswds-system-color-gray-30"
+      }
+    },
+    "uswds-system-color-gray-80": {
+      "value": "#2e2e2e",
+      "name": "uswds-system-color-gray-80",
+      "attributes": {
+        "category": "uswds-system-color-gray-80"
+      }
+    },
     "uswds-system-color-gray-warm-90": {
       "value": "#171716",
       "name": "uswds-system-color-gray-warm-90",