@department-of-veterans-affairs/css-library 0.23.0 → 0.23.2
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/img/correct8.png +0 -0
- package/dist/img/correct8.svg +0 -0
- package/dist/img/error.png +0 -0
- package/dist/img/error.svg +0 -0
- package/dist/img/info.png +0 -0
- package/dist/img/info.svg +0 -0
- package/dist/img/success.png +0 -0
- package/dist/img/success.svg +0 -0
- package/dist/img/warning.png +0 -0
- package/dist/img/warning.svg +0 -0
- package/dist/stylesheets/base/headings.css +5 -5
- package/dist/stylesheets/base/utils.css +3 -3
- package/dist/stylesheets/core.css +4511 -3055
- package/dist/stylesheets/elements/media-block.css +1459 -0
- package/dist/stylesheets/formation-overrides/_variables.scss +6 -6
- package/dist/stylesheets/formation-overrides/elements/inputs.css +1 -1
- package/dist/stylesheets/formation-overrides/elements/labels.css +1 -1
- package/dist/stylesheets/formation-overrides/elements/typography.css +7 -7
- package/dist/stylesheets/shame.css +1 -1
- package/dist/stylesheets/utilities.css +14 -14
- package/dist/tokens/css/variables.css +9 -9
- package/dist/tokens/json/variables.json +15 -15
- package/dist/tokens/scss/variables.scss +9 -9
- package/package.json +2 -2
|
@@ -79,12 +79,12 @@ $base-font-size: 1rem;
|
|
|
79
79
|
$input-max-width: scale-rem(46rem);
|
|
80
80
|
$checkbox-border-radius: 2px;
|
|
81
81
|
$spacing-medium: scale-rem(2rem);
|
|
82
|
-
$h1-font-size:
|
|
83
|
-
$h2-font-size:
|
|
84
|
-
$h3-font-size:
|
|
85
|
-
$h4-font-size:
|
|
86
|
-
$h5-font-size:
|
|
87
|
-
$h6-font-size:
|
|
82
|
+
$h1-font-size: 2.5rem;
|
|
83
|
+
$h2-font-size: 2rem;
|
|
84
|
+
$h3-font-size: 1.25rem;
|
|
85
|
+
$h4-font-size: 1.0625rem;
|
|
86
|
+
$h5-font-size: 0.938rem;
|
|
87
|
+
$h6-font-size: 0.938rem;
|
|
88
88
|
$base-line-height: 1.5;
|
|
89
89
|
$heading-line-height: 1.3;
|
|
90
90
|
$lead-line-height: 1.7;
|
|
@@ -83,11 +83,11 @@ h1 a {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
h2 {
|
|
86
|
-
font-size:
|
|
86
|
+
font-size: 2rem;
|
|
87
87
|
font-weight: 700;
|
|
88
88
|
}
|
|
89
89
|
h2 a {
|
|
90
|
-
font-size:
|
|
90
|
+
font-size: 2rem;
|
|
91
91
|
font-weight: 700;
|
|
92
92
|
font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
93
93
|
}
|
|
@@ -113,24 +113,24 @@ h4 a {
|
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
h5 {
|
|
116
|
-
font-size: 0.
|
|
116
|
+
font-size: 0.938rem;
|
|
117
117
|
font-weight: 700;
|
|
118
118
|
}
|
|
119
119
|
h5 a {
|
|
120
|
-
font-size: 0.
|
|
120
|
+
font-size: 0.938rem;
|
|
121
121
|
font-weight: 700;
|
|
122
122
|
font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
h6 {
|
|
126
|
-
font-size: 0.
|
|
126
|
+
font-size: 0.938rem;
|
|
127
127
|
font-weight: 400;
|
|
128
128
|
line-height: 1.5;
|
|
129
129
|
text-transform: none;
|
|
130
130
|
font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
|
|
131
131
|
}
|
|
132
132
|
h6 a {
|
|
133
|
-
font-size: 0.
|
|
133
|
+
font-size: 0.938rem;
|
|
134
134
|
font-weight: 400;
|
|
135
135
|
line-height: 1.5;
|
|
136
136
|
text-transform: none;
|
|
@@ -217,7 +217,7 @@ dfn {
|
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
.usa-text-small {
|
|
220
|
-
font-size: 0.
|
|
220
|
+
font-size: 0.938rem;
|
|
221
221
|
margin-top: 0;
|
|
222
222
|
}
|
|
223
223
|
|
|
@@ -49,7 +49,7 @@ fieldset {
|
|
|
49
49
|
.usa-form-note {
|
|
50
50
|
float: right;
|
|
51
51
|
font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
52
|
-
font-size: 0.
|
|
52
|
+
font-size: 0.938rem;
|
|
53
53
|
margin: 0 0 scale(1.5rem);
|
|
54
54
|
}
|
|
55
55
|
.usa-form-note + * {
|
|
@@ -5824,7 +5824,7 @@ through all possible variants
|
|
|
5824
5824
|
}
|
|
5825
5825
|
|
|
5826
5826
|
.vads-u-font-size--xl {
|
|
5827
|
-
font-size:
|
|
5827
|
+
font-size: 2rem !important;
|
|
5828
5828
|
}
|
|
5829
5829
|
|
|
5830
5830
|
.vads-u-font-size--2xl {
|
|
@@ -5836,7 +5836,7 @@ through all possible variants
|
|
|
5836
5836
|
}
|
|
5837
5837
|
|
|
5838
5838
|
.vads-u-font-size--h2 {
|
|
5839
|
-
font-size:
|
|
5839
|
+
font-size: 2rem !important;
|
|
5840
5840
|
}
|
|
5841
5841
|
|
|
5842
5842
|
.vads-u-font-size--h3 {
|
|
@@ -7581,7 +7581,7 @@ through all possible variants
|
|
|
7581
7581
|
font-size: 1.25rem !important;
|
|
7582
7582
|
}
|
|
7583
7583
|
.mobile\:vads-u-font-size--xl {
|
|
7584
|
-
font-size:
|
|
7584
|
+
font-size: 2rem !important;
|
|
7585
7585
|
}
|
|
7586
7586
|
.mobile\:vads-u-font-size--2xl {
|
|
7587
7587
|
font-size: 2.5rem !important;
|
|
@@ -7590,7 +7590,7 @@ through all possible variants
|
|
|
7590
7590
|
font-size: 2.5rem !important;
|
|
7591
7591
|
}
|
|
7592
7592
|
.mobile\:vads-u-font-size--h2 {
|
|
7593
|
-
font-size:
|
|
7593
|
+
font-size: 2rem !important;
|
|
7594
7594
|
}
|
|
7595
7595
|
.mobile\:vads-u-font-size--h3 {
|
|
7596
7596
|
font-size: 1.25rem !important;
|
|
@@ -8971,7 +8971,7 @@ through all possible variants
|
|
|
8971
8971
|
font-size: 1.25rem !important;
|
|
8972
8972
|
}
|
|
8973
8973
|
.mobile-lg\:vads-u-font-size--xl {
|
|
8974
|
-
font-size:
|
|
8974
|
+
font-size: 2rem !important;
|
|
8975
8975
|
}
|
|
8976
8976
|
.mobile-lg\:vads-u-font-size--2xl {
|
|
8977
8977
|
font-size: 2.5rem !important;
|
|
@@ -8980,7 +8980,7 @@ through all possible variants
|
|
|
8980
8980
|
font-size: 2.5rem !important;
|
|
8981
8981
|
}
|
|
8982
8982
|
.mobile-lg\:vads-u-font-size--h2 {
|
|
8983
|
-
font-size:
|
|
8983
|
+
font-size: 2rem !important;
|
|
8984
8984
|
}
|
|
8985
8985
|
.mobile-lg\:vads-u-font-size--h3 {
|
|
8986
8986
|
font-size: 1.25rem !important;
|
|
@@ -10361,7 +10361,7 @@ through all possible variants
|
|
|
10361
10361
|
font-size: 1.25rem !important;
|
|
10362
10362
|
}
|
|
10363
10363
|
.tablet\:vads-u-font-size--xl {
|
|
10364
|
-
font-size:
|
|
10364
|
+
font-size: 2rem !important;
|
|
10365
10365
|
}
|
|
10366
10366
|
.tablet\:vads-u-font-size--2xl {
|
|
10367
10367
|
font-size: 2.5rem !important;
|
|
@@ -10370,7 +10370,7 @@ through all possible variants
|
|
|
10370
10370
|
font-size: 2.5rem !important;
|
|
10371
10371
|
}
|
|
10372
10372
|
.tablet\:vads-u-font-size--h2 {
|
|
10373
|
-
font-size:
|
|
10373
|
+
font-size: 2rem !important;
|
|
10374
10374
|
}
|
|
10375
10375
|
.tablet\:vads-u-font-size--h3 {
|
|
10376
10376
|
font-size: 1.25rem !important;
|
|
@@ -11751,7 +11751,7 @@ through all possible variants
|
|
|
11751
11751
|
font-size: 1.25rem !important;
|
|
11752
11752
|
}
|
|
11753
11753
|
.desktop\:vads-u-font-size--xl {
|
|
11754
|
-
font-size:
|
|
11754
|
+
font-size: 2rem !important;
|
|
11755
11755
|
}
|
|
11756
11756
|
.desktop\:vads-u-font-size--2xl {
|
|
11757
11757
|
font-size: 2.5rem !important;
|
|
@@ -11760,7 +11760,7 @@ through all possible variants
|
|
|
11760
11760
|
font-size: 2.5rem !important;
|
|
11761
11761
|
}
|
|
11762
11762
|
.desktop\:vads-u-font-size--h2 {
|
|
11763
|
-
font-size:
|
|
11763
|
+
font-size: 2rem !important;
|
|
11764
11764
|
}
|
|
11765
11765
|
.desktop\:vads-u-font-size--h3 {
|
|
11766
11766
|
font-size: 1.25rem !important;
|
|
@@ -13141,7 +13141,7 @@ through all possible variants
|
|
|
13141
13141
|
font-size: 1.25rem !important;
|
|
13142
13142
|
}
|
|
13143
13143
|
.desktop-lg\:vads-u-font-size--xl {
|
|
13144
|
-
font-size:
|
|
13144
|
+
font-size: 2rem !important;
|
|
13145
13145
|
}
|
|
13146
13146
|
.desktop-lg\:vads-u-font-size--2xl {
|
|
13147
13147
|
font-size: 2.5rem !important;
|
|
@@ -13150,7 +13150,7 @@ through all possible variants
|
|
|
13150
13150
|
font-size: 2.5rem !important;
|
|
13151
13151
|
}
|
|
13152
13152
|
.desktop-lg\:vads-u-font-size--h2 {
|
|
13153
|
-
font-size:
|
|
13153
|
+
font-size: 2rem !important;
|
|
13154
13154
|
}
|
|
13155
13155
|
.desktop-lg\:vads-u-font-size--h3 {
|
|
13156
13156
|
font-size: 1.25rem !important;
|
|
@@ -14531,7 +14531,7 @@ through all possible variants
|
|
|
14531
14531
|
font-size: 1.25rem !important;
|
|
14532
14532
|
}
|
|
14533
14533
|
.medium-screen\:vads-u-font-size--xl {
|
|
14534
|
-
font-size:
|
|
14534
|
+
font-size: 2rem !important;
|
|
14535
14535
|
}
|
|
14536
14536
|
.medium-screen\:vads-u-font-size--2xl {
|
|
14537
14537
|
font-size: 2.5rem !important;
|
|
@@ -14540,7 +14540,7 @@ through all possible variants
|
|
|
14540
14540
|
font-size: 2.5rem !important;
|
|
14541
14541
|
}
|
|
14542
14542
|
.medium-screen\:vads-u-font-size--h2 {
|
|
14543
|
-
font-size:
|
|
14543
|
+
font-size: 2rem !important;
|
|
14544
14544
|
}
|
|
14545
14545
|
.medium-screen\:vads-u-font-size--h3 {
|
|
14546
14546
|
font-size: 1.25rem !important;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 11 Aug 2025 16:46:43 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -141,10 +141,10 @@
|
|
|
141
141
|
--font-size-root: 1rem;
|
|
142
142
|
--font-size-md: 1.063rem;
|
|
143
143
|
--font-size-lg: 1.25rem;
|
|
144
|
-
--font-size-xl:
|
|
144
|
+
--font-size-xl: 2rem;
|
|
145
145
|
--font-size-2xl: 2.5rem;
|
|
146
146
|
--font-size-h1: 2.5rem;
|
|
147
|
-
--font-size-h2:
|
|
147
|
+
--font-size-h2: 2rem;
|
|
148
148
|
--font-size-h3: 1.25rem;
|
|
149
149
|
--font-size-h4: 1.063rem;
|
|
150
150
|
--font-size-h5: 0.938rem;
|
|
@@ -166,12 +166,12 @@
|
|
|
166
166
|
--vads-font-size-body-medium: 17px;
|
|
167
167
|
--vads-font-size-body-small: 15px;
|
|
168
168
|
--vads-font-size-eyebrow: 17px;
|
|
169
|
-
--vads-font-size-heading-level-1:
|
|
170
|
-
--vads-font-size-heading-level-2:
|
|
171
|
-
--vads-font-size-heading-level-3:
|
|
172
|
-
--vads-font-size-heading-level-4:
|
|
173
|
-
--vads-font-size-heading-level-5:
|
|
174
|
-
--vads-font-size-heading-level-6:
|
|
169
|
+
--vads-font-size-heading-level-1: 2.5rem;
|
|
170
|
+
--vads-font-size-heading-level-2: 2rem;
|
|
171
|
+
--vads-font-size-heading-level-3: 1.25rem;
|
|
172
|
+
--vads-font-size-heading-level-4: 1.063rem;
|
|
173
|
+
--vads-font-size-heading-level-5: 0.938rem;
|
|
174
|
+
--vads-font-size-heading-level-6: 0.938rem;
|
|
175
175
|
--vads-size-line-length-1: 44ex;
|
|
176
176
|
--vads-size-line-length-2: 60ex;
|
|
177
177
|
--vads-size-line-length-3: 64ex;
|
|
@@ -2591,11 +2591,11 @@
|
|
|
2591
2591
|
]
|
|
2592
2592
|
},
|
|
2593
2593
|
"xl": {
|
|
2594
|
-
"value": "
|
|
2594
|
+
"value": "2rem",
|
|
2595
2595
|
"filePath": "tokens/fonts.json",
|
|
2596
2596
|
"isSource": true,
|
|
2597
2597
|
"original": {
|
|
2598
|
-
"value": "
|
|
2598
|
+
"value": "2rem"
|
|
2599
2599
|
},
|
|
2600
2600
|
"name": "font-size-xl",
|
|
2601
2601
|
"attributes": {
|
|
@@ -2648,7 +2648,7 @@
|
|
|
2648
2648
|
]
|
|
2649
2649
|
},
|
|
2650
2650
|
"h2": {
|
|
2651
|
-
"value": "
|
|
2651
|
+
"value": "2rem",
|
|
2652
2652
|
"filePath": "tokens/fonts.json",
|
|
2653
2653
|
"isSource": true,
|
|
2654
2654
|
"original": {
|
|
@@ -3087,11 +3087,11 @@
|
|
|
3087
3087
|
},
|
|
3088
3088
|
"heading": {
|
|
3089
3089
|
"level-1": {
|
|
3090
|
-
"value": "
|
|
3090
|
+
"value": "2.5rem",
|
|
3091
3091
|
"filePath": "tokens/fonts.json",
|
|
3092
3092
|
"isSource": true,
|
|
3093
3093
|
"original": {
|
|
3094
|
-
"value": "
|
|
3094
|
+
"value": "2.5rem"
|
|
3095
3095
|
},
|
|
3096
3096
|
"name": "vads-font-size-heading-level-1",
|
|
3097
3097
|
"attributes": {
|
|
@@ -3108,11 +3108,11 @@
|
|
|
3108
3108
|
]
|
|
3109
3109
|
},
|
|
3110
3110
|
"level-2": {
|
|
3111
|
-
"value": "
|
|
3111
|
+
"value": "2rem",
|
|
3112
3112
|
"filePath": "tokens/fonts.json",
|
|
3113
3113
|
"isSource": true,
|
|
3114
3114
|
"original": {
|
|
3115
|
-
"value": "
|
|
3115
|
+
"value": "2rem"
|
|
3116
3116
|
},
|
|
3117
3117
|
"name": "vads-font-size-heading-level-2",
|
|
3118
3118
|
"attributes": {
|
|
@@ -3129,11 +3129,11 @@
|
|
|
3129
3129
|
]
|
|
3130
3130
|
},
|
|
3131
3131
|
"level-3": {
|
|
3132
|
-
"value": "
|
|
3132
|
+
"value": "1.25rem",
|
|
3133
3133
|
"filePath": "tokens/fonts.json",
|
|
3134
3134
|
"isSource": true,
|
|
3135
3135
|
"original": {
|
|
3136
|
-
"value": "
|
|
3136
|
+
"value": "1.25rem"
|
|
3137
3137
|
},
|
|
3138
3138
|
"name": "vads-font-size-heading-level-3",
|
|
3139
3139
|
"attributes": {
|
|
@@ -3150,11 +3150,11 @@
|
|
|
3150
3150
|
]
|
|
3151
3151
|
},
|
|
3152
3152
|
"level-4": {
|
|
3153
|
-
"value": "
|
|
3153
|
+
"value": "1.063rem",
|
|
3154
3154
|
"filePath": "tokens/fonts.json",
|
|
3155
3155
|
"isSource": true,
|
|
3156
3156
|
"original": {
|
|
3157
|
-
"value": "
|
|
3157
|
+
"value": "1.063rem"
|
|
3158
3158
|
},
|
|
3159
3159
|
"name": "vads-font-size-heading-level-4",
|
|
3160
3160
|
"attributes": {
|
|
@@ -3171,11 +3171,11 @@
|
|
|
3171
3171
|
]
|
|
3172
3172
|
},
|
|
3173
3173
|
"level-5": {
|
|
3174
|
-
"value": "
|
|
3174
|
+
"value": "0.938rem",
|
|
3175
3175
|
"filePath": "tokens/fonts.json",
|
|
3176
3176
|
"isSource": true,
|
|
3177
3177
|
"original": {
|
|
3178
|
-
"value": "
|
|
3178
|
+
"value": "0.938rem"
|
|
3179
3179
|
},
|
|
3180
3180
|
"name": "vads-font-size-heading-level-5",
|
|
3181
3181
|
"attributes": {
|
|
@@ -3192,11 +3192,11 @@
|
|
|
3192
3192
|
]
|
|
3193
3193
|
},
|
|
3194
3194
|
"level-6": {
|
|
3195
|
-
"value": "
|
|
3195
|
+
"value": "0.938rem",
|
|
3196
3196
|
"filePath": "tokens/fonts.json",
|
|
3197
3197
|
"isSource": true,
|
|
3198
3198
|
"original": {
|
|
3199
|
-
"value": "
|
|
3199
|
+
"value": "0.938rem"
|
|
3200
3200
|
},
|
|
3201
3201
|
"name": "vads-font-size-heading-level-6",
|
|
3202
3202
|
"attributes": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 11 Aug 2025 16:46:43 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
@@ -139,10 +139,10 @@ $font-size-sm: 0.938rem;
|
|
|
139
139
|
$font-size-root: 1rem;
|
|
140
140
|
$font-size-md: 1.063rem;
|
|
141
141
|
$font-size-lg: 1.25rem;
|
|
142
|
-
$font-size-xl:
|
|
142
|
+
$font-size-xl: 2rem;
|
|
143
143
|
$font-size-2xl: 2.5rem;
|
|
144
144
|
$font-size-h1: 2.5rem;
|
|
145
|
-
$font-size-h2:
|
|
145
|
+
$font-size-h2: 2rem;
|
|
146
146
|
$font-size-h3: 1.25rem;
|
|
147
147
|
$font-size-h4: 1.063rem;
|
|
148
148
|
$font-size-h5: 0.938rem;
|
|
@@ -164,12 +164,12 @@ $vads-font-size-body-lead: 20px;
|
|
|
164
164
|
$vads-font-size-body-medium: 17px;
|
|
165
165
|
$vads-font-size-body-small: 15px;
|
|
166
166
|
$vads-font-size-eyebrow: 17px;
|
|
167
|
-
$vads-font-size-heading-level-1:
|
|
168
|
-
$vads-font-size-heading-level-2:
|
|
169
|
-
$vads-font-size-heading-level-3:
|
|
170
|
-
$vads-font-size-heading-level-4:
|
|
171
|
-
$vads-font-size-heading-level-5:
|
|
172
|
-
$vads-font-size-heading-level-6:
|
|
167
|
+
$vads-font-size-heading-level-1: 2.5rem;
|
|
168
|
+
$vads-font-size-heading-level-2: 2rem;
|
|
169
|
+
$vads-font-size-heading-level-3: 1.25rem;
|
|
170
|
+
$vads-font-size-heading-level-4: 1.063rem;
|
|
171
|
+
$vads-font-size-heading-level-5: 0.938rem;
|
|
172
|
+
$vads-font-size-heading-level-6: 0.938rem;
|
|
173
173
|
$vads-size-line-length-1: 44ex;
|
|
174
174
|
$vads-size-line-length-2: 60ex;
|
|
175
175
|
$vads-size-line-length-3: 64ex;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@department-of-veterans-affairs/css-library",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.2",
|
|
4
4
|
"description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
|
|
5
5
|
"packageManager": "yarn@3.2.0",
|
|
6
6
|
"files": [
|
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
"@uswds/uswds": "^3.9.0",
|
|
31
31
|
"rimraf": "^5.0.5"
|
|
32
32
|
}
|
|
33
|
-
}
|
|
33
|
+
}
|