CMSgov · malloryiden · Sep 27, 2024 · Sep 26, 2024
diff --git a/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap b/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap
@@ -235,7 +235,7 @@ exports[`CSS snapshots variables in cmsgov-theme.css match snapshot 1`] = `
 --color-error-lighter: #f7bbc5;
 --color-error-lightest: #fef5f7;
 --color-error: #e31c3d;
---color-focus-dark: #bd13b8;
+--color-focus-dark: #c97532;
 --color-focus-light: #ffffff;
 --color-gray-dark: #5a5a5a;
 --color-gray-darker: #404040;

diff --git a/packages/design-system-tokens/src/tokens/System.Value.json b/packages/design-system-tokens/src/tokens/System.Value.json
@@ -2663,7 +2663,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2674,7 +2674,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2685,7 +2685,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2696,7 +2696,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2707,7 +2707,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2718,7 +2718,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2729,7 +2729,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2740,7 +2740,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2751,7 +2751,7 @@
       "$extensions": {
         "com.figma": {
           "hiddenFromPublishing": false,
-          "scopes": ["GAP", "WIDTH_HEIGHT", "TEXT_CONTENT"],
+          "scopes": ["GAP", "TEXT_CONTENT", "WIDTH_HEIGHT"],
           "codeSyntax": {}
         }
       }
@@ -2991,6 +2991,26 @@
             "codeSyntax": {}
           }
         }
+      },
+      "public-sans": {
+        "$value": [
+          "Public Sans",
+          "Inter",
+          "Roboto",
+          "Helvetica Neue",
+          "Arial Nova",
+          "Nimbus Sans",
+          "Arial",
+          "sans-serif"
+        ],
+        "$type": "fontFamily",
+        "$extensions": {
+          "com.figma": {
+            "hiddenFromPublishing": false,
+            "scopes": ["ALL_SCOPES"],
+            "codeSyntax": {}
+          }
+        }
       }
     },
     "weight": {

diff --git a/packages/design-system-tokens/src/tokens/Theme.cmsgov.json b/packages/design-system-tokens/src/tokens/Theme.cmsgov.json
@@ -222,7 +222,7 @@
         }
       },
       "focus-dark": {
-        "$value": "{color.orchid.500}",
+        "$value": "{color.copper.500}",
         "$extensions": {
           "com.figma": {
             "hiddenFromPublishing": false,
@@ -953,7 +953,7 @@
           }
         },
         "body": {
-          "$value": "{font.family.open-sans}",
+          "$value": "{font.family.public-sans}",
           "$extensions": {
             "com.figma": {
               "hiddenFromPublishing": false,
@@ -963,7 +963,7 @@
           }
         },
         "button": {
-          "$value": "{font.family.open-sans}",
+          "$value": "{font.family.public-sans}",
           "$extensions": {
             "com.figma": {
               "hiddenFromPublishing": false,
@@ -973,7 +973,7 @@
           }
         },
         "link": {
-          "$value": "{font.family.open-sans}",
+          "$value": "{font.family.public-sans}",
           "$extensions": {
             "com.figma": {
               "hiddenFromPublishing": false,

diff --git a/packages/docs/static/themes/cmsgov-theme.css b/packages/docs/static/themes/cmsgov-theme.css
@@ -57,7 +57,7 @@
 --color-error-darker: #9f142b;
 --color-error-darkest: #720e1f;
 --color-focus-light: #ffffff;
---color-focus-dark: #bd13b8;
+--color-focus-dark: #c97532;
 --color-gray-lightest: #f2f2f2;
 --color-gray-lighter: #d9d9d9;
 --color-gray-light: #a6a6a6;

diff --git a/...ser/snapshots/stories-interaction/autocomplete--type--cmsgov--Mobile-Chrome.png b/...ser/snapshots/stories-interaction/autocomplete--type--cmsgov--Mobile-Chrome.png
diff --git a/.../browser/snapshots/stories-interaction/autocomplete--type--cmsgov--chromium.png b/.../browser/snapshots/stories-interaction/autocomplete--type--cmsgov--chromium.png
diff --git a/...s/browser/snapshots/stories-interaction/autocomplete--type--cmsgov--firefox.png b/...s/browser/snapshots/stories-interaction/autocomplete--type--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/autocomplete--type--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/autocomplete--type--cmsgov--webkit.png
diff --git a/.../browser/snapshots/stories-interaction/button--click--cmsgov--Mobile-Chrome.png b/.../browser/snapshots/stories-interaction/button--click--cmsgov--Mobile-Chrome.png
diff --git a/tests/browser/snapshots/stories-interaction/button--click--cmsgov--chromium.png b/tests/browser/snapshots/stories-interaction/button--click--cmsgov--chromium.png
diff --git a/tests/browser/snapshots/stories-interaction/button--click--cmsgov--firefox.png b/tests/browser/snapshots/stories-interaction/button--click--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/button--click--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/button--click--cmsgov--webkit.png
diff --git a/.../browser/snapshots/stories-interaction/button--focus--cmsgov--Mobile-Chrome.png b/.../browser/snapshots/stories-interaction/button--focus--cmsgov--Mobile-Chrome.png
diff --git a/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--chromium.png b/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--chromium.png
diff --git a/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--firefox.png b/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/button--focus--cmsgov--webkit.png
diff --git a/...ts/stories-interaction/datefield--picker-interaction--cmsgov--Mobile-Chrome.png b/...ts/stories-interaction/datefield--picker-interaction--cmsgov--Mobile-Chrome.png
diff --git a/...apshots/stories-interaction/datefield--picker-interaction--cmsgov--chromium.png b/...apshots/stories-interaction/datefield--picker-interaction--cmsgov--chromium.png
diff --git a/...napshots/stories-interaction/datefield--picker-interaction--cmsgov--firefox.png b/...napshots/stories-interaction/datefield--picker-interaction--cmsgov--firefox.png
diff --git a/...snapshots/stories-interaction/datefield--picker-interaction--cmsgov--webkit.png b/...snapshots/stories-interaction/datefield--picker-interaction--cmsgov--webkit.png
diff --git a/...browser/snapshots/stories-interaction/dropdown--open--cmsgov--Mobile-Chrome.png b/...browser/snapshots/stories-interaction/dropdown--open--cmsgov--Mobile-Chrome.png
diff --git a/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--chromium.png b/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--chromium.png
diff --git a/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--firefox.png b/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/dropdown--open--cmsgov--webkit.png
diff --git a/...apshots/stories-interaction/dropdown-optgroups--open--cmsgov--Mobile-Chrome.png b/...apshots/stories-interaction/dropdown-optgroups--open--cmsgov--Mobile-Chrome.png
diff --git a/...er/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--chromium.png b/...er/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--chromium.png
diff --git a/...ser/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--firefox.png b/...ser/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--firefox.png
diff --git a/...wser/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--webkit.png b/...wser/snapshots/stories-interaction/dropdown-optgroups--open--cmsgov--webkit.png
diff --git a/...owser/snapshots/stories-interaction/mask--text-entry--cmsgov--Mobile-Chrome.png b/...owser/snapshots/stories-interaction/mask--text-entry--cmsgov--Mobile-Chrome.png
diff --git a/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--chromium.png b/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--chromium.png
diff --git a/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--firefox.png b/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/mask--text-entry--cmsgov--webkit.png
diff --git a/...ser/snapshots/stories-interaction/mask--text-entry-and-exit--cmsgov--webkit.png b/...ser/snapshots/stories-interaction/mask--text-entry-and-exit--cmsgov--webkit.png
diff --git a/...browser/snapshots/stories-interaction/textbox--focus--cmsgov--Mobile-Chrome.png b/...browser/snapshots/stories-interaction/textbox--focus--cmsgov--Mobile-Chrome.png
diff --git a/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--chromium.png b/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--chromium.png
diff --git a/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--firefox.png b/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--firefox.png
diff --git a/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--webkit.png b/tests/browser/snapshots/stories-interaction/textbox--focus--cmsgov--webkit.png