@department-of-veterans-affairs/css-library 0.21.2 → 0.22.1

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/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 09 Apr 2025 20:34:27 GMT
+ * Generated on Wed, 23 Apr 2025 18:55:52 GMT
  */
 
 :root {
@@ -20,6 +20,10 @@
   --vads-button-color-background-secondary-on-light: #ffffff;
   --vads-button-color-text-primary-alt-on-light: #ffffff;
   --vads-button-color-text-primary-on-light: #ffffff;
+  --vads-alert-color-background-info-on-light: #e7f6f8;
+  --vads-alert-color-background-success-on-light: #ecf3ec;
+  --vads-alert-color-background-warning-on-light: #faf3d1;
+  --vads-alert-color-background-error-on-light: #f4e3db;
   --vads-color-white: #ffffff;
   --vads-label-hint-text-color-on-light: #757575;
   --vads-process-list-color-text-pending-on-light: #757575;

package/dist/tokens/json/variables.json

@@ -261,6 +261,82 @@
       ]
     }
   },
+  "vads-alert-color-background-info-on-light": {
+    "*": {
+      "value": "#e7f6f8",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-cyan-5}"
+      },
+      "name": "vads-alert-color-background-info-on-light",
+      "attributes": {
+        "category": "vads-alert-color-background-info-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-alert-color-background-info-on-light",
+        "*"
+      ]
+    }
+  },
+  "vads-alert-color-background-success-on-light": {
+    "*": {
+      "value": "#ecf3ec",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-green-cool-5}"
+      },
+      "name": "vads-alert-color-background-success-on-light",
+      "attributes": {
+        "category": "vads-alert-color-background-success-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-alert-color-background-success-on-light",
+        "*"
+      ]
+    }
+  },
+  "vads-alert-color-background-warning-on-light": {
+    "*": {
+      "value": "#faf3d1",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-yellow-5}"
+      },
+      "name": "vads-alert-color-background-warning-on-light",
+      "attributes": {
+        "category": "vads-alert-color-background-warning-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-alert-color-background-warning-on-light",
+        "*"
+      ]
+    }
+  },
+  "vads-alert-color-background-error-on-light": {
+    "*": {
+      "value": "#f4e3db",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-red-warm-10}"
+      },
+      "name": "vads-alert-color-background-error-on-light",
+      "attributes": {
+        "category": "vads-alert-color-background-error-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-alert-color-background-error-on-light",
+        "*"
+      ]
+    }
+  },
   "vads-color-white": {
     "*": {
       "value": "#ffffff",

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 09 Apr 2025 20:34:27 GMT
+// Generated on Wed, 23 Apr 2025 18:55:52 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -18,6 +18,10 @@ $vads-button-color-background-primary-alt-active-on-light: #154c21;
 $vads-button-color-background-secondary-on-light: #ffffff;
 $vads-button-color-text-primary-alt-on-light: #ffffff;
 $vads-button-color-text-primary-on-light: #ffffff;
+$vads-alert-color-background-info-on-light: #e7f6f8;
+$vads-alert-color-background-success-on-light: #ecf3ec;
+$vads-alert-color-background-warning-on-light: #faf3d1;
+$vads-alert-color-background-error-on-light: #f4e3db;
 $vads-color-white: #ffffff;
 $vads-label-hint-text-color-on-light: #757575;
 $vads-process-list-color-text-pending-on-light: #757575;

package/package.json

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