@hug/hospitality 1.0.0-alpha.4 → 1.0.0-alpha.7

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/fesm2022/tokens.mjs +12 -12
  2. package/material/button/button.scss +14 -16
  3. package/material/theme/theme.scss +10 -8
  4. package/package.json +1 -1
  5. package/tokens/tokens.css +3 -3
package/fesm2022/tokens.mjs CHANGED
@@ -2952,13 +2952,13 @@ var colors = {
2952
2952
  type: "COLOR",
2953
2953
  reference: [
2954
2954
  {
2955
- id: "VariableID:59803:256",
2956
- name: "hy-color-ref-neutral-variant-10",
2955
+ id: "VariableID:59803:257",
2956
+ name: "hy-color-ref-neutral-variant-5",
2957
2957
  type: "COLOR",
2958
- value: "#171c22ff"
2958
+ value: "#0c1117ff"
2959
2959
  }
2960
2960
  ],
2961
- _referenceValue: "#171c22ff",
2961
+ _referenceValue: "#0c1117ff",
2962
2962
  id: "VariableID:59803:491"
2963
2963
  },
2964
2964
  {
@@ -2980,13 +2980,13 @@ var colors = {
2980
2980
  type: "COLOR",
2981
2981
  reference: [
2982
2982
  {
2983
- id: "VariableID:59803:256",
2984
- name: "hy-color-ref-neutral-variant-10",
2983
+ id: "VariableID:59803:257",
2984
+ name: "hy-color-ref-neutral-variant-5",
2985
2985
  type: "COLOR",
2986
- value: "#171c22ff"
2986
+ value: "#0c1117ff"
2987
2987
  }
2988
2988
  ],
2989
- _referenceValue: "#171c22ff",
2989
+ _referenceValue: "#0c1117ff",
2990
2990
  id: "VariableID:59803:493"
2991
2991
  },
2992
2992
  {
@@ -3316,13 +3316,13 @@ var colors = {
3316
3316
  type: "COLOR",
3317
3317
  reference: [
3318
3318
  {
3319
- id: "VariableID:59803:256",
3320
- name: "hy-color-ref-neutral-variant-10",
3319
+ id: "VariableID:59803:257",
3320
+ name: "hy-color-ref-neutral-variant-5",
3321
3321
  type: "COLOR",
3322
- value: "#171c22ff"
3322
+ value: "#0c1117ff"
3323
3323
  }
3324
3324
  ],
3325
- _referenceValue: "#171c22ff",
3325
+ _referenceValue: "#0c1117ff",
3326
3326
  id: "VariableID:59803:517"
3327
3327
  },
3328
3328
  {
package/material/button/button.scss CHANGED
@@ -125,23 +125,22 @@ button {
125
125
  }
126
126
 
127
127
  /* Appearance variants, icon button and button */
128
-
129
128
  &[hy-appearance="warning"] {
130
129
  @include mat.button-overrides(
131
130
  (
132
- filled-container-color: var(--mat-sys-warning),
133
- filled-label-text-color: var(--mat-sys-on-warning),
134
- filled-state-layer-color: var(--mat-sys-on-warning),
131
+ filled-container-color: var(--hy-color-warning),
132
+ filled-label-text-color: var(--hy-color-on-warning),
133
+ filled-state-layer-color: var(--hy-color-on-warning),
135
134
  filled-ripple-color: color-mix(
136
135
  in srgb,
137
- var(--mat-sys-on-warning) 10%,
136
+ var(--hy-color-on-warning) 10%,
138
137
  transparent
139
138
  ),
140
- text-label-text-color: var(--mat-sys-warning),
141
- text-state-layer-color: var(--mat-sys-warning),
139
+ text-label-text-color: var(--hy-color-warning),
140
+ text-state-layer-color: var(--hy-color-warning),
142
141
  text-ripple-color: color-mix(
143
142
  in srgb,
144
- var(--mat-sys-warning) 10%,
143
+ var(--hy-color-warning) 10%,
145
144
  transparent
146
145
  ),
147
146
  )
@@ -149,11 +148,11 @@ button {
149
148
 
150
149
  @include mat.icon-button-overrides(
151
150
  (
152
- icon-color: var(--mat-sys-warning),
153
- state-layer-color: var(--mat-sys-warning),
151
+ icon-color: var(--hy-color-warning),
152
+ state-layer-color: var(--hy-color-warning),
154
153
  ripple-color: color-mix(
155
154
  in srgb,
156
- var(--mat-sys-warning) 10%,
155
+ var(--hy-color-warning) 10%,
157
156
  transparent
158
157
  ),
159
158
  )
@@ -161,22 +160,21 @@ button {
161
160
  }
162
161
 
163
162
  /* Icon buttons appearance variants */
164
-
165
163
  &[hy-appearance="warning-filled"] {
166
164
  @include mat.icon-button-overrides(
167
165
  (
168
- icon-color: var(--mat-sys-on-warning),
169
- state-layer-color: var(--mat-sys-on-warning),
166
+ icon-color: var(--hy-color-on-warning),
167
+ state-layer-color: var(--hy-color-on-warning),
170
168
  ripple-color: color-mix(
171
169
  in srgb,
172
- var(--mat-sys-on-warning) 10%,
170
+ var(--hy-color-on-warning) 10%,
173
171
  transparent
174
172
  ),
175
173
  )
176
174
  );
177
175
 
178
176
  &[matIconButton]:enabled {
179
- background-color: var(--mat-sys-warning);
177
+ background-color: var(--hy-color-warning);
180
178
  }
181
179
  }
182
180
 
package/material/theme/theme.scss CHANGED
@@ -9,27 +9,27 @@ $override-colors: (
9
9
  primary-fixed: var(--hy-color-primary-fixed),
10
10
  primary-fixed-dim: var(--hy-color-primary-fixed-dim),
11
11
  on-primary-fixed: var(--hy-color-primary-fixed),
12
- on-primary-fixed-variant: var(--hy-color-primary-fixed-variant),
12
+ on-primary-fixed-variant: var(--hy-color-on-primary-fixed-variant),
13
13
  secondary: var(--hy-color-secondary),
14
14
  on-secondary: var(--hy-color-on-secondary),
15
15
  secondary-container: var(--hy-color-secondary-container),
16
- on-secondary-conmtainer: var(--hy-color-on-secondary-container),
16
+ on-secondary-container: var(--hy-color-on-secondary-container),
17
17
  secondary-fixed: var(--hy-color-secondary-fixed),
18
18
  secondary-fixed-dim: var(--hy-color-secondary-fixed-dim),
19
19
  on-secondary-fixed: var(--hy-color-secondary-fixed),
20
- on-secondary-fixed-variant: var(--hy-color-secondary-fixed-variant),
20
+ on-secondary-fixed-variant: var(--hy-color-on-secondary-fixed-variant),
21
21
  tertiary: var(--hy-color-tertiary),
22
22
  on-tertiary: var(--hy-color-on-tertiary),
23
23
  tertiary-container: var(--hy-color-tertiary-container),
24
- on-tertiary-conmtainer: var(--hy-color-on-tertiary-container),
24
+ on-tertiary-container: var(--hy-color-on-tertiary-container),
25
25
  tertiary-fixed: var(--hy-color-tertiary-fixed),
26
26
  tertiary-fixed-dim: var(--hy-color-tertiary-fixed-dim),
27
27
  on-tertiary-fixed: var(--hy-color-tertiary-fixed),
28
- on-tertiary-fixed-variant: var(--hy-color-tertiary-fixed-variant),
28
+ on-tertiary-fixed-variant: var(--hy-color-on-tertiary-fixed-variant),
29
29
  error: var(--hy-color-error),
30
30
  on-error: var(--hy-color-on-error),
31
31
  error-container: var(--hy-color-error-container),
32
- on-error-conmtainer: var(--hy-color-on-error-container),
32
+ on-error-container: var(--hy-color-on-error-container),
33
33
  surface: var(--hy-color-surface),
34
34
  surface-dim: var(--hy-color-surface-dim),
35
35
  surface-bright: var(--hy-color-surface-bright),
@@ -40,13 +40,15 @@ $override-colors: (
40
40
  surface-container-highest: var(--hy-color-surface-container-highest),
41
41
  on-surface: var(--hy-color-on-surface),
42
42
  on-surface-variant: var(--hy-color-on-surface-variant),
43
- ouline: var(--hy-color-outline),
44
- ouline-variant: var(--hy-color-outline-variant),
43
+ outline: var(--hy-color-outline),
44
+ outline-variant: var(--hy-color-outline-variant),
45
45
  inverse-surface: var(--hy-color-inverse-surface),
46
46
  inverse-on-surface: var(--hy-color-inverse-on-surface),
47
47
  inverse-primary: var(--hy-color-inverse-primary),
48
48
  background: var(--hy-color-background),
49
49
  on-background: var(--hy-color-on-background),
50
+ surface-variant: var(--hy-color-surface-variant),
51
+ surface-tint: var(--hy-color-surface-tint),
50
52
  scrim: var(--hy-color-scrim),
51
53
  shadow: var(--hy-color-shadow),
52
54
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hug/hospitality",
3
- "version": "1.0.0-alpha.4",
3
+ "version": "1.0.0-alpha.7",
4
4
  "description": "Hospitality Design System",
5
5
  "homepage": "https://github.com/dsi-hug/hospitality",
6
6
  "license": "GPL-3.0-only",
package/tokens/tokens.css CHANGED
@@ -438,7 +438,7 @@
438
438
  );
439
439
  --hy-color-background: light-dark(
440
440
  var(--hy-color-ref-neutral-variant-99),
441
- var(--hy-color-ref-neutral-variant-10)
441
+ var(--hy-color-ref-neutral-variant-5)
442
442
  );
443
443
  --hy-color-on-background: light-dark(
444
444
  var(--hy-color-ref-neutral-variant-10),
@@ -446,7 +446,7 @@
446
446
  );
447
447
  --hy-color-surface: light-dark(
448
448
  var(--hy-color-ref-neutral-variant-98),
449
- var(--hy-color-ref-neutral-variant-10)
449
+ var(--hy-color-ref-neutral-variant-5)
450
450
  );
451
451
  --hy-color-on-surface: light-dark(
452
452
  var(--hy-color-ref-neutral-variant-10),
@@ -542,7 +542,7 @@
542
542
  );
543
543
  --hy-color-surface-dim: light-dark(
544
544
  var(--hy-color-ref-neutral-variant-90),
545
- var(--hy-color-ref-neutral-variant-10)
545
+ var(--hy-color-ref-neutral-variant-5)
546
546
  );
547
547
  --hy-color-surface-bright: light-dark(
548
548
  var(--hy-color-ref-neutral-variant-98),