@department-of-veterans-affairs/css-library 0.19.0 → 0.20.0-rc1

package/dist/stylesheets/formation-overrides/core/fonts.css

@@ -21,25 +21,29 @@
   font-family: "Merriweather";
   font-style: normal;
   font-weight: 300;
-  src: url("/assets/fonts/merriweather-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-light-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-light-webfont.woff") format("woff"), url("/assets/fonts/merriweather-light-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-light-webfont.svg#Merriweather") format("svg");
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
 }
 @font-face {
   font-family: "Merriweather";
   font-style: normal;
   font-weight: 400;
-  src: url("/assets/fonts/merriweather-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-regular-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-regular-webfont.woff") format("woff"), url("/assets/fonts/merriweather-regular-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-regular-webfont.svg#Merriweather") format("svg");
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
 }
 @font-face {
   font-family: "Merriweather";
-  font-style: italic;
-  font-weight: 400;
-  src: url("/assets/fonts/merriweather-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-italic-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-italic-webfont.woff") format("woff"), url("/assets/fonts/merriweather-italic-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-italic-webfont.svg#Merriweather") format("svg");
+  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";
-  font-style: normal;
-  font-weight: 700;
-  src: url("/assets/fonts/merriweather-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/merriweather-bold-webfont.woff2") format("woff2"), url("/assets/fonts/merriweather-bold-webfont.woff") format("woff"), url("/assets/fonts/merriweather-bold-webfont.ttf") format("truetype"), url("/assets/fonts/merriweather-bold-webfont.svg#Merriweather") format("svg");
+  font-style: italic;
+  font-weight: 400;
+  font-display: fallback;
+  src: url(~@uswds/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
 }
 /* stylelint-enable */
 

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

@@ -127,8 +127,8 @@ textarea {
 select {
   appearance: none;
   background-color: #ffffff;
-  background-image: url("/img/arrow-both.png");
-  background-image: none, url("/img/arrow-both.svg"), url("/img/arrow-both.png");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.png);
+  background-image: none, url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.svg), url(~@department-of-veterans-affairs/css-library/dist/img/arrow-both.png);
   background-position: right 0.8125rem center;
   background-repeat: no-repeat;
   background-size: 0.625rem;
@@ -226,8 +226,8 @@ legend {
 
 [type=checkbox]:checked + label::before,
 [type=checkbox]:checked:disabled + label::before {
-  background-image: url("/img/correct8.png");
-  background-image: url("/img/correct8.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct8.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct8.svg);
   background-position: 50%;
   background-repeat: no-repeat;
 }
@@ -258,8 +258,8 @@ legend {
   [type=checkbox]:checked:disabled + label::before {
     background-image: none;
     background-color: #ffffff;
-    content: url("/img/correct8-alt.png");
-    content: url("/img/correct8-alt.svg");
+    content: url(~@department-of-veterans-affairs/css-library/dist/img/correct8-alt.png);
+    content: url(~@department-of-veterans-affairs/css-library/dist/img/correct8-alt.svg);
     text-indent: 0;
   }
   [type=radio]:checked:disabled + label::before,

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

@@ -60,8 +60,8 @@ a:visited {
 }
 
 .usa-external_link::after {
-  background: url("/img/external-link.png") no-repeat 0 0;
-  background: url("/img/external-link.svg") no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.png) no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.svg) no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -71,13 +71,13 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link:hover::after {
-  background-image: url("/img/external-link-hover.png");
-  background-image: url("/img/external-link-hover.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.svg);
 }
 
 .usa-external_link-alt::after {
-  background: url("/img/external-link-alt.png") no-repeat 0 0;
-  background: url("/img/external-link-alt.svg") no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.png) no-repeat 0 0;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/external-link.svg) no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -87,8 +87,8 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link-alt:hover::after {
-  background-image: url("/img/external-link-alt-hover.png");
-  background-image: url("/img/external-link-alt-hover.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/external-link-hover.svg);
 }
 
 h1,

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

@@ -26,7 +26,7 @@
   width: 100%;
 }
 .usa-alert::before {
-  background-image: url("/img/info.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.svg);
   background-size: 35px 35px;
   background-repeat: no-repeat;
   background-position: center;
@@ -79,7 +79,7 @@
   border-left-color: #00a6d2;
 }
 .usa-alert-info::before {
-  background-image: url("/img/info.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.svg);
 }
 .usa-alert-info.background-color-only {
   background-color: #e1f3f8;
@@ -88,7 +88,7 @@
   border-left-color: #cd2026;
 }
 .usa-alert-error::before {
-  background-image: url("/img/error.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/error.svg);
 }
 .usa-alert-error.background-color-only {
   background-color: #f9dede;
@@ -97,7 +97,7 @@
   border-left-color: #008817;
 }
 .usa-alert-success::before {
-  background-image: url("/img/success.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/success.svg);
 }
 .usa-alert-success.background-color-only {
   background-color: #e7f4e4;
@@ -106,7 +106,7 @@
   border-left-color: #fdb81e;
 }
 .usa-alert-warning::before {
-  background-image: url("/img/warning.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/warning.svg);
 }
 .usa-alert-warning.background-color-only {
   background-color: #fff1d2;

package/dist/stylesheets/modules/m-external-link.css

@@ -3,7 +3,7 @@
   working while we work on deprecation.
 **/
 .external-link-icon-black {
-  background-image: url("/img/exit-icon.png");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/exit-icon.png);
   background-position: 100% 50%;
   background-repeat: no-repeat;
   background-size: 1em auto;

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

@@ -0,0 +1,10 @@
+.vads-c-eyebrow {
+  font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 400;
+  color: #3d4551;
+  text-transform: uppercase;
+}
+
+/*# sourceMappingURL=m-eyebrow.css.map */

package/dist/stylesheets/shame.css

@@ -139,8 +139,8 @@ fieldset {
 }
 
 .usa-checklist-checked::before {
-  background-image: url("/img/correct9.png");
-  background-image: url("/img/correct9.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct9.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/correct9.svg);
   background-position: 100%;
   background-repeat: no-repeat;
   background-size: 100%;

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Feb 2025 18:27:00 GMT
+ * Generated on Mon, 10 Mar 2025 17:45:00 GMT
  */
 
 :root {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 26 Feb 2025 18:27:00 GMT
+// Generated on Mon, 10 Mar 2025 17:45:00 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;

package/package.json

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