@department-of-veterans-affairs/css-library 0.2.0 → 0.3.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 +19 -1
  2. package/dist/tokens/figma/colors/variables.json +194 -0
  3. package/dist/tokens/json/variables.json +3577 -0
  4. package/dist/tokens/scss/variables.scss +19 -1
  5. package/dist/utilities.css +1 -1
  6. package/package.json +3 -2
package/dist/tokens/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 08 Jan 2024 18:10:00 GMT
3
+ * Generated on Tue, 30 Jan 2024 21:45:27 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -43,6 +43,7 @@
43
43
  --color-green-light: #5e9f69;
44
44
  --color-green-lighter: #b4d0b9;
45
45
  --color-green-lightest: #ecf3ec;
46
+ --color-orange: #dd7533;
46
47
  --color-gold: #ffbe2e;
47
48
  --color-gold-light: #face00;
48
49
  --color-gold-lighter: #ffe396;
@@ -52,6 +53,16 @@
52
53
  --color-blue-cool-light: #4a77b4;
53
54
  --color-blue-cool-lighter: #98afd2;
54
55
  --color-blue-cool-lightest: #e6e6e2;
56
+ --color-hub-health-care: #3f57a6;
57
+ --color-hub-education: #40807e;
58
+ --color-hub-disability: #a23737;
59
+ --color-hub-careers: #bd5727;
60
+ --color-hub-pension: #4d8055;
61
+ --color-hub-housing: #8e704f;
62
+ --color-hub-life-insurance: #6f7a41;
63
+ --color-hub-burials: #2378c3;
64
+ --color-hub-family-member: #162e51;
65
+ --color-hub-service-member: #162e51;
55
66
  --font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
56
67
  --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
57
68
  --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -134,6 +145,7 @@
134
145
  --uswds-system-color-cyan-20: #99deea;
135
146
  --uswds-system-color-cyan-vivid-30: #00bde3;
136
147
  --uswds-system-color-cyan-vivid-40: #009ec1;
148
+ --uswds-system-color-gold-50: #8e704f;
137
149
  --uswds-system-color-gold-vivid-5: #fef0c8;
138
150
  --uswds-system-color-gold-vivid-10: #ffe396;
139
151
  --uswds-system-color-gold-vivid-20: #ffbe2e;
@@ -170,17 +182,21 @@
170
182
  --uswds-system-color-gray-cool-90: #1c1d1f;
171
183
  --uswds-system-color-gray-warm-10: #e6e6e2;
172
184
  --uswds-system-color-gray-warm-70: #454540;
185
+ --uswds-system-color-green-warm-50: #6f7a41;
173
186
  --uswds-system-color-green-cool-5: #ecf3ec;
174
187
  --uswds-system-color-green-cool-20: #b4d0b9;
175
188
  --uswds-system-color-green-cool-40: #5e9f69;
189
+ --uswds-system-color-green-cool-50: #4d8055;
176
190
  --uswds-system-color-green-cool-vivid-20: #70e17b;
177
191
  --uswds-system-color-green-cool-vivid-40: #00a91c;
178
192
  --uswds-system-color-green-cool-vivid-50: #008817;
179
193
  --uswds-system-color-green-cool-vivid-60: #216e1f;
180
194
  --uswds-system-color-green-cool-vivid-70: #154c21;
181
195
  --uswds-system-color-orange-40: #dd7533;
196
+ --uswds-system-color-orange-warm-50: #bd5727;
182
197
  --uswds-system-color-red-30: #f2938c;
183
198
  --uswds-system-color-red-50: #d83933;
199
+ --uswds-system-color-red-60: #a23737;
184
200
  --uswds-system-color-red-70: #6f3331;
185
201
  --uswds-system-color-red-vivid-60: #b50909;
186
202
  --uswds-system-color-red-vivid-70: #8b0a03;
@@ -197,4 +213,6 @@
197
213
  --uswds-system-color-yellow-5: #faf3d1;
198
214
  --uswds-system-color-yellow-vivid-10: #fee685;
199
215
  --uswds-system-color-yellow-vivid-20: #face00;
216
+ --uswds-system-color-indigo-cool-60: #3f57a6;
217
+ --uswds-system-color-mint-cool-50: #40807e;
200
218
  }
package/dist/tokens/figma/colors/variables.json ADDED
@@ -0,0 +1,194 @@
1
+ {
2
+ "global": {
3
+ "base": {
4
+ "value": "{uswds-system-color-gray-90}"
5
+ },
6
+ "white": {
7
+ "value": "#ffffff"
8
+ },
9
+ "black": {
10
+ "value": "{uswds-system-color-gray-100}"
11
+ },
12
+ "link-default": {
13
+ "value": "{uswds-system-color-blue-vivid-60}"
14
+ },
15
+ "link-default-hover": {
16
+ "alpha": "0.05",
17
+ "value": "rgba(#000000, 0.05)"
18
+ },
19
+ "link-visited": {
20
+ "value": "{uswds-system-color-violet-vivid-70}"
21
+ },
22
+ "warning-message": {
23
+ "value": "{uswds-system-color-yellow-5}"
24
+ },
25
+ "feedback-warning-background": {
26
+ "value": "{uswds-system-color-yellow-5}"
27
+ },
28
+ "primary": {
29
+ "*": {
30
+ "value": "{uswds-system-color-blue-vivid-60}"
31
+ },
32
+ "dark": {
33
+ "value": "{uswds-system-color-blue-warm-vivid-70}"
34
+ },
35
+ "darker": {
36
+ "value": "{uswds-system-color-blue-warm-vivid-80}"
37
+ },
38
+ "alt": {
39
+ "*": {
40
+ "value": "{uswds-system-color-cyan-vivid-30}"
41
+ },
42
+ "dark": {
43
+ "value": "{uswds-system-color-blue-cool-vivid-40}"
44
+ },
45
+ "darkest": {
46
+ "value": "{uswds-system-color-blue-cool-vivid-60}"
47
+ },
48
+ "light": {
49
+ "value": "{uswds-system-color-blue-cool-vivid-20}"
50
+ },
51
+ "lightest": {
52
+ "value": "{uswds-system-color-blue-cool-vivid-5}"
53
+ }
54
+ }
55
+ },
56
+ "secondary": {
57
+ "*": {
58
+ "value": "{uswds-system-color-red-50}"
59
+ },
60
+ "dark": {
61
+ "value": "{uswds-system-color-red-vivid-60}"
62
+ },
63
+ "darkest": {
64
+ "value": "{uswds-system-color-red-vivid-70}"
65
+ },
66
+ "light": {
67
+ "value": "{uswds-system-color-red-30}"
68
+ },
69
+ "lightest": {
70
+ "value": "{uswds-system-color-red-cool-vivid-10}"
71
+ }
72
+ },
73
+ "gray": {
74
+ "*": {
75
+ "value": "{uswds-system-color-gray-cool-60}"
76
+ },
77
+ "dark": {
78
+ "value": "{uswds-system-color-gray-cool-70}"
79
+ },
80
+ "medium": {
81
+ "value": "{uswds-system-color-gray-50}"
82
+ },
83
+ "light": {
84
+ "value": "{uswds-system-color-gray-cool-30}"
85
+ },
86
+ "light-alt": {
87
+ "value": "{uswds-system-color-gray-cool-5}"
88
+ },
89
+ "lighter": {
90
+ "value": "{uswds-system-color-gray-cool-10}"
91
+ },
92
+ "lightest": {
93
+ "value": "{uswds-system-color-gray-5}"
94
+ },
95
+ "warm-dark": {
96
+ "value": "{uswds-system-color-gray-warm-70}"
97
+ },
98
+ "warm-light": {
99
+ "value": "{uswds-system-color-gray-warm-10}"
100
+ },
101
+ "cool-light": {
102
+ "value": "{uswds-system-color-blue-warm-10}"
103
+ }
104
+ },
105
+ "green": {
106
+ "*": {
107
+ "value": "{uswds-system-color-green-cool-vivid-50}"
108
+ },
109
+ "dark": {
110
+ "value": "{uswds-system-color-green-cool-vivid-60}"
111
+ },
112
+ "darker": {
113
+ "value": "{uswds-system-color-green-cool-vivid-70}"
114
+ },
115
+ "light": {
116
+ "value": "{uswds-system-color-green-cool-40}"
117
+ },
118
+ "lighter": {
119
+ "value": "{uswds-system-color-green-cool-20}"
120
+ },
121
+ "lightest": {
122
+ "value": "{uswds-system-color-green-cool-5}"
123
+ }
124
+ },
125
+ "orange": {
126
+ "*": {
127
+ "value": "{uswds-system-color-orange-40}"
128
+ }
129
+ },
130
+ "gold": {
131
+ "*": {
132
+ "value": "{uswds-system-color-gold-vivid-20}"
133
+ },
134
+ "light": {
135
+ "value": "{uswds-system-color-yellow-vivid-20}"
136
+ },
137
+ "lighter": {
138
+ "value": "{uswds-system-color-gold-vivid-10}"
139
+ },
140
+ "lightest": {
141
+ "value": "{uswds-system-color-gold-vivid-5}"
142
+ },
143
+ "darker": {
144
+ "value": "{uswds-system-color-gold-vivid-50}"
145
+ }
146
+ },
147
+ "blue-cool": {
148
+ "*": {
149
+ "value": "{uswds-system-color-blue-warm-60}"
150
+ },
151
+ "light": {
152
+ "value": "{uswds-system-color-blue-warm-50}"
153
+ },
154
+ "lighter": {
155
+ "value": "{uswds-system-color-blue-warm-30}"
156
+ },
157
+ "lightest": {
158
+ "value": "{uswds-system-color-gray-warm-10}"
159
+ }
160
+ },
161
+ "hub": {
162
+ "health-care": {
163
+ "value": "{uswds-system-color-indigo-cool-60}"
164
+ },
165
+ "education": {
166
+ "value": "{uswds-system-color-mint-cool-50}"
167
+ },
168
+ "disability": {
169
+ "value": "{uswds-system-color-red-60}"
170
+ },
171
+ "careers": {
172
+ "value": "{uswds-system-color-orange-warm-50}"
173
+ },
174
+ "pension": {
175
+ "value": "{uswds-system-color-green-cool-50}"
176
+ },
177
+ "housing": {
178
+ "value": "{uswds-system-color-gold-50}"
179
+ },
180
+ "life-insurance": {
181
+ "value": "{uswds-system-color-green-warm-50}"
182
+ },
183
+ "burials": {
184
+ "value": "{uswds-system-color-blue-50}"
185
+ },
186
+ "family-member": {
187
+ "value": "{uswds-system-color-blue-warm-vivid-80}"
188
+ },
189
+ "service-member": {
190
+ "value": "{uswds-system-color-blue-warm-vivid-80}"
191
+ }
192
+ }
193
+ }
194
+ }