refactoring(colors): use shadows

Author: LeCoupa

package-lock.json

@@ -44,7 +44,7 @@
     "vee-validate": "3.2.0"
   },
   "devDependencies": {
-    "@growthbunker/stylesheets": "0.2.3",
+    "@growthbunker/stylesheets": "0.2.4",
     "@rollup/plugin-alias": "2.2.0",
     "autoprefixer": "9.6.1",
     "cross-env": "6.0.3",

package.json

@@ -141,7 +141,7 @@ $colors: "black", "blue", "green", "grey", "orange", "purple", "red", "turquoise
 
     &--#{$themeName} {
       color: mdg($theme, "colors", "white");
-      box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+      box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
 
       // --> COLORS <--
 

src/components/base/BaseAlert.vue

@@ -332,7 +332,7 @@ $sizes: "nano", "micro", "mini", "small", "default", "medium", "large", "huge";
 
       &#{$c}--shadow {
         #{$c}__image {
-          box-shadow: 0 1px 3px 0 mdg($theme, "box-shadows", "default", "primary");
+          box-shadow: 0 1px 3px 0 mdg($theme, "shadows", "default", "primary");
         }
       }
     }

src/components/base/BaseAvatar.vue

@@ -156,7 +156,7 @@ $sizes: "micro", "mini", "small", "default", "medium", "large";
     $themeName: map-get($theme, "name");
 
     &--#{$themeName} {
-      box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+      box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
       color: mdg($theme, "colors", "white");
 
       // --> COLORS <--

src/components/base/BaseBadge.vue

@@ -139,7 +139,7 @@ $colors: "black", "blue", "green", "orange", "purple", "red", "turquoise", "whit
     $themeName: map-get($theme, "name");
 
     &--#{$themeName} {
-      box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+      box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
       color: mdg($theme, "fonts", "default", "primary");
 
       // --> COLORS <--

src/components/base/BaseNumber.vue

@@ -186,7 +186,7 @@ $colors: "black", "blue", "green", "grey", "orange", "purple", "red", "turquoise
 
       #{$c}__bar {
         #{$c}__progress {
-          box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+          box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
         }
       }
 

src/components/base/BaseProgressBar.vue

@@ -131,7 +131,7 @@ $colors: "black", "blue", "green", "grey", "orange", "purple", "red", "turquoise
 
     &--#{$themeName} {
       color: mdg($theme, "colors", "white");
-      box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+      box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
 
       // --> COLORS <--
 

src/components/base/BaseToast.vue

@@ -265,7 +265,7 @@ $statuses: "error", "normal", "success", "warning";
 
           #{$c}__handle {
             background: mdg($theme, "colors", "white");
-            box-shadow: 0 1px 5px 0 mdg($theme, "box-shadows", "default", "primary");
+            box-shadow: 0 1px 5px 0 mdg($theme, "shadows", "default", "primary");
           }
         }