@department-of-veterans-affairs/css-library 0.8.2 → 0.8.4

package/dist/stylesheets/core.css

@@ -4157,8 +4157,8 @@ textarea {
 select {
   appearance: none;
   background-color: #ffffff;
-  background-image: url("/assets/img/arrow-both.png");
-  background-image: none, url("/assets/img/arrow-both.svg"), url("/assets/img/arrow-both.png");
+  background-image: url("/img/arrow-both.png");
+  background-image: none, url("/img/arrow-both.svg"), url("/img/arrow-both.png");
   background-position: right 0.8125rem center;
   background-repeat: no-repeat;
   background-size: 0.625rem;
@@ -4256,8 +4256,8 @@ legend {
 
 [type=checkbox]:checked + label::before,
 [type=checkbox]:checked:disabled + label::before {
-  background-image: url("/assets/img/correct8.png");
-  background-image: url("/assets/img/correct8.svg");
+  background-image: url("/img/correct8.png");
+  background-image: url("/img/correct8.svg");
   background-position: 50%;
   background-repeat: no-repeat;
 }
@@ -4288,8 +4288,8 @@ legend {
   [type=checkbox]:checked:disabled + label::before {
     background-image: none;
     background-color: #ffffff;
-    content: url("/assets/img/correct8-alt.png");
-    content: url("/assets/img/correct8-alt.svg");
+    content: url("/img/correct8-alt.png");
+    content: url("/img/correct8-alt.svg");
     text-indent: 0;
   }
   [type=radio]:checked:disabled + label::before,
@@ -4611,6 +4611,12 @@ body {
   font-size: 16px;
 }
 
+p {
+  line-height: 1.5;
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+
 a {
   color: #005ea2;
   text-decoration: underline;
@@ -4627,8 +4633,8 @@ a:visited {
 }
 
 .usa-external_link::after {
-  background: url("/assets/img/external-link.png") no-repeat 0 0;
-  background: url("/assets/img/external-link.svg") no-repeat 0 0;
+  background: url("/img/external-link.png") no-repeat 0 0;
+  background: url("/img/external-link.svg") no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -4638,13 +4644,13 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link:hover::after {
-  background-image: url("/assets/img/external-link-hover.png");
-  background-image: url("/assets/img/external-link-hover.svg");
+  background-image: url("/img/external-link-hover.png");
+  background-image: url("/img/external-link-hover.svg");
 }
 
 .usa-external_link-alt::after {
-  background: url("/assets/img/external-link-alt.png") no-repeat 0 0;
-  background: url("/assets/img/external-link-alt.svg") no-repeat 0 0;
+  background: url("/img/external-link-alt.png") no-repeat 0 0;
+  background: url("/img/external-link-alt.svg") no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -4654,8 +4660,8 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link-alt:hover::after {
-  background-image: url("/assets/img/external-link-alt-hover.png");
-  background-image: url("/assets/img/external-link-alt-hover.svg");
+  background-image: url("/img/external-link-alt-hover.png");
+  background-image: url("/img/external-link-alt-hover.svg");
 }
 
 h1,
@@ -4675,33 +4681,65 @@ h1 {
   font-size: 2.5rem;
   font-weight: 700;
 }
+h1 a {
+  font-size: 2.5rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h2 {
   font-size: 1.875rem;
   font-weight: 700;
 }
+h2 a {
+  font-size: 1.875rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h3 {
   font-size: 1.25rem;
   font-weight: 700;
 }
+h3 a {
+  font-size: 1.25rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h4 {
   font-size: 1.0625rem;
   font-weight: 700;
 }
+h4 a {
+  font-size: 1.0625rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h5 {
   font-size: 0.9375rem;
   font-weight: 700;
 }
+h5 a {
+  font-size: 0.9375rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h6 {
   font-size: 0.8125rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: uppercase;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+h6 a {
+  font-size: 0.8125rem;
+  font-weight: 400;
+  line-height: 1.5;
+  text-transform: uppercase;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
 cite,
@@ -4915,8 +4953,8 @@ dfn {
   text-align: left;
   -webkit-font-smoothing: auto;
   background-color: #f0f0f0;
-  background-image: url("/assets/img/minus.png");
-  background-image: url("/assets/img/minus.svg");
+  background-image: url("/img/minus.png");
+  background-image: url("/img/minus.svg");
   background-position: right 1.25rem center;
   background-repeat: no-repeat;
   background-size: 0.9375rem;
@@ -4954,8 +4992,8 @@ dfn {
 }
 .usa-accordion > ul [aria-expanded=false],
 .usa-accordion-bordered > ul [aria-expanded=false] {
-  background-image: url("/assets/img/plus.png");
-  background-image: url("/assets/img/plus.svg");
+  background-image: url("/img/plus.png");
+  background-image: url("/img/plus.svg");
   background-repeat: no-repeat;
   background-size: 0.9375rem;
 }
@@ -5003,8 +5041,8 @@ dfn {
   text-align: left;
   -webkit-font-smoothing: auto;
   background-color: #f0f0f0;
-  background-image: url("/assets/img/minus.png");
-  background-image: url("/assets/img/minus.svg");
+  background-image: url("/img/minus.png");
+  background-image: url("/img/minus.svg");
   background-position: right 1.25rem center;
   background-repeat: no-repeat;
   background-size: 0.9375rem;
@@ -5034,8 +5072,8 @@ dfn {
 }
 
 .usa-accordion-button[aria-expanded=false] {
-  background-image: url("/assets/img/plus.png");
-  background-image: url("/assets/img/plus.svg");
+  background-image: url("/img/plus.png");
+  background-image: url("/img/plus.svg");
   background-repeat: no-repeat;
   background-size: 0.9375rem;
 }
@@ -5114,8 +5152,8 @@ dfn {
 
 .usa-alert-success {
   background-color: #ecf3ec;
-  background-image: url("/assets/img/alerts/success.png");
-  background-image: url("/assets/img/alerts/success.svg");
+  background-image: url("/img/alerts/success.png");
+  background-image: url("/img/alerts/success.svg");
 }
 .usa-alert-success::before {
   background-color: #008817;
@@ -5126,8 +5164,8 @@ dfn {
 
 .usa-alert-warning {
   background-color: #fef0c8;
-  background-image: url("/assets/img/alerts/warning.png");
-  background-image: url("/assets/img/alerts/warning.svg");
+  background-image: url("/img/alerts/warning.png");
+  background-image: url("/img/alerts/warning.svg");
 }
 .usa-alert-warning::before {
   background-color: #ffbe2e;
@@ -5138,8 +5176,8 @@ dfn {
 
 .usa-alert-error {
   background-color: #f8dfe2;
-  background-image: url("/assets/img/alerts/error.png");
-  background-image: url("/assets/img/alerts/error.svg");
+  background-image: url("/img/alerts/error.png");
+  background-image: url("/img/alerts/error.svg");
 }
 .usa-alert-error::before {
   background-color: #d83933;
@@ -5150,8 +5188,8 @@ dfn {
 
 .usa-alert-info {
   background-color: #e1f3f8;
-  background-image: url("/assets/img/alerts/info.png");
-  background-image: url("/assets/img/alerts/info.svg");
+  background-image: url("/img/alerts/info.png");
+  background-image: url("/img/alerts/info.svg");
 }
 .usa-alert-info::before {
   background-color: #00bde3;
@@ -5377,8 +5415,8 @@ dfn {
   background-image: none;
 }
 .usa-banner-button[aria-expanded=false]::after {
-  background-image: url("/assets/img/angle-arrow-down-primary.png");
-  background-image: url("/assets/img/angle-arrow-down-primary.svg");
+  background-image: url("/img/angle-arrow-down-primary.png");
+  background-image: url("/img/angle-arrow-down-primary.svg");
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -5389,8 +5427,8 @@ dfn {
   /* stylelint-enable */
 }
 .usa-banner-button[aria-expanded=false]:hover::after {
-  background-image: url("/assets/img/angle-arrow-down-primary-hover.png");
-  background-image: url("/assets/img/angle-arrow-down-primary-hover.svg");
+  background-image: url("/img/angle-arrow-down-primary-hover.png");
+  background-image: url("/img/angle-arrow-down-primary-hover.svg");
 }
 .usa-banner-button[aria-expanded=false]::after {
   background-position-y: 1px;
@@ -5400,8 +5438,8 @@ dfn {
   height: 3.5rem;
 }
 .usa-banner-button[aria-expanded=true]::after {
-  background-image: url("/assets/img/close.png");
-  background-image: url("/assets/img/close.svg");
+  background-image: url("/img/close.png");
+  background-image: url("/img/close.svg");
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -5418,8 +5456,8 @@ dfn {
     position: relative;
   }
   .usa-banner-button[aria-expanded=true]::after {
-    background-image: url("/assets/img/angle-arrow-up-primary.png");
-    background-image: url("/assets/img/angle-arrow-up-primary.svg");
+    background-image: url("/img/angle-arrow-up-primary.png");
+    background-image: url("/img/angle-arrow-up-primary.svg");
     background-size: 100%;
     content: "";
     display: inline-block;
@@ -5430,8 +5468,8 @@ dfn {
     /* stylelint-enable */
   }
   .usa-banner-button[aria-expanded=true]:hover::after {
-    background-image: url("/assets/img/angle-arrow-up-primary-hover.png");
-    background-image: url("/assets/img/angle-arrow-up-primary-hover.svg");
+    background-image: url("/img/angle-arrow-up-primary-hover.png");
+    background-image: url("/img/angle-arrow-up-primary-hover.svg");
   }
   .usa-banner-button[aria-expanded=true]::after {
     background-position-y: 1px;
@@ -5601,8 +5639,8 @@ fieldset {
 }
 
 .usa-checklist-checked::before {
-  background-image: url("/assets/img/correct9.png");
-  background-image: url("/assets/img/correct9.svg");
+  background-image: url("/img/correct9.png");
+  background-image: url("/img/correct9.svg");
   background-position: 100%;
   background-repeat: no-repeat;
   background-size: 100%;
@@ -7561,7 +7599,7 @@ article > h1 {
   working while we work on deprecation.
 **/
 .external-link-icon-black {
-  background-image: url("/assets/img/exit-icon.png");
+  background-image: url("/img/exit-icon.png");
   background-position: 100% 50%;
   background-repeat: no-repeat;
   background-size: 1em auto;

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

@@ -127,8 +127,8 @@ textarea {
 select {
   appearance: none;
   background-color: #ffffff;
-  background-image: url("/assets/img/arrow-both.png");
-  background-image: none, url("/assets/img/arrow-both.svg"), url("/assets/img/arrow-both.png");
+  background-image: url("/img/arrow-both.png");
+  background-image: none, url("/img/arrow-both.svg"), url("/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("/assets/img/correct8.png");
-  background-image: url("/assets/img/correct8.svg");
+  background-image: url("/img/correct8.png");
+  background-image: url("/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("/assets/img/correct8-alt.png");
-    content: url("/assets/img/correct8-alt.svg");
+    content: url("/img/correct8-alt.png");
+    content: url("/img/correct8-alt.svg");
     text-indent: 0;
   }
   [type=radio]:checked:disabled + label::before,

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

@@ -38,6 +38,12 @@ body {
   font-size: 16px;
 }
 
+p {
+  line-height: 1.5;
+  margin-bottom: 1em;
+  margin-top: 1em;
+}
+
 a {
   color: #005ea2;
   text-decoration: underline;
@@ -54,8 +60,8 @@ a:visited {
 }
 
 .usa-external_link::after {
-  background: url("/assets/img/external-link.png") no-repeat 0 0;
-  background: url("/assets/img/external-link.svg") no-repeat 0 0;
+  background: url("/img/external-link.png") no-repeat 0 0;
+  background: url("/img/external-link.svg") no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -65,13 +71,13 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link:hover::after {
-  background-image: url("/assets/img/external-link-hover.png");
-  background-image: url("/assets/img/external-link-hover.svg");
+  background-image: url("/img/external-link-hover.png");
+  background-image: url("/img/external-link-hover.svg");
 }
 
 .usa-external_link-alt::after {
-  background: url("/assets/img/external-link-alt.png") no-repeat 0 0;
-  background: url("/assets/img/external-link-alt.svg") no-repeat 0 0;
+  background: url("/img/external-link-alt.png") no-repeat 0 0;
+  background: url("/img/external-link-alt.svg") no-repeat 0 0;
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -81,8 +87,8 @@ a:visited {
   width: 0.65em;
 }
 .usa-external_link-alt:hover::after {
-  background-image: url("/assets/img/external-link-alt-hover.png");
-  background-image: url("/assets/img/external-link-alt-hover.svg");
+  background-image: url("/img/external-link-alt-hover.png");
+  background-image: url("/img/external-link-alt-hover.svg");
 }
 
 h1,
@@ -102,33 +108,65 @@ h1 {
   font-size: 2.5rem;
   font-weight: 700;
 }
+h1 a {
+  font-size: 2.5rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h2 {
   font-size: 1.875rem;
   font-weight: 700;
 }
+h2 a {
+  font-size: 1.875rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h3 {
   font-size: 1.25rem;
   font-weight: 700;
 }
+h3 a {
+  font-size: 1.25rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h4 {
   font-size: 1.0625rem;
   font-weight: 700;
 }
+h4 a {
+  font-size: 1.0625rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h5 {
   font-size: 0.9375rem;
   font-weight: 700;
 }
+h5 a {
+  font-size: 0.9375rem;
+  font-weight: 700;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
 
 h6 {
   font-size: 0.8125rem;
   font-weight: 400;
   line-height: 1.5;
   text-transform: uppercase;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+h6 a {
+  font-size: 0.8125rem;
+  font-weight: 400;
+  line-height: 1.5;
+  text-transform: uppercase;
+  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 
 cite,

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

@@ -6,7 +6,7 @@
   position: relative;
 }
 .va-dropdown-trigger {
-  background: transparent url("/assets/img/arrow-down-white.svg") no-repeat;
+  background: transparent url("/img/arrow-down-white.svg") no-repeat;
   background-position: right 8px center;
   background-size: 10px 10px;
   border-radius: 0;
@@ -20,7 +20,7 @@
 .va-dropdown-trigger[aria-expanded=true] {
   border-top-color: #8a7237;
   background-color: #ffffff;
-  background-image: url("/assets/img/arrow-up.svg") !important;
+  background-image: url("/img/arrow-up.svg") !important;
   color: #1b1b1b;
 }
 .va-dropdown-trigger[aria-expanded=true] path {

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("/assets/img/exit-icon.png");
+  background-image: url("/img/exit-icon.png");
   background-position: 100% 50%;
   background-repeat: no-repeat;
   background-size: 1em auto;

package/dist/stylesheets/modules/m-hub-page-link-list.css

@@ -15,7 +15,7 @@
 }
 .hub-page-link-list__item > a:hover .all-link-arrow, .hub-page-link-list__item > a:focus .all-link-arrow {
   margin-left: 10px;
-  content: url("/assets/img/arrow-right.svg");
+  content: url("/img/arrow-right.svg");
 }
 .hub-page-link-list__item > a:hover .hub-page-link-list__header, .hub-page-link-list__item > a:focus .hub-page-link-list__header {
   text-decoration: underline;

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

@@ -239,8 +239,13 @@
 .mega-menu .mm-marketing-container .mm-marketing-text {
   padding: 20px;
 }
+#mega-menu .mm-marketing-container .mm-marketing-text a,
+.mega-menu .mm-marketing-container .mm-marketing-text a {
+  font-size: 16px;
+}
 #mega-menu .mm-marketing-container p,
 .mega-menu .mm-marketing-container p {
+  font-size: 16px;
   margin-top: 5px;
 }
 #mega-menu #vetnav-column-one-col .panel-bottom-link,

package/dist/stylesheets/modules/m-nav-sidebar.css

@@ -264,11 +264,11 @@
   background-color: #e1f3f8;
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=false] {
-  background-image: url("/assets/img/plus-blue.svg");
+  background-image: url("/img/plus-blue.svg");
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true] {
   border-bottom: 0;
-  background-image: url("/assets/img/minus-blue.svg");
+  background-image: url("/img/minus-blue.svg");
 }
 .va-sidebarnav .usa-accordion .usa-accordion-button[aria-expanded=true]:focus {
   border: 2px solid #fdb81e;
@@ -337,7 +337,7 @@
 }
 
 .va-btn-close-icon {
-  background: transparent url("/assets/img/close.svg") center no-repeat;
+  background: transparent url("/img/close.svg") center no-repeat;
   background-size: 0.625rem 0.625rem;
   height: 1.375rem;
   padding: 1.375rem;

package/dist/stylesheets/shame.css

@@ -139,8 +139,8 @@ fieldset {
 }
 
 .usa-checklist-checked::before {
-  background-image: url("/assets/img/correct9.png");
-  background-image: url("/assets/img/correct9.svg");
+  background-image: url("/img/correct9.png");
+  background-image: url("/img/correct9.svg");
   background-position: 100%;
   background-repeat: no-repeat;
   background-size: 100%;

package/dist/stylesheets/uswds-typography.css

@@ -4198,27 +4198,4 @@ p, a, ol, ul, li, dl, dt, dd, form, label, button {
   line-height: 1.5;
 }
 
-/**
-  USWDS paragraph style
-
-  p {
-    line-height: 1.5;
-    max-width: 68ex;
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-*/
-p {
-  line-height: 1.5;
-  max-width: 68ex;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-* + p {
-  margin-top: 1em;
-}
-p + * {
-  margin-top: 1em;
-}
-
 /*# sourceMappingURL=uswds-typography.css.map */

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 10 Jun 2024 21:05:47 GMT
+ * Generated on Mon, 24 Jun 2024 21:38:27 GMT
  */
 
 :root {

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 10 Jun 2024 21:05:47 GMT
+// Generated on Mon, 24 Jun 2024 21:38:27 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;

package/package.json

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