@department-of-veterans-affairs/css-library 0.7.0 → 0.7.4

package/dist/{elements.css → base/headings.css}

@@ -1,4 +1,3 @@
-/*! This is intentionally left empty for now */
 /*
 * * * * * ==============================
 * * * * * ==============================
@@ -1383,62 +1382,6 @@ Sets:
 Easing
 ----------------------------------------
 */
-html,
-body {
-  padding: 0;
-  margin: 0;
-}
-
-html {
-  font-weight: 500;
-}
-
-body {
-  background: #ffffff;
-  color: #1b1b1b;
-}
-
-article > h1 {
-  margin-top: 0;
-}
-
-hr {
-  margin: 2.5em 0;
-  margin: 48px 0 40px;
-  border: 1px solid #a9aeb1;
-}
-
-#content abbr {
-  border-bottom: 0px;
-  text-decoration: none;
-  font-weight: inherit;
-  font-style: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-
-a {
-  color: #005ea2;
-  text-decoration: underline;
-  -webkit-transition-duration: 0.3s;
-  transition-duration: 0.3s;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-property: color, background-color, border-color;
-  transition-property: color, background-color, border-color;
-}
-a:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-  color: inherit;
-  text-decoration: underline;
-}
-a:active {
-  background: rgba(0, 0, 0, 0.05);
-}
-a:visited, a:visited abbr {
-  color: #54278f;
-}
-
 h1 {
   margin-top: 0;
 }
@@ -1563,78 +1506,18 @@ h6 {
   font-weight: 700;
 }
 
-ul {
-  padding: 0 0 0 1.5em;
-  list-style: square;
-}
-
-ol {
-  margin: 0 0 0 1.25em;
-  list-style-position: outside;
-}
-
-ul > ul,
-ul ol,
-ol > ul,
-ol ol {
-  margin: 0.5em 0 0.5em 1.2em;
-}
-
-dd {
-  margin-left: 0;
-}
-
-dd + dt {
-  margin-top: 1.5em;
-}
-
-figure {
-  font-size: 0.85em;
-  margin-left: -15px;
-  margin-right: -15px;
-}
-@media screen and (min-width: 1201px), print and (min-width: 1201px) {
-  figure {
-    margin-left: -16.66667%;
-    margin-right: -16.66667%;
+@media (max-width: 481px) {
+  h1 {
+    font-size: 30px;
+  }
+  h2 {
+    font-size: 24px;
   }
 }
-
-figcaption {
-  color: #162e51;
-}
-
-input::-webkit-input-placeholder {
-  color: #565c65;
-}
-
-input::-moz-placeholder {
-  color: #565c65;
-}
-
-input:-ms-input-placeholder {
-  color: #565c65;
-}
-
-input:focus::-webkit-input-placeholder {
-  color: transparent;
-}
-
-input:focus::-moz-placeholder {
-  color: transparent;
-}
-
-input:focus:-ms-input-placeholder {
-  color: transparent;
-}
-
-.va-notice--banner p {
-  margin: 0;
-}
-.va-notice--banner a {
-  background-image: none;
-  color: inherit;
-  padding: 0;
+h6 {
+  margin: 0.5em 0 0;
+  text-transform: none;
+  font-weight: 700;
 }
 
-/*# sourceMappingURL=elements.css.map */
+/*# sourceMappingURL=headings.css.map */

package/dist/full.css

@@ -3319,126 +3319,126 @@ through all possible variants
   font-style: normal;
   font-weight: 300;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format("woff2");
 }
 @font-face {
   font-family: "Roboto Mono Web";
   font-style: normal;
   font-weight: 400;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format("woff2");
 }
 @font-face {
   font-family: "Roboto Mono Web";
   font-style: normal;
   font-weight: 700;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format("woff2");
 }
 @font-face {
   font-family: "Roboto Mono Web";
   font-style: italic;
   font-weight: 300;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format("woff2");
 }
 @font-face {
   font-family: "Roboto Mono Web";
   font-style: italic;
   font-weight: 400;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format("woff2");
 }
 @font-face {
   font-family: "Roboto Mono Web";
   font-style: italic;
   font-weight: 700;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: normal;
   font-weight: 300;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: normal;
   font-weight: 400;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: normal;
   font-weight: 700;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: italic;
   font-weight: 300;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: italic;
   font-weight: 400;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2");
 }
 @font-face {
   font-family: "Source Sans Pro Web";
   font-style: italic;
   font-weight: 700;
   font-display: fallback;
-  src: url(../node_modules/@uswds/uswds/dist/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/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(../node_modules/@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
+  src: url(~@uswds/uswds/dist/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2");
 }
 /* stylelint-enable */
 /* latin */
@@ -4465,12 +4465,6 @@ body {
   font-size: 16px;
 }
 
-p {
-  line-height: 1.5;
-  margin-bottom: 1em;
-  margin-top: 1em;
-}
-
 a {
   color: #005ea2;
   text-decoration: underline;
@@ -5564,6 +5558,96 @@ fieldset {
   }
 }
 
+html,
+body {
+  padding: 0;
+  margin: 0;
+}
+
+html {
+  font-size: 10px;
+  font-weight: 500;
+}
+
+body {
+  background: #ffffff;
+  color: #1b1b1b;
+  font-size: 16px;
+  font-family: inherit;
+}
+body.modal-open {
+  overflow: hidden;
+}
+
+.show-on-focus {
+  position: absolute;
+  top: -10em;
+  background: #ffffff;
+  padding: 1em;
+  margin: 1em;
+  color: #162e51;
+  display: block;
+  font-weight: 600;
+}
+.show-on-focus:focus {
+  position: inherit;
+  top: auto;
+  outline: 2px solid #ffbe2e;
+}
+
+body .row.full {
+  width: 100%;
+  max-width: 100%;
+}
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute !important;
+  width: 1px;
+  word-wrap: normal !important;
+}
+
+.no-print-no-sr {
+  display: none !important;
+}
+
+#content abbr {
+  border-bottom: 0px;
+  text-decoration: none;
+  font-weight: inherit;
+  font-style: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
+a {
+  color: #005ea2;
+  text-decoration: underline;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+  -webkit-transition-property: color, background-color, border-color;
+  transition-property: color, background-color, border-color;
+}
+a:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: inherit;
+  text-decoration: underline;
+}
+a:active {
+  background: rgba(0, 0, 0, 0.05);
+}
+a:visited, a:visited abbr {
+  color: #54278f;
+}
+
 /*
 * * * * * ==============================
 * * * * * ==============================
@@ -6936,96 +7020,6 @@ Sets:
 Easing
 ----------------------------------------
 */
-html,
-body {
-  padding: 0;
-  margin: 0;
-}
-
-html {
-  font-size: 10px;
-  font-weight: 500;
-}
-
-body {
-  background: #ffffff;
-  color: #1b1b1b;
-  font-size: 16px;
-  font-family: inherit;
-}
-body.modal-open {
-  overflow: hidden;
-}
-
-.show-on-focus {
-  position: absolute;
-  top: -10em;
-  background: #ffffff;
-  padding: 1em;
-  margin: 1em;
-  color: #162e51;
-  display: block;
-  font-weight: 600;
-}
-.show-on-focus:focus {
-  position: inherit;
-  top: auto;
-  outline: 2px solid #ffbe2e;
-}
-
-body .row.full {
-  width: 100%;
-  max-width: 100%;
-}
-
-.sr-only {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute !important;
-  width: 1px;
-  word-wrap: normal !important;
-}
-
-.no-print-no-sr {
-  display: none !important;
-}
-
-#content abbr {
-  border-bottom: 0px;
-  text-decoration: none;
-  font-weight: inherit;
-  font-style: inherit;
-  color: inherit;
-  cursor: pointer;
-}
-
-a {
-  color: #005ea2;
-  text-decoration: underline;
-  -webkit-transition-duration: 0.3s;
-  transition-duration: 0.3s;
-  -webkit-transition-timing-function: ease-in-out;
-  transition-timing-function: ease-in-out;
-  -webkit-transition-property: color, background-color, border-color;
-  transition-property: color, background-color, border-color;
-}
-a:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-  color: inherit;
-  text-decoration: underline;
-}
-a:active {
-  background: rgba(0, 0, 0, 0.05);
-}
-a:visited, a:visited abbr {
-  color: #54278f;
-}
-
 h1 {
   margin-top: 0;
 }
@@ -7138,6 +7132,20 @@ h6 {
   font-weight: 700;
 }
 
+@media (max-width: 481px) {
+  h1 {
+    font-size: 30px;
+  }
+  h2 {
+    font-size: 24px;
+  }
+}
+h6 {
+  margin: 0.5em 0 0;
+  text-transform: none;
+  font-weight: 700;
+}
+
 ul {
   padding: 0 0 0 1.5em;
   list-style: square;
@@ -7314,6 +7322,7 @@ table {
 }
 
 .va-notice--banner p {
+  font-size: 16px;
   margin: 0;
 }
 .va-notice--banner a {
@@ -7352,6 +7361,8 @@ article > h1 {
   max-width: 48.125rem;
 }
 .va-introtext p {
+  font-size: 1.25rem;
+  font-weight: 400;
   line-height: 1.7;
 }
 
@@ -7650,6 +7661,7 @@ p.usa-alert-heading {
 }
 
 .va-nav-breadcrumbs-list {
+  font-size: 16px;
   float: none !important;
   position: relative;
 }

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 May 2024 17:25:12 GMT
+ * Generated on Tue, 04 Jun 2024 16:53:11 GMT
  */
 
 :root {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 17 May 2024 17:25:12 GMT
+// Generated on Tue, 04 Jun 2024 16:53:11 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;