Merge pull request #1939 from uswds/al-success-dark

USWDS-Site: Update incorrect success-dark color token values
uswds · Mar 1, 2023 · 129de24 · 129de24
2 parents 69b1c9f + f4be42e
commit 129de24
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 15 deletions.
diff --git a/_data/changelogs/tokens-color-state.yml b/_data/changelogs/tokens-color-state.yml
@@ -2,8 +2,21 @@ title: State color tokens
 type: token
 changelogURL:
 items:
+  - date: 2021-12-21
+    summary: Updated the documentation for `success-dark` and `success-darker` to match the current USWDS values.
+    summaryAdditional:
+    isBreaking:
+    affectsAccessibility:
+    affectsAssets:
+    affectsGuidance: true
+    affectsJavascript:
+    affectsMarkup:
+    affectsStyles:
+    githubPr: 1939
+    githubRepo: uswds-site
+    versionUswds:
   - date: 2021-06-16
-    summary: Updated values for `success-dark` and `success-darker`.
+    summary: Updated the values of `success-dark` from `green-cool-50` to `green-cool-50v` and `success-darker` from `green-cool-60` to `green-cool-60v`.
     summaryAdditional:
     isBreaking:
     affectsAccessibility:

diff --git a/_data/settings.yml b/_data/settings.yml
@@ -308,7 +308,7 @@
       subsection: theme color token
       usage: Use grades 60-90.
       var: $theme-color-accent-warm-darker
-      default: "'orange-60v'"
+      default: "'orange-60'"
       kind: color
     - name: accent-warm-lightest
       subsection: theme color token
@@ -467,13 +467,13 @@
       subsection: state color token
       usage: Use grades 60-70.
       var: $theme-color-success-dark
-      default: "'green-cool-50'"
+      default: "'green-cool-50v'"
       kind: color
     - name: success-darker
       subsection: state color token
       usage: Use grades 70-80.
       var: $theme-color-success-darker
-      default: "'green-cool-60'"
+      default: "'green-cool-60v'"
       kind: color
 
     - name: Info color family

diff --git a/_data/settings/color.yml b/_data/settings/color.yml
@@ -211,7 +211,7 @@ contents:
     subsection: theme color token
     description: Use grades 60-90.
     var: $theme-color-accent-warm-darker
-    default: '"orange-60v"'
+    default: '"orange-60"'
     type: color
   - name: accent-warm-lightest
     subsection: theme color token
@@ -370,13 +370,13 @@ contents:
     subsection: state color token
     description: Use grades 60-70.
     var: $theme-color-success-dark
-    default: '"green-cool-50"'
+    default: '"green-cool-50v"'
     type: color
   - name: success-darker
     subsection: state color token
     description: Use grades 70-80.
     var: $theme-color-success-darker
-    default: '"green-cool-60"'
+    default: '"green-cool-60v"'
     type: color
 
   - name: Info color family

diff --git a/_data/tokens/color.yml b/_data/tokens/color.yml
@@ -86,19 +86,19 @@ state:
   - token: success
     default: "green-cool-40v"
   - token: success-dark
-    default: "green-cool-50"
+    default: "green-cool-50v"
   - token: success-darker
-    default: "green-cool-60"
+    default: "green-cool-60v"
   - token: disabled-light
     default: "gray-10"
-  - token: emergency
-    default: "red-warm-60v"
-  - token: emergency-dark
-    default: "red-warm-80"
   - token: disabled
     default: "gray-20"
   - token: disabled-dark
     default: "gray-30"
+  - token: emergency
+    default: "red-warm-60v"
+  - token: emergency-dark
+    default: "red-warm-80"
 
 theme:
   - token: base-lightest

diff --git a/css/settings/_uswds-theme-color.scss b/css/settings/_uswds-theme-color.scss
@@ -103,8 +103,8 @@ $theme-color-success-family: "green-cool";
 $theme-color-success-lighter: "green-cool-5";
 $theme-color-success-light: "green-cool-20v";
 $theme-color-success: "green-cool-40v";
-$theme-color-success-dark: "green-cool-50";
-$theme-color-success-darker: "green-cool-60";
+$theme-color-success-dark: "green-cool-50v";
+$theme-color-success-darker: "green-cool-60v";
 
 // Info colors
 $theme-color-info-family: "cyan";