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

package/dist/img/angle-arrow-down-primary-hover.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 284.929 284.929"><path d="M282.082 76.51L267.808 62.24c-1.902-1.906-4.093-2.856-6.57-2.856-2.47 0-4.66.95-6.563 2.856L142.465 174.44 30.263 62.24c-1.903-1.905-4.093-2.855-6.567-2.855-2.475 0-4.665.95-6.567 2.856L2.856 76.516C.95 78.417 0 80.607 0 83.082c0 2.473.953 4.663 2.856 6.565L135.9 222.693c1.9 1.903 4.092 2.854 6.566 2.854s4.66-.95 6.562-2.854L282.082 89.647c1.902-1.903 2.847-4.093 2.847-6.565 0-2.475-.946-4.665-2.848-6.57z" fill="#205493"/></svg>

package/dist/img/angle-arrow-down-primary.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 284.929 284.929"><path d="M282.082 76.51L267.808 62.24c-1.902-1.906-4.093-2.856-6.57-2.856-2.47 0-4.66.95-6.563 2.856L142.465 174.44 30.263 62.24c-1.903-1.905-4.093-2.855-6.567-2.855-2.475 0-4.665.95-6.567 2.856L2.856 76.516C.95 78.417 0 80.607 0 83.082c0 2.473.953 4.663 2.856 6.565L135.9 222.693c1.9 1.903 4.092 2.854 6.566 2.854s4.66-.95 6.562-2.854L282.082 89.647c1.902-1.903 2.847-4.093 2.847-6.565 0-2.475-.946-4.665-2.848-6.57z" fill="#0071bc"/></svg>

package/dist/img/angle-arrow-up-primary-hover.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 284.929 284.929"><path d="M282.082 195.285L149.028 62.24c-1.9-1.903-4.088-2.856-6.562-2.856s-4.665.953-6.567 2.856L2.855 195.285C.95 197.19 0 199.378 0 201.853c0 2.474.953 4.664 2.856 6.566l14.272 14.27c1.903 1.903 4.093 2.854 6.567 2.854s4.664-.95 6.567-2.854l112.204-112.202 112.208 112.21c1.902 1.902 4.093 2.847 6.563 2.847 2.478 0 4.668-.95 6.57-2.848l14.274-14.277c1.903-1.902 2.848-4.093 2.848-6.566 0-2.476-.944-4.666-2.846-6.57z" fill="#205493"/></svg>

package/dist/img/angle-arrow-up-primary.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 284.929 284.929"><path d="M282.082 195.285L149.028 62.24c-1.9-1.903-4.088-2.856-6.562-2.856s-4.665.953-6.567 2.856L2.855 195.285C.95 197.19 0 199.378 0 201.853c0 2.474.953 4.664 2.856 6.566l14.272 14.27c1.903 1.903 4.093 2.854 6.567 2.854s4.664-.95 6.567-2.854l112.204-112.202 112.208 112.21c1.902 1.902 4.093 2.847 6.563 2.847 2.478 0 4.668-.95 6.57-2.848l14.274-14.277c1.903-1.902 2.848-4.093 2.848-6.566 0-2.476-.944-4.666-2.846-6.57z" fill="#0071bc"/></svg>

package/dist/img/correct9.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 216 146"><path fill="#0071bc" d="M168.86 37.966l-11.08-11.08c-1.52-1.52-3.367-2.28-5.54-2.28-2.172 0-4.02.76-5.54 2.28L93.254 80.414 69.3 56.38c-1.52-1.522-3.367-2.282-5.54-2.282-2.172 0-4.02.76-5.54 2.28L47.14 67.46c-1.52 1.522-2.28 3.37-2.28 5.542 0 2.172.76 4.02 2.28 5.54l29.493 29.493 11.08 11.08c1.52 1.52 3.368 2.28 5.54 2.28 2.173 0 4.02-.76 5.54-2.28l11.082-11.08L168.86 49.05c1.52-1.52 2.283-3.37 2.283-5.54 0-2.174-.76-4.02-2.28-5.54z"/></svg>

package/dist/stylesheets/base/va.css

@@ -335,7 +335,7 @@ article > h1 {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: url("/img/stars.png") no-repeat center;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/stars.png) no-repeat center;
   background-size: 6.875rem auto;
   margin: 1rem auto auto;
   padding: 1.25rem 0 0;

package/dist/stylesheets/core.css

@@ -2117,25 +2117,29 @@ template {
   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 */
 /**
@@ -2933,8 +2937,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;
@@ -3032,8 +3036,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;
 }
@@ -3064,8 +3068,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,
@@ -3282,91 +3286,6 @@ li:last-child {
   margin-bottom: 0;
 }
 
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/*
-  Original: @import "~uswds/src/stylesheets/core/utilities";
-  ***THIS IS USWDS v1***
-*/
-/**
-  Variables ported over from Formation so that we can keep those stylesheets
-  working while we work on deprecation.
-**/
-/**
-  /uswds/dist/scss/lib/addons/_margin.scss
-**/
-/**
-  uswds/src/stylesheets/lib/helpers/_directional-values.scss
-**/
-/*
-  Original: @import "~uswds/src/stylesheets/core/utilities";
-  ***THIS IS USWDS v1***
-*/
-.usa-sr-only {
-  position: absolute;
-  left: -999em;
-}
-
-/*
-  Original: @import "~uswds/src/stylesheets/elements/table";
-  ***THIS IS USWDS v1***
-*/
-table {
-  border-spacing: 0;
-  margin: 2em 0;
-}
-
-thead th {
-  font-weight: 700;
-}
-thead th,
-thead td {
-  background-color: #f0f0f0;
-}
-
-th {
-  text-align: left;
-}
-
-th,
-td {
-  background-color: #ffffff;
-  border: 1px solid #565c65;
-  font-weight: 400;
-  padding: 0.625rem 0.9375rem;
-}
-
-.usa-table-borderless thead th {
-  background-color: transparent;
-  border-top: 0;
-}
-.usa-table-borderless th,
-.usa-table-borderless td {
-  border-left: 0;
-  border-right: 0;
-}
-.usa-table-borderless th:first-child {
-  padding-left: 0;
-}
-
-caption {
-  font-size: 0.9375rem;
-  font-weight: 700;
-  font-family: Bitter, Georgia, Cambria, "Times New Roman", Times, serif;
-  margin-bottom: 0.75rem;
-  text-align: left;
-}
-
 /**
   Variables ported over from Formation so that we can keep those stylesheets
   working while we work on deprecation.
@@ -3437,8 +3356,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;
@@ -3448,13 +3367,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;
@@ -3464,8 +3383,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,
@@ -3761,8 +3680,8 @@ dfn {
   text-align: left;
   -webkit-font-smoothing: auto;
   background-color: #f0f0f0;
-  background-image: url("/img/minus.png");
-  background-image: url("/img/minus.svg");
+  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;
@@ -3800,8 +3719,8 @@ dfn {
 }
 .usa-accordion > ul [aria-expanded=false],
 .usa-accordion-bordered > ul [aria-expanded=false] {
-  background-image: url("/img/plus.png");
-  background-image: url("/img/plus.svg");
+  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;
 }
@@ -3849,8 +3768,8 @@ dfn {
   text-align: left;
   -webkit-font-smoothing: auto;
   background-color: #f0f0f0;
-  background-image: url("/img/minus.png");
-  background-image: url("/img/minus.svg");
+  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;
@@ -3880,8 +3799,8 @@ dfn {
 }
 
 .usa-accordion-button[aria-expanded=false] {
-  background-image: url("/img/plus.png");
-  background-image: url("/img/plus.svg");
+  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;
 }
@@ -3960,8 +3879,8 @@ dfn {
 
 .usa-alert-success {
   background-color: #ecf3ec;
-  background-image: url("/img/success.png");
-  background-image: url("/img/success.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/success.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/success.svg);
 }
 .usa-alert-success::before {
   background-color: #008817;
@@ -3972,8 +3891,8 @@ dfn {
 
 .usa-alert-warning {
   background-color: #fef0c8;
-  background-image: url("/img/warning.png");
-  background-image: url("/img/warning.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/warning.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/warning.svg);
 }
 .usa-alert-warning::before {
   background-color: #ffbe2e;
@@ -3984,8 +3903,8 @@ dfn {
 
 .usa-alert-error {
   background-color: #f8dfe2;
-  background-image: url("/img/error.png");
-  background-image: url("/img/error.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/error.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/error.svg);
 }
 .usa-alert-error::before {
   background-color: #d83933;
@@ -3996,8 +3915,8 @@ dfn {
 
 .usa-alert-info {
   background-color: #e1f3f8;
-  background-image: url("/img/info.png");
-  background-image: url("/img/info.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/info.svg);
 }
 .usa-alert-info::before {
   background-color: #00bde3;
@@ -4223,8 +4142,8 @@ dfn {
   background-image: none;
 }
 .usa-banner-button[aria-expanded=false]::after {
-  background-image: url("/img/angle-arrow-down-primary.png");
-  background-image: url("/img/angle-arrow-down-primary.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-down-primary.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-down-primary.svg);
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -4235,8 +4154,8 @@ dfn {
   /* stylelint-enable */
 }
 .usa-banner-button[aria-expanded=false]:hover::after {
-  background-image: url("/img/angle-arrow-down-primary-hover.png");
-  background-image: url("/img/angle-arrow-down-primary-hover.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-down-primary-hover.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-down-primary-hover.svg);
 }
 .usa-banner-button[aria-expanded=false]::after {
   background-position-y: 1px;
@@ -4246,8 +4165,8 @@ dfn {
   height: 3.5rem;
 }
 .usa-banner-button[aria-expanded=true]::after {
-  background-image: url("/img/close.png");
-  background-image: url("/img/close.svg");
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/close.png);
+  background-image: url(~@department-of-veterans-affairs/css-library/dist/img/close.svg);
   background-size: 100%;
   content: "";
   display: inline-block;
@@ -4264,8 +4183,8 @@ dfn {
     position: relative;
   }
   .usa-banner-button[aria-expanded=true]::after {
-    background-image: url("/img/angle-arrow-up-primary.png");
-    background-image: url("/img/angle-arrow-up-primary.svg");
+    background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-up-primary.png);
+    background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-up-primary.svg);
     background-size: 100%;
     content: "";
     display: inline-block;
@@ -4276,8 +4195,8 @@ dfn {
     /* stylelint-enable */
   }
   .usa-banner-button[aria-expanded=true]:hover::after {
-    background-image: url("/img/angle-arrow-up-primary-hover.png");
-    background-image: url("/img/angle-arrow-up-primary-hover.svg");
+    background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-up-primary-hover.png);
+    background-image: url(~@department-of-veterans-affairs/css-library/dist/img/angle-arrow-up-primary-hover.svg);
   }
   .usa-banner-button[aria-expanded=true]::after {
     background-position-y: 1px;
@@ -4451,8 +4370,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%;
@@ -4925,7 +4844,7 @@ article > h1 {
   display: flex;
   justify-content: center;
   align-items: center;
-  background: url("/img/stars.png") no-repeat center;
+  background: url(~@department-of-veterans-affairs/css-library/dist/img/stars.png) no-repeat center;
   background-size: 6.875rem auto;
   margin: 1rem auto auto;
   padding: 1.25rem 0 0;
@@ -5005,7 +4924,7 @@ article > h1 {
   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;