@milestone-sys/web-design-system 4.0.7 → 4.0.9

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 (8) hide show
  1. package/colors.list.js +11 -9
  2. package/design-system.css +26 -6
  3. package/design-system.js +1 -1
  4. package/main.css +26 -6
  5. package/main.js +1 -1
  6. package/package.json +1 -1
  7. package/scss/_variables-deprecated.scss +1 -1
  8. package/scss/_variables.scss +8 -8
package/scss/_variables.scss CHANGED
@@ -22,7 +22,7 @@ $granite-gray: #7c8b95;
22
22
  $dark-gray: #252829;
23
23
 
24
24
  // Feedback colors
25
- $dark-red: #e52343;
25
+ $danger-red: #e52343;
26
26
 
27
27
  //Box Shadows
28
28
  $shadow-box-light-small: 0 1px 2px 0 rgba($dark-blue, 0.25);
@@ -66,13 +66,13 @@ $zindex-modal-2: 10010;
66
66
  --msds-color-dark-gray: 37, 40, 41;
67
67
 
68
68
  // Feedback colors
69
- --msds-color-dark-red: 229, 35, 67;
69
+ --msds-color-danger-red: 229, 35, 67;
70
70
 
71
71
  // Box Shadows
72
- --msds-box-shadow-light-small: 0 1px 2px 0 rgba(rgb(var(--msds-color-dark-blue)), 0.25);
73
- --msds-box-shadow-light-medium: 0 2px 12px 0 rgba(rgb(var(--msds-color-dark-blue)), 0.25);
74
- --msds-box-shadow-light-large: 0 2px 12px 0 rgba(rgb(var(--msds-color-dark-blue)), 0.25); // to amend
75
- --msds-box-shadow-dark-small: 0 1px 2px 0 rgba(rgb(var(--msds-color-black)), 0.5);
76
- --msds-box-shadow-dark-medium: 0 2px 12px 0 rgba(rgb(var(--msds-color-black)), 0.5);
77
- --msds-box-shadow-dark-large: 0 2px 12px 0 rgba(rgb(var(--msds-color-black)), 0.5); // to amend
72
+ --msds-box-shadow-light-small: 0 1px 2px 0 rgba(var(--msds-color-dark-blue), 0.25);
73
+ --msds-box-shadow-light-medium: 0 2px 12px 0 rgba(var(--msds-color-dark-blue), 0.25);
74
+ --msds-box-shadow-light-large: 0 12px 36px 0 rgba(var(--msds-color-dark-blue), 0.25);
75
+ --msds-box-shadow-dark-small: 0 1px 2px 0 rgba(var(--msds-color-black), 0.5);
76
+ --msds-box-shadow-dark-medium: 0 2px 12px 0 rgba(var(--msds-color-black), 0.5);
77
+ --msds-box-shadow-dark-large: 0 12px 36px 0 rgba(var(--msds-color-black), 0.5);
78
78
  }