@department-of-veterans-affairs/css-library 0.16.1 → 0.18.0

package/dist/stylesheets/formation-overrides/elements/typography.css

@@ -31,7 +31,7 @@
 
 html {
   font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-size: 16px;
+  font-size: 100%;
 }
 
 body {

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 18:40:51 GMT
+ * Generated on Thu, 30 Jan 2025 18:21:25 GMT
  */
 
 :root {
@@ -15,11 +15,11 @@
   --desktop: 1024px;
   --desktop-lg: 1201px;
   --color-link-default-hover: rgba(#000000, 0.05);
+  --vads-button-color-background-primary-on-light: #005ea2;
   --vads-button-color-background-primary-alt-active-on-light: #154c21;
   --vads-button-color-background-secondary-on-light: #ffffff;
   --vads-button-color-text-primary-alt-on-light: #ffffff;
   --vads-button-color-text-primary-on-light: #ffffff;
-  --vads-input-background-color-on-light: #ffffff;
   --vads-color-white: #ffffff;
   --vads-label-hint-text-color-on-light: #757575;
   --vads-process-list-color-text-pending-on-light: #757575;
@@ -95,6 +95,7 @@
   --vads-color-gold-lighter: #ffe396;
   --vads-color-gold-lightest: #fef0c8;
   --vads-color-black: #000000;
+  --vads-color-orange: #dd7533;
   --vads-color-green-lighter: #b4d0b9;
   --vads-color-blue-cool: #345d96;
   --vads-color-blue-cool-light: #4a77b4;
@@ -115,6 +116,14 @@
   --vads-color-background-default-on-dark: #171716;
   --vads-color-forms-surface-active-on-light: #ecf1f7;
   --vads-color-forms-surface-active-on-dark: #252f3e;
+  --vads-input-background-color-on-light: #ffffff;
+  --vads-input-border-color-on-light: #565c65;
+  --vads-input-prefix-color-fill-on-light: #757575;
+  --vads-input-prefix-color-text-on-light: #757575;
+  --vads-input-suffix-color-text-on-light: #757575;
+  --vads-input-tile-background-active-on-light: rgba(0, 94, 162, 0.1);
+  --vads-input-tile-border-active-on-light: #005ea2;
+  --vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
   --font-family-sans: 'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
   --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
   --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -192,116 +201,45 @@
   --units-neg-9: -4.5rem;
   --units-neg-10: -5rem;
   --units-neg-15: -7.5rem;
-  --uswds-system-color-blue-5: #eff6fb;
-  --uswds-system-color-blue-10: #d9e8f6;
-  --uswds-system-color-blue-20: #aacdec;
-  --uswds-system-color-blue-30: #73b3e7;
-  --uswds-system-color-blue-40: #4f97d1;
-  --uswds-system-color-blue-50: #2378c3;
-  --uswds-system-color-blue-60: #2c608a;
-  --uswds-system-color-blue-70: #274863;
-  --uswds-system-color-blue-80: #1f303e;
-  --uswds-system-color-blue-90: #11181d;
-  --uswds-system-color-blue-vivid-30: #58b4ff;
-  --uswds-system-color-blue-vivid-50: #0076d6;
-  --uswds-system-color-blue-vivid-60: #005ea2;
-  --uswds-system-color-blue-vivid-70: #0b4778;
-  --uswds-system-color-blue-vivid-80: #112f4e;
-  --uswds-system-color-blue-cool-60: #2e6276;
-  --uswds-system-color-blue-cool-vivid-5: #e1f3f8;
-  --uswds-system-color-blue-cool-vivid-20: #97d4ea;
-  --uswds-system-color-blue-cool-vivid-40: #28a0cb;
-  --uswds-system-color-blue-cool-vivid-60: #07648d;
-  --uswds-system-color-blue-warm-5: #ecf1f7;
-  --uswds-system-color-blue-warm-10: #e1e7f1;
-  --uswds-system-color-blue-warm-30: #98afd2;
-  --uswds-system-color-blue-warm-50: #4a77b4;
-  --uswds-system-color-blue-warm-60: #345d96;
-  --uswds-system-color-blue-warm-80: #252f3e;
-  --uswds-system-color-blue-warm-vivid-60: #0050d8;
-  --uswds-system-color-blue-warm-vivid-70: #1a4480;
-  --uswds-system-color-blue-warm-vivid-80: #162e51;
-  --uswds-system-color-cyan-5: #e7f6f8;
-  --uswds-system-color-cyan-20: #99deea;
-  --uswds-system-color-cyan-vivid-30: #00bde3;
-  --uswds-system-color-cyan-vivid-40: #009ec1;
-  --uswds-system-color-gold-50: #8e704f;
-  --uswds-system-color-gold-vivid-5: #fef0c8;
-  --uswds-system-color-gold-vivid-10: #ffe396;
-  --uswds-system-color-gold-vivid-20: #ffbe2e;
-  --uswds-system-color-gold-vivid-30: #e5a000;
-  --uswds-system-color-gold-vivid-40: #c2850c;
-  --uswds-system-color-gold-vivid-50: #936f38;
-  --uswds-system-color-gray-1: #fcfcfc;
-  --uswds-system-color-gray-2: #f9f9f9;
-  --uswds-system-color-gray-3: #f6f6f6;
-  --uswds-system-color-gray-4: #f3f3f3;
-  --uswds-system-color-gray-5: #f0f0f0;
-  --uswds-system-color-gray-10: #e6e6e6;
-  --uswds-system-color-gray-20: #c9c9c9;
-  --uswds-system-color-gray-30: #adadad;
-  --uswds-system-color-gray-40: #919191;
-  --uswds-system-color-gray-50: #757575;
-  --uswds-system-color-gray-60: #5c5c5c;
-  --uswds-system-color-gray-70: #454545;
-  --uswds-system-color-gray-80: #2e2e2e;
-  --uswds-system-color-gray-90: #1b1b1b;
-  --uswds-system-color-gray-100: #000000;
-  --uswds-system-color-gray-cool-1: #fbfcfd;
-  --uswds-system-color-gray-cool-2: #f7f9fa;
-  --uswds-system-color-gray-cool-3: #f5f6f7;
-  --uswds-system-color-gray-cool-4: #f1f3f6;
-  --uswds-system-color-gray-cool-5: #edeff0;
-  --uswds-system-color-gray-cool-10: #dfe1e2;
-  --uswds-system-color-gray-cool-20: #c6cace;
-  --uswds-system-color-gray-cool-30: #a9aeb1;
-  --uswds-system-color-gray-cool-40: #8d9297;
-  --uswds-system-color-gray-cool-50: #71767a;
-  --uswds-system-color-gray-cool-60: #565c65;
-  --uswds-system-color-gray-cool-70: #3d4551;
-  --uswds-system-color-gray-cool-80: #2d2e2f;
-  --uswds-system-color-gray-cool-90: #1c1d1f;
-  --uswds-system-color-gray-warm-10: #e6e6e2;
-  --uswds-system-color-gray-warm-70: #454540;
-  --uswds-system-color-gray-warm-90: #171716;
-  --uswds-system-color-green-warm-50: #6f7a41;
-  --uswds-system-color-green-cool-5: #ecf3ec;
-  --uswds-system-color-green-cool-20: #b4d0b9;
-  --uswds-system-color-green-cool-40: #5e9f69;
-  --uswds-system-color-green-cool-50: #4d8055;
-  --uswds-system-color-green-cool-vivid-20: #70e17b;
-  --uswds-system-color-green-cool-vivid-30: #21c834;
-  --uswds-system-color-green-cool-vivid-40: #00a91c;
-  --uswds-system-color-green-cool-vivid-50: #008817;
-  --uswds-system-color-green-cool-vivid-60: #216e1f;
-  --uswds-system-color-green-cool-vivid-70: #154c21;
-  --uswds-system-color-green-cool-vivid-80: #19311e;
-  --uswds-system-color-orange-40: #dd7533;
-  --uswds-system-color-orange-warm-50: #bd5727;
-  --uswds-system-color-red-30: #f2938c;
-  --uswds-system-color-red-50: #d83933;
-  --uswds-system-color-red-60: #a23737;
-  --uswds-system-color-red-70: #6f3331;
-  --uswds-system-color-red-vivid-40: #fb5a47;
-  --uswds-system-color-red-vivid-60: #b50909;
-  --uswds-system-color-red-vivid-70: #8b0a03;
-  --uswds-system-color-red-vivid-80: #5c1111;
-  --uswds-system-color-red-cool-vivid-10: #f8dfe2;
-  --uswds-system-color-red-cool-vivid-50: #e41d3d;
-  --uswds-system-color-red-cool-vivid-60: #b21d38;
-  --uswds-system-color-red-cool-vivid-70: #822133;
-  --uswds-system-color-red-warm-10: #f4e3db;
-  --uswds-system-color-red-warm-80: #332d29;
-  --uswds-system-color-red-warm-vivid-30: #f39268;
-  --uswds-system-color-red-warm-vivid-50: #d54309;
-  --uswds-system-color-red-warm-vivid-60: #9c3d10;
-  --uswds-system-color-violet-vivid-70: #54278f;
-  --uswds-system-color-violet-warm-60: #864381;
-  --uswds-system-color-yellow-5: #faf3d1;
-  --uswds-system-color-yellow-50: #8a7237;
-  --uswds-system-color-yellow-vivid-10: #fee685;
-  --uswds-system-color-yellow-vivid-20: #face00;
-  --uswds-system-color-yellow-vivid-80: #422d19;
-  --uswds-system-color-indigo-cool-60: #3f57a6;
-  --uswds-system-color-mint-cool-50: #40807e;
+  --vads-spacing-0: 0;
+  --vads-spacing-1: 8px;
+  --vads-spacing-2: 16px;
+  --vads-spacing-3: 24px;
+  --vads-spacing-4: 32px;
+  --vads-spacing-5: 40px;
+  --vads-spacing-6: 48px;
+  --vads-spacing-7: 56px;
+  --vads-spacing-8: 64px;
+  --vads-spacing-9: 72px;
+  --vads-spacing-10: 80px;
+  --vads-spacing-15: 120px;
+  --vads-spacing-1px: 1px;
+  --vads-spacing-2px: 2px;
+  --vads-spacing-0p5: 4px;
+  --vads-spacing-1p5: 12px;
+  --vads-spacing-2p5: 20px;
+  --vads-spacing-neg-1px: -1px;
+  --vads-spacing-neg-2px: -2px;
+  --vads-spacing-neg-0p5: -4px;
+  --vads-spacing-neg-1: -8px;
+  --vads-spacing-neg-1p5: -12px;
+  --vads-spacing-neg-2: -16px;
+  --vads-spacing-neg-2p5: -20px;
+  --vads-spacing-neg-3: -24px;
+  --vads-spacing-neg-4: -32px;
+  --vads-spacing-neg-5: -40px;
+  --vads-spacing-neg-6: -48px;
+  --vads-spacing-neg-7: -56px;
+  --vads-spacing-neg-8: -64px;
+  --vads-spacing-neg-9: -72px;
+  --vads-spacing-neg-10: -80px;
+  --vads-spacing-neg-15: -120px;
+  --vads-spacing-inset-l: 32px;
+  --vads-spacing-inset-m: 24px;
+  --vads-spacing-inset-s: 16px;
+  --vads-spacing-vertical-stack-l: 32px;
+  --vads-spacing-vertical-stack-m: 24px;
+  --vads-spacing-vertical-stack-s: 16px;
+  --vads-spacing-vertical-stack-default: 16px;
+  --vads-forms-spacing-vertical-stack-default: 32px;
 }