@hug/hospitality 1.0.0-alpha.37 → 1.0.0-alpha.38

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 (4) hide show
  1. package/material/badge/badge.scss +3 -3
  2. package/material/button/button.scss +10 -10
  3. package/material/form-field/form-field.scss +1 -1
  4. package/package.json +1 -1
package/material/badge/badge.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  text-color: var(--mat-sys-on-tertiary),
8
8
  disabled-state-background-color: color-mix(
9
9
  in srgb,
10
- var(--mat-sys-tertiary) var(--hy-state-layer-x-large),
10
+ var(--mat-sys-tertiary) var(--hy-state-layer-highest),
11
11
  transparent
12
12
  ),
13
13
  )
@@ -20,7 +20,7 @@
20
20
  text-color: var(--hy-color-on-warning),
21
21
  disabled-state-background-color: color-mix(
22
22
  in srgb,
23
- var(--hy-color-warning) var(--hy-state-layer-x-large),
23
+ var(--hy-color-warning) var(--hy-state-layer-highest),
24
24
  transparent
25
25
  ),
26
26
  )
@@ -34,7 +34,7 @@
34
34
  text-color: var(--mat-sys-on-error),
35
35
  disabled-state-background-color: color-mix(
36
36
  in srgb,
37
- var(--mat-sys-error) var(--hy-state-layer-x-large),
37
+ var(--mat-sys-error) var(--hy-state-layer-highest),
38
38
  transparent
39
39
  ),
40
40
  )
package/material/button/button.scss CHANGED
@@ -27,12 +27,12 @@ button {
27
27
  outlined-disabled-outline-color: var(--mat-sys-outline-variant),
28
28
  outlined-state-layer-color: color-mix(
29
29
  in srgb,
30
- var(--mat-sys-on-surface) var(--hy-state-layer-x-large),
30
+ var(--mat-sys-on-surface) var(--hy-state-layer-highest),
31
31
  transparent
32
32
  ),
33
33
  outlined-ripple-color: color-mix(
34
34
  in srgb,
35
- var(--mat-sys-on-surface) var(--hy-state-layer-medium),
35
+ var(--mat-sys-on-surface) var(--hy-state-layer-low),
36
36
  transparent
37
37
  ),
38
38
  )
@@ -49,7 +49,7 @@ button {
49
49
  &:disabled {
50
50
  background-color: color-mix(
51
51
  in srgb,
52
- var(--mat-sys-on-surface) var(--hy-state-layer-medium),
52
+ var(--mat-sys-on-surface) var(--hy-state-layer-low),
53
53
  transparent
54
54
  );
55
55
  }
@@ -146,14 +146,14 @@ button {
146
146
  filled-state-layer-color: var(--hy-color-on-warning),
147
147
  filled-ripple-color: color-mix(
148
148
  in srgb,
149
- var(--hy-color-on-warning) var(--hy-state-layer-medium),
149
+ var(--hy-color-on-warning) var(--hy-state-layer-low),
150
150
  transparent
151
151
  ),
152
152
  text-label-text-color: var(--hy-color-warning),
153
153
  text-state-layer-color: var(--hy-color-warning),
154
154
  text-ripple-color: color-mix(
155
155
  in srgb,
156
- var(--hy-color-warning) var(--hy-state-layer-medium),
156
+ var(--hy-color-warning) var(--hy-state-layer-low),
157
157
  transparent
158
158
  ),
159
159
  )
@@ -165,7 +165,7 @@ button {
165
165
  state-layer-color: var(--hy-color-warning),
166
166
  ripple-color: color-mix(
167
167
  in srgb,
168
- var(--hy-color-warning) var(--hy-state-layer-medium),
168
+ var(--hy-color-warning) var(--hy-state-layer-low),
169
169
  transparent
170
170
  ),
171
171
  )
@@ -180,7 +180,7 @@ button {
180
180
  state-layer-color: var(--hy-color-on-warning),
181
181
  ripple-color: color-mix(
182
182
  in srgb,
183
- var(--hy-color-on-warning) var(--hy-state-layer-medium),
183
+ var(--hy-color-on-warning) var(--hy-state-layer-low),
184
184
  transparent
185
185
  ),
186
186
  )
@@ -199,7 +199,7 @@ button {
199
199
  ripple-color: color-mix(
200
200
  in srgb,
201
201
  var(--mat-sys-on-secondary-container)
202
- var(--hy-state-layer-medium),
202
+ var(--hy-state-layer-low),
203
203
  transparent
204
204
  ),
205
205
  )
@@ -219,7 +219,7 @@ button {
219
219
  state-layer-color: var(--mat-sys-on-primary),
220
220
  ripple-color: color-mix(
221
221
  in srgb,
222
- var(--mat-sys-on-primary) var(--hy-state-layer-medium),
222
+ var(--mat-sys-on-primary) var(--hy-state-layer-low),
223
223
  transparent
224
224
  ),
225
225
  )
@@ -232,7 +232,7 @@ button {
232
232
  &:disabled {
233
233
  background-color: color-mix(
234
234
  in srgb,
235
- var(--mat-sys-on-surface) var(--hy-state-layer-medium),
235
+ var(--mat-sys-on-surface) var(--hy-state-layer-low),
236
236
  transparent
237
237
  );
238
238
  }
package/material/form-field/form-field.scss CHANGED
@@ -74,7 +74,7 @@ mat-form-field {
74
74
  mat-hint {
75
75
  color: color-mix(
76
76
  in srgb,
77
- var(--mat-sys-on-surface-variant) var(--hy-state-layer-x-large),
77
+ var(--mat-sys-on-surface-variant) var(--hy-state-layer-highest),
78
78
  transparent
79
79
  );
80
80
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hug/hospitality",
3
- "version": "1.0.0-alpha.37",
3
+ "version": "1.0.0-alpha.38",
4
4
  "description": "Hospitality Design System",
5
5
  "homepage": "https://github.com/dsi-hug/hospitality",
6
6
  "license": "GPL-3.0-only",