@department-of-veterans-affairs/css-library 0.14.0-rc7 → 0.15.0-rc1
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/core.css +4 -0
- package/dist/stylesheets/formation-overrides/elements/typography.css +4 -0
- package/dist/stylesheets/utilities.css +22 -0
- package/dist/tokens/css/variables.css +10 -2
- package/dist/tokens/json/variables.json +148 -4
- package/dist/tokens/scss/variables.scss +10 -2
- package/package.json +1 -1
|
@@ -4997,6 +4997,10 @@ dfn {
|
|
|
4997
4997
|
font-style: normal;
|
|
4998
4998
|
}
|
|
4999
4999
|
|
|
5000
|
+
.usa-content {
|
|
5001
|
+
max-width: 43.75rem;
|
|
5002
|
+
}
|
|
5003
|
+
|
|
5000
5004
|
.usa-content p,
|
|
5001
5005
|
.usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
|
|
5002
5006
|
.usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
|
|
@@ -176,6 +176,10 @@ dfn {
|
|
|
176
176
|
font-style: normal;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
+
.usa-content {
|
|
180
|
+
max-width: 43.75rem;
|
|
181
|
+
}
|
|
182
|
+
|
|
179
183
|
.usa-content p,
|
|
180
184
|
.usa-content ul:not(.usa-accordion):not(.usa-accordion-bordered),
|
|
181
185
|
.usa-content ol:not(.usa-accordion):not(.usa-accordion-bordered) {
|
|
@@ -5803,6 +5803,10 @@ through all possible variants
|
|
|
5803
5803
|
font-family: Bitter, Georgia, Cambria, Times New Roman, Times, serif !important;
|
|
5804
5804
|
}
|
|
5805
5805
|
|
|
5806
|
+
.vads-u-font-size--source-sans-normalized {
|
|
5807
|
+
font-size: 1.063rem !important;
|
|
5808
|
+
}
|
|
5809
|
+
|
|
5806
5810
|
.vads-u-font-size--sm {
|
|
5807
5811
|
font-size: 0.938rem !important;
|
|
5808
5812
|
}
|
|
@@ -7561,6 +7565,9 @@ through all possible variants
|
|
|
7561
7565
|
.mobile\:vads-u-order--initial {
|
|
7562
7566
|
order: 0 !important;
|
|
7563
7567
|
}
|
|
7568
|
+
.mobile\:vads-u-font-size--source-sans-normalized {
|
|
7569
|
+
font-size: 1.063rem !important;
|
|
7570
|
+
}
|
|
7564
7571
|
.mobile\:vads-u-font-size--sm {
|
|
7565
7572
|
font-size: 0.938rem !important;
|
|
7566
7573
|
}
|
|
@@ -8948,6 +8955,9 @@ through all possible variants
|
|
|
8948
8955
|
.mobile-lg\:vads-u-order--initial {
|
|
8949
8956
|
order: 0 !important;
|
|
8950
8957
|
}
|
|
8958
|
+
.mobile-lg\:vads-u-font-size--source-sans-normalized {
|
|
8959
|
+
font-size: 1.063rem !important;
|
|
8960
|
+
}
|
|
8951
8961
|
.mobile-lg\:vads-u-font-size--sm {
|
|
8952
8962
|
font-size: 0.938rem !important;
|
|
8953
8963
|
}
|
|
@@ -10335,6 +10345,9 @@ through all possible variants
|
|
|
10335
10345
|
.tablet\:vads-u-order--initial {
|
|
10336
10346
|
order: 0 !important;
|
|
10337
10347
|
}
|
|
10348
|
+
.tablet\:vads-u-font-size--source-sans-normalized {
|
|
10349
|
+
font-size: 1.063rem !important;
|
|
10350
|
+
}
|
|
10338
10351
|
.tablet\:vads-u-font-size--sm {
|
|
10339
10352
|
font-size: 0.938rem !important;
|
|
10340
10353
|
}
|
|
@@ -11722,6 +11735,9 @@ through all possible variants
|
|
|
11722
11735
|
.desktop\:vads-u-order--initial {
|
|
11723
11736
|
order: 0 !important;
|
|
11724
11737
|
}
|
|
11738
|
+
.desktop\:vads-u-font-size--source-sans-normalized {
|
|
11739
|
+
font-size: 1.063rem !important;
|
|
11740
|
+
}
|
|
11725
11741
|
.desktop\:vads-u-font-size--sm {
|
|
11726
11742
|
font-size: 0.938rem !important;
|
|
11727
11743
|
}
|
|
@@ -13109,6 +13125,9 @@ through all possible variants
|
|
|
13109
13125
|
.desktop-lg\:vads-u-order--initial {
|
|
13110
13126
|
order: 0 !important;
|
|
13111
13127
|
}
|
|
13128
|
+
.desktop-lg\:vads-u-font-size--source-sans-normalized {
|
|
13129
|
+
font-size: 1.063rem !important;
|
|
13130
|
+
}
|
|
13112
13131
|
.desktop-lg\:vads-u-font-size--sm {
|
|
13113
13132
|
font-size: 0.938rem !important;
|
|
13114
13133
|
}
|
|
@@ -14496,6 +14515,9 @@ through all possible variants
|
|
|
14496
14515
|
.medium-screen\:vads-u-order--initial {
|
|
14497
14516
|
order: 0 !important;
|
|
14498
14517
|
}
|
|
14518
|
+
.medium-screen\:vads-u-font-size--source-sans-normalized {
|
|
14519
|
+
font-size: 1.063rem !important;
|
|
14520
|
+
}
|
|
14499
14521
|
.medium-screen\:vads-u-font-size--sm {
|
|
14500
14522
|
font-size: 0.938rem !important;
|
|
14501
14523
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 27 Nov 2024 17:13:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -103,6 +103,10 @@
|
|
|
103
103
|
--vads-color-action-surface-destructive-on-dark: #fb5a47;
|
|
104
104
|
--vads-color-action-border-base-active-on-light: #2e2e2e;
|
|
105
105
|
--vads-color-action-border-base-active-on-dark: #adadad;
|
|
106
|
+
--vads-color-feedback-foreground-success-on-dark: #21c834;
|
|
107
|
+
--vads-color-feedback-foreground-success-on-light: #008817;
|
|
108
|
+
--vads-color-feedback-foreground-warning-on-dark: #e5a000;
|
|
109
|
+
--vads-color-feedback-foreground-warning-on-light: #c2850c;
|
|
106
110
|
--vads-color-feedback-surface-info-on-dark: #112f4e;
|
|
107
111
|
--vads-color-feedback-surface-success-on-dark: #19311e;
|
|
108
112
|
--vads-color-feedback-surface-warning-on-dark: #422d19;
|
|
@@ -120,7 +124,7 @@
|
|
|
120
124
|
--font-style-normal: normal;
|
|
121
125
|
--font-style-italic: italic;
|
|
122
126
|
--font-size-sm: 0.938rem;
|
|
123
|
-
--font-size-
|
|
127
|
+
--font-size-root: 1rem;
|
|
124
128
|
--font-size-md: 1.063rem;
|
|
125
129
|
--font-size-lg: 1.25rem;
|
|
126
130
|
--font-size-xl: 1.875rem;
|
|
@@ -135,6 +139,8 @@
|
|
|
135
139
|
--vads-font-line-height-body-lead: 1.75;
|
|
136
140
|
--vads-font-line-height-default: 1.5;
|
|
137
141
|
--vads-font-line-height-heading: 1.2;
|
|
142
|
+
--vads-font-size-source-sans-normalized: 1.06rem;
|
|
143
|
+
--vads-font-size-root: 1rem;
|
|
138
144
|
--vads-font-size-body-large: 20px;
|
|
139
145
|
--vads-font-size-body-lead: 20px;
|
|
140
146
|
--vads-font-size-body-medium: 17px;
|
|
@@ -224,6 +230,7 @@
|
|
|
224
230
|
--uswds-system-color-gold-vivid-10: #ffe396;
|
|
225
231
|
--uswds-system-color-gold-vivid-20: #ffbe2e;
|
|
226
232
|
--uswds-system-color-gold-vivid-30: #e5a000;
|
|
233
|
+
--uswds-system-color-gold-vivid-40: #c2850c;
|
|
227
234
|
--uswds-system-color-gold-vivid-50: #936f38;
|
|
228
235
|
--uswds-system-color-gray-1: #fcfcfc;
|
|
229
236
|
--uswds-system-color-gray-2: #f9f9f9;
|
|
@@ -263,6 +270,7 @@
|
|
|
263
270
|
--uswds-system-color-green-cool-40: #5e9f69;
|
|
264
271
|
--uswds-system-color-green-cool-50: #4d8055;
|
|
265
272
|
--uswds-system-color-green-cool-vivid-20: #70e17b;
|
|
273
|
+
--uswds-system-color-green-cool-vivid-30: #21c834;
|
|
266
274
|
--uswds-system-color-green-cool-vivid-40: #00a91c;
|
|
267
275
|
--uswds-system-color-green-cool-vivid-50: #008817;
|
|
268
276
|
--uswds-system-color-green-cool-vivid-60: #216e1f;
|
|
@@ -1838,6 +1838,82 @@
|
|
|
1838
1838
|
]
|
|
1839
1839
|
}
|
|
1840
1840
|
},
|
|
1841
|
+
"vads-color-feedback-foreground-success-on-dark": {
|
|
1842
|
+
"*": {
|
|
1843
|
+
"value": "#21c834",
|
|
1844
|
+
"filePath": "tokens/color.json",
|
|
1845
|
+
"isSource": true,
|
|
1846
|
+
"original": {
|
|
1847
|
+
"value": "{uswds-system-color-green-cool-vivid-30}"
|
|
1848
|
+
},
|
|
1849
|
+
"name": "vads-color-feedback-foreground-success-on-dark",
|
|
1850
|
+
"attributes": {
|
|
1851
|
+
"category": "vads-color-feedback-foreground-success-on-dark",
|
|
1852
|
+
"type": "*"
|
|
1853
|
+
},
|
|
1854
|
+
"path": [
|
|
1855
|
+
"vads-color-feedback-foreground-success-on-dark",
|
|
1856
|
+
"*"
|
|
1857
|
+
]
|
|
1858
|
+
}
|
|
1859
|
+
},
|
|
1860
|
+
"vads-color-feedback-foreground-success-on-light": {
|
|
1861
|
+
"*": {
|
|
1862
|
+
"value": "#008817",
|
|
1863
|
+
"filePath": "tokens/color.json",
|
|
1864
|
+
"isSource": true,
|
|
1865
|
+
"original": {
|
|
1866
|
+
"value": "{uswds-system-color-green-cool-vivid-50}"
|
|
1867
|
+
},
|
|
1868
|
+
"name": "vads-color-feedback-foreground-success-on-light",
|
|
1869
|
+
"attributes": {
|
|
1870
|
+
"category": "vads-color-feedback-foreground-success-on-light",
|
|
1871
|
+
"type": "*"
|
|
1872
|
+
},
|
|
1873
|
+
"path": [
|
|
1874
|
+
"vads-color-feedback-foreground-success-on-light",
|
|
1875
|
+
"*"
|
|
1876
|
+
]
|
|
1877
|
+
}
|
|
1878
|
+
},
|
|
1879
|
+
"vads-color-feedback-foreground-warning-on-dark": {
|
|
1880
|
+
"*": {
|
|
1881
|
+
"value": "#e5a000",
|
|
1882
|
+
"filePath": "tokens/color.json",
|
|
1883
|
+
"isSource": true,
|
|
1884
|
+
"original": {
|
|
1885
|
+
"value": "{uswds-system-color-gold-vivid-30}"
|
|
1886
|
+
},
|
|
1887
|
+
"name": "vads-color-feedback-foreground-warning-on-dark",
|
|
1888
|
+
"attributes": {
|
|
1889
|
+
"category": "vads-color-feedback-foreground-warning-on-dark",
|
|
1890
|
+
"type": "*"
|
|
1891
|
+
},
|
|
1892
|
+
"path": [
|
|
1893
|
+
"vads-color-feedback-foreground-warning-on-dark",
|
|
1894
|
+
"*"
|
|
1895
|
+
]
|
|
1896
|
+
}
|
|
1897
|
+
},
|
|
1898
|
+
"vads-color-feedback-foreground-warning-on-light": {
|
|
1899
|
+
"*": {
|
|
1900
|
+
"value": "#c2850c",
|
|
1901
|
+
"filePath": "tokens/color.json",
|
|
1902
|
+
"isSource": true,
|
|
1903
|
+
"original": {
|
|
1904
|
+
"value": "{uswds-system-color-gold-vivid-40}"
|
|
1905
|
+
},
|
|
1906
|
+
"name": "vads-color-feedback-foreground-warning-on-light",
|
|
1907
|
+
"attributes": {
|
|
1908
|
+
"category": "vads-color-feedback-foreground-warning-on-light",
|
|
1909
|
+
"type": "*"
|
|
1910
|
+
},
|
|
1911
|
+
"path": [
|
|
1912
|
+
"vads-color-feedback-foreground-warning-on-light",
|
|
1913
|
+
"*"
|
|
1914
|
+
]
|
|
1915
|
+
}
|
|
1916
|
+
},
|
|
1841
1917
|
"vads-color-feedback-surface-info-on-dark": {
|
|
1842
1918
|
"*": {
|
|
1843
1919
|
"value": "#112f4e",
|
|
@@ -2169,23 +2245,23 @@
|
|
|
2169
2245
|
"sm"
|
|
2170
2246
|
]
|
|
2171
2247
|
},
|
|
2172
|
-
"
|
|
2248
|
+
"root": {
|
|
2173
2249
|
"value": "1rem",
|
|
2174
2250
|
"filePath": "tokens/fonts.json",
|
|
2175
2251
|
"isSource": true,
|
|
2176
2252
|
"original": {
|
|
2177
2253
|
"value": "1rem"
|
|
2178
2254
|
},
|
|
2179
|
-
"name": "font-size-
|
|
2255
|
+
"name": "font-size-root",
|
|
2180
2256
|
"attributes": {
|
|
2181
2257
|
"category": "font",
|
|
2182
2258
|
"type": "size",
|
|
2183
|
-
"item": "
|
|
2259
|
+
"item": "root"
|
|
2184
2260
|
},
|
|
2185
2261
|
"path": [
|
|
2186
2262
|
"font",
|
|
2187
2263
|
"size",
|
|
2188
|
-
"
|
|
2264
|
+
"root"
|
|
2189
2265
|
]
|
|
2190
2266
|
},
|
|
2191
2267
|
"md": {
|
|
@@ -2464,6 +2540,44 @@
|
|
|
2464
2540
|
}
|
|
2465
2541
|
},
|
|
2466
2542
|
"size": {
|
|
2543
|
+
"source-sans-normalized": {
|
|
2544
|
+
"value": "1.06rem",
|
|
2545
|
+
"filePath": "tokens/fonts.json",
|
|
2546
|
+
"isSource": true,
|
|
2547
|
+
"original": {
|
|
2548
|
+
"value": "1.06rem"
|
|
2549
|
+
},
|
|
2550
|
+
"name": "vads-font-size-source-sans-normalized",
|
|
2551
|
+
"attributes": {
|
|
2552
|
+
"category": "vads-font",
|
|
2553
|
+
"type": "size",
|
|
2554
|
+
"item": "source-sans-normalized"
|
|
2555
|
+
},
|
|
2556
|
+
"path": [
|
|
2557
|
+
"vads-font",
|
|
2558
|
+
"size",
|
|
2559
|
+
"source-sans-normalized"
|
|
2560
|
+
]
|
|
2561
|
+
},
|
|
2562
|
+
"root": {
|
|
2563
|
+
"value": "1rem",
|
|
2564
|
+
"filePath": "tokens/fonts.json",
|
|
2565
|
+
"isSource": true,
|
|
2566
|
+
"original": {
|
|
2567
|
+
"value": "1rem"
|
|
2568
|
+
},
|
|
2569
|
+
"name": "vads-font-size-root",
|
|
2570
|
+
"attributes": {
|
|
2571
|
+
"category": "vads-font",
|
|
2572
|
+
"type": "size",
|
|
2573
|
+
"item": "root"
|
|
2574
|
+
},
|
|
2575
|
+
"path": [
|
|
2576
|
+
"vads-font",
|
|
2577
|
+
"size",
|
|
2578
|
+
"root"
|
|
2579
|
+
]
|
|
2580
|
+
},
|
|
2467
2581
|
"body": {
|
|
2468
2582
|
"large": {
|
|
2469
2583
|
"value": "20px",
|
|
@@ -3985,6 +4099,21 @@
|
|
|
3985
4099
|
"uswds-system-color-gold-vivid-30"
|
|
3986
4100
|
]
|
|
3987
4101
|
},
|
|
4102
|
+
"uswds-system-color-gold-vivid-40": {
|
|
4103
|
+
"value": "#c2850c",
|
|
4104
|
+
"filePath": "tokens/uswds.json",
|
|
4105
|
+
"isSource": true,
|
|
4106
|
+
"original": {
|
|
4107
|
+
"value": "#c2850c"
|
|
4108
|
+
},
|
|
4109
|
+
"name": "uswds-system-color-gold-vivid-40",
|
|
4110
|
+
"attributes": {
|
|
4111
|
+
"category": "uswds-system-color-gold-vivid-40"
|
|
4112
|
+
},
|
|
4113
|
+
"path": [
|
|
4114
|
+
"uswds-system-color-gold-vivid-40"
|
|
4115
|
+
]
|
|
4116
|
+
},
|
|
3988
4117
|
"uswds-system-color-gold-vivid-50": {
|
|
3989
4118
|
"value": "#936f38",
|
|
3990
4119
|
"filePath": "tokens/uswds.json",
|
|
@@ -4570,6 +4699,21 @@
|
|
|
4570
4699
|
"uswds-system-color-green-cool-vivid-20"
|
|
4571
4700
|
]
|
|
4572
4701
|
},
|
|
4702
|
+
"uswds-system-color-green-cool-vivid-30": {
|
|
4703
|
+
"value": "#21c834",
|
|
4704
|
+
"filePath": "tokens/uswds.json",
|
|
4705
|
+
"isSource": true,
|
|
4706
|
+
"original": {
|
|
4707
|
+
"value": "#21c834"
|
|
4708
|
+
},
|
|
4709
|
+
"name": "uswds-system-color-green-cool-vivid-30",
|
|
4710
|
+
"attributes": {
|
|
4711
|
+
"category": "uswds-system-color-green-cool-vivid-30"
|
|
4712
|
+
},
|
|
4713
|
+
"path": [
|
|
4714
|
+
"uswds-system-color-green-cool-vivid-30"
|
|
4715
|
+
]
|
|
4716
|
+
},
|
|
4573
4717
|
"uswds-system-color-green-cool-vivid-40": {
|
|
4574
4718
|
"value": "#00a91c",
|
|
4575
4719
|
"filePath": "tokens/uswds.json",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 27 Nov 2024 17:13:08 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
@@ -101,6 +101,10 @@ $vads-color-action-surface-default-on-dark: #58b4ff;
|
|
|
101
101
|
$vads-color-action-surface-destructive-on-dark: #fb5a47;
|
|
102
102
|
$vads-color-action-border-base-active-on-light: #2e2e2e;
|
|
103
103
|
$vads-color-action-border-base-active-on-dark: #adadad;
|
|
104
|
+
$vads-color-feedback-foreground-success-on-dark: #21c834;
|
|
105
|
+
$vads-color-feedback-foreground-success-on-light: #008817;
|
|
106
|
+
$vads-color-feedback-foreground-warning-on-dark: #e5a000;
|
|
107
|
+
$vads-color-feedback-foreground-warning-on-light: #c2850c;
|
|
104
108
|
$vads-color-feedback-surface-info-on-dark: #112f4e;
|
|
105
109
|
$vads-color-feedback-surface-success-on-dark: #19311e;
|
|
106
110
|
$vads-color-feedback-surface-warning-on-dark: #422d19;
|
|
@@ -118,7 +122,7 @@ $font-weight-bold: 700;
|
|
|
118
122
|
$font-style-normal: normal;
|
|
119
123
|
$font-style-italic: italic;
|
|
120
124
|
$font-size-sm: 0.938rem;
|
|
121
|
-
$font-size-
|
|
125
|
+
$font-size-root: 1rem;
|
|
122
126
|
$font-size-md: 1.063rem;
|
|
123
127
|
$font-size-lg: 1.25rem;
|
|
124
128
|
$font-size-xl: 1.875rem;
|
|
@@ -133,6 +137,8 @@ $v3-font-base-size: 16px;
|
|
|
133
137
|
$vads-font-line-height-body-lead: 1.75;
|
|
134
138
|
$vads-font-line-height-default: 1.5;
|
|
135
139
|
$vads-font-line-height-heading: 1.2;
|
|
140
|
+
$vads-font-size-source-sans-normalized: 1.06rem;
|
|
141
|
+
$vads-font-size-root: 1rem;
|
|
136
142
|
$vads-font-size-body-large: 20px;
|
|
137
143
|
$vads-font-size-body-lead: 20px;
|
|
138
144
|
$vads-font-size-body-medium: 17px;
|
|
@@ -222,6 +228,7 @@ $uswds-system-color-gold-vivid-5: #fef0c8;
|
|
|
222
228
|
$uswds-system-color-gold-vivid-10: #ffe396;
|
|
223
229
|
$uswds-system-color-gold-vivid-20: #ffbe2e;
|
|
224
230
|
$uswds-system-color-gold-vivid-30: #e5a000;
|
|
231
|
+
$uswds-system-color-gold-vivid-40: #c2850c;
|
|
225
232
|
$uswds-system-color-gold-vivid-50: #936f38;
|
|
226
233
|
$uswds-system-color-gray-1: #fcfcfc;
|
|
227
234
|
$uswds-system-color-gray-2: #f9f9f9;
|
|
@@ -261,6 +268,7 @@ $uswds-system-color-green-cool-20: #b4d0b9;
|
|
|
261
268
|
$uswds-system-color-green-cool-40: #5e9f69;
|
|
262
269
|
$uswds-system-color-green-cool-50: #4d8055;
|
|
263
270
|
$uswds-system-color-green-cool-vivid-20: #70e17b;
|
|
271
|
+
$uswds-system-color-green-cool-vivid-30: #21c834;
|
|
264
272
|
$uswds-system-color-green-cool-vivid-40: #00a91c;
|
|
265
273
|
$uswds-system-color-green-cool-vivid-50: #008817;
|
|
266
274
|
$uswds-system-color-green-cool-vivid-60: #216e1f;
|
package/package.json
CHANGED