CSS Library: remove the /alerts image path (#1381)

* style and image path updates for alert and action link * remove /alert/ from image path * remove /alert/ from image path
department-of-veterans-affairs · Oct 25, 2024 · 8857ee7 · 8857ee7
1 parent 32ae6e9
commit 8857ee7
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 22 deletions.
diff --git a/packages/css-library/dist/stylesheets/core.css b/packages/css-library/dist/stylesheets/core.css
diff --git a/packages/css-library/dist/stylesheets/modules/m-alert.css b/packages/css-library/dist/stylesheets/modules/m-alert.css
diff --git a/packages/css-library/dist/tokens/css/variables.css b/packages/css-library/dist/tokens/css/variables.css
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Oct 2024 14:10:23 GMT
+ * Generated on Fri, 25 Oct 2024 15:10:34 GMT
  */
 
 :root {

diff --git a/packages/css-library/dist/tokens/scss/variables.scss b/packages/css-library/dist/tokens/scss/variables.scss
@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Fri, 25 Oct 2024 14:10:23 GMT
+// Generated on Fri, 25 Oct 2024 15:10:34 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;

diff --git a/packages/css-library/src/stylesheets/formation-overrides/components/_alerts.scss b/packages/css-library/src/stylesheets/formation-overrides/components/_alerts.scss
@@ -111,8 +111,8 @@ $icon-size: scale-rem(3rem);
 @each $name, $bgcolor in $alerts {
   .usa-alert-#{$name} {
     background-color: $bgcolor;
-    background-image: url('#{$image-path}/alerts/#{$name}.png');
-    background-image: url('#{$image-path}/alerts/#{$name}.svg');
+    background-image: url('#{$image-path}/#{$name}.png');
+    background-image: url('#{$image-path}/#{$name}.svg');
 
     &::before {
       background-color: map-get($alerts-bar, $name);

diff --git a/packages/css-library/src/stylesheets/modules/m-alert.scss b/packages/css-library/src/stylesheets/modules/m-alert.scss
@@ -16,7 +16,7 @@
   width: 100%;
 
   &::before {
-    background-image: url("#{$image-path}/alerts/info.svg");
+    background-image: url("#{$image-path}/info.svg");
     background-size: 35px 35px;
     background-repeat: no-repeat;
     background-position: center;
@@ -80,7 +80,7 @@
     border-left-color: $color-primary-alt-dark;
 
     &::before {
-      background-image: url("#{$image-path}/alerts/info.svg");
+      background-image: url("#{$image-path}/info.svg");
     }
 
     &.background-color-only {
@@ -92,7 +92,7 @@
     border-left-color: $color-secondary-dark;
 
     &::before {
-      background-image: url("#{$image-path}/alerts/error.svg");
+      background-image: url("#{$image-path}/error.svg");
     }
 
     &.background-color-only {
@@ -104,7 +104,7 @@
     border-left-color: $color-green;
 
     &::before {
-      background-image: url("#{$image-path}/alerts/success.svg");
+      background-image: url("#{$image-path}/success.svg");
     }
 
     &.background-color-only {
@@ -116,7 +116,7 @@
     border-left-color: $color-gold;
 
     &::before {
-      background-image: url("#{$image-path}/alerts/warning.svg");
+      background-image: url("#{$image-path}/warning.svg");
     }
 
     &.background-color-only {