@department-of-veterans-affairs/css-library 0.13.0 → 0.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/stylesheets/core.css +8 -8
  2. package/dist/stylesheets/modules/m-action-link.css +2 -2
  3. package/dist/stylesheets/modules/m-alert.css +9 -5
  4. package/dist/tokens/css/variables.css +1 -1
  5. package/dist/tokens/scss/variables.scss +1 -1
  6. package/package.json +1 -1
package/dist/stylesheets/core.css CHANGED
@@ -3575,8 +3575,8 @@ dfn {
3575
3575
 
3576
3576
  .usa-alert-success {
3577
3577
  background-color: #ecf3ec;
3578
- background-image: url("/img/alerts/success.png");
3579
- background-image: url("/img/alerts/success.svg");
3578
+ background-image: url("/img/success.png");
3579
+ background-image: url("/img/success.svg");
3580
3580
  }
3581
3581
  .usa-alert-success::before {
3582
3582
  background-color: #008817;
@@ -3587,8 +3587,8 @@ dfn {
3587
3587
 
3588
3588
  .usa-alert-warning {
3589
3589
  background-color: #fef0c8;
3590
- background-image: url("/img/alerts/warning.png");
3591
- background-image: url("/img/alerts/warning.svg");
3590
+ background-image: url("/img/warning.png");
3591
+ background-image: url("/img/warning.svg");
3592
3592
  }
3593
3593
  .usa-alert-warning::before {
3594
3594
  background-color: #ffbe2e;
@@ -3599,8 +3599,8 @@ dfn {
3599
3599
 
3600
3600
  .usa-alert-error {
3601
3601
  background-color: #f8dfe2;
3602
- background-image: url("/img/alerts/error.png");
3603
- background-image: url("/img/alerts/error.svg");
3602
+ background-image: url("/img/error.png");
3603
+ background-image: url("/img/error.svg");
3604
3604
  }
3605
3605
  .usa-alert-error::before {
3606
3606
  background-color: #d83933;
@@ -3611,8 +3611,8 @@ dfn {
3611
3611
 
3612
3612
  .usa-alert-info {
3613
3613
  background-color: #e1f3f8;
3614
- background-image: url("/img/alerts/info.png");
3615
- background-image: url("/img/alerts/info.svg");
3614
+ background-image: url("/img/info.png");
3615
+ background-image: url("/img/info.svg");
3616
3616
  }
3617
3617
  .usa-alert-info::before {
3618
3618
  background-color: #00bde3;
package/dist/stylesheets/modules/m-action-link.css CHANGED
@@ -1398,7 +1398,7 @@ a.vads-c-action-link--blue, a.vads-c-action-link--green, a.vads-c-action-link--w
1398
1398
  display: inline-block;
1399
1399
  }
1400
1400
  a.vads-c-action-link--blue:before, a.vads-c-action-link--green:before, a.vads-c-action-link--white:before {
1401
- background-image: url("../../img/arrow-right-white.svg");
1401
+ background-image: url("/img/arrow-right-white.svg");
1402
1402
  background-size: 18px 18px;
1403
1403
  background-repeat: no-repeat;
1404
1404
  background-position: center;
@@ -1426,7 +1426,7 @@ a.vads-c-action-link--white {
1426
1426
  color: #ffffff;
1427
1427
  }
1428
1428
  a.vads-c-action-link--white:before {
1429
- background-image: url("../../img/arrow-right.svg");
1429
+ background-image: url("/img/arrow-right.svg");
1430
1430
  background-color: #ffffff;
1431
1431
  -webkit-transition-duration: 0.3s;
1432
1432
  transition-duration: 0.3s;
package/dist/stylesheets/modules/m-alert.css CHANGED
@@ -22,10 +22,11 @@
22
22
  width: 100%;
23
23
  }
24
24
  .usa-alert::before {
25
- background-image: url("../../img/alerts/info.svg");
25
+ background-image: url("/img/info.svg");
26
26
  background-size: 35px 35px;
27
27
  background-repeat: no-repeat;
28
28
  background-position: center;
29
+ background-color: unset;
29
30
  border-radius: 50%;
30
31
  content: "";
31
32
  height: 31px;
@@ -35,6 +36,9 @@
35
36
  font-family: unset;
36
37
  font-weight: unset;
37
38
  font-size: unset;
39
+ margin-right: 1rem;
40
+ position: static;
41
+ display: block;
38
42
  }
39
43
  .usa-alert .usa-alert-body {
40
44
  display: table-cell;
@@ -71,7 +75,7 @@
71
75
  border-left-color: #00a6d2;
72
76
  }
73
77
  .usa-alert-info::before {
74
- background-image: url("../../img/alerts/info.svg");
78
+ background-image: url("/img/info.svg");
75
79
  }
76
80
  .usa-alert-info.background-color-only {
77
81
  background-color: #e1f3f8;
@@ -80,7 +84,7 @@
80
84
  border-left-color: #cd2026;
81
85
  }
82
86
  .usa-alert-error::before {
83
- background-image: url("../../img/alerts/error.svg");
87
+ background-image: url("/img/error.svg");
84
88
  }
85
89
  .usa-alert-error.background-color-only {
86
90
  background-color: #f9dede;
@@ -89,7 +93,7 @@
89
93
  border-left-color: #008817;
90
94
  }
91
95
  .usa-alert-success::before {
92
- background-image: url("../../img/alerts/success.svg");
96
+ background-image: url("/img/success.svg");
93
97
  }
94
98
  .usa-alert-success.background-color-only {
95
99
  background-color: #e7f4e4;
@@ -98,7 +102,7 @@
98
102
  border-left-color: #fdb81e;
99
103
  }
100
104
  .usa-alert-warning::before {
101
- background-image: url("../../img/alerts/warning.svg");
105
+ background-image: url("/img/warning.svg");
102
106
  }
103
107
  .usa-alert-warning.background-color-only {
104
108
  background-color: #fff1d2;
package/dist/tokens/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 24 Oct 2024 17:40:22 GMT
3
+ * Generated on Thu, 31 Oct 2024 19:50:57 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/scss/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 24 Oct 2024 17:40:22 GMT
3
+ // Generated on Thu, 31 Oct 2024 19:50:57 GMT
4
4
 
5
5
  $xsmall-screen: 320px;
6
6
  $small-screen: 481px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/css-library",
3
- "version": "0.13.0",
3
+ "version": "0.13.1",
4
4
  "description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
5
5
  "packageManager": "yarn@3.2.0",
6
6
  "files": [