@department-of-veterans-affairs/css-library 0.21.1 → 0.22.0

package/dist/stylesheets/core.css

@@ -6306,204 +6306,6 @@ dfn {
   }
 }
 
-/*
-  Original: @import "~uswds/src/stylesheets/components/accordions";
-  ***THIS IS USWDS v1***
-*/
-.usa-accordion,
-.usa-accordion-bordered {
-  margin-bottom: 0;
-  margin-top: 0;
-  list-style-type: none;
-  padding-left: 0;
-  color: #212121;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-.usa-accordion > li,
-.usa-accordion-bordered > li {
-  margin-bottom: 0;
-  max-width: unset;
-}
-.usa-accordion > ul li ul,
-.usa-accordion-bordered > ul li ul {
-  list-style: disc;
-}
-.usa-accordion > ul li ul > li > ul,
-.usa-accordion-bordered > ul li ul > li > ul {
-  list-style: circle;
-}
-.usa-accordion > ul li ul > li > ul > li > ul,
-.usa-accordion-bordered > ul li ul > li > ul > li > ul {
-  list-style: square;
-}
-.usa-accordion + .usa-accordion,
-.usa-accordion + .usa-accordion-bordered,
-.usa-accordion-bordered + .usa-accordion,
-.usa-accordion-bordered + .usa-accordion-bordered {
-  margin-top: 0.625rem;
-}
-.usa-accordion > ul,
-.usa-accordion-bordered > ul {
-  margin-bottom: 0;
-  margin-top: 0;
-  list-style-type: none;
-  padding-left: 0;
-  color: #212121;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-.usa-accordion > ul > li,
-.usa-accordion-bordered > ul > li {
-  margin-bottom: 0;
-  max-width: unset;
-}
-.usa-accordion > ul > li,
-.usa-accordion-bordered > ul > li {
-  background-color: #f0f0f0;
-  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  list-style: none;
-  margin-bottom: 0.3125rem;
-  width: 100%;
-}
-.usa-accordion > ul button,
-.usa-accordion-bordered > ul button {
-  background-color: transparent;
-  border: 0;
-  border-radius: 0;
-  font-weight: 400;
-  margin: 0;
-  padding: 0;
-  text-align: left;
-  -webkit-font-smoothing: auto;
-  background-color: #f0f0f0;
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/minus.png);
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/minus.svg);
-  background-position: right 1.25rem center;
-  background-repeat: no-repeat;
-  background-size: 0.9375rem;
-  color: #212121;
-  cursor: pointer;
-  display: inline-block;
-  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-weight: 700;
-  margin: 0;
-  padding: 0.9375rem 3.4375rem 0.9375rem 1.25rem;
-  width: 100%;
-}
-.usa-accordion > ul button:hover,
-.usa-accordion-bordered > ul button:hover {
-  background-color: transparent;
-}
-.usa-accordion > ul button:hover,
-.usa-accordion-bordered > ul button:hover {
-  background-color: #d6d7d9;
-  color: #212121;
-}
-.usa-accordion > ul button h1,
-.usa-accordion > ul button h2,
-.usa-accordion > ul button h3,
-.usa-accordion > ul button h4,
-.usa-accordion > ul button h5,
-.usa-accordion > ul button h6,
-.usa-accordion-bordered > ul button h1,
-.usa-accordion-bordered > ul button h2,
-.usa-accordion-bordered > ul button h3,
-.usa-accordion-bordered > ul button h4,
-.usa-accordion-bordered > ul button h5,
-.usa-accordion-bordered > ul button h6 {
-  margin: 0;
-}
-.usa-accordion > ul [aria-expanded=false],
-.usa-accordion-bordered > ul [aria-expanded=false] {
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/plus.png);
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/plus.svg);
-  background-repeat: no-repeat;
-  background-size: 0.9375rem;
-}
-.usa-accordion > li,
-.usa-accordion-bordered > li {
-  background-color: #f0f0f0;
-  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  list-style: none;
-  margin-bottom: 0.3125rem;
-  width: 100%;
-}
-
-.usa-accordion-bordered .usa-accordion-content {
-  border-bottom: 3px solid #f0f0f0;
-  border-left: 3px solid #f0f0f0;
-  border-right: 3px solid #f0f0f0;
-}
-
-.usa-accordion-content {
-  background-color: #ffffff;
-  overflow: auto;
-  padding: 0.9375rem 1.25rem;
-}
-.usa-accordion-content > *:first-child {
-  margin-top: 0;
-}
-.usa-accordion-content > *:last-child {
-  margin-bottom: 0;
-}
-.usa-accordion-content:not([aria-hidden]) {
-  position: absolute;
-  left: -999em;
-}
-.usa-accordion-content[aria-hidden=true] {
-  display: none;
-}
-
-.usa-accordion-button {
-  background-color: transparent;
-  border: 0;
-  border-radius: 0;
-  font-weight: 400;
-  margin: 0;
-  padding: 0;
-  text-align: left;
-  -webkit-font-smoothing: auto;
-  background-color: #f0f0f0;
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/minus.png);
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/minus.svg);
-  background-position: right 1.25rem center;
-  background-repeat: no-repeat;
-  background-size: 0.9375rem;
-  color: #212121;
-  cursor: pointer;
-  display: inline-block;
-  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
-  font-weight: 700;
-  margin: 0;
-  padding: 0.9375rem 3.4375rem 0.9375rem 1.25rem;
-  width: 100%;
-}
-.usa-accordion-button:hover {
-  background-color: transparent;
-}
-.usa-accordion-button:hover {
-  background-color: #d6d7d9;
-  color: #212121;
-}
-.usa-accordion-button h1,
-.usa-accordion-button h2,
-.usa-accordion-button h3,
-.usa-accordion-button h4,
-.usa-accordion-button h5,
-.usa-accordion-button h6 {
-  margin: 0;
-}
-
-.usa-accordion-button[aria-expanded=false] {
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/plus.png);
-  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/plus.svg);
-  background-repeat: no-repeat;
-  background-size: 0.9375rem;
-}
-
 /*
   Original: @import "~uswds/src/stylesheets/components/alerts";
   ***THIS IS USWDS v1***

package/dist/stylesheets/modules/m-eyebrow.css

@@ -1,4 +1,5 @@
 .vads-c-eyebrow {
+  display: block;
   font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-size: 1rem;
   font-style: normal;

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 01 Apr 2025 19:06:46 GMT
+ * Generated on Wed, 16 Apr 2025 16:04:50 GMT
  */
 
 :root {
@@ -145,6 +145,12 @@
   --font-size-h5: 0.938rem;
   --font-size-h6: 0.938rem;
   --v3-font-base-size: 16px;
+  --vads-font-line-height-1: 1;
+  --vads-font-line-height-2: 1.15;
+  --vads-font-line-height-3: 1.35;
+  --vads-font-line-height-4: 1.5;
+  --vads-font-line-height-5: 1.62;
+  --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;
@@ -242,4 +248,8 @@
   --vads-spacing-vertical-stack-s: 16px;
   --vads-spacing-vertical-stack-default: 16px;
   --vads-forms-spacing-vertical-stack-default: 32px;
+  --vads-site-margins-mobile-width: 16px;
+  --vads-site-margins-width: 32px;
+  --vads-site-margins-breakpoint: 1024px;
+  --vads-grid-container-max-width: 1024px;
 }

package/dist/tokens/json/variables.json

@@ -2674,6 +2674,120 @@
   },
   "vads-font": {
     "line-height": {
+      "-1": {
+        "value": "1",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1"
+        },
+        "name": "vads-font-line-height-1",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-1"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-1"
+        ]
+      },
+      "-2": {
+        "value": "1.15",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.15"
+        },
+        "name": "vads-font-line-height-2",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-2"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-2"
+        ]
+      },
+      "-3": {
+        "value": "1.35",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.35"
+        },
+        "name": "vads-font-line-height-3",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-3"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-3"
+        ]
+      },
+      "-4": {
+        "value": "1.5",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.5"
+        },
+        "name": "vads-font-line-height-4",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-4"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-4"
+        ]
+      },
+      "-5": {
+        "value": "1.62",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.62"
+        },
+        "name": "vads-font-line-height-5",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-5"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-5"
+        ]
+      },
+      "-6": {
+        "value": "1.75",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.75"
+        },
+        "name": "vads-font-line-height-6",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "-6"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "-6"
+        ]
+      },
       "body-lead": {
         "value": "1.75",
         "filePath": "tokens/fonts.json",
@@ -4422,5 +4536,77 @@
         "vertical-stack-default"
       ]
     }
+  },
+  "vads-site-margins": {
+    "mobile-width": {
+      "value": "16px",
+      "filePath": "tokens/spacing.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-spacing-2}"
+      },
+      "name": "vads-site-margins-mobile-width",
+      "attributes": {
+        "category": "vads-site-margins",
+        "type": "mobile-width"
+      },
+      "path": [
+        "vads-site-margins",
+        "mobile-width"
+      ]
+    },
+    "width": {
+      "value": "32px",
+      "filePath": "tokens/spacing.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-spacing-4}"
+      },
+      "name": "vads-site-margins-width",
+      "attributes": {
+        "category": "vads-site-margins",
+        "type": "width"
+      },
+      "path": [
+        "vads-site-margins",
+        "width"
+      ]
+    },
+    "breakpoint": {
+      "value": "1024px",
+      "filePath": "tokens/spacing.json",
+      "isSource": true,
+      "original": {
+        "value": "{desktop}"
+      },
+      "name": "vads-site-margins-breakpoint",
+      "attributes": {
+        "category": "vads-site-margins",
+        "type": "breakpoint"
+      },
+      "path": [
+        "vads-site-margins",
+        "breakpoint"
+      ]
+    }
+  },
+  "vads-grid-container": {
+    "max-width": {
+      "value": "1024px",
+      "filePath": "tokens/spacing.json",
+      "isSource": true,
+      "original": {
+        "value": "{desktop}"
+      },
+      "name": "vads-grid-container-max-width",
+      "attributes": {
+        "category": "vads-grid-container",
+        "type": "max-width"
+      },
+      "path": [
+        "vads-grid-container",
+        "max-width"
+      ]
+    }
   }
 }

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 01 Apr 2025 19:06:46 GMT
+// Generated on Wed, 16 Apr 2025 16:04:50 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -143,6 +143,12 @@ $font-size-h4: 1.063rem;
 $font-size-h5: 0.938rem;
 $font-size-h6: 0.938rem;
 $v3-font-base-size: 16px;
+$vads-font-line-height-1: 1;
+$vads-font-line-height-2: 1.15;
+$vads-font-line-height-3: 1.35;
+$vads-font-line-height-4: 1.5;
+$vads-font-line-height-5: 1.62;
+$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;
@@ -240,3 +246,7 @@ $vads-spacing-vertical-stack-m: 24px;
 $vads-spacing-vertical-stack-s: 16px;
 $vads-spacing-vertical-stack-default: 16px;
 $vads-forms-spacing-vertical-stack-default: 32px;
+$vads-site-margins-mobile-width: 16px;
+$vads-site-margins-width: 32px;
+$vads-site-margins-breakpoint: 1024px;
+$vads-grid-container-max-width: 1024px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.21.1",
+  "version": "0.22.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"
   }
-}
+}