matcha-theme 19.57.0 → 19.58.0

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 (2) hide show
  1. package/abstracts/_functions.scss +7 -7
  2. package/package.json +1 -1
package/abstracts/_functions.scss CHANGED
@@ -116,7 +116,7 @@
116
116
  @function getBackgroundAlpha($theme){
117
117
  $background: map.get($theme, background);
118
118
  $background-color: map.get($background, background);
119
- @return color.change($background-color, $alpha: 0.5);
119
+ @return rgba($background-color, 0.5);
120
120
  }
121
121
  @function getBackgroundInverse($theme){
122
122
  $background: map.get($theme, background);
@@ -126,7 +126,7 @@
126
126
  @function getBackgroundAlphaInverse($theme){
127
127
  $background: map.get($theme, background);
128
128
  $background-color: map.get($background, background-inverse);
129
- @return color.change($background-color, $alpha: 0.5);
129
+ @return rgba($background-color, 0.5);
130
130
  }
131
131
 
132
132
  // Surface
@@ -138,7 +138,7 @@
138
138
  @function getSurfaceAlpha($theme){
139
139
  $background: map.get($theme, background);
140
140
  $surface-color: map.get($background, card);
141
- @return color.change($surface-color, $alpha: 0.5);
141
+ @return rgba($surface-color, 0.5);
142
142
  }
143
143
  @function getSurfaceInverse($theme){
144
144
  $background: map.get($theme, background);
@@ -148,7 +148,7 @@
148
148
  @function getSurfaceAlphaInverse($theme){
149
149
  $background: map.get($theme, background);
150
150
  $surface-color: map.get($background, card-inverse);
151
- @return color.change($surface-color, $alpha: 0.5);
151
+ @return rgba($surface-color, 0.5);
152
152
  }
153
153
 
154
154
 
@@ -166,12 +166,12 @@
166
166
  @function getForegroundAlpha($theme){
167
167
  $foreground: map.get($theme, foreground);
168
168
  $foreground-color: map.get($foreground, text);
169
- @return color.change($foreground-color, $alpha: 0.5);
169
+ @return rgba($foreground-color, 0.5);
170
170
  }
171
171
  @function getForegroundAlphaInverse($theme){
172
172
  $foreground: map.get($theme, foreground);
173
173
  $foreground-color: map.get($foreground, text-inverse);
174
- @return color.change($foreground-color, $alpha: 0.5);
174
+ @return rgba($foreground-color, 0.5);
175
175
  }
176
176
 
177
177
 
@@ -199,7 +199,7 @@
199
199
  @function getDisabledAlpha($theme) {
200
200
  $background: map.get($theme, background);
201
201
  $disabled-color: map.get($background, disabled);
202
- @return color.change($disabled-color, $alpha: 0.5);
202
+ @return rgba($disabled-color, 0.5);
203
203
  }
204
204
  // rgba(0, 0, 0, 0.13)
205
205
  @function getDisabledContrastAlpha($theme){
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "matcha-theme",
3
- "version": "19.57.0",
3
+ "version": "19.58.0",
4
4
  "description": "Themes for matcha-design-system",
5
5
  "main": "main.scss",
6
6
  "scripts": {