@department-of-veterans-affairs/css-library 0.5.0 → 0.6.0-beta.0

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