matcha-theme 19.57.0 → 19.58.0

package/abstracts/_functions.scss

@@ -116,7 +116,7 @@
 @function getBackgroundAlpha($theme){
     $background: map.get($theme, background);
     $background-color: map.get($background, background);
-    @return color.change($background-color, $alpha: 0.5);
+    @return rgba($background-color, 0.5);
 }
 @function getBackgroundInverse($theme){
     $background: map.get($theme, background);
@@ -126,7 +126,7 @@
 @function getBackgroundAlphaInverse($theme){
     $background: map.get($theme, background);
     $background-color: map.get($background, background-inverse);
-    @return color.change($background-color, $alpha: 0.5);
+    @return rgba($background-color, 0.5);
 }
 
 // Surface
@@ -138,7 +138,7 @@
 @function getSurfaceAlpha($theme){
     $background: map.get($theme, background);
     $surface-color: map.get($background, card);
-    @return color.change($surface-color, $alpha: 0.5);
+    @return rgba($surface-color, 0.5);
 }
 @function getSurfaceInverse($theme){
     $background: map.get($theme, background);
@@ -148,7 +148,7 @@
 @function getSurfaceAlphaInverse($theme){
     $background: map.get($theme, background);
     $surface-color: map.get($background, card-inverse);
-    @return color.change($surface-color, $alpha: 0.5);
+    @return rgba($surface-color, 0.5);
 }
 
 
@@ -166,12 +166,12 @@
 @function getForegroundAlpha($theme){
     $foreground: map.get($theme, foreground);
     $foreground-color: map.get($foreground, text);
-    @return color.change($foreground-color, $alpha: 0.5);
+    @return rgba($foreground-color, 0.5);
 }
 @function getForegroundAlphaInverse($theme){
     $foreground: map.get($theme, foreground);
     $foreground-color: map.get($foreground, text-inverse);
-    @return color.change($foreground-color, $alpha: 0.5);
+    @return rgba($foreground-color, 0.5);
 }
 
 
@@ -199,7 +199,7 @@
 @function getDisabledAlpha($theme) {
     $background: map.get($theme, background);
     $disabled-color: map.get($background, disabled);
-    @return color.change($disabled-color, $alpha: 0.5);
+    @return rgba($disabled-color, 0.5);
 }
 // rgba(0, 0, 0, 0.13)
 @function getDisabledContrastAlpha($theme){

package/package.json

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