@department-of-veterans-affairs/css-library 0.25.0 → 0.26.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.
File without changes
File without changes
File without changes
File without changes
package/dist/img/info.png CHANGED
File without changes
package/dist/img/info.svg CHANGED
File without changes
File without changes
File without changes
File without changes
File without changes
@@ -1528,48 +1528,6 @@ through all possible variants
1528
1528
  font-display: fallback;
1529
1529
  src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2");
1530
1530
  }
1531
- @font-face {
1532
- font-family: "Merriweather Web";
1533
- font-style: normal;
1534
- font-weight: 300;
1535
- font-display: fallback;
1536
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
1537
- }
1538
- @font-face {
1539
- font-family: "Merriweather Web";
1540
- font-style: normal;
1541
- font-weight: 400;
1542
- font-display: fallback;
1543
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
1544
- }
1545
- @font-face {
1546
- font-family: "Merriweather Web";
1547
- font-style: normal;
1548
- font-weight: 700;
1549
- font-display: fallback;
1550
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
1551
- }
1552
- @font-face {
1553
- font-family: "Merriweather Web";
1554
- font-style: italic;
1555
- font-weight: 300;
1556
- font-display: fallback;
1557
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2");
1558
- }
1559
- @font-face {
1560
- font-family: "Merriweather Web";
1561
- font-style: italic;
1562
- font-weight: 400;
1563
- font-display: fallback;
1564
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
1565
- }
1566
- @font-face {
1567
- font-family: "Merriweather Web";
1568
- font-style: italic;
1569
- font-weight: 700;
1570
- font-display: fallback;
1571
- src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
1572
- }
1573
1531
  /* stylelint-enable */
1574
1532
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
1575
1533
  /* Document
@@ -4620,6 +4620,111 @@ through all possible variants
4620
4620
  }
4621
4621
  }
4622
4622
  /* stylelint-enable */
4623
+ .vads-u-font-size--sans-2xs {
4624
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4625
+ font-size: 0.93rem;
4626
+ }
4627
+
4628
+ .vads-u-font-size--sans-xs {
4629
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4630
+ font-size: 1rem;
4631
+ }
4632
+
4633
+ .vads-u-font-size--sans-sm {
4634
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4635
+ font-size: 1.06rem;
4636
+ }
4637
+
4638
+ .vads-u-font-size--sans-md {
4639
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4640
+ font-size: 1.13rem;
4641
+ }
4642
+
4643
+ .vads-u-font-size--sans-lg {
4644
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4645
+ font-size: 1.46rem;
4646
+ }
4647
+
4648
+ .vads-u-font-size--sans-xl {
4649
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4650
+ font-size: 2.13rem;
4651
+ }
4652
+
4653
+ .vads-u-font-size--sans-2xl {
4654
+ font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
4655
+ font-size: 2.66rem;
4656
+ }
4657
+
4658
+ .vads-u-font-size--serif-2xs {
4659
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4660
+ font-size: 0.87rem;
4661
+ }
4662
+
4663
+ .vads-u-font-size--serif-xs {
4664
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4665
+ font-size: 0.93rem;
4666
+ }
4667
+
4668
+ .vads-u-font-size--serif-sm {
4669
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4670
+ font-size: 0.99rem;
4671
+ }
4672
+
4673
+ .vads-u-font-size--serif-md {
4674
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4675
+ font-size: 1.05rem;
4676
+ }
4677
+
4678
+ .vads-u-font-size--serif-lg {
4679
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4680
+ font-size: 1.36rem;
4681
+ }
4682
+
4683
+ .vads-u-font-size--serif-xl {
4684
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4685
+ font-size: 1.98rem;
4686
+ }
4687
+
4688
+ .vads-u-font-size--serif-2xl {
4689
+ font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
4690
+ font-size: 2.48rem;
4691
+ }
4692
+
4693
+ .vads-u-font-size--mono-2xs {
4694
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4695
+ font-size: 0.83rem;
4696
+ }
4697
+
4698
+ .vads-u-font-size--mono-xs {
4699
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4700
+ font-size: 0.89rem;
4701
+ }
4702
+
4703
+ .vads-u-font-size--mono-sm {
4704
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4705
+ font-size: 0.95rem;
4706
+ }
4707
+
4708
+ .vads-u-font-size--mono-md {
4709
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4710
+ font-size: 1.01rem;
4711
+ }
4712
+
4713
+ .vads-u-font-size--mono-lg {
4714
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4715
+ font-size: 1.31rem;
4716
+ }
4717
+
4718
+ .vads-u-font-size--mono-xl {
4719
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4720
+ font-size: 1.91rem;
4721
+ }
4722
+
4723
+ .vads-u-font-size--mono-2xl {
4724
+ font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
4725
+ font-size: 2.38rem;
4726
+ }
4727
+
4623
4728
  .vads-u-visibility--screen-reader {
4624
4729
  position: absolute;
4625
4730
  left: -999em;
@@ -6198,7 +6303,7 @@ through all possible variants
6198
6303
  font-family: Bitter, Georgia, Cambria, Times New Roman, Times, serif !important;
6199
6304
  }
6200
6305
 
6201
- .vads-u-font-family--monospace {
6306
+ .vads-u-font-family--mono {
6202
6307
  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace !important;
6203
6308
  }
6204
6309
 
@@ -6326,6 +6431,14 @@ through all possible variants
6326
6431
  line-height: 1.75 !important;
6327
6432
  }
6328
6433
 
6434
+ .vads-u-line-height--serif {
6435
+ line-height: 1.9 !important;
6436
+ }
6437
+
6438
+ .vads-u-line-height--mono {
6439
+ line-height: 1.7 !important;
6440
+ }
6441
+
6329
6442
  .vads-u-margin--0 {
6330
6443
  margin: 0 !important;
6331
6444
  }
@@ -8045,6 +8158,12 @@ through all possible variants
8045
8158
  .mobile\:vads-u-line-height--6 {
8046
8159
  line-height: 1.75 !important;
8047
8160
  }
8161
+ .mobile\:vads-u-line-height--serif {
8162
+ line-height: 1.9 !important;
8163
+ }
8164
+ .mobile\:vads-u-line-height--mono {
8165
+ line-height: 1.7 !important;
8166
+ }
8048
8167
  .mobile\:vads-u-margin--0 {
8049
8168
  margin: 0 !important;
8050
8169
  }
@@ -9435,6 +9554,12 @@ through all possible variants
9435
9554
  .mobile-lg\:vads-u-line-height--6 {
9436
9555
  line-height: 1.75 !important;
9437
9556
  }
9557
+ .mobile-lg\:vads-u-line-height--serif {
9558
+ line-height: 1.9 !important;
9559
+ }
9560
+ .mobile-lg\:vads-u-line-height--mono {
9561
+ line-height: 1.7 !important;
9562
+ }
9438
9563
  .mobile-lg\:vads-u-margin--0 {
9439
9564
  margin: 0 !important;
9440
9565
  }
@@ -10825,6 +10950,12 @@ through all possible variants
10825
10950
  .tablet\:vads-u-line-height--6 {
10826
10951
  line-height: 1.75 !important;
10827
10952
  }
10953
+ .tablet\:vads-u-line-height--serif {
10954
+ line-height: 1.9 !important;
10955
+ }
10956
+ .tablet\:vads-u-line-height--mono {
10957
+ line-height: 1.7 !important;
10958
+ }
10828
10959
  .tablet\:vads-u-margin--0 {
10829
10960
  margin: 0 !important;
10830
10961
  }
@@ -12215,6 +12346,12 @@ through all possible variants
12215
12346
  .desktop\:vads-u-line-height--6 {
12216
12347
  line-height: 1.75 !important;
12217
12348
  }
12349
+ .desktop\:vads-u-line-height--serif {
12350
+ line-height: 1.9 !important;
12351
+ }
12352
+ .desktop\:vads-u-line-height--mono {
12353
+ line-height: 1.7 !important;
12354
+ }
12218
12355
  .desktop\:vads-u-margin--0 {
12219
12356
  margin: 0 !important;
12220
12357
  }
@@ -13605,6 +13742,12 @@ through all possible variants
13605
13742
  .desktop-lg\:vads-u-line-height--6 {
13606
13743
  line-height: 1.75 !important;
13607
13744
  }
13745
+ .desktop-lg\:vads-u-line-height--serif {
13746
+ line-height: 1.9 !important;
13747
+ }
13748
+ .desktop-lg\:vads-u-line-height--mono {
13749
+ line-height: 1.7 !important;
13750
+ }
13608
13751
  .desktop-lg\:vads-u-margin--0 {
13609
13752
  margin: 0 !important;
13610
13753
  }
@@ -14995,6 +15138,12 @@ through all possible variants
14995
15138
  .widescreen\:vads-u-line-height--6 {
14996
15139
  line-height: 1.75 !important;
14997
15140
  }
15141
+ .widescreen\:vads-u-line-height--serif {
15142
+ line-height: 1.9 !important;
15143
+ }
15144
+ .widescreen\:vads-u-line-height--mono {
15145
+ line-height: 1.7 !important;
15146
+ }
14998
15147
  .widescreen\:vads-u-margin--0 {
14999
15148
  margin: 0 !important;
15000
15149
  }
@@ -16385,6 +16534,12 @@ through all possible variants
16385
16534
  .medium-screen\:vads-u-line-height--6 {
16386
16535
  line-height: 1.75 !important;
16387
16536
  }
16537
+ .medium-screen\:vads-u-line-height--serif {
16538
+ line-height: 1.9 !important;
16539
+ }
16540
+ .medium-screen\:vads-u-line-height--mono {
16541
+ line-height: 1.7 !important;
16542
+ }
16388
16543
  .medium-screen\:vads-u-margin--0 {
16389
16544
  margin: 0 !important;
16390
16545
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 25 Aug 2025 13:10:40 GMT
3
+ * Generated on Thu, 02 Oct 2025 20:58:27 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -132,10 +132,10 @@
132
132
  --vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
133
133
  --font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
134
134
  --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
135
- --font-family-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
135
+ --font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
136
136
  --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
137
137
  --font-source-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
138
- --font-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
138
+ --font-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
139
139
  --font-weight-normal: 400;
140
140
  --font-weight-bold: 700;
141
141
  --font-style-normal: normal;
@@ -162,6 +162,8 @@
162
162
  --vads-font-line-height-body-lead: 1.75;
163
163
  --vads-font-line-height-default: 1.5;
164
164
  --vads-font-line-height-heading: 1.2;
165
+ --vads-font-line-height-serif: 1.9;
166
+ --vads-font-line-height-mono: 1.7;
165
167
  --vads-font-size-source-sans-normalized: 1.06rem;
166
168
  --vads-font-size-root: 1rem;
167
169
  --vads-font-size-body-large: 20px;
@@ -2409,23 +2409,23 @@
2409
2409
  "serif"
2410
2410
  ]
2411
2411
  },
2412
- "monospace": {
2412
+ "mono": {
2413
2413
  "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace",
2414
2414
  "filePath": "tokens/fonts.json",
2415
2415
  "isSource": true,
2416
2416
  "original": {
2417
2417
  "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace"
2418
2418
  },
2419
- "name": "font-family-monospace",
2419
+ "name": "font-family-mono",
2420
2420
  "attributes": {
2421
2421
  "category": "font",
2422
2422
  "type": "family",
2423
- "item": "monospace"
2423
+ "item": "mono"
2424
2424
  },
2425
2425
  "path": [
2426
2426
  "font",
2427
2427
  "family",
2428
- "monospace"
2428
+ "mono"
2429
2429
  ]
2430
2430
  }
2431
2431
  },
@@ -2467,21 +2467,21 @@
2467
2467
  ]
2468
2468
  }
2469
2469
  },
2470
- "monospace": {
2470
+ "mono": {
2471
2471
  "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace",
2472
2472
  "filePath": "tokens/fonts.json",
2473
2473
  "isSource": true,
2474
2474
  "original": {
2475
2475
  "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace"
2476
2476
  },
2477
- "name": "font-monospace",
2477
+ "name": "font-mono",
2478
2478
  "attributes": {
2479
2479
  "category": "font",
2480
- "type": "monospace"
2480
+ "type": "mono"
2481
2481
  },
2482
2482
  "path": [
2483
2483
  "font",
2484
- "monospace"
2484
+ "mono"
2485
2485
  ]
2486
2486
  },
2487
2487
  "weight": {
@@ -2990,6 +2990,44 @@
2990
2990
  "line-height",
2991
2991
  "heading"
2992
2992
  ]
2993
+ },
2994
+ "serif": {
2995
+ "value": "1.9",
2996
+ "filePath": "tokens/fonts.json",
2997
+ "isSource": true,
2998
+ "original": {
2999
+ "value": "1.9"
3000
+ },
3001
+ "name": "vads-font-line-height-serif",
3002
+ "attributes": {
3003
+ "category": "vads-font",
3004
+ "type": "line-height",
3005
+ "item": "serif"
3006
+ },
3007
+ "path": [
3008
+ "vads-font",
3009
+ "line-height",
3010
+ "serif"
3011
+ ]
3012
+ },
3013
+ "mono": {
3014
+ "value": "1.7",
3015
+ "filePath": "tokens/fonts.json",
3016
+ "isSource": true,
3017
+ "original": {
3018
+ "value": "1.7"
3019
+ },
3020
+ "name": "vads-font-line-height-mono",
3021
+ "attributes": {
3022
+ "category": "vads-font",
3023
+ "type": "line-height",
3024
+ "item": "mono"
3025
+ },
3026
+ "path": [
3027
+ "vads-font",
3028
+ "line-height",
3029
+ "mono"
3030
+ ]
2993
3031
  }
2994
3032
  },
2995
3033
  "size": {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 25 Aug 2025 13:10:40 GMT
3
+ // Generated on Thu, 02 Oct 2025 20:58:27 GMT
4
4
 
5
5
  $xsmall-screen: 320px;
6
6
  $small-screen: 481px;
@@ -130,10 +130,10 @@ $vads-input-tile-border-active-on-light: #005ea2;
130
130
  $vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
131
131
  $font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
132
132
  $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
133
- $font-family-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
133
+ $font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
134
134
  $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
135
135
  $font-source-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
136
- $font-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
136
+ $font-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
137
137
  $font-weight-normal: 400;
138
138
  $font-weight-bold: 700;
139
139
  $font-style-normal: normal;
@@ -160,6 +160,8 @@ $vads-font-line-height-6: 1.75;
160
160
  $vads-font-line-height-body-lead: 1.75;
161
161
  $vads-font-line-height-default: 1.5;
162
162
  $vads-font-line-height-heading: 1.2;
163
+ $vads-font-line-height-serif: 1.9;
164
+ $vads-font-line-height-mono: 1.7;
163
165
  $vads-font-size-source-sans-normalized: 1.06rem;
164
166
  $vads-font-size-root: 1rem;
165
167
  $vads-font-size-body-large: 20px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/css-library",
3
- "version": "0.25.0",
3
+ "version": "0.26.0",
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
+ }