Update primary blues in CSS Library (#974)

* update primary blues Signed-off-by: Micah Chiang <[email protected]> * revert package.json build script Signed-off-by: Micah Chiang <[email protected]> * update remaning instances Signed-off-by: Micah Chiang <[email protected]> * fix color-primary-darker Signed-off-by: Micah Chiang <[email protected]> * update package.json for web-components Signed-off-by: Micah Chiang <[email protected]> * update naming conventions for primary dark colors Signed-off-by: Micah Chiang <[email protected]> * update fill on va logo white svg Signed-off-by: Micah Chiang <[email protected]> * Update back to top story to use css variable Signed-off-by: Micah Chiang <[email protected]> * shift primary dark values Signed-off-by: Micah Chiang <[email protected]> * remove web-components/assets dir Signed-off-by: Micah Chiang <[email protected]> --------- Signed-off-by: Micah Chiang <[email protected]>
department-of-veterans-affairs · Dec 5, 2023 · 15682dd · 15682dd
1 parent ec9486b
commit 15682dd
Show file tree

Hide file tree

Showing 21 changed files with 172 additions and 164 deletions.
diff --git a/packages/css-library/dist/tokens/css/variables.css b/packages/css-library/dist/tokens/css/variables.css
@@ -1,23 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Mon, 27 Nov 2023 22:27:43 GMT
+ * Generated on Tue, 05 Dec 2023 16:42:10 GMT
  */
 
 :root {
   --color-base: #212121;
   --color-white: #ffffff;
   --color-black: #000000;
-  --color-link-default: #004795;
-  --color-link-visited: #4c2c92;
+  --color-link-default: #005ea2;
+  --color-link-visited: #54278f;
   --color-warning-message: #fac922;
   --color-feedback-warning-background: #fac922;
-  --color-primary: #0071bb;
-  --color-primary-darker: #003e73;
-  --color-primary-darkest: #112e51;
-  --color-primary-alt: #02bfe7;
-  --color-primary-alt-dark: #00a6d2;
-  --color-primary-alt-darkest: #046b99;
-  --color-primary-alt-light: #9bdaf1;
+  --color-primary: #005ea2;
+  --color-primary-dark: #1a4480;
+  --color-primary-darker: #162e51;
+  --color-primary-alt: #00bde3;
+  --color-primary-alt-dark: #28a0cb;
+  --color-primary-alt-darkest: #07648d;
+  --color-primary-alt-light: #97d4ea;
   --color-primary-alt-lightest: #e1f3f8;
   --color-secondary: #e31c3d;
   --color-secondary-dark: #cd2026;

diff --git a/packages/css-library/dist/tokens/figma/colors/variables.json b/packages/css-library/dist/tokens/figma/colors/variables.json
@@ -10,10 +10,10 @@
       "value": "{uswds-system-color-gray-100}"
     },
     "link-default": {
-      "value": "#004795"
+      "value": "{uswds-system-color-blue-vivid-60}"
     },
     "link-visited": {
-      "value": "#4c2c92"
+      "value": "{uswds-system-color-violet-vivid-70}"
     },
     "warning-message": {
       "value": "#fac922"
@@ -23,29 +23,29 @@
     },
     "primary": {
       "*": {
-        "value": "#0071bb"
+        "value": "{uswds-system-color-blue-vivid-60}"
       },
-      "darker": {
-        "value": "#003e73"
+      "dark": {
+        "value": "{uswds-system-color-blue-warm-vivid-70}"
       },
-      "darkest": {
-        "value": "#112e51"
+      "darker": {
+        "value": "{uswds-system-color-blue-warm-vivid-80}"
       },
       "alt": {
         "*": {
-          "value": "#02bfe7"
+          "value": "{uswds-system-color-cyan-vivid-30}"
         },
         "dark": {
-          "value": "#00a6d2"
+          "value": "{uswds-system-color-blue-cool-vivid-40}"
         },
         "darkest": {
-          "value": "#046b99"
+          "value": "{uswds-system-color-blue-cool-vivid-60}"
         },
         "light": {
-          "value": "#9bdaf1"
+          "value": "{uswds-system-color-blue-cool-vivid-20}"
         },
         "lightest": {
-          "value": "#e1f3f8"
+          "value": "{uswds-system-color-blue-cool-vivid-5}"
         }
       }
     },

diff --git a/packages/css-library/dist/tokens/json/variables.json b/packages/css-library/dist/tokens/json/variables.json
@@ -52,11 +52,11 @@
       ]
     },
     "link-default": {
-      "value": "#004795",
+      "value": "#005ea2",
       "filePath": "tokens/color.json",
       "isSource": true,
       "original": {
-        "value": "#004795"
+        "value": "{uswds-system-color-blue-vivid-60}"
       },
       "name": "color-link-default",
       "attributes": {
@@ -69,11 +69,11 @@
       ]
     },
     "link-visited": {
-      "value": "#4c2c92",
+      "value": "#54278f",
       "filePath": "tokens/color.json",
       "isSource": true,
       "original": {
-        "value": "#4c2c92"
+        "value": "{uswds-system-color-violet-vivid-70}"
       },
       "name": "color-link-visited",
       "attributes": {
@@ -121,11 +121,11 @@
     },
     "primary": {
       "*": {
-        "value": "#0071bb",
+        "value": "#005ea2",
         "filePath": "tokens/color.json",
         "isSource": true,
         "original": {
-          "value": "#0071bb"
+          "value": "{uswds-system-color-blue-vivid-60}"
         },
         "name": "color-primary",
         "attributes": {
@@ -139,51 +139,51 @@
           "*"
         ]
       },
-      "darker": {
-        "value": "#003e73",
+      "dark": {
+        "value": "#1a4480",
         "filePath": "tokens/color.json",
         "isSource": true,
         "original": {
-          "value": "#003e73"
+          "value": "{uswds-system-color-blue-warm-vivid-70}"
         },
-        "name": "color-primary-darker",
+        "name": "color-primary-dark",
         "attributes": {
           "category": "color",
           "type": "primary",
-          "item": "darker"
+          "item": "dark"
         },
         "path": [
           "color",
           "primary",
-          "darker"
+          "dark"
         ]
       },
-      "darkest": {
-        "value": "#112e51",
+      "darker": {
+        "value": "#162e51",
         "filePath": "tokens/color.json",
         "isSource": true,
         "original": {
-          "value": "#112e51"
+          "value": "{uswds-system-color-blue-warm-vivid-80}"
         },
-        "name": "color-primary-darkest",
+        "name": "color-primary-darker",
         "attributes": {
           "category": "color",
           "type": "primary",
-          "item": "darkest"
+          "item": "darker"
         },
         "path": [
           "color",
           "primary",
-          "darkest"
+          "darker"
         ]
       },
       "alt": {
         "*": {
-          "value": "#02bfe7",
+          "value": "#00bde3",
           "filePath": "tokens/color.json",
           "isSource": true,
           "original": {
-            "value": "#02bfe7"
+            "value": "{uswds-system-color-cyan-vivid-30}"
           },
           "name": "color-primary-alt",
           "attributes": {
@@ -200,11 +200,11 @@
           ]
         },
         "dark": {
-          "value": "#00a6d2",
+          "value": "#28a0cb",
           "filePath": "tokens/color.json",
           "isSource": true,
           "original": {
-            "value": "#00a6d2"
+            "value": "{uswds-system-color-blue-cool-vivid-40}"
           },
           "name": "color-primary-alt-dark",
           "attributes": {
@@ -221,11 +221,11 @@
           ]
         },
         "darkest": {
-          "value": "#046b99",
+          "value": "#07648d",
           "filePath": "tokens/color.json",
           "isSource": true,
           "original": {
-            "value": "#046b99"
+            "value": "{uswds-system-color-blue-cool-vivid-60}"
           },
           "name": "color-primary-alt-darkest",
           "attributes": {
@@ -242,11 +242,11 @@
           ]
         },
         "light": {
-          "value": "#9bdaf1",
+          "value": "#97d4ea",
           "filePath": "tokens/color.json",
           "isSource": true,
           "original": {
-            "value": "#9bdaf1"
+            "value": "{uswds-system-color-blue-cool-vivid-20}"
           },
           "name": "color-primary-alt-light",
           "attributes": {
@@ -267,7 +267,7 @@
           "filePath": "tokens/color.json",
           "isSource": true,
           "original": {
-            "value": "#e1f3f8"
+            "value": "{uswds-system-color-blue-cool-vivid-5}"
           },
           "name": "color-primary-alt-lightest",
           "attributes": {

diff --git a/packages/css-library/dist/tokens/scss/variables.scss b/packages/css-library/dist/tokens/scss/variables.scss
@@ -1,21 +1,21 @@
 
 // Do not edit directly
-// Generated on Mon, 27 Nov 2023 22:27:43 GMT
+// Generated on Tue, 05 Dec 2023 16:42:10 GMT
 
 $color-base: #212121;
 $color-white: #ffffff;
 $color-black: #000000;
-$color-link-default: #004795;
-$color-link-visited: #4c2c92;
+$color-link-default: #005ea2;
+$color-link-visited: #54278f;
 $color-warning-message: #fac922;
 $color-feedback-warning-background: #fac922;
-$color-primary: #0071bb;
-$color-primary-darker: #003e73;
-$color-primary-darkest: #112e51;
-$color-primary-alt: #02bfe7;
-$color-primary-alt-dark: #00a6d2;
-$color-primary-alt-darkest: #046b99;
-$color-primary-alt-light: #9bdaf1;
+$color-primary: #005ea2;
+$color-primary-dark: #1a4480;
+$color-primary-darker: #162e51;
+$color-primary-alt: #00bde3;
+$color-primary-alt-dark: #28a0cb;
+$color-primary-alt-darkest: #07648d;
+$color-primary-alt-light: #97d4ea;
 $color-primary-alt-lightest: #e1f3f8;
 $color-secondary: #e31c3d;
 $color-secondary-dark: #cd2026;