matcha-theme 19.21.0 → 19.22.0

package/abstracts/_colors.scss

@@ -172,7 +172,7 @@ $index: 0;
     $deep-orange-contrast: map-get($deep-orange, 'contrast');
     $brown: map-get($palettes, brown);
     $brown-contrast: map-get($brown, 'contrast');
-    $gray: map-get($palettes, gray);
+    $grey: map-get($palettes, grey);
     $grey-contrast: map-get($grey, 'contrast');
     $blue-grey: map-get($palettes, blue-grey);
     $blue-grey-contrast: map-get($blue-grey, 'contrast');

package/components/matcha-buttons.scss

@@ -226,7 +226,7 @@ a[matcha-button] {
     $deep-orange-contrast: map-get($deep-orange, 'contrast');
     $brown: map-get($palettes, brown);
     $brown-contrast: map-get($brown, 'contrast');
-    $gray: map-get($palettes, gray);
+    $grey: map-get($palettes, grey);
     $grey-contrast: map-get($grey, 'contrast');
     $blue-grey: map-get($palettes, blue-grey);
     $blue-grey-contrast: map-get($blue-grey, 'contrast');
@@ -572,24 +572,24 @@ a[matcha-button] {
         }
         &[color="brown"] .ripple{background: rgba(map-get($brown-contrast, $get-shade), 0.2)}
 
-        // gray
-        &[color="gray"][outline]:not([outline="false"]) .ripple {
-            background: rgba(map-get($gray, $get-shade), 0.2)
+        // grey
+        &[color="grey"][outline]:not([outline="false"]) .ripple {
+            background: rgba(map-get($grey, $get-shade), 0.2)
         }
-        &[color="gray"][alpha]:not([alpha="false"]){
-            background: rgba(map-get($gray, $get-shade), 0.2);
-            color: map-get($gray, $get-shade);
+        &[color="grey"][alpha]:not([alpha="false"]){
+            background: rgba(map-get($grey, $get-shade), 0.2);
+            color: map-get($grey, $get-shade);
         }
-        &[color="gray"][outline]:not([outline="false"]),
-        &[color="gray"][link]:not([link="false"]),
-        &[color="gray"][basic]:not([basic="false"]) {
-            color: map-get($gray, $get-shade)!important
+        &[color="grey"][outline]:not([outline="false"]),
+        &[color="grey"][link]:not([link="false"]),
+        &[color="grey"][basic]:not([basic="false"]) {
+            color: map-get($grey, $get-shade)!important
         }
-        &[color="gray"]{
-            background: map-get($gray, $get-shade);
+        &[color="grey"]{
+            background: map-get($grey, $get-shade);
             color: map-get($grey-contrast, $get-shade);
         }
-        &[color="gray"] .ripple{background: rgba(map-get($grey-contrast, $get-shade), 0.2)}
+        &[color="grey"] .ripple{background: rgba(map-get($grey-contrast, $get-shade), 0.2)}
 
         // blue-grey
         &[color="blue-grey"][outline]:not([outline="false"]) .ripple {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "matcha-theme",
-    "version": "19.21.0",
+    "version": "19.22.0",
     "description": "Themes for matcha-design-system",
     "main": "main.scss",
     "scripts": {