@department-of-veterans-affairs/css-library 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/tokens/css/variables.css +89 -57
  2. package/dist/tokens/figma/colors/variables.json +1 -194
  3. package/dist/tokens/json/variables.json +1568 -994
  4. package/dist/tokens/scss/variables.scss +89 -57
  5. package/dist/utilities.css +1 -1
  6. package/package.json +1 -1
package/dist/tokens/scss/variables.scss CHANGED
@@ -1,69 +1,97 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Mar 2024 16:15:18 GMT
3
+ // Generated on Tue, 19 Mar 2024 15:03:46 GMT
4
4
 
5
5
  $xsmall-screen: 320px;
6
6
  $small-screen: 481px;
7
7
  $medium-screen: 640px;
8
8
  $small-desktop-screen: 1008px;
9
9
  $large-screen: 1201px;
10
- $color-base: #1b1b1b;
11
- $color-white: #ffffff;
12
- $color-black: #000000;
13
- $color-link-default: #005ea2;
14
10
  $color-link-default-hover: rgba(#000000, 0.05);
15
- $color-link-visited: #54278f;
16
- $color-warning-message: #faf3d1;
17
- $color-feedback-warning-background: #faf3d1;
18
- $color-primary: #005ea2;
19
- $color-primary-dark: #1a4480;
20
- $color-primary-darker: #162e51;
21
- $color-primary-alt: #00bde3;
22
- $color-primary-alt-dark: #28a0cb;
23
- $color-primary-alt-darkest: #07648d;
24
- $color-primary-alt-light: #97d4ea;
25
- $color-primary-alt-lightest: #e1f3f8;
26
- $color-secondary: #d83933;
27
- $color-secondary-dark: #b50909;
28
- $color-secondary-darkest: #8b0a03;
29
- $color-secondary-light: #f2938c;
30
- $color-secondary-lightest: #f8dfe2;
31
- $color-gray: #565c65;
32
- $color-gray-dark: #3d4551;
33
- $color-gray-medium: #757575;
34
- $color-gray-light: #a9aeb1;
35
- $color-gray-light-alt: #edeff0;
36
- $color-gray-lighter: #dfe1e2;
37
- $color-gray-lightest: #f0f0f0;
38
- $color-gray-warm-dark: #454540;
39
- $color-gray-warm-light: #e6e6e2;
40
- $color-gray-cool-light: #e1e7f1;
41
- $color-green: #008817;
42
- $color-green-dark: #216e1f;
43
- $color-green-darker: #154c21;
44
- $color-green-light: #5e9f69;
45
- $color-green-lighter: #b4d0b9;
46
- $color-green-lightest: #ecf3ec;
47
- $color-orange: #dd7533;
48
- $color-gold: #ffbe2e;
49
- $color-gold-light: #face00;
50
- $color-gold-lighter: #ffe396;
51
- $color-gold-lightest: #fef0c8;
52
- $color-gold-darker: #936f38;
53
- $color-blue-cool: #345d96;
54
- $color-blue-cool-light: #4a77b4;
55
- $color-blue-cool-lighter: #98afd2;
56
- $color-blue-cool-lightest: #e6e6e2;
57
- $color-hub-health-care: #3f57a6;
58
- $color-hub-education: #40807e;
59
- $color-hub-disability: #a23737;
60
- $color-hub-careers: #bd5727;
61
- $color-hub-pension: #4d8055;
62
- $color-hub-housing: #8e704f;
63
- $color-hub-life-insurance: #6f7a41;
64
- $color-hub-burials: #2378c3;
65
- $color-hub-family-member: #162e51;
66
- $color-hub-service-member: #162e51;
11
+ $vads-button-color-background-primary-alt-active-on-light: #154c21;
12
+ $vads-button-color-background-secondary-on-light: #ffffff;
13
+ $vads-button-color-text-primary-alt-on-light: #ffffff;
14
+ $vads-button-color-text-primary-on-light: #ffffff;
15
+ $vads-input-background-color-on-light: #ffffff;
16
+ $vads-color-white: #ffffff;
17
+ $vads-label-hint-text-color-on-light: #757575;
18
+ $vads-process-list-color-text-pending-on-light: #757575;
19
+ $vads-color-gray-medium: #757575;
20
+ $vads-color-gray-light-alt: #edeff0;
21
+ $vads-color-gray-warm-light: #e6e6e2;
22
+ $vads-color-gray-warm-dark: #454540;
23
+ $vads-color-gray-cool-light: #e1e7f1;
24
+ $vads-color-action-focus-on-light: #face00;
25
+ $vads-color-base: #1b1b1b;
26
+ $vads-color-base-dark: #565c65;
27
+ $vads-color-base-darker: #3d4551;
28
+ $vads-color-base-darkest: #1b1b1b;
29
+ $vads-color-base-light: #a9aeb1;
30
+ $vads-color-base-lighter: #dfe1e2;
31
+ $vads-color-base-lightest: #f0f0f0;
32
+ $vads-color-emergency: #9c3d10;
33
+ $vads-color-emergency-dark: #332d29;
34
+ $vads-color-error: #d54309;
35
+ $vads-color-error-dark: #b21d38;
36
+ $vads-color-error-darker: #6f3331;
37
+ $vads-color-error-light: #f39268;
38
+ $vads-color-error-lighter: #f4e3db;
39
+ $vads-color-gibill-accent: #fef0c8;
40
+ $vads-color-hub-burials: #2378c3;
41
+ $vads-color-hub-careers: #bd5727;
42
+ $vads-color-hub-disability: #a23737;
43
+ $vads-color-hub-education: #162e51;
44
+ $vads-color-hub-health-care: #3f57a6;
45
+ $vads-color-hub-housing: #8e704f;
46
+ $vads-color-hub-life-insurance: #6f7a41;
47
+ $vads-color-hub-pension: #4d8055;
48
+ $vads-color-hub-records: #6f7a41;
49
+ $vads-color-hub-service-member: #162e51;
50
+ $vads-color-hub-family-member: #162e51;
51
+ $vads-color-info: #00bde3;
52
+ $vads-color-info-dark: #009ec1;
53
+ $vads-color-info-darker: #2e6276;
54
+ $vads-color-info-light: #99deea;
55
+ $vads-color-info-lighter: #e7f6f8;
56
+ $vads-color-ink: #1b1b1b;
57
+ $vads-color-inset-bg: #e7f6f8;
58
+ $vads-color-link: #005ea2;
59
+ $vads-color-link-active: #0b4778;
60
+ $vads-color-link-visited: #54278f;
61
+ $vads-color-primary: #005ea2;
62
+ $vads-color-primary-alt: #00bde3;
63
+ $vads-color-primary-alt-dark: #28a0cb;
64
+ $vads-color-primary-alt-darkest: #07648d;
65
+ $vads-color-primary-alt-light: #97d4ea;
66
+ $vads-color-primary-alt-lightest: #e1f3f8;
67
+ $vads-color-primary-dark: #1a4480;
68
+ $vads-color-primary-darker: #162e51;
69
+ $vads-color-primary-light: #73b3e7;
70
+ $vads-color-primary-lighter: #d9e8f6;
71
+ $vads-color-secondary: #d83933;
72
+ $vads-color-secondary-dark: #b50909;
73
+ $vads-color-secondary-darkest: #8b0a03;
74
+ $vads-color-secondary-light: #f2938c;
75
+ $vads-color-secondary-lightest: #f8dfe2;
76
+ $vads-color-success: #00a91c;
77
+ $vads-color-success-dark: #008817;
78
+ $vads-color-success-darker: #216e1f;
79
+ $vads-color-success-light: #70e17b;
80
+ $vads-color-success-lighter: #ecf3ec;
81
+ $vads-color-green-light: #5e9f69;
82
+ $vads-color-va-accent: #8a7237;
83
+ $vads-color-warning: #ffbe2e;
84
+ $vads-color-warning-dark: #e5a000;
85
+ $vads-color-warning-darker: #936f38;
86
+ $vads-color-warning-light: #fee685;
87
+ $vads-color-warning-lighter: #faf3d1;
88
+ $vads-color-gold-lighter: #ffe396;
89
+ $vads-color-gold-lightest: #fef0c8;
90
+ $vads-color-black: #000000;
91
+ $vads-color-green-lighter: #b4d0b9;
92
+ $vads-color-blue-cool: #345d96;
93
+ $vads-color-blue-cool-light: #4a77b4;
94
+ $vads-color-blue-cool-lightest: #98afd2;
67
95
  $font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
68
96
  $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
69
97
  $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -130,6 +158,7 @@ $uswds-system-color-blue-80: #1f303e;
130
158
  $uswds-system-color-blue-90: #11181d;
131
159
  $uswds-system-color-blue-vivid-50: #0076d6;
132
160
  $uswds-system-color-blue-vivid-60: #005ea2;
161
+ $uswds-system-color-blue-vivid-70: #0b4778;
133
162
  $uswds-system-color-blue-cool-60: #2e6276;
134
163
  $uswds-system-color-blue-cool-vivid-5: #e1f3f8;
135
164
  $uswds-system-color-blue-cool-vivid-20: #97d4ea;
@@ -211,8 +240,11 @@ $uswds-system-color-red-warm-vivid-30: #f39268;
211
240
  $uswds-system-color-red-warm-vivid-50: #d54309;
212
241
  $uswds-system-color-red-warm-vivid-60: #9c3d10;
213
242
  $uswds-system-color-violet-vivid-70: #54278f;
243
+ $uswds-system-color-violet-warm-60: #864381;
214
244
  $uswds-system-color-yellow-5: #faf3d1;
245
+ $uswds-system-color-yellow-50: #8a7237;
215
246
  $uswds-system-color-yellow-vivid-10: #fee685;
216
247
  $uswds-system-color-yellow-vivid-20: #face00;
217
248
  $uswds-system-color-indigo-cool-60: #3f57a6;
218
249
  $uswds-system-color-mint-cool-50: #40807e;
250
+ $uswds-system-color-red-cool-10v: #f8dfe2;