@department-of-veterans-affairs/css-library 0.9.8 → 0.11.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.
- package/dist/stylesheets/base/va.css +1 -1
- package/dist/stylesheets/core.css +1 -1
- package/dist/stylesheets/modules/m-megamenu.css +3 -3
- package/dist/stylesheets/modules/m-nav-sidebar.css +1 -1
- package/dist/stylesheets/modules/m-omb-info.css +0 -9
- package/dist/stylesheets/shame.css +1 -1
- package/dist/stylesheets/utilities.css +4026 -1107
- package/dist/tokens/css/variables.css +10 -2
- package/dist/tokens/json/variables.json +130 -2
- package/dist/tokens/scss/variables.scss +10 -2
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 13 Sep 2024 14:02:30 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -8,8 +8,12 @@
|
|
|
8
8
|
--small-screen: 481px;
|
|
9
9
|
--tablet: 640px;
|
|
10
10
|
--medium-screen: 768px;
|
|
11
|
-
--small-desktop-screen:
|
|
11
|
+
--small-desktop-screen: 1024px;
|
|
12
12
|
--large-screen: 1201px;
|
|
13
|
+
--mobile: 320px;
|
|
14
|
+
--mobile-lg: 480px;
|
|
15
|
+
--desktop: 1024px;
|
|
16
|
+
--desktop-lg: 1201px;
|
|
13
17
|
--color-link-default-hover: rgba(#000000, 0.05);
|
|
14
18
|
--vads-button-color-background-primary-alt-active-on-light: #154c21;
|
|
15
19
|
--vads-button-color-background-secondary-on-light: #ffffff;
|
|
@@ -105,6 +109,8 @@
|
|
|
105
109
|
--vads-color-feedback-surface-error-on-dark: #5c1111;
|
|
106
110
|
--vads-color-feedback-border-warning-on-dark: #face00;
|
|
107
111
|
--vads-color-background-default-on-dark: #171716;
|
|
112
|
+
--vads-color-forms-surface-active-on-light: #ecf1f7;
|
|
113
|
+
--vads-color-forms-surface-active-on-dark: #252f3e;
|
|
108
114
|
--font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
|
|
109
115
|
--font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
110
116
|
--font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
@@ -179,10 +185,12 @@
|
|
|
179
185
|
--uswds-system-color-blue-cool-vivid-20: #97d4ea;
|
|
180
186
|
--uswds-system-color-blue-cool-vivid-40: #28a0cb;
|
|
181
187
|
--uswds-system-color-blue-cool-vivid-60: #07648d;
|
|
188
|
+
--uswds-system-color-blue-warm-5: #ecf1f7;
|
|
182
189
|
--uswds-system-color-blue-warm-10: #e1e7f1;
|
|
183
190
|
--uswds-system-color-blue-warm-30: #98afd2;
|
|
184
191
|
--uswds-system-color-blue-warm-50: #4a77b4;
|
|
185
192
|
--uswds-system-color-blue-warm-60: #345d96;
|
|
193
|
+
--uswds-system-color-blue-warm-80: #252f3e;
|
|
186
194
|
--uswds-system-color-blue-warm-vivid-60: #0050d8;
|
|
187
195
|
--uswds-system-color-blue-warm-vivid-70: #1a4480;
|
|
188
196
|
--uswds-system-color-blue-warm-vivid-80: #162e51;
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
]
|
|
61
61
|
},
|
|
62
62
|
"small-desktop-screen": {
|
|
63
|
-
"value": "
|
|
63
|
+
"value": "1024px",
|
|
64
64
|
"filePath": "tokens/breakpoints.json",
|
|
65
65
|
"isSource": true,
|
|
66
66
|
"original": {
|
|
67
|
-
"value": "
|
|
67
|
+
"value": "1024px"
|
|
68
68
|
},
|
|
69
69
|
"name": "small-desktop-screen",
|
|
70
70
|
"attributes": {
|
|
@@ -89,6 +89,66 @@
|
|
|
89
89
|
"large-screen"
|
|
90
90
|
]
|
|
91
91
|
},
|
|
92
|
+
"mobile": {
|
|
93
|
+
"value": "320px",
|
|
94
|
+
"filePath": "tokens/breakpoints.json",
|
|
95
|
+
"isSource": true,
|
|
96
|
+
"original": {
|
|
97
|
+
"value": "320px"
|
|
98
|
+
},
|
|
99
|
+
"name": "mobile",
|
|
100
|
+
"attributes": {
|
|
101
|
+
"category": "mobile"
|
|
102
|
+
},
|
|
103
|
+
"path": [
|
|
104
|
+
"mobile"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"mobile-lg": {
|
|
108
|
+
"value": "480px",
|
|
109
|
+
"filePath": "tokens/breakpoints.json",
|
|
110
|
+
"isSource": true,
|
|
111
|
+
"original": {
|
|
112
|
+
"value": "480px"
|
|
113
|
+
},
|
|
114
|
+
"name": "mobile-lg",
|
|
115
|
+
"attributes": {
|
|
116
|
+
"category": "mobile-lg"
|
|
117
|
+
},
|
|
118
|
+
"path": [
|
|
119
|
+
"mobile-lg"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
"desktop": {
|
|
123
|
+
"value": "1024px",
|
|
124
|
+
"filePath": "tokens/breakpoints.json",
|
|
125
|
+
"isSource": true,
|
|
126
|
+
"original": {
|
|
127
|
+
"value": "1024px"
|
|
128
|
+
},
|
|
129
|
+
"name": "desktop",
|
|
130
|
+
"attributes": {
|
|
131
|
+
"category": "desktop"
|
|
132
|
+
},
|
|
133
|
+
"path": [
|
|
134
|
+
"desktop"
|
|
135
|
+
]
|
|
136
|
+
},
|
|
137
|
+
"desktop-lg": {
|
|
138
|
+
"value": "1201px",
|
|
139
|
+
"filePath": "tokens/breakpoints.json",
|
|
140
|
+
"isSource": true,
|
|
141
|
+
"original": {
|
|
142
|
+
"value": "1201px"
|
|
143
|
+
},
|
|
144
|
+
"name": "desktop-lg",
|
|
145
|
+
"attributes": {
|
|
146
|
+
"category": "desktop-lg"
|
|
147
|
+
},
|
|
148
|
+
"path": [
|
|
149
|
+
"desktop-lg"
|
|
150
|
+
]
|
|
151
|
+
},
|
|
92
152
|
"color-link-default-hover": {
|
|
93
153
|
"alpha": "0.05",
|
|
94
154
|
"value": "rgba(#000000, 0.05)",
|
|
@@ -1892,6 +1952,44 @@
|
|
|
1892
1952
|
]
|
|
1893
1953
|
}
|
|
1894
1954
|
},
|
|
1955
|
+
"vads-color-forms-surface-active-on-light": {
|
|
1956
|
+
"*": {
|
|
1957
|
+
"value": "#ecf1f7",
|
|
1958
|
+
"filePath": "tokens/color.json",
|
|
1959
|
+
"isSource": true,
|
|
1960
|
+
"original": {
|
|
1961
|
+
"value": "{uswds-system-color-blue-warm-5}"
|
|
1962
|
+
},
|
|
1963
|
+
"name": "vads-color-forms-surface-active-on-light",
|
|
1964
|
+
"attributes": {
|
|
1965
|
+
"category": "vads-color-forms-surface-active-on-light",
|
|
1966
|
+
"type": "*"
|
|
1967
|
+
},
|
|
1968
|
+
"path": [
|
|
1969
|
+
"vads-color-forms-surface-active-on-light",
|
|
1970
|
+
"*"
|
|
1971
|
+
]
|
|
1972
|
+
}
|
|
1973
|
+
},
|
|
1974
|
+
"vads-color-forms-surface-active-on-dark": {
|
|
1975
|
+
"*": {
|
|
1976
|
+
"value": "#252f3e",
|
|
1977
|
+
"filePath": "tokens/color.json",
|
|
1978
|
+
"isSource": true,
|
|
1979
|
+
"original": {
|
|
1980
|
+
"value": "{uswds-system-color-blue-warm-80}"
|
|
1981
|
+
},
|
|
1982
|
+
"name": "vads-color-forms-surface-active-on-dark",
|
|
1983
|
+
"attributes": {
|
|
1984
|
+
"category": "vads-color-forms-surface-active-on-dark",
|
|
1985
|
+
"type": "*"
|
|
1986
|
+
},
|
|
1987
|
+
"path": [
|
|
1988
|
+
"vads-color-forms-surface-active-on-dark",
|
|
1989
|
+
"*"
|
|
1990
|
+
]
|
|
1991
|
+
}
|
|
1992
|
+
},
|
|
1895
1993
|
"font": {
|
|
1896
1994
|
"family": {
|
|
1897
1995
|
"sans": {
|
|
@@ -3168,6 +3266,21 @@
|
|
|
3168
3266
|
"uswds-system-color-blue-cool-vivid-60"
|
|
3169
3267
|
]
|
|
3170
3268
|
},
|
|
3269
|
+
"uswds-system-color-blue-warm-5": {
|
|
3270
|
+
"value": "#ecf1f7",
|
|
3271
|
+
"filePath": "tokens/uswds.json",
|
|
3272
|
+
"isSource": true,
|
|
3273
|
+
"original": {
|
|
3274
|
+
"value": "#ecf1f7"
|
|
3275
|
+
},
|
|
3276
|
+
"name": "uswds-system-color-blue-warm-5",
|
|
3277
|
+
"attributes": {
|
|
3278
|
+
"category": "uswds-system-color-blue-warm-5"
|
|
3279
|
+
},
|
|
3280
|
+
"path": [
|
|
3281
|
+
"uswds-system-color-blue-warm-5"
|
|
3282
|
+
]
|
|
3283
|
+
},
|
|
3171
3284
|
"uswds-system-color-blue-warm-10": {
|
|
3172
3285
|
"value": "#e1e7f1",
|
|
3173
3286
|
"filePath": "tokens/uswds.json",
|
|
@@ -3228,6 +3341,21 @@
|
|
|
3228
3341
|
"uswds-system-color-blue-warm-60"
|
|
3229
3342
|
]
|
|
3230
3343
|
},
|
|
3344
|
+
"uswds-system-color-blue-warm-80": {
|
|
3345
|
+
"value": "#252f3e",
|
|
3346
|
+
"filePath": "tokens/uswds.json",
|
|
3347
|
+
"isSource": true,
|
|
3348
|
+
"original": {
|
|
3349
|
+
"value": "#252f3e"
|
|
3350
|
+
},
|
|
3351
|
+
"name": "uswds-system-color-blue-warm-80",
|
|
3352
|
+
"attributes": {
|
|
3353
|
+
"category": "uswds-system-color-blue-warm-80"
|
|
3354
|
+
},
|
|
3355
|
+
"path": [
|
|
3356
|
+
"uswds-system-color-blue-warm-80"
|
|
3357
|
+
]
|
|
3358
|
+
},
|
|
3231
3359
|
"uswds-system-color-blue-warm-vivid-60": {
|
|
3232
3360
|
"value": "#0050d8",
|
|
3233
3361
|
"filePath": "tokens/uswds.json",
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 13 Sep 2024 14:02:30 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
7
7
|
$tablet: 640px;
|
|
8
8
|
$medium-screen: 768px;
|
|
9
|
-
$small-desktop-screen:
|
|
9
|
+
$small-desktop-screen: 1024px;
|
|
10
10
|
$large-screen: 1201px;
|
|
11
|
+
$mobile: 320px;
|
|
12
|
+
$mobile-lg: 480px;
|
|
13
|
+
$desktop: 1024px;
|
|
14
|
+
$desktop-lg: 1201px;
|
|
11
15
|
$color-link-default-hover: rgba(#000000, 0.05);
|
|
12
16
|
$vads-button-color-background-primary-alt-active-on-light: #154c21;
|
|
13
17
|
$vads-button-color-background-secondary-on-light: #ffffff;
|
|
@@ -103,6 +107,8 @@ $vads-color-feedback-surface-warning-on-dark: #422d19;
|
|
|
103
107
|
$vads-color-feedback-surface-error-on-dark: #5c1111;
|
|
104
108
|
$vads-color-feedback-border-warning-on-dark: #face00;
|
|
105
109
|
$vads-color-background-default-on-dark: #171716;
|
|
110
|
+
$vads-color-forms-surface-active-on-light: #ecf1f7;
|
|
111
|
+
$vads-color-forms-surface-active-on-dark: #252f3e;
|
|
106
112
|
$font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
|
|
107
113
|
$font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
108
114
|
$font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
@@ -177,10 +183,12 @@ $uswds-system-color-blue-cool-vivid-5: #e1f3f8;
|
|
|
177
183
|
$uswds-system-color-blue-cool-vivid-20: #97d4ea;
|
|
178
184
|
$uswds-system-color-blue-cool-vivid-40: #28a0cb;
|
|
179
185
|
$uswds-system-color-blue-cool-vivid-60: #07648d;
|
|
186
|
+
$uswds-system-color-blue-warm-5: #ecf1f7;
|
|
180
187
|
$uswds-system-color-blue-warm-10: #e1e7f1;
|
|
181
188
|
$uswds-system-color-blue-warm-30: #98afd2;
|
|
182
189
|
$uswds-system-color-blue-warm-50: #4a77b4;
|
|
183
190
|
$uswds-system-color-blue-warm-60: #345d96;
|
|
191
|
+
$uswds-system-color-blue-warm-80: #252f3e;
|
|
184
192
|
$uswds-system-color-blue-warm-vivid-60: #0050d8;
|
|
185
193
|
$uswds-system-color-blue-warm-vivid-70: #1a4480;
|
|
186
194
|
$uswds-system-color-blue-warm-vivid-80: #162e51;
|