@hug/hospitality 0.0.4-alpha.1 → 0.0.4-alpha.13

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 (13) hide show
  1. package/package.json +15 -3
  2. package/src/components/button/button.scss +237 -0
  3. package/src/components/dialog/dialog.scss +29 -0
  4. package/src/components/form-field/form-field.provider.d.ts +3 -0
  5. package/src/components/form-field/form-field.provider.mjs +6 -0
  6. package/src/components/form-field/form-field.scss +97 -0
  7. package/src/core/directives/components-styling.directive.ts +20 -0
  8. package/src/material/theme/theme.scss +69 -0
  9. package/src/tokens/tokens.css +820 -428
  10. package/src/tokens/tokens.json +4721 -2457
  11. package/src/utils/map.scss +10 -0
  12. package/src/tokens/colors.css +0 -431
  13. package/src/tokens/index.css +0 -1
package/src/utils/map.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use 'sass:map';
2
+
3
+ @function merge-all($maps...) {
4
+ $collection: ();
5
+
6
+ @each $map in $maps {
7
+ $collection: map-merge($collection, $map);
8
+ }
9
+ @return $collection;
10
+ }
package/src/tokens/colors.css DELETED
@@ -1,431 +0,0 @@
1
- :root {
2
- --hy-ref-color-primary-100: #ffffffff;
3
- --hy-ref-color-primary-99: #fcfcffff;
4
- --hy-ref-color-primary-98: #f7f9ffff;
5
- --hy-ref-color-primary-95: #e8f1ffff;
6
- --hy-ref-color-primary-90: #cfe5ffff;
7
- --hy-ref-color-primary-80: #99cbffff;
8
- --hy-ref-color-primary-70: #6bb0f2ff;
9
- --hy-ref-color-primary-60: #4e96d5ff;
10
- --hy-ref-color-primary-50: #2e7cbaff;
11
- --hy-ref-color-primary-40: #00629eff;
12
- --hy-ref-color-primary-35: #00568bff;
13
- --hy-ref-color-primary-30: #004a78ff;
14
- --hy-ref-color-primary-25: #003e66ff;
15
- --hy-ref-color-primary-20: #003355ff;
16
- --hy-ref-color-primary-15: #002844ff;
17
- --hy-ref-color-primary-10: #001d34ff;
18
- --hy-ref-color-primary-5: #001223ff;
19
- --hy-ref-color-primary-0: #000000ff;
20
- --hy-ref-color-secondary-100: #ffffffff;
21
- --hy-ref-color-secondary-99: #fcfcffff;
22
- --hy-ref-color-secondary-98: #f7f9ffff;
23
- --hy-ref-color-secondary-95: #e8f1ffff;
24
- --hy-ref-color-secondary-90: #d6e4f6ff;
25
- --hy-ref-color-secondary-80: #bac8daff;
26
- --hy-ref-color-secondary-70: #9facbeff;
27
- --hy-ref-color-secondary-60: #8492a3ff;
28
- --hy-ref-color-secondary-50: #6b7888ff;
29
- --hy-ref-color-secondary-40: #52606fff;
30
- --hy-ref-color-secondary-35: #465463ff;
31
- --hy-ref-color-secondary-30: #3b4857ff;
32
- --hy-ref-color-secondary-25: #303d4bff;
33
- --hy-ref-color-secondary-20: #24323fff;
34
- --hy-ref-color-secondary-15: #1a2734ff;
35
- --hy-ref-color-secondary-10: #0f1d2aff;
36
- --hy-ref-color-secondary-5: #05121fff;
37
- --hy-ref-color-secondary-0: #000000ff;
38
- --hy-ref-color-tertiary-100: #ffffffff;
39
- --hy-ref-color-tertiary-99: #f2fffbff;
40
- --hy-ref-color-tertiary-98: #e4fff9ff;
41
- --hy-ref-color-tertiary-95: #b3fff3ff;
42
- --hy-ref-color-tertiary-90: #7df6e6ff;
43
- --hy-ref-color-tertiary-80: #5edacaff;
44
- --hy-ref-color-tertiary-70: #3cbeafff;
45
- --hy-ref-color-tertiary-60: #02a294ff;
46
- --hy-ref-color-tertiary-50: #00867aff;
47
- --hy-ref-color-tertiary-40: #006a61ff;
48
- --hy-ref-color-tertiary-35: #005d55ff;
49
- --hy-ref-color-tertiary-30: #005049ff;
50
- --hy-ref-color-tertiary-25: #00443dff;
51
- --hy-ref-color-tertiary-20: #003732ff;
52
- --hy-ref-color-tertiary-15: #002b27ff;
53
- --hy-ref-color-tertiary-10: #00201cff;
54
- --hy-ref-color-tertiary-5: #001412ff;
55
- --hy-ref-color-tertiary-0: #000000ff;
56
- --hy-ref-color-error-100: #ffffffff;
57
- --hy-ref-color-error-99: #fffbffff;
58
- --hy-ref-color-error-98: #fff8f7ff;
59
- --hy-ref-color-error-95: #ffedeaff;
60
- --hy-ref-color-error-90: #ffdad6ff;
61
- --hy-ref-color-error-80: #ffb4abff;
62
- --hy-ref-color-error-70: #ff897dff;
63
- --hy-ref-color-error-60: #ff5449ff;
64
- --hy-ref-color-error-50: #de3730ff;
65
- --hy-ref-color-error-40: #ba1a1aff;
66
- --hy-ref-color-error-35: #a80710ff;
67
- --hy-ref-color-error-30: #93000aff;
68
- --hy-ref-color-error-25: #7e0007ff;
69
- --hy-ref-color-error-20: #690005ff;
70
- --hy-ref-color-error-15: #540003ff;
71
- --hy-ref-color-error-10: #410002ff;
72
- --hy-ref-color-error-5: #2d0001ff;
73
- --hy-ref-color-error-0: #000000ff;
74
- --hy-ref-color-neutral-100: #ffffffff;
75
- --hy-ref-color-neutral-99: #fcfcffff;
76
- --hy-ref-color-neutral-98: #f9f9fcff;
77
- --hy-ref-color-neutral-95: #f1f0f4ff;
78
- --hy-ref-color-neutral-90: #e2e2e5ff;
79
- --hy-ref-color-neutral-80: #c6c6c9ff;
80
- --hy-ref-color-neutral-70: #ababaeff;
81
- --hy-ref-color-neutral-60: #909094ff;
82
- --hy-ref-color-neutral-50: #76777aff;
83
- --hy-ref-color-neutral-40: #5d5e61ff;
84
- --hy-ref-color-neutral-35: #515255ff;
85
- --hy-ref-color-neutral-30: #45474aff;
86
- --hy-ref-color-neutral-25: #3a3b3eff;
87
- --hy-ref-color-neutral-20: #2f3033ff;
88
- --hy-ref-color-neutral-15: #242628ff;
89
- --hy-ref-color-neutral-10: #1a1c1eff;
90
- --hy-ref-color-neutral-5: #0f1113ff;
91
- --hy-ref-color-neutral-0: #000000ff;
92
- --hy-ref-color-neutral-variant-100: #ffffffff;
93
- --hy-ref-color-neutral-variant-99: #fcfcffff;
94
- --hy-ref-color-neutral-variant-98: #f7f9ffff;
95
- --hy-ref-color-neutral-variant-95: #edf1f9ff;
96
- --hy-ref-color-neutral-variant-90: #dfe3ebff;
97
- --hy-ref-color-neutral-variant-80: #c2c7ceff;
98
- --hy-ref-color-neutral-variant-70: #a7abb3ff;
99
- --hy-ref-color-neutral-variant-60: #8c9198ff;
100
- --hy-ref-color-neutral-variant-50: #73777eff;
101
- --hy-ref-color-neutral-variant-40: #5a5f65ff;
102
- --hy-ref-color-neutral-variant-35: #4e5359ff;
103
- --hy-ref-color-neutral-variant-30: #42474eff;
104
- --hy-ref-color-neutral-variant-25: #373c42ff;
105
- --hy-ref-color-neutral-variant-20: #2c3137ff;
106
- --hy-ref-color-neutral-variant-15: #21262cff;
107
- --hy-ref-color-neutral-variant-10: #171c22ff;
108
- --hy-ref-color-neutral-variant-5: #0c1117ff;
109
- --hy-ref-color-neutral-variant-0: #000000ff;
110
- --hy-ref-color-warning-100: #ffffffff;
111
- --hy-ref-color-warning-99: #fffbffff;
112
- --hy-ref-color-warning-98: #fff8f4ff;
113
- --hy-ref-color-warning-95: #fff0eaff;
114
- --hy-ref-color-warning-90: #ffe3d7ff;
115
- --hy-ref-color-warning-80: #ffc8b1ff;
116
- --hy-ref-color-warning-70: #ffaa85ff;
117
- --hy-ref-color-warning-60: #ff8a55ff;
118
- --hy-ref-color-warning-50: #ff6925ff;
119
- --hy-ref-color-warning-40: #ca4700ff;
120
- --hy-ref-color-warning-35: #7a4600ff;
121
- --hy-ref-color-warning-30: #772f00ff;
122
- --hy-ref-color-warning-25: #593200ff;
123
- --hy-ref-color-warning-20: #4b2200ff;
124
- --hy-ref-color-warning-15: #3b1f00ff;
125
- --hy-ref-color-warning-10: #2c1600ff;
126
- --hy-ref-color-warning-5: #1d0d00ff;
127
- --hy-ref-color-warning-0: #000000ff;
128
- --hy-ref-color-blue-100: #ffffffff;
129
- --hy-ref-color-blue-99: #fffbffff;
130
- --hy-ref-color-blue-98: #fbf8ffff;
131
- --hy-ref-color-blue-95: #f1efffff;
132
- --hy-ref-color-blue-90: #e0e0ffff;
133
- --hy-ref-color-blue-80: #bec2ffff;
134
- --hy-ref-color-blue-70: #9da3ffff;
135
- --hy-ref-color-blue-60: #7c84ffff;
136
- --hy-ref-color-blue-50: #5a64ffff;
137
- --hy-ref-color-blue-40: #343dffff;
138
- --hy-ref-color-blue-35: #1a21ffff;
139
- --hy-ref-color-blue-30: #0000efff;
140
- --hy-ref-color-blue-25: #0001cdff;
141
- --hy-ref-color-blue-20: #0001acff;
142
- --hy-ref-color-blue-15: #00018dff;
143
- --hy-ref-color-blue-10: #00006eff;
144
- --hy-ref-color-blue-5: #000037ff;
145
- --hy-ref-color-blue-0: #000000ff;
146
- --hy-ref-color-red-100: #ffffffff;
147
- --hy-ref-color-red-99: #fffbfbff;
148
- --hy-ref-color-red-98: #fffbfbff;
149
- --hy-ref-color-red-95: #fff1f1ff;
150
- --hy-ref-color-red-90: #ffe0e0ff;
151
- --hy-ref-color-red-80: #ffbebeff;
152
- --hy-ref-color-red-70: #ff9d9dff;
153
- --hy-ref-color-red-60: #ff7c7cff;
154
- --hy-ref-color-red-50: #ff5a5aff;
155
- --hy-ref-color-red-40: #ff3434ff;
156
- --hy-ref-color-red-35: #ff1a1aff;
157
- --hy-ref-color-red-30: #ef0000ff;
158
- --hy-ref-color-red-25: #cd0000ff;
159
- --hy-ref-color-red-20: #ac0000ff;
160
- --hy-ref-color-red-10: #6e0000ff;
161
- --hy-ref-color-red-0: #000000ff;
162
- --hy-ref-color-green-100: #ffffffff;
163
- --hy-ref-color-green-99: #fbfffbff;
164
- --hy-ref-color-green-98: #fbfffbff;
165
- --hy-ref-color-green-95: #f1fff1ff;
166
- --hy-ref-color-green-90: #e0ffe0ff;
167
- --hy-ref-color-green-80: #beffbeff;
168
- --hy-ref-color-green-70: #9dff9dff;
169
- --hy-ref-color-green-60: #7cff7cff;
170
- --hy-ref-color-green-50: #5aff5aff;
171
- --hy-ref-color-green-40: #34ff34ff;
172
- --hy-ref-color-green-35: #1aff1aff;
173
- --hy-ref-color-green-30: #00ef00ff;
174
- --hy-ref-color-green-25: #00cd00ff;
175
- --hy-ref-color-green-20: #00ac00ff;
176
- --hy-ref-color-green-10: #006e00ff;
177
- --hy-ref-color-green-0: #000000ff;
178
- --hy-ref-color-yellow-100: #ffffffff;
179
- --hy-ref-color-yellow-99: #fffffbff;
180
- --hy-ref-color-yellow-98: #fffffbff;
181
- --hy-ref-color-yellow-95: #fffff1ff;
182
- --hy-ref-color-yellow-90: #ffffe0ff;
183
- --hy-ref-color-yellow-80: #ffffbeff;
184
- --hy-ref-color-yellow-70: #ffff9dff;
185
- --hy-ref-color-yellow-60: #ffff7cff;
186
- --hy-ref-color-yellow-50: #ffff5aff;
187
- --hy-ref-color-yellow-40: #ffff34ff;
188
- --hy-ref-color-yellow-35: #ffff1aff;
189
- --hy-ref-color-yellow-30: #efef00ff;
190
- --hy-ref-color-yellow-25: #cdcd00ff;
191
- --hy-ref-color-yellow-20: #acac00ff;
192
- --hy-ref-color-yellow-10: #6e6e00ff;
193
- --hy-ref-color-yellow-0: #000000ff;
194
- --hy-ref-color-cyan-100: #ffffffff;
195
- --hy-ref-color-cyan-99: #fbffffff;
196
- --hy-ref-color-cyan-98: #fbffffff;
197
- --hy-ref-color-cyan-95: #f1ffffff;
198
- --hy-ref-color-cyan-90: #e0ffffff;
199
- --hy-ref-color-cyan-80: #beffffff;
200
- --hy-ref-color-cyan-70: #9dffffff;
201
- --hy-ref-color-cyan-60: #7cffffff;
202
- --hy-ref-color-cyan-50: #5affffff;
203
- --hy-ref-color-cyan-40: #34ffffff;
204
- --hy-ref-color-cyan-35: #1affffff;
205
- --hy-ref-color-cyan-30: #00efefff;
206
- --hy-ref-color-cyan-25: #00cdcdff;
207
- --hy-ref-color-cyan-20: #00acacff;
208
- --hy-ref-color-cyan-10: #006e6eff;
209
- --hy-ref-color-cyan-0: #000000ff;
210
- --hy-ref-color-magenta-100: #ffffffff;
211
- --hy-ref-color-magenta-99: #fffbffff;
212
- --hy-ref-color-magenta-98: #fffbffff;
213
- --hy-ref-color-magenta-95: #fff1ffff;
214
- --hy-ref-color-magenta-90: #ffe0ffff;
215
- --hy-ref-color-magenta-80: #ffbeffff;
216
- --hy-ref-color-magenta-70: #ff9dffff;
217
- --hy-ref-color-magenta-60: #ff7cffff;
218
- --hy-ref-color-magenta-50: #ff5affff;
219
- --hy-ref-color-magenta-40: #ff34ffff;
220
- --hy-ref-color-magenta-35: #ff1affff;
221
- --hy-ref-color-magenta-30: #ef00efff;
222
- --hy-ref-color-magenta-25: #cd00cdff;
223
- --hy-ref-color-magenta-20: #ac00acff;
224
- --hy-ref-color-magenta-10: #6e006eff;
225
- --hy-ref-color-magenta-0: #000000ff;
226
- --hy-ref-color-orange-100: #ffffffff;
227
- --hy-ref-color-orange-99: #fffbffff;
228
- --hy-ref-color-orange-98: #fff8f5ff;
229
- --hy-ref-color-orange-95: #ffede4ff;
230
- --hy-ref-color-orange-90: #ffdcc7ff;
231
- --hy-ref-color-orange-80: #ffb787ff;
232
- --hy-ref-color-orange-70: #ff8e36ff;
233
- --hy-ref-color-orange-60: #e37100ff;
234
- --hy-ref-color-orange-50: #bc5d00ff;
235
- --hy-ref-color-orange-40: #964900ff;
236
- --hy-ref-color-orange-35: #843f00ff;
237
- --hy-ref-color-orange-30: #723600ff;
238
- --hy-ref-color-orange-25: #612d00ff;
239
- --hy-ref-color-orange-20: #502400ff;
240
- --hy-ref-color-orange-10: #311300ff;
241
- --hy-ref-color-orange-0: #000000ff;
242
- --hy-ref-color-chartreuse-100: #ffffffff;
243
- --hy-ref-color-chartreuse-99: #f8ffebff;
244
- --hy-ref-color-chartreuse-98: #eeffdcff;
245
- --hy-ref-color-chartreuse-95: #cfffa9ff;
246
- --hy-ref-color-chartreuse-90: #82ff10ff;
247
- --hy-ref-color-chartreuse-80: #70e000ff;
248
- --hy-ref-color-chartreuse-70: #60c100ff;
249
- --hy-ref-color-chartreuse-60: #50a400ff;
250
- --hy-ref-color-chartreuse-50: #418700ff;
251
- --hy-ref-color-chartreuse-40: #326b00ff;
252
- --hy-ref-color-chartreuse-35: #2b5e00ff;
253
- --hy-ref-color-chartreuse-30: #245100ff;
254
- --hy-ref-color-chartreuse-25: #1e4400ff;
255
- --hy-ref-color-chartreuse-20: #173800ff;
256
- --hy-ref-color-chartreuse-10: #0b2000ff;
257
- --hy-ref-color-chartreuse-0: #000000ff;
258
- --hy-ref-color-spring-green-100: #ffffffff;
259
- --hy-ref-color-spring-green-99: #f5fff2ff;
260
- --hy-ref-color-spring-green-98: #eaffe9ff;
261
- --hy-ref-color-spring-green-95: #c4ffcbff;
262
- --hy-ref-color-spring-green-90: #63ff94ff;
263
- --hy-ref-color-spring-green-80: #00e472ff;
264
- --hy-ref-color-spring-green-70: #00c561ff;
265
- --hy-ref-color-spring-green-60: #00a751ff;
266
- --hy-ref-color-spring-green-50: #008942ff;
267
- --hy-ref-color-spring-green-40: #006d33ff;
268
- --hy-ref-color-spring-green-35: #00602cff;
269
- --hy-ref-color-spring-green-30: #005225ff;
270
- --hy-ref-color-spring-green-25: #00461eff;
271
- --hy-ref-color-spring-green-20: #003917ff;
272
- --hy-ref-color-spring-green-10: #00210bff;
273
- --hy-ref-color-spring-green-0: #000000ff;
274
- --hy-ref-color-azure-100: #ffffffff;
275
- --hy-ref-color-azure-99: #fdfbffff;
276
- --hy-ref-color-azure-98: #f9f9ffff;
277
- --hy-ref-color-azure-95: #ecf0ffff;
278
- --hy-ref-color-azure-90: #d7e3ffff;
279
- --hy-ref-color-azure-80: #abc7ffff;
280
- --hy-ref-color-azure-70: #7cabffff;
281
- --hy-ref-color-azure-60: #438fffff;
282
- --hy-ref-color-azure-50: #0074e9ff;
283
- --hy-ref-color-azure-40: #005cbbff;
284
- --hy-ref-color-azure-35: #0050a5ff;
285
- --hy-ref-color-azure-30: #00458fff;
286
- --hy-ref-color-azure-25: #003a7aff;
287
- --hy-ref-color-azure-20: #002f65ff;
288
- --hy-ref-color-azure-10: #001b3fff;
289
- --hy-ref-color-azure-0: #000000ff;
290
- --hy-ref-color-violet-100: #ffffffff;
291
- --hy-ref-color-violet-99: #fffbffff;
292
- --hy-ref-color-violet-98: #fef7ffff;
293
- --hy-ref-color-violet-95: #f7edffff;
294
- --hy-ref-color-violet-90: #ecdcffff;
295
- --hy-ref-color-violet-80: #d5baffff;
296
- --hy-ref-color-violet-70: #bf98ffff;
297
- --hy-ref-color-violet-60: #a974ffff;
298
- --hy-ref-color-violet-50: #944affff;
299
- --hy-ref-color-violet-40: #7d00faff;
300
- --hy-ref-color-violet-35: #6e00dcff;
301
- --hy-ref-color-violet-30: #5f00c0ff;
302
- --hy-ref-color-violet-25: #5000a4ff;
303
- --hy-ref-color-violet-20: #42008aff;
304
- --hy-ref-color-violet-10: #270057ff;
305
- --hy-ref-color-violet-0: #000000ff;
306
- --hy-ref-color-rose-100: #ffffffff;
307
- --hy-ref-color-rose-99: #fffbffff;
308
- --hy-ref-color-rose-98: #fff8f8ff;
309
- --hy-ref-color-rose-95: #ffecefff;
310
- --hy-ref-color-rose-90: #ffd9e1ff;
311
- --hy-ref-color-rose-80: #ffb1c5ff;
312
- --hy-ref-color-rose-70: #ff84a9ff;
313
- --hy-ref-color-rose-60: #ff4a8eff;
314
- --hy-ref-color-rose-50: #e80074ff;
315
- --hy-ref-color-rose-40: #ba005cff;
316
- --hy-ref-color-rose-35: #a40050ff;
317
- --hy-ref-color-rose-30: #8f0045ff;
318
- --hy-ref-color-rose-25: #7a003aff;
319
- --hy-ref-color-rose-20: #65002fff;
320
- --hy-ref-color-rose-10: #3f001bff;
321
- --hy-ref-color-rose-0: #000000ff;
322
- --hy-color-primary: var(--hy-ref-color-primary-40);
323
- --hy-color-on-primary: var(--hy-ref-color-primary-100);
324
- --hy-color-primary-container: var(--hy-ref-color-primary-90);
325
- --hy-color-on-primary-container: var(--hy-ref-color-primary-10);
326
- --hy-color-secondary: var(--hy-ref-color-secondary-40);
327
- --hy-color-on-secondary: var(--hy-ref-color-secondary-100);
328
- --hy-color-secondary-container: var(--hy-ref-color-secondary-90);
329
- --hy-color-on-secondary-container: var(--hy-ref-color-secondary-10);
330
- --hy-color-tertiary: var(--hy-ref-color-tertiary-40);
331
- --hy-color-on-tertiary: var(--hy-ref-color-tertiary-100);
332
- --hy-color-tertiary-container: var(--hy-ref-color-tertiary-90);
333
- --hy-color-on-tertiary-container: var(--hy-ref-color-tertiary-10);
334
- --hy-color-error: var(--hy-ref-color-error-40);
335
- --hy-color-on-error: var(--hy-ref-color-error-100);
336
- --hy-color-error-container: var(--hy-ref-color-error-90);
337
- --hy-color-on-error-container: var(--hy-ref-color-error-10);
338
- --hy-color-warning: var(--hy-ref-color-warning-40);
339
- --hy-color-on-warning: var(--hy-ref-color-warning-100);
340
- --hy-color-warning-container: var(--hy-ref-color-warning-90);
341
- --hy-color-on-warning-container: var(--hy-ref-color-warning-10);
342
- --hy-color-background: var(--hy-ref-color-neutral-99);
343
- --hy-color-on-background: var(--hy-ref-color-neutral-10);
344
- --hy-color-surface: var(--hy-ref-color-neutral-98);
345
- --hy-color-on-surface: var(--hy-ref-color-neutral-10);
346
- --hy-color-surface-variant: var(--hy-ref-color-neutral-variant-90);
347
- --hy-color-on-surface-variant: var(--hy-ref-color-neutral-variant-30);
348
- --hy-color-inverse-surface: var(--hy-ref-color-neutral-20);
349
- --hy-color-inverse-on-surface: var(--hy-ref-color-neutral-95);
350
- --hy-color-inverse-primary: var(--hy-ref-color-primary-80);
351
- --hy-color-outline: var(--hy-ref-color-neutral-50);
352
- --hy-color-outline-variant: var(--hy-ref-color-neutral-variant-80);
353
- --hy-color-shadow: var(--hy-ref-color-neutral-0);
354
- --hy-color-scrim: var(--hy-ref-color-neutral-0);
355
- --hy-color-surface-tint: var(--hy-ref-color-primary-40);
356
- --hy-color-primary-fixed: var(--hy-ref-color-primary-90);
357
- --hy-color-on-primary-fixed: var(--hy-ref-color-primary-10);
358
- --hy-color-primary-fixed-dim: var(--hy-ref-color-primary-80);
359
- --hy-color-on-primary-fixed-variant: var(--hy-ref-color-primary-30);
360
- --hy-color-secondary-fixed: var(--hy-ref-color-secondary-90);
361
- --hy-color-on-secondary-fixed: var(--hy-ref-color-secondary-10);
362
- --hy-color-secondary-fixed-dim: var(--hy-ref-color-secondary-80);
363
- --hy-color-on-secondary-fixed-variant: var(--hy-ref-color-secondary-30);
364
- --hy-color-tertiary-fixed: var(--hy-ref-color-tertiary-90);
365
- --hy-color-on-tertiary-fixed: var(--hy-ref-color-tertiary-10);
366
- --hy-color-tertiary-fixed-dim: var(--hy-ref-color-tertiary-80);
367
- --hy-color-on-tertiary-fixed-variant: var(--hy-ref-color-tertiary-30);
368
- --hy-color-surface-dim: var(--hy-ref-color-neutral-90);
369
- --hy-color-surface-bright: var(--hy-ref-color-neutral-98);
370
- --hy-color-surface-container-lowest: var(--hy-ref-color-neutral-100);
371
- --hy-color-surface-container-low: var(--hy-ref-color-neutral-95);
372
- --hy-color-surface-container: var(--hy-ref-color-neutral-95);
373
- --hy-color-surface-container-high: var(--hy-ref-color-neutral-90);
374
- --hy-color-surface-container-highest: var(--hy-ref-color-neutral-90);
375
- }
376
-
377
- :root.dark {
378
- --hy-color-primary: var(--hy-ref-color-primary-80);
379
- --hy-color-on-primary: var(--hy-ref-color-primary-20);
380
- --hy-color-primary-container: var(--hy-ref-color-primary-30);
381
- --hy-color-on-primary-container: var(--hy-ref-color-primary-90);
382
- --hy-color-secondary: var(--hy-ref-color-secondary-80);
383
- --hy-color-on-secondary: var(--hy-ref-color-secondary-20);
384
- --hy-color-secondary-container: var(--hy-ref-color-secondary-30);
385
- --hy-color-on-secondary-container: var(--hy-ref-color-secondary-90);
386
- --hy-color-tertiary: var(--hy-ref-color-tertiary-80);
387
- --hy-color-on-tertiary: var(--hy-ref-color-tertiary-20);
388
- --hy-color-tertiary-container: var(--hy-ref-color-tertiary-30);
389
- --hy-color-on-tertiary-container: var(--hy-ref-color-tertiary-90);
390
- --hy-color-error: var(--hy-ref-color-error-80);
391
- --hy-color-on-error: var(--hy-ref-color-error-20);
392
- --hy-color-error-container: var(--hy-ref-color-error-30);
393
- --hy-color-on-error-container: var(--hy-ref-color-error-90);
394
- --hy-color-warning: var(--hy-ref-color-warning-80);
395
- --hy-color-on-warning: var(--hy-ref-color-warning-20);
396
- --hy-color-warning-container: var(--hy-ref-color-warning-30);
397
- --hy-color-on-warning-container: var(--hy-ref-color-warning-90);
398
- --hy-color-background: var(--hy-ref-color-neutral-10);
399
- --hy-color-on-background: var(--hy-ref-color-neutral-90);
400
- --hy-color-surface: var(--hy-ref-color-neutral-10);
401
- --hy-color-on-surface: var(--hy-ref-color-neutral-90);
402
- --hy-color-surface-variant: var(--hy-ref-color-neutral-variant-30);
403
- --hy-color-on-surface-variant: var(--hy-ref-color-neutral-variant-80);
404
- --hy-color-inverse-surface: var(--hy-ref-color-neutral-90);
405
- --hy-color-inverse-on-surface: var(--hy-ref-color-neutral-20);
406
- --hy-color-inverse-primary: var(--hy-ref-color-primary-40);
407
- --hy-color-outline: var(--hy-ref-color-neutral-60);
408
- --hy-color-outline-variant: var(--hy-ref-color-neutral-variant-30);
409
- --hy-color-shadow: var(--hy-ref-color-neutral-0);
410
- --hy-color-scrim: var(--hy-ref-color-neutral-0);
411
- --hy-color-surface-tint: var(--hy-ref-color-primary-80);
412
- --hy-color-primary-fixed: var(--hy-ref-color-primary-90);
413
- --hy-color-on-primary-fixed: var(--hy-ref-color-primary-10);
414
- --hy-color-primary-fixed-dim: var(--hy-ref-color-primary-80);
415
- --hy-color-on-primary-fixed-variant: var(--hy-ref-color-primary-30);
416
- --hy-color-secondary-fixed: var(--hy-ref-color-secondary-90);
417
- --hy-color-on-secondary-fixed: var(--hy-ref-color-secondary-10);
418
- --hy-color-secondary-fixed-dim: var(--hy-ref-color-secondary-80);
419
- --hy-color-on-secondary-fixed-variant: var(--hy-ref-color-secondary-30);
420
- --hy-color-tertiary-fixed: var(--hy-ref-color-tertiary-90);
421
- --hy-color-on-tertiary-fixed: var(--hy-ref-color-tertiary-10);
422
- --hy-color-tertiary-fixed-dim: var(--hy-ref-color-tertiary-80);
423
- --hy-color-on-tertiary-fixed-variant: var(--hy-ref-color-tertiary-30);
424
- --hy-color-surface-dim: var(--hy-ref-color-neutral-10);
425
- --hy-color-surface-bright: var(--hy-ref-color-neutral-20);
426
- --hy-color-surface-container-lowest: var(--hy-ref-color-neutral-5);
427
- --hy-color-surface-container-low: var(--hy-ref-color-neutral-10);
428
- --hy-color-surface-container: var(--hy-ref-color-neutral-15);
429
- --hy-color-surface-container-high: var(--hy-ref-color-neutral-15);
430
- --hy-color-surface-container-highest: var(--hy-ref-color-neutral-20);
431
- }
package/src/tokens/index.css DELETED
@@ -1 +0,0 @@
1
- @import "./colors.css";