@department-of-veterans-affairs/css-library 0.25.0 → 0.27.0

package/dist/stylesheets/core.css

@@ -1528,48 +1528,6 @@ through all possible variants
   font-display: fallback;
   src: url(~@uswds/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2");
 }
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: normal;
-  font-weight: 300;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: normal;
-  font-weight: 400;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: normal;
-  font-weight: 700;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: italic;
-  font-weight: 300;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: italic;
-  font-weight: 400;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
-}
-@font-face {
-  font-family: "Merriweather Web";
-  font-style: italic;
-  font-weight: 700;
-  font-display: fallback;
-  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
-}
 /* stylelint-enable */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /* Document

package/dist/stylesheets/utilities.css

@@ -4620,6 +4620,111 @@ through all possible variants
   }
 }
 /* stylelint-enable */
+.vads-u-font-size--sans-2xs {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 0.93rem;
+}
+
+.vads-u-font-size--sans-xs {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 1rem;
+}
+
+.vads-u-font-size--sans-sm {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 1.06rem;
+}
+
+.vads-u-font-size--sans-md {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 1.13rem;
+}
+
+.vads-u-font-size--sans-lg {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 1.46rem;
+}
+
+.vads-u-font-size--sans-xl {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 2.13rem;
+}
+
+.vads-u-font-size--sans-2xl {
+  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;
+  font-size: 2.66rem;
+}
+
+.vads-u-font-size--serif-2xs {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 0.87rem;
+}
+
+.vads-u-font-size--serif-xs {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 0.93rem;
+}
+
+.vads-u-font-size--serif-sm {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 0.99rem;
+}
+
+.vads-u-font-size--serif-md {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 1.05rem;
+}
+
+.vads-u-font-size--serif-lg {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 1.36rem;
+}
+
+.vads-u-font-size--serif-xl {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 1.98rem;
+}
+
+.vads-u-font-size--serif-2xl {
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 2.48rem;
+}
+
+.vads-u-font-size--mono-2xs {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 0.83rem;
+}
+
+.vads-u-font-size--mono-xs {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 0.89rem;
+}
+
+.vads-u-font-size--mono-sm {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 0.95rem;
+}
+
+.vads-u-font-size--mono-md {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 1.01rem;
+}
+
+.vads-u-font-size--mono-lg {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 1.31rem;
+}
+
+.vads-u-font-size--mono-xl {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 1.91rem;
+}
+
+.vads-u-font-size--mono-2xl {
+  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
+  font-size: 2.38rem;
+}
+
 .vads-u-visibility--screen-reader {
   position: absolute;
   left: -999em;
@@ -6198,7 +6303,7 @@ through all possible variants
   font-family: Bitter, Georgia, Cambria, Times New Roman, Times, serif !important;
 }
 
-.vads-u-font-family--monospace {
+.vads-u-font-family--mono {
   font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace !important;
 }
 
@@ -6326,6 +6431,14 @@ through all possible variants
   line-height: 1.75 !important;
 }
 
+.vads-u-line-height--serif {
+  line-height: 1.9 !important;
+}
+
+.vads-u-line-height--mono {
+  line-height: 1.7 !important;
+}
+
 .vads-u-margin--0 {
   margin: 0 !important;
 }
@@ -8045,6 +8158,12 @@ through all possible variants
   .mobile\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .mobile\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .mobile\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .mobile\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -9435,6 +9554,12 @@ through all possible variants
   .mobile-lg\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .mobile-lg\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .mobile-lg\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .mobile-lg\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -10825,6 +10950,12 @@ through all possible variants
   .tablet\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .tablet\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .tablet\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .tablet\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -12215,6 +12346,12 @@ through all possible variants
   .desktop\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .desktop\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .desktop\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .desktop\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -13605,6 +13742,12 @@ through all possible variants
   .desktop-lg\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .desktop-lg\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .desktop-lg\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .desktop-lg\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -14995,6 +15138,12 @@ through all possible variants
   .widescreen\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .widescreen\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .widescreen\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .widescreen\:vads-u-margin--0 {
     margin: 0 !important;
   }
@@ -16385,6 +16534,12 @@ through all possible variants
   .medium-screen\:vads-u-line-height--6 {
     line-height: 1.75 !important;
   }
+  .medium-screen\:vads-u-line-height--serif {
+    line-height: 1.9 !important;
+  }
+  .medium-screen\:vads-u-line-height--mono {
+    line-height: 1.7 !important;
+  }
   .medium-screen\:vads-u-margin--0 {
     margin: 0 !important;
   }

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 25 Aug 2025 13:10:40 GMT
+ * Generated on Mon, 27 Oct 2025 20:56:39 GMT
  */
 
 :root {
@@ -130,12 +130,18 @@
   --vads-input-tile-background-active-on-light: rgba(0, 94, 162, 0.1);
   --vads-input-tile-border-active-on-light: #005ea2;
   --vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
+  --vads-elevation-shadow-1: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+  --vads-elevation-shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
+  --vads-elevation-shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
+  --vads-elevation-shadow-4: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
+  --vads-elevation-shadow-5: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+  --vads-elevation-shadow-none: none;
   --font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
   --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
-  --font-family-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
+  --font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
   --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
   --font-source-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
-  --font-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
+  --font-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
   --font-weight-normal: 400;
   --font-weight-bold: 700;
   --font-style-normal: normal;
@@ -162,6 +168,8 @@
   --vads-font-line-height-body-lead: 1.75;
   --vads-font-line-height-default: 1.5;
   --vads-font-line-height-heading: 1.2;
+  --vads-font-line-height-serif: 1.9;
+  --vads-font-line-height-mono: 1.7;
   --vads-font-size-source-sans-normalized: 1.06rem;
   --vads-font-size-root: 1rem;
   --vads-font-size-body-large: 20px;

package/dist/tokens/json/variables.json

@@ -2369,6 +2369,124 @@
       }
     }
   },
+  "vads-elevation": {
+    "shadow": {
+      "1": {
+        "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.1)",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "0px 1px 4px 0px rgba(0, 0, 0, 0.1)"
+        },
+        "name": "vads-elevation-shadow-1",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "1"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "1"
+        ]
+      },
+      "2": {
+        "value": "0px 4px 8px 0px rgba(0, 0, 0, 0.1)",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "0px 4px 8px 0px rgba(0, 0, 0, 0.1)"
+        },
+        "name": "vads-elevation-shadow-2",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "2"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "2"
+        ]
+      },
+      "3": {
+        "value": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)"
+        },
+        "name": "vads-elevation-shadow-3",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "3"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "3"
+        ]
+      },
+      "4": {
+        "value": "0px 12px 24px 0px rgba(0, 0, 0, 0.1)",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "0px 12px 24px 0px rgba(0, 0, 0, 0.1)"
+        },
+        "name": "vads-elevation-shadow-4",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "4"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "4"
+        ]
+      },
+      "5": {
+        "value": "0px 16px 32px 0px rgba(0, 0, 0, 0.1)",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "0px 16px 32px 0px rgba(0, 0, 0, 0.1)"
+        },
+        "name": "vads-elevation-shadow-5",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "5"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "5"
+        ]
+      },
+      "none": {
+        "value": "none",
+        "filePath": "tokens/elevation.json",
+        "isSource": true,
+        "original": {
+          "value": "none"
+        },
+        "name": "vads-elevation-shadow-none",
+        "attributes": {
+          "category": "vads-elevation",
+          "type": "shadow",
+          "item": "none"
+        },
+        "path": [
+          "vads-elevation",
+          "shadow",
+          "none"
+        ]
+      }
+    }
+  },
   "font": {
     "family": {
       "sans": {
@@ -2409,23 +2527,23 @@
           "serif"
         ]
       },
-      "monospace": {
+      "mono": {
         "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace",
         "filePath": "tokens/fonts.json",
         "isSource": true,
         "original": {
           "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace"
         },
-        "name": "font-family-monospace",
+        "name": "font-family-mono",
         "attributes": {
           "category": "font",
           "type": "family",
-          "item": "monospace"
+          "item": "mono"
         },
         "path": [
           "font",
           "family",
-          "monospace"
+          "mono"
         ]
       }
     },
@@ -2467,21 +2585,21 @@
         ]
       }
     },
-    "monospace": {
+    "mono": {
       "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace",
       "filePath": "tokens/fonts.json",
       "isSource": true,
       "original": {
         "value": "'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace"
       },
-      "name": "font-monospace",
+      "name": "font-mono",
       "attributes": {
         "category": "font",
-        "type": "monospace"
+        "type": "mono"
       },
       "path": [
         "font",
-        "monospace"
+        "mono"
       ]
     },
     "weight": {
@@ -2990,6 +3108,44 @@
           "line-height",
           "heading"
         ]
+      },
+      "serif": {
+        "value": "1.9",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.9"
+        },
+        "name": "vads-font-line-height-serif",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "serif"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "serif"
+        ]
+      },
+      "mono": {
+        "value": "1.7",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.7"
+        },
+        "name": "vads-font-line-height-mono",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "mono"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "mono"
+        ]
       }
     },
     "size": {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 25 Aug 2025 13:10:40 GMT
+// Generated on Mon, 27 Oct 2025 20:56:39 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -128,12 +128,18 @@ $vads-input-suffix-color-text-on-light: #757575;
 $vads-input-tile-background-active-on-light: rgba(0, 94, 162, 0.1);
 $vads-input-tile-border-active-on-light: #005ea2;
 $vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
+$vads-elevation-shadow-1: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+$vads-elevation-shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
+$vads-elevation-shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
+$vads-elevation-shadow-4: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
+$vads-elevation-shadow-5: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
+$vads-elevation-shadow-none: none;
 $font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
 $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
-$font-family-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
+$font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
 $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
 $font-source-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
-$font-monospace: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
+$font-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
 $font-weight-normal: 400;
 $font-weight-bold: 700;
 $font-style-normal: normal;
@@ -160,6 +166,8 @@ $vads-font-line-height-6: 1.75;
 $vads-font-line-height-body-lead: 1.75;
 $vads-font-line-height-default: 1.5;
 $vads-font-line-height-heading: 1.2;
+$vads-font-line-height-serif: 1.9;
+$vads-font-line-height-mono: 1.7;
 $vads-font-size-source-sans-normalized: 1.06rem;
 $vads-font-size-root: 1rem;
 $vads-font-size-body-large: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
   "packageManager": "yarn@3.2.0",
   "files": [