matcha-theme 19.61.0 → 19.63.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 (5) hide show
  1. package/abstracts/_functions.scss +2 -2
  2. package/base/_reset.scss +1 -1
  3. package/components/matcha-cards.scss +4 -4
  4. package/package.json +1 -1
  5. package/tokens/_color-tokens.scss +2 -2
package/abstracts/_functions.scss CHANGED
@@ -196,8 +196,8 @@
196
196
  // #D4DDE3 50%
197
197
  @function getDisabledAlpha($theme) {
198
198
  $background: map.get($theme, background);
199
- $disabled-color: map.get($background, disabled);
200
- @return color.change($disabled-color, $alpha: 0.5);
199
+ $disabled-color: map.get($background, disabled-alpha);
200
+ @return $disabled-color;
201
201
  }
202
202
  // rgba(0, 0, 0, 0.13)
203
203
  @function getDisabledContrastAlpha($theme){
package/base/_reset.scss CHANGED
@@ -117,7 +117,7 @@ How to use
117
117
  .matcha-message-box,
118
118
  .matcha-msg-box,
119
119
  .message-box {
120
- background-color: rgba(map-get($primary, default), 0.2);
120
+ background-color: getPrimaryAlpha($theme);
121
121
  border-left-color: map-get($primary, default);
122
122
  color: map-get($foreground, foreground);
123
123
 
package/components/matcha-cards.scss CHANGED
@@ -181,11 +181,11 @@
181
181
 
182
182
  // fg
183
183
  &[color="fg"][alpha]:not([alpha="false"]){
184
- background: rgba(map-get($foreground, foreground), 0.2);
184
+ background: getForegroundAlpha($theme);
185
185
  color: map-get($foreground, foreground)
186
186
  }
187
187
  &[color="fg"][tint]:not([tint="false"]){
188
- background: rgba(map-get($foreground, foreground), 0.2);
188
+ background: getForegroundAlpha($theme);
189
189
  color: map-get($foreground, foreground);
190
190
  }
191
191
  &[color="fg"][outline]:not([outline="false"]),
@@ -200,11 +200,11 @@
200
200
 
201
201
  //basic
202
202
  &[color="basic"][alpha]:not([alpha="false"]){
203
- background: rgba(map-get($foreground, foreground), 0.2);
203
+ background: getForegroundAlpha($theme);
204
204
  color: map-get($foreground, foreground)
205
205
  }
206
206
  &[color="basic"][tint]:not([tint="false"]){
207
- background: rgba(map-get($foreground, foreground), 0.2);
207
+ background: getForegroundAlpha($theme);
208
208
  color: getForeground($theme);
209
209
  }
210
210
  &[color="basic"][outline]:not([outline="false"]),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "matcha-theme",
3
- "version": "19.61.0",
3
+ "version": "19.63.0",
4
4
  "description": "Themes for matcha-design-system",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/tokens/_color-tokens.scss CHANGED
@@ -1080,7 +1080,7 @@ $light-theme-background-palette: (
1080
1080
  card-alpha-inverse: rgba($color-base-dark-grey-500, 0.5),
1081
1081
 
1082
1082
  disabled: $color-base-blue-grey-100,
1083
-
1083
+ disabled-alpha: rgba($color-base-blue-grey-100, 0.5),
1084
1084
  // Precisa Remover
1085
1085
  sidebar: $color-base-blue-grey-50,
1086
1086
  sidebar-hover: $color-base-blue-grey-100,
@@ -1100,7 +1100,7 @@ $dark-theme-background-palette: (
1100
1100
  card-alpha-inverse: rgba($color-base-blue-grey-50, 0.5),
1101
1101
 
1102
1102
  disabled: $color-base-dark-grey-700,
1103
-
1103
+ disabled-alpha: rgba($color-base-dark-grey-700, 0.5),
1104
1104
  // Precisa Remover
1105
1105
  sidebar: $color-base-dark-grey-700,
1106
1106
  sidebar-hover: $color-base-blue-grey-800,