@department-of-veterans-affairs/css-library 0.1.0 → 0.3.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 (11) hide show
  1. package/README.md +15 -1
  2. package/dist/elements.css +1 -1
  3. package/dist/elements.min.css +1 -0
  4. package/dist/fonts.min.css +1 -0
  5. package/dist/print.css +1 -0
  6. package/dist/tokens/css/variables.css +200 -0
  7. package/dist/tokens/figma/colors/variables.json +157 -0
  8. package/dist/tokens/json/variables.json +3259 -0
  9. package/dist/tokens/scss/variables.scss +197 -0
  10. package/dist/utilities.css +1 -1
  11. package/package.json +14 -7
package/dist/tokens/scss/variables.scss ADDED
@@ -0,0 +1,197 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 11 Jan 2024 23:09:32 GMT
4
+
5
+ $small-screen: 481px;
6
+ $large-screen: 1201px;
7
+ $color-base: #1b1b1b;
8
+ $color-white: #ffffff;
9
+ $color-black: #000000;
10
+ $color-link-default: #005ea2;
11
+ $color-link-default-hover: rgba(#000000, 0.05);
12
+ $color-link-visited: #54278f;
13
+ $color-warning-message: #faf3d1;
14
+ $color-feedback-warning-background: #faf3d1;
15
+ $color-primary: #005ea2;
16
+ $color-primary-dark: #1a4480;
17
+ $color-primary-darker: #162e51;
18
+ $color-primary-alt: #00bde3;
19
+ $color-primary-alt-dark: #28a0cb;
20
+ $color-primary-alt-darkest: #07648d;
21
+ $color-primary-alt-light: #97d4ea;
22
+ $color-primary-alt-lightest: #e1f3f8;
23
+ $color-secondary: #d83933;
24
+ $color-secondary-dark: #b50909;
25
+ $color-secondary-darkest: #8b0a03;
26
+ $color-secondary-light: #f2938c;
27
+ $color-secondary-lightest: #f8dfe2;
28
+ $color-gray: #565c65;
29
+ $color-gray-dark: #3d4551;
30
+ $color-gray-medium: #757575;
31
+ $color-gray-light: #a9aeb1;
32
+ $color-gray-light-alt: #edeff0;
33
+ $color-gray-lighter: #dfe1e2;
34
+ $color-gray-lightest: #f0f0f0;
35
+ $color-gray-warm-dark: #454540;
36
+ $color-gray-warm-light: #e6e6e2;
37
+ $color-gray-cool-light: #e1e7f1;
38
+ $color-green: #008817;
39
+ $color-green-dark: #216e1f;
40
+ $color-green-darker: #154c21;
41
+ $color-green-light: #5e9f69;
42
+ $color-green-lighter: #b4d0b9;
43
+ $color-green-lightest: #ecf3ec;
44
+ $color-gold: #ffbe2e;
45
+ $color-gold-light: #face00;
46
+ $color-gold-lighter: #ffe396;
47
+ $color-gold-lightest: #fef0c8;
48
+ $color-gold-darker: #936f38;
49
+ $color-blue-cool: #345d96;
50
+ $color-blue-cool-light: #4a77b4;
51
+ $color-blue-cool-lighter: #98afd2;
52
+ $color-blue-cool-lightest: #e6e6e2;
53
+ $font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
54
+ $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
55
+ $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
56
+ $font-source-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
57
+ $font-weight-normal: 400;
58
+ $font-weight-bold: 700;
59
+ $font-style-normal: normal;
60
+ $font-style-italic: italic;
61
+ $font-size-sm: 1.5rem;
62
+ $font-size-base: 1.6rem;
63
+ $font-size-md: 1.7rem;
64
+ $font-size-lg: 2rem;
65
+ $font-size-xl: 3rem;
66
+ $font-size-2xl: 4rem;
67
+ $font-size-h1: 4rem;
68
+ $font-size-h2: 3rem;
69
+ $font-size-h3: 2rem;
70
+ $font-size-h4: 1.7rem;
71
+ $font-size-h5: 1.5rem;
72
+ $font-size-h6: 1.5rem;
73
+ $v3-font-base-size: 16px;
74
+ $units-0: 0;
75
+ $units-1: 0.8rem;
76
+ $units-2: 1.6rem;
77
+ $units-3: 2.4rem;
78
+ $units-4: 3.2rem;
79
+ $units-5: 4rem;
80
+ $units-6: 4.8rem;
81
+ $units-7: 5.6rem;
82
+ $units-8: 6.4rem;
83
+ $units-9: 7.2rem;
84
+ $units-10: 8rem;
85
+ $units-15: 12rem;
86
+ $units-1px: 1px;
87
+ $units-0p25: 2px;
88
+ $units-0p5: 0.4rem;
89
+ $units-1p5: 1.2rem;
90
+ $units-2p5: 2rem;
91
+ $units-neg-1px: -1px;
92
+ $units-neg-0p25: -2px;
93
+ $units-neg-0p5: -0.4rem;
94
+ $units-neg-1: -0.8rem;
95
+ $units-neg-1p5: -1.2rem;
96
+ $units-neg-2: -1.6rem;
97
+ $units-neg-2p5: -2rem;
98
+ $units-neg-3: -2.4rem;
99
+ $units-neg-4: -3.2rem;
100
+ $units-neg-5: -4rem;
101
+ $units-neg-6: -4.8rem;
102
+ $units-neg-7: -5.6rem;
103
+ $units-neg-8: -6.4rem;
104
+ $units-neg-9: -7.2rem;
105
+ $units-neg-10: -8rem;
106
+ $units-neg-15: -12rem;
107
+ $uswds-system-color-blue-5: #eff6fb;
108
+ $uswds-system-color-blue-10: #d9e8f6;
109
+ $uswds-system-color-blue-20: #aacdec;
110
+ $uswds-system-color-blue-30: #73b3e7;
111
+ $uswds-system-color-blue-40: #4f97d1;
112
+ $uswds-system-color-blue-50: #2378c3;
113
+ $uswds-system-color-blue-60: #2c608a;
114
+ $uswds-system-color-blue-70: #274863;
115
+ $uswds-system-color-blue-80: #1f303e;
116
+ $uswds-system-color-blue-90: #11181d;
117
+ $uswds-system-color-blue-vivid-50: #0076d6;
118
+ $uswds-system-color-blue-vivid-60: #005ea2;
119
+ $uswds-system-color-blue-cool-60: #2e6276;
120
+ $uswds-system-color-blue-cool-vivid-5: #e1f3f8;
121
+ $uswds-system-color-blue-cool-vivid-20: #97d4ea;
122
+ $uswds-system-color-blue-cool-vivid-40: #28a0cb;
123
+ $uswds-system-color-blue-cool-vivid-60: #07648d;
124
+ $uswds-system-color-blue-warm-10: #e1e7f1;
125
+ $uswds-system-color-blue-warm-30: #98afd2;
126
+ $uswds-system-color-blue-warm-50: #4a77b4;
127
+ $uswds-system-color-blue-warm-60: #345d96;
128
+ $uswds-system-color-blue-warm-vivid-60: #0050d8;
129
+ $uswds-system-color-blue-warm-vivid-70: #1a4480;
130
+ $uswds-system-color-blue-warm-vivid-80: #162e51;
131
+ $uswds-system-color-cyan-5: #e7f6f8;
132
+ $uswds-system-color-cyan-20: #99deea;
133
+ $uswds-system-color-cyan-vivid-30: #00bde3;
134
+ $uswds-system-color-cyan-vivid-40: #009ec1;
135
+ $uswds-system-color-gold-vivid-5: #fef0c8;
136
+ $uswds-system-color-gold-vivid-10: #ffe396;
137
+ $uswds-system-color-gold-vivid-20: #ffbe2e;
138
+ $uswds-system-color-gold-vivid-30: #e5a000;
139
+ $uswds-system-color-gold-vivid-50: #936f38;
140
+ $uswds-system-color-gray-1: #fcfcfc;
141
+ $uswds-system-color-gray-2: #f9f9f9;
142
+ $uswds-system-color-gray-3: #f6f6f6;
143
+ $uswds-system-color-gray-4: #f3f3f3;
144
+ $uswds-system-color-gray-5: #f0f0f0;
145
+ $uswds-system-color-gray-10: #e6e6e6;
146
+ $uswds-system-color-gray-20: #c9c9c9;
147
+ $uswds-system-color-gray-30: #adadad;
148
+ $uswds-system-color-gray-40: #919191;
149
+ $uswds-system-color-gray-50: #757575;
150
+ $uswds-system-color-gray-60: #5c5c5c;
151
+ $uswds-system-color-gray-70: #454545;
152
+ $uswds-system-color-gray-80: #2e2e2e;
153
+ $uswds-system-color-gray-90: #1b1b1b;
154
+ $uswds-system-color-gray-100: #000000;
155
+ $uswds-system-color-gray-cool-1: #fbfcfd;
156
+ $uswds-system-color-gray-cool-2: #f7f9fa;
157
+ $uswds-system-color-gray-cool-3: #f5f6f7;
158
+ $uswds-system-color-gray-cool-4: #f1f3f6;
159
+ $uswds-system-color-gray-cool-5: #edeff0;
160
+ $uswds-system-color-gray-cool-10: #dfe1e2;
161
+ $uswds-system-color-gray-cool-20: #c6cace;
162
+ $uswds-system-color-gray-cool-30: #a9aeb1;
163
+ $uswds-system-color-gray-cool-40: #8d9297;
164
+ $uswds-system-color-gray-cool-50: #71767a;
165
+ $uswds-system-color-gray-cool-60: #565c65;
166
+ $uswds-system-color-gray-cool-70: #3d4551;
167
+ $uswds-system-color-gray-cool-80: #2d2e2f;
168
+ $uswds-system-color-gray-cool-90: #1c1d1f;
169
+ $uswds-system-color-gray-warm-10: #e6e6e2;
170
+ $uswds-system-color-gray-warm-70: #454540;
171
+ $uswds-system-color-green-cool-5: #ecf3ec;
172
+ $uswds-system-color-green-cool-20: #b4d0b9;
173
+ $uswds-system-color-green-cool-40: #5e9f69;
174
+ $uswds-system-color-green-cool-vivid-20: #70e17b;
175
+ $uswds-system-color-green-cool-vivid-40: #00a91c;
176
+ $uswds-system-color-green-cool-vivid-50: #008817;
177
+ $uswds-system-color-green-cool-vivid-60: #216e1f;
178
+ $uswds-system-color-green-cool-vivid-70: #154c21;
179
+ $uswds-system-color-orange-40: #dd7533;
180
+ $uswds-system-color-red-30: #f2938c;
181
+ $uswds-system-color-red-50: #d83933;
182
+ $uswds-system-color-red-70: #6f3331;
183
+ $uswds-system-color-red-vivid-60: #b50909;
184
+ $uswds-system-color-red-vivid-70: #8b0a03;
185
+ $uswds-system-color-red-cool-vivid-10: #f8dfe2;
186
+ $uswds-system-color-red-cool-vivid-50: #e41d3d;
187
+ $uswds-system-color-red-cool-vivid-60: #b21d38;
188
+ $uswds-system-color-red-cool-vivid-70: #822133;
189
+ $uswds-system-color-red-warm-10: #f4e3db;
190
+ $uswds-system-color-red-warm-80: #332d29;
191
+ $uswds-system-color-red-warm-vivid-30: #f39268;
192
+ $uswds-system-color-red-warm-vivid-50: #d54309;
193
+ $uswds-system-color-red-warm-vivid-60: #9c3d10;
194
+ $uswds-system-color-violet-vivid-70: #54278f;
195
+ $uswds-system-color-yellow-5: #faf3d1;
196
+ $uswds-system-color-yellow-vivid-10: #fee685;
197
+ $uswds-system-color-yellow-vivid-20: #face00;