From 6de99f9e1c821a4065bf4ef83b3743ca4e4c813e Mon Sep 17 00:00:00 2001
From: Narin Ratana <narin@adhocteam.us>
Date: Mon, 5 Feb 2024 12:29:59 -0800
Subject: [PATCH] Add missing uswds colors. Fix type declaration

---
 packages/tokens/build.js                    |  2 +-
 packages/tokens/figma/color.json            |  8 ++++++++
 packages/tokens/src/tokens/color/uswds.json | 14 ++++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/tokens/build.js b/packages/tokens/build.js
index a226ce6a..c44185a0 100644
--- 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
index 82fd869e..8f9246d0 100644
--- 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
index cc7d278e..ec3d1c13 100644
--- 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",