@department-of-veterans-affairs/css-library 0.23.1 → 0.24.0

package/dist/stylesheets/base/headings.css

@@ -1480,7 +1480,7 @@ h1 {
 }
 
 h2 {
-  font-size: 1.875rem;
+  font-size: 2rem;
 }
 
 h3 {
@@ -1501,10 +1501,10 @@ h6 {
 
 @media (max-width: 481px) {
   h1 {
-    font-size: 30px;
+    font-size: 1.875rem;
   }
   h2 {
-    font-size: 24px;
+    font-size: 1.5rem;
   }
 }
 h6 {
@@ -1515,10 +1515,10 @@ h6 {
 
 @media (max-width: 481px) {
   h1 {
-    font-size: 30px;
+    font-size: 1.875rem;
   }
   h2 {
-    font-size: 24px;
+    font-size: 1.5rem;
   }
 }
 h6 {

package/dist/stylesheets/base/utils.css

@@ -111,7 +111,7 @@
   font-weight: 700;
 }
 .heading-level-2 {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 .heading-level-3 {
@@ -123,11 +123,11 @@
   font-weight: 700;
 }
 .heading-level-5 {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
 }
 .heading-level-6 {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;

package/dist/stylesheets/core.css

@@ -2071,7 +2071,7 @@ template {
   font-weight: 700;
 }
 .heading-level-2 {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 .heading-level-3 {
@@ -2083,11 +2083,11 @@ template {
   font-weight: 700;
 }
 .heading-level-5 {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
 }
 .heading-level-6 {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
@@ -2960,7 +2960,7 @@ option:first-child {
 }
 
 legend {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 
@@ -3207,7 +3207,7 @@ legend {
   background-color: #565c65;
   border-radius: 2px;
   color: #ffffff;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   margin-right: 0.3125rem;
   padding: 0.0625rem 0.4375rem;
   text-transform: uppercase;
@@ -3315,11 +3315,11 @@ h1 a {
 }
 
 h2 {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 h2 a {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
@@ -3345,24 +3345,24 @@ h4 a {
 }
 
 h5 {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
 }
 h5 a {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
 h6 {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 h6 a {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
@@ -3449,7 +3449,7 @@ dfn {
 }
 
 .usa-text-small {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   margin-top: 0;
 }
 
@@ -3665,7 +3665,7 @@ dfn {
 }
 @media screen and (min-width: 481px), print and (min-width: 481px) {
   .usa-banner {
-    font-size: 0.8125rem;
+    font-size: 0.938rem;
     padding-bottom: 0;
   }
 }
@@ -3675,7 +3675,7 @@ dfn {
   padding-bottom: 3px;
   padding-left: 0.9375rem;
   background-color: transparent;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   padding-top: 1.25rem;
   width: 100%;
 }
@@ -3762,7 +3762,7 @@ dfn {
   align-items: center;
   border-bottom: 1px solid #aeb0b5;
   display: flex;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   min-height: 3.5rem;
   padding-right: 1.875rem;
 }
@@ -3988,7 +3988,7 @@ fieldset {
 .usa-form-note {
   float: right;
   font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   margin: 0 0 scale(1.5rem);
 }
 .usa-form-note + * {
@@ -4186,7 +4186,7 @@ fieldset {
 }
 .usa-sidenav-sub_list li {
   border: none;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
 }
 .usa-sidenav-sub_list a {
   padding-left: 1.75rem;

package/dist/stylesheets/formation-overrides/_variables.scss

@@ -79,12 +79,12 @@ $base-font-size: 1rem;
 $input-max-width: scale-rem(46rem);
 $checkbox-border-radius: 2px;
 $spacing-medium: scale-rem(2rem);
-$h1-font-size: scale-rem(4rem);
-$h2-font-size: scale-rem(3rem);
-$h3-font-size: scale-rem(2rem);
-$h4-font-size: scale-rem(1.7rem);
-$h5-font-size: scale-rem(1.5rem);
-$h6-font-size: scale-rem(1.3rem);
+$h1-font-size: 2.5rem;
+$h2-font-size: 2rem;
+$h3-font-size: 1.25rem;
+$h4-font-size: 1.0625rem;
+$h5-font-size: 0.938rem;
+$h6-font-size: 0.938rem;
 $base-line-height:    1.5;
 $heading-line-height: 1.3;
 $lead-line-height:    1.7;

package/dist/stylesheets/formation-overrides/elements/inputs.css

@@ -150,7 +150,7 @@ option:first-child {
 }
 
 legend {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 

package/dist/stylesheets/formation-overrides/elements/labels.css

@@ -10,7 +10,7 @@
   background-color: #565c65;
   border-radius: 2px;
   color: #ffffff;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   margin-right: 0.3125rem;
   padding: 0.0625rem 0.4375rem;
   text-transform: uppercase;

package/dist/stylesheets/formation-overrides/elements/typography.css

@@ -83,11 +83,11 @@ h1 a {
 }
 
 h2 {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
 }
 h2 a {
-  font-size: 1.875rem;
+  font-size: 2rem;
   font-weight: 700;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
@@ -113,24 +113,24 @@ h4 a {
 }
 
 h5 {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
 }
 h5 a {
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   font-weight: 700;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
 h6 {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
   font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 h6 a {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
@@ -217,7 +217,7 @@ dfn {
 }
 
 .usa-text-small {
-  font-size: 0.8125rem;
+  font-size: 0.938rem;
   margin-top: 0;
 }
 

package/dist/stylesheets/mobile-typography.css

@@ -1,12 +1,12 @@
 @media (max-width: 481px) {
   h1 {
-    font-size: 30px;
+    font-size: 1.875rem;
   }
   h2 {
-    font-size: 24px;
+    font-size: 1.5rem;
   }
   .va-introtext {
-    font-size: 16px;
+    font-size: 1rem;
   }
 }
 

package/dist/stylesheets/shame.css

@@ -49,7 +49,7 @@ fieldset {
 .usa-form-note {
   float: right;
   font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-size: 0.9375rem;
+  font-size: 0.938rem;
   margin: 0 0 scale(1.5rem);
 }
 .usa-form-note + * {

package/dist/stylesheets/utilities.css

@@ -5824,7 +5824,7 @@ through all possible variants
 }
 
 .vads-u-font-size--xl {
-  font-size: 1.875rem !important;
+  font-size: 2rem !important;
 }
 
 .vads-u-font-size--2xl {
@@ -5836,7 +5836,7 @@ through all possible variants
 }
 
 .vads-u-font-size--h2 {
-  font-size: 1.875rem !important;
+  font-size: 2rem !important;
 }
 
 .vads-u-font-size--h3 {
@@ -7581,7 +7581,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .mobile\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .mobile\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -7590,7 +7590,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .mobile\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .mobile\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;
@@ -8971,7 +8971,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .mobile-lg\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .mobile-lg\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -8980,7 +8980,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .mobile-lg\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .mobile-lg\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;
@@ -10361,7 +10361,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .tablet\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .tablet\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -10370,7 +10370,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .tablet\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .tablet\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;
@@ -11751,7 +11751,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .desktop\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .desktop\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -11760,7 +11760,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .desktop\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .desktop\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;
@@ -13141,7 +13141,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .desktop-lg\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .desktop-lg\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -13150,7 +13150,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .desktop-lg\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .desktop-lg\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;
@@ -14531,7 +14531,7 @@ through all possible variants
     font-size: 1.25rem !important;
   }
   .medium-screen\:vads-u-font-size--xl {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .medium-screen\:vads-u-font-size--2xl {
     font-size: 2.5rem !important;
@@ -14540,7 +14540,7 @@ through all possible variants
     font-size: 2.5rem !important;
   }
   .medium-screen\:vads-u-font-size--h2 {
-    font-size: 1.875rem !important;
+    font-size: 2rem !important;
   }
   .medium-screen\:vads-u-font-size--h3 {
     font-size: 1.25rem !important;

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 31 Jul 2025 13:55:00 GMT
+ * Generated on Mon, 18 Aug 2025 18:08:10 GMT
  */
 
 :root {
@@ -141,10 +141,10 @@
   --font-size-root: 1rem;
   --font-size-md: 1.063rem;
   --font-size-lg: 1.25rem;
-  --font-size-xl: 1.875rem;
+  --font-size-xl: 2rem;
   --font-size-2xl: 2.5rem;
   --font-size-h1: 2.5rem;
-  --font-size-h2: 1.875rem;
+  --font-size-h2: 2rem;
   --font-size-h3: 1.25rem;
   --font-size-h4: 1.063rem;
   --font-size-h5: 0.938rem;
@@ -166,12 +166,12 @@
   --vads-font-size-body-medium: 17px;
   --vads-font-size-body-small: 15px;
   --vads-font-size-eyebrow: 17px;
-  --vads-font-size-heading-level-1: 40px;
-  --vads-font-size-heading-level-2: 32px;
-  --vads-font-size-heading-level-3: 20px;
-  --vads-font-size-heading-level-4: 17px;
-  --vads-font-size-heading-level-5: 15px;
-  --vads-font-size-heading-level-6: 15px;
+  --vads-font-size-heading-level-1: 2.5rem;
+  --vads-font-size-heading-level-2: 2rem;
+  --vads-font-size-heading-level-3: 1.25rem;
+  --vads-font-size-heading-level-4: 1.063rem;
+  --vads-font-size-heading-level-5: 0.938rem;
+  --vads-font-size-heading-level-6: 0.938rem;
   --vads-size-line-length-1: 44ex;
   --vads-size-line-length-2: 60ex;
   --vads-size-line-length-3: 64ex;

package/dist/tokens/json/variables.json

@@ -2591,11 +2591,11 @@
         ]
       },
       "xl": {
-        "value": "1.875rem",
+        "value": "2rem",
         "filePath": "tokens/fonts.json",
         "isSource": true,
         "original": {
-          "value": "1.875rem"
+          "value": "2rem"
         },
         "name": "font-size-xl",
         "attributes": {
@@ -2648,7 +2648,7 @@
         ]
       },
       "h2": {
-        "value": "1.875rem",
+        "value": "2rem",
         "filePath": "tokens/fonts.json",
         "isSource": true,
         "original": {
@@ -3087,11 +3087,11 @@
       },
       "heading": {
         "level-1": {
-          "value": "40px",
+          "value": "2.5rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "40px"
+            "value": "2.5rem"
           },
           "name": "vads-font-size-heading-level-1",
           "attributes": {
@@ -3108,11 +3108,11 @@
           ]
         },
         "level-2": {
-          "value": "32px",
+          "value": "2rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "32px"
+            "value": "2rem"
           },
           "name": "vads-font-size-heading-level-2",
           "attributes": {
@@ -3129,11 +3129,11 @@
           ]
         },
         "level-3": {
-          "value": "20px",
+          "value": "1.25rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "20px"
+            "value": "1.25rem"
           },
           "name": "vads-font-size-heading-level-3",
           "attributes": {
@@ -3150,11 +3150,11 @@
           ]
         },
         "level-4": {
-          "value": "17px",
+          "value": "1.063rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "17px"
+            "value": "1.063rem"
           },
           "name": "vads-font-size-heading-level-4",
           "attributes": {
@@ -3171,11 +3171,11 @@
           ]
         },
         "level-5": {
-          "value": "15px",
+          "value": "0.938rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "15px"
+            "value": "0.938rem"
           },
           "name": "vads-font-size-heading-level-5",
           "attributes": {
@@ -3192,11 +3192,11 @@
           ]
         },
         "level-6": {
-          "value": "15px",
+          "value": "0.938rem",
           "filePath": "tokens/fonts.json",
           "isSource": true,
           "original": {
-            "value": "15px"
+            "value": "0.938rem"
           },
           "name": "vads-font-size-heading-level-6",
           "attributes": {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 31 Jul 2025 13:55:00 GMT
+// Generated on Mon, 18 Aug 2025 18:08:11 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -139,10 +139,10 @@ $font-size-sm: 0.938rem;
 $font-size-root: 1rem;
 $font-size-md: 1.063rem;
 $font-size-lg: 1.25rem;
-$font-size-xl: 1.875rem;
+$font-size-xl: 2rem;
 $font-size-2xl: 2.5rem;
 $font-size-h1: 2.5rem;
-$font-size-h2: 1.875rem;
+$font-size-h2: 2rem;
 $font-size-h3: 1.25rem;
 $font-size-h4: 1.063rem;
 $font-size-h5: 0.938rem;
@@ -164,12 +164,12 @@ $vads-font-size-body-lead: 20px;
 $vads-font-size-body-medium: 17px;
 $vads-font-size-body-small: 15px;
 $vads-font-size-eyebrow: 17px;
-$vads-font-size-heading-level-1: 40px;
-$vads-font-size-heading-level-2: 32px;
-$vads-font-size-heading-level-3: 20px;
-$vads-font-size-heading-level-4: 17px;
-$vads-font-size-heading-level-5: 15px;
-$vads-font-size-heading-level-6: 15px;
+$vads-font-size-heading-level-1: 2.5rem;
+$vads-font-size-heading-level-2: 2rem;
+$vads-font-size-heading-level-3: 1.25rem;
+$vads-font-size-heading-level-4: 1.063rem;
+$vads-font-size-heading-level-5: 0.938rem;
+$vads-font-size-heading-level-6: 0.938rem;
 $vads-size-line-length-1: 44ex;
 $vads-size-line-length-2: 60ex;
 $vads-size-line-length-3: 64ex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.23.1",
+  "version": "0.24.0",
   "description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
   "packageManager": "yarn@3.2.0",
   "files": [
@@ -30,4 +30,4 @@
     "@uswds/uswds": "^3.9.0",
     "rimraf": "^5.0.5"
   }
-}
+}