@typlog/ui 0.15.0 → 0.16.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 (11) hide show
  1. package/addons.css +33 -29
  2. package/addons.d.ts +8 -4
  3. package/addons.js +58 -38
  4. package/charts.d.ts +2 -2
  5. package/index.css +13652 -2
  6. package/{components.d.ts → index.d.ts} +659 -301
  7. package/{components.js → index.js} +1106 -157
  8. package/package.json +8 -15
  9. package/base.css +0 -6753
  10. package/components.css +0 -5410
  11. package/tailwind.css +0 -1111
package/tailwind.css DELETED
@@ -1,1111 +0,0 @@
1
- @theme {
2
- --space-1: 4px;
3
- --space-2: 8px;
4
- --space-3: 12px;
5
- --space-4: 16px;
6
- --space-5: 24px;
7
- --space-6: 32px;
8
- --space-7: 40px;
9
- --space-8: 48px;
10
- --space-9: 64px;
11
- }
12
- @layer base {
13
- * {
14
- border-color: var(--gray-a4);
15
- }
16
- }
17
-
18
- @theme {
19
- --color-amber-1: var(--amber-1);
20
- --color-amber-2: var(--amber-2);
21
- --color-amber-3: var(--amber-3);
22
- --color-amber-4: var(--amber-4);
23
- --color-amber-5: var(--amber-5);
24
- --color-amber-6: var(--amber-6);
25
- --color-amber-7: var(--amber-7);
26
- --color-amber-8: var(--amber-8);
27
- --color-amber-9: var(--amber-9);
28
- --color-amber-10: var(--amber-10);
29
- --color-amber-11: var(--amber-11);
30
- --color-amber-12: var(--amber-12);
31
-
32
- --color-amber-a1: var(--amber-a1);
33
- --color-amber-a2: var(--amber-a2);
34
- --color-amber-a3: var(--amber-a3);
35
- --color-amber-a4: var(--amber-a4);
36
- --color-amber-a5: var(--amber-a5);
37
- --color-amber-a6: var(--amber-a6);
38
- --color-amber-a7: var(--amber-a7);
39
- --color-amber-a8: var(--amber-a8);
40
- --color-amber-a9: var(--amber-a9);
41
- --color-amber-a10: var(--amber-a10);
42
- --color-amber-a11: var(--amber-a11);
43
- --color-amber-a12: var(--amber-a12);
44
-
45
- --color-amber-contrast: var(--amber-contrast);
46
- --color-amber-surface: var(--amber-surface);
47
- --color-amber-indicator: var(--amber-indicator);
48
- --color-amber-track: var(--amber-track);
49
- }
50
-
51
- @theme {
52
- --color-blue-1: var(--blue-1);
53
- --color-blue-2: var(--blue-2);
54
- --color-blue-3: var(--blue-3);
55
- --color-blue-4: var(--blue-4);
56
- --color-blue-5: var(--blue-5);
57
- --color-blue-6: var(--blue-6);
58
- --color-blue-7: var(--blue-7);
59
- --color-blue-8: var(--blue-8);
60
- --color-blue-9: var(--blue-9);
61
- --color-blue-10: var(--blue-10);
62
- --color-blue-11: var(--blue-11);
63
- --color-blue-12: var(--blue-12);
64
-
65
- --color-blue-a1: var(--blue-a1);
66
- --color-blue-a2: var(--blue-a2);
67
- --color-blue-a3: var(--blue-a3);
68
- --color-blue-a4: var(--blue-a4);
69
- --color-blue-a5: var(--blue-a5);
70
- --color-blue-a6: var(--blue-a6);
71
- --color-blue-a7: var(--blue-a7);
72
- --color-blue-a8: var(--blue-a8);
73
- --color-blue-a9: var(--blue-a9);
74
- --color-blue-a10: var(--blue-a10);
75
- --color-blue-a11: var(--blue-a11);
76
- --color-blue-a12: var(--blue-a12);
77
-
78
- --color-blue-contrast: var(--blue-contrast);
79
- --color-blue-surface: var(--blue-surface);
80
- --color-blue-indicator: var(--blue-indicator);
81
- --color-blue-track: var(--blue-track);
82
- }
83
-
84
- @theme {
85
- --color-bronze-1: var(--bronze-1);
86
- --color-bronze-2: var(--bronze-2);
87
- --color-bronze-3: var(--bronze-3);
88
- --color-bronze-4: var(--bronze-4);
89
- --color-bronze-5: var(--bronze-5);
90
- --color-bronze-6: var(--bronze-6);
91
- --color-bronze-7: var(--bronze-7);
92
- --color-bronze-8: var(--bronze-8);
93
- --color-bronze-9: var(--bronze-9);
94
- --color-bronze-10: var(--bronze-10);
95
- --color-bronze-11: var(--bronze-11);
96
- --color-bronze-12: var(--bronze-12);
97
-
98
- --color-bronze-a1: var(--bronze-a1);
99
- --color-bronze-a2: var(--bronze-a2);
100
- --color-bronze-a3: var(--bronze-a3);
101
- --color-bronze-a4: var(--bronze-a4);
102
- --color-bronze-a5: var(--bronze-a5);
103
- --color-bronze-a6: var(--bronze-a6);
104
- --color-bronze-a7: var(--bronze-a7);
105
- --color-bronze-a8: var(--bronze-a8);
106
- --color-bronze-a9: var(--bronze-a9);
107
- --color-bronze-a10: var(--bronze-a10);
108
- --color-bronze-a11: var(--bronze-a11);
109
- --color-bronze-a12: var(--bronze-a12);
110
-
111
- --color-bronze-contrast: var(--bronze-contrast);
112
- --color-bronze-surface: var(--bronze-surface);
113
- --color-bronze-indicator: var(--bronze-indicator);
114
- --color-bronze-track: var(--bronze-track);
115
- }
116
-
117
- @theme {
118
- --color-brown-1: var(--brown-1);
119
- --color-brown-2: var(--brown-2);
120
- --color-brown-3: var(--brown-3);
121
- --color-brown-4: var(--brown-4);
122
- --color-brown-5: var(--brown-5);
123
- --color-brown-6: var(--brown-6);
124
- --color-brown-7: var(--brown-7);
125
- --color-brown-8: var(--brown-8);
126
- --color-brown-9: var(--brown-9);
127
- --color-brown-10: var(--brown-10);
128
- --color-brown-11: var(--brown-11);
129
- --color-brown-12: var(--brown-12);
130
-
131
- --color-brown-a1: var(--brown-a1);
132
- --color-brown-a2: var(--brown-a2);
133
- --color-brown-a3: var(--brown-a3);
134
- --color-brown-a4: var(--brown-a4);
135
- --color-brown-a5: var(--brown-a5);
136
- --color-brown-a6: var(--brown-a6);
137
- --color-brown-a7: var(--brown-a7);
138
- --color-brown-a8: var(--brown-a8);
139
- --color-brown-a9: var(--brown-a9);
140
- --color-brown-a10: var(--brown-a10);
141
- --color-brown-a11: var(--brown-a11);
142
- --color-brown-a12: var(--brown-a12);
143
-
144
- --color-brown-contrast: var(--brown-contrast);
145
- --color-brown-surface: var(--brown-surface);
146
- --color-brown-indicator: var(--brown-indicator);
147
- --color-brown-track: var(--brown-track);
148
- }
149
-
150
- @theme {
151
- --color-crimson-1: var(--crimson-1);
152
- --color-crimson-2: var(--crimson-2);
153
- --color-crimson-3: var(--crimson-3);
154
- --color-crimson-4: var(--crimson-4);
155
- --color-crimson-5: var(--crimson-5);
156
- --color-crimson-6: var(--crimson-6);
157
- --color-crimson-7: var(--crimson-7);
158
- --color-crimson-8: var(--crimson-8);
159
- --color-crimson-9: var(--crimson-9);
160
- --color-crimson-10: var(--crimson-10);
161
- --color-crimson-11: var(--crimson-11);
162
- --color-crimson-12: var(--crimson-12);
163
-
164
- --color-crimson-a1: var(--crimson-a1);
165
- --color-crimson-a2: var(--crimson-a2);
166
- --color-crimson-a3: var(--crimson-a3);
167
- --color-crimson-a4: var(--crimson-a4);
168
- --color-crimson-a5: var(--crimson-a5);
169
- --color-crimson-a6: var(--crimson-a6);
170
- --color-crimson-a7: var(--crimson-a7);
171
- --color-crimson-a8: var(--crimson-a8);
172
- --color-crimson-a9: var(--crimson-a9);
173
- --color-crimson-a10: var(--crimson-a10);
174
- --color-crimson-a11: var(--crimson-a11);
175
- --color-crimson-a12: var(--crimson-a12);
176
-
177
- --color-crimson-contrast: var(--crimson-contrast);
178
- --color-crimson-surface: var(--crimson-surface);
179
- --color-crimson-indicator: var(--crimson-indicator);
180
- --color-crimson-track: var(--crimson-track);
181
- }
182
-
183
- @theme {
184
- --color-cyan-1: var(--cyan-1);
185
- --color-cyan-2: var(--cyan-2);
186
- --color-cyan-3: var(--cyan-3);
187
- --color-cyan-4: var(--cyan-4);
188
- --color-cyan-5: var(--cyan-5);
189
- --color-cyan-6: var(--cyan-6);
190
- --color-cyan-7: var(--cyan-7);
191
- --color-cyan-8: var(--cyan-8);
192
- --color-cyan-9: var(--cyan-9);
193
- --color-cyan-10: var(--cyan-10);
194
- --color-cyan-11: var(--cyan-11);
195
- --color-cyan-12: var(--cyan-12);
196
-
197
- --color-cyan-a1: var(--cyan-a1);
198
- --color-cyan-a2: var(--cyan-a2);
199
- --color-cyan-a3: var(--cyan-a3);
200
- --color-cyan-a4: var(--cyan-a4);
201
- --color-cyan-a5: var(--cyan-a5);
202
- --color-cyan-a6: var(--cyan-a6);
203
- --color-cyan-a7: var(--cyan-a7);
204
- --color-cyan-a8: var(--cyan-a8);
205
- --color-cyan-a9: var(--cyan-a9);
206
- --color-cyan-a10: var(--cyan-a10);
207
- --color-cyan-a11: var(--cyan-a11);
208
- --color-cyan-a12: var(--cyan-a12);
209
-
210
- --color-cyan-contrast: var(--cyan-contrast);
211
- --color-cyan-surface: var(--cyan-surface);
212
- --color-cyan-indicator: var(--cyan-indicator);
213
- --color-cyan-track: var(--cyan-track);
214
- }
215
-
216
- @theme {
217
- --color-gold-1: var(--gold-1);
218
- --color-gold-2: var(--gold-2);
219
- --color-gold-3: var(--gold-3);
220
- --color-gold-4: var(--gold-4);
221
- --color-gold-5: var(--gold-5);
222
- --color-gold-6: var(--gold-6);
223
- --color-gold-7: var(--gold-7);
224
- --color-gold-8: var(--gold-8);
225
- --color-gold-9: var(--gold-9);
226
- --color-gold-10: var(--gold-10);
227
- --color-gold-11: var(--gold-11);
228
- --color-gold-12: var(--gold-12);
229
-
230
- --color-gold-a1: var(--gold-a1);
231
- --color-gold-a2: var(--gold-a2);
232
- --color-gold-a3: var(--gold-a3);
233
- --color-gold-a4: var(--gold-a4);
234
- --color-gold-a5: var(--gold-a5);
235
- --color-gold-a6: var(--gold-a6);
236
- --color-gold-a7: var(--gold-a7);
237
- --color-gold-a8: var(--gold-a8);
238
- --color-gold-a9: var(--gold-a9);
239
- --color-gold-a10: var(--gold-a10);
240
- --color-gold-a11: var(--gold-a11);
241
- --color-gold-a12: var(--gold-a12);
242
-
243
- --color-gold-contrast: var(--gold-contrast);
244
- --color-gold-surface: var(--gold-surface);
245
- --color-gold-indicator: var(--gold-indicator);
246
- --color-gold-track: var(--gold-track);
247
- }
248
-
249
- @theme {
250
- --color-grass-1: var(--grass-1);
251
- --color-grass-2: var(--grass-2);
252
- --color-grass-3: var(--grass-3);
253
- --color-grass-4: var(--grass-4);
254
- --color-grass-5: var(--grass-5);
255
- --color-grass-6: var(--grass-6);
256
- --color-grass-7: var(--grass-7);
257
- --color-grass-8: var(--grass-8);
258
- --color-grass-9: var(--grass-9);
259
- --color-grass-10: var(--grass-10);
260
- --color-grass-11: var(--grass-11);
261
- --color-grass-12: var(--grass-12);
262
-
263
- --color-grass-a1: var(--grass-a1);
264
- --color-grass-a2: var(--grass-a2);
265
- --color-grass-a3: var(--grass-a3);
266
- --color-grass-a4: var(--grass-a4);
267
- --color-grass-a5: var(--grass-a5);
268
- --color-grass-a6: var(--grass-a6);
269
- --color-grass-a7: var(--grass-a7);
270
- --color-grass-a8: var(--grass-a8);
271
- --color-grass-a9: var(--grass-a9);
272
- --color-grass-a10: var(--grass-a10);
273
- --color-grass-a11: var(--grass-a11);
274
- --color-grass-a12: var(--grass-a12);
275
-
276
- --color-grass-contrast: var(--grass-contrast);
277
- --color-grass-surface: var(--grass-surface);
278
- --color-grass-indicator: var(--grass-indicator);
279
- --color-grass-track: var(--grass-track);
280
- }
281
-
282
- @theme {
283
- --color-gray-1: var(--gray-1);
284
- --color-gray-2: var(--gray-2);
285
- --color-gray-3: var(--gray-3);
286
- --color-gray-4: var(--gray-4);
287
- --color-gray-5: var(--gray-5);
288
- --color-gray-6: var(--gray-6);
289
- --color-gray-7: var(--gray-7);
290
- --color-gray-8: var(--gray-8);
291
- --color-gray-9: var(--gray-9);
292
- --color-gray-10: var(--gray-10);
293
- --color-gray-11: var(--gray-11);
294
- --color-gray-12: var(--gray-12);
295
-
296
- --color-gray-a1: var(--gray-a1);
297
- --color-gray-a2: var(--gray-a2);
298
- --color-gray-a3: var(--gray-a3);
299
- --color-gray-a4: var(--gray-a4);
300
- --color-gray-a5: var(--gray-a5);
301
- --color-gray-a6: var(--gray-a6);
302
- --color-gray-a7: var(--gray-a7);
303
- --color-gray-a8: var(--gray-a8);
304
- --color-gray-a9: var(--gray-a9);
305
- --color-gray-a10: var(--gray-a10);
306
- --color-gray-a11: var(--gray-a11);
307
- --color-gray-a12: var(--gray-a12);
308
-
309
- --color-gray-contrast: var(--gray-contrast);
310
- --color-gray-surface: var(--gray-surface);
311
- --color-gray-indicator: var(--gray-indicator);
312
- --color-gray-track: var(--gray-track);
313
- }
314
-
315
- @theme {
316
- --color-green-1: var(--green-1);
317
- --color-green-2: var(--green-2);
318
- --color-green-3: var(--green-3);
319
- --color-green-4: var(--green-4);
320
- --color-green-5: var(--green-5);
321
- --color-green-6: var(--green-6);
322
- --color-green-7: var(--green-7);
323
- --color-green-8: var(--green-8);
324
- --color-green-9: var(--green-9);
325
- --color-green-10: var(--green-10);
326
- --color-green-11: var(--green-11);
327
- --color-green-12: var(--green-12);
328
-
329
- --color-green-a1: var(--green-a1);
330
- --color-green-a2: var(--green-a2);
331
- --color-green-a3: var(--green-a3);
332
- --color-green-a4: var(--green-a4);
333
- --color-green-a5: var(--green-a5);
334
- --color-green-a6: var(--green-a6);
335
- --color-green-a7: var(--green-a7);
336
- --color-green-a8: var(--green-a8);
337
- --color-green-a9: var(--green-a9);
338
- --color-green-a10: var(--green-a10);
339
- --color-green-a11: var(--green-a11);
340
- --color-green-a12: var(--green-a12);
341
-
342
- --color-green-contrast: var(--green-contrast);
343
- --color-green-surface: var(--green-surface);
344
- --color-green-indicator: var(--green-indicator);
345
- --color-green-track: var(--green-track);
346
- }
347
-
348
- @theme {
349
- --color-indigo-1: var(--indigo-1);
350
- --color-indigo-2: var(--indigo-2);
351
- --color-indigo-3: var(--indigo-3);
352
- --color-indigo-4: var(--indigo-4);
353
- --color-indigo-5: var(--indigo-5);
354
- --color-indigo-6: var(--indigo-6);
355
- --color-indigo-7: var(--indigo-7);
356
- --color-indigo-8: var(--indigo-8);
357
- --color-indigo-9: var(--indigo-9);
358
- --color-indigo-10: var(--indigo-10);
359
- --color-indigo-11: var(--indigo-11);
360
- --color-indigo-12: var(--indigo-12);
361
-
362
- --color-indigo-a1: var(--indigo-a1);
363
- --color-indigo-a2: var(--indigo-a2);
364
- --color-indigo-a3: var(--indigo-a3);
365
- --color-indigo-a4: var(--indigo-a4);
366
- --color-indigo-a5: var(--indigo-a5);
367
- --color-indigo-a6: var(--indigo-a6);
368
- --color-indigo-a7: var(--indigo-a7);
369
- --color-indigo-a8: var(--indigo-a8);
370
- --color-indigo-a9: var(--indigo-a9);
371
- --color-indigo-a10: var(--indigo-a10);
372
- --color-indigo-a11: var(--indigo-a11);
373
- --color-indigo-a12: var(--indigo-a12);
374
-
375
- --color-indigo-contrast: var(--indigo-contrast);
376
- --color-indigo-surface: var(--indigo-surface);
377
- --color-indigo-indicator: var(--indigo-indicator);
378
- --color-indigo-track: var(--indigo-track);
379
- }
380
-
381
- @theme {
382
- --color-iris-1: var(--iris-1);
383
- --color-iris-2: var(--iris-2);
384
- --color-iris-3: var(--iris-3);
385
- --color-iris-4: var(--iris-4);
386
- --color-iris-5: var(--iris-5);
387
- --color-iris-6: var(--iris-6);
388
- --color-iris-7: var(--iris-7);
389
- --color-iris-8: var(--iris-8);
390
- --color-iris-9: var(--iris-9);
391
- --color-iris-10: var(--iris-10);
392
- --color-iris-11: var(--iris-11);
393
- --color-iris-12: var(--iris-12);
394
-
395
- --color-iris-a1: var(--iris-a1);
396
- --color-iris-a2: var(--iris-a2);
397
- --color-iris-a3: var(--iris-a3);
398
- --color-iris-a4: var(--iris-a4);
399
- --color-iris-a5: var(--iris-a5);
400
- --color-iris-a6: var(--iris-a6);
401
- --color-iris-a7: var(--iris-a7);
402
- --color-iris-a8: var(--iris-a8);
403
- --color-iris-a9: var(--iris-a9);
404
- --color-iris-a10: var(--iris-a10);
405
- --color-iris-a11: var(--iris-a11);
406
- --color-iris-a12: var(--iris-a12);
407
-
408
- --color-iris-contrast: var(--iris-contrast);
409
- --color-iris-surface: var(--iris-surface);
410
- --color-iris-indicator: var(--iris-indicator);
411
- --color-iris-track: var(--iris-track);
412
- }
413
-
414
- @theme {
415
- --color-jade-1: var(--jade-1);
416
- --color-jade-2: var(--jade-2);
417
- --color-jade-3: var(--jade-3);
418
- --color-jade-4: var(--jade-4);
419
- --color-jade-5: var(--jade-5);
420
- --color-jade-6: var(--jade-6);
421
- --color-jade-7: var(--jade-7);
422
- --color-jade-8: var(--jade-8);
423
- --color-jade-9: var(--jade-9);
424
- --color-jade-10: var(--jade-10);
425
- --color-jade-11: var(--jade-11);
426
- --color-jade-12: var(--jade-12);
427
-
428
- --color-jade-a1: var(--jade-a1);
429
- --color-jade-a2: var(--jade-a2);
430
- --color-jade-a3: var(--jade-a3);
431
- --color-jade-a4: var(--jade-a4);
432
- --color-jade-a5: var(--jade-a5);
433
- --color-jade-a6: var(--jade-a6);
434
- --color-jade-a7: var(--jade-a7);
435
- --color-jade-a8: var(--jade-a8);
436
- --color-jade-a9: var(--jade-a9);
437
- --color-jade-a10: var(--jade-a10);
438
- --color-jade-a11: var(--jade-a11);
439
- --color-jade-a12: var(--jade-a12);
440
-
441
- --color-jade-contrast: var(--jade-contrast);
442
- --color-jade-surface: var(--jade-surface);
443
- --color-jade-indicator: var(--jade-indicator);
444
- --color-jade-track: var(--jade-track);
445
- }
446
-
447
- @theme {
448
- --color-lime-1: var(--lime-1);
449
- --color-lime-2: var(--lime-2);
450
- --color-lime-3: var(--lime-3);
451
- --color-lime-4: var(--lime-4);
452
- --color-lime-5: var(--lime-5);
453
- --color-lime-6: var(--lime-6);
454
- --color-lime-7: var(--lime-7);
455
- --color-lime-8: var(--lime-8);
456
- --color-lime-9: var(--lime-9);
457
- --color-lime-10: var(--lime-10);
458
- --color-lime-11: var(--lime-11);
459
- --color-lime-12: var(--lime-12);
460
-
461
- --color-lime-a1: var(--lime-a1);
462
- --color-lime-a2: var(--lime-a2);
463
- --color-lime-a3: var(--lime-a3);
464
- --color-lime-a4: var(--lime-a4);
465
- --color-lime-a5: var(--lime-a5);
466
- --color-lime-a6: var(--lime-a6);
467
- --color-lime-a7: var(--lime-a7);
468
- --color-lime-a8: var(--lime-a8);
469
- --color-lime-a9: var(--lime-a9);
470
- --color-lime-a10: var(--lime-a10);
471
- --color-lime-a11: var(--lime-a11);
472
- --color-lime-a12: var(--lime-a12);
473
-
474
- --color-lime-contrast: var(--lime-contrast);
475
- --color-lime-surface: var(--lime-surface);
476
- --color-lime-indicator: var(--lime-indicator);
477
- --color-lime-track: var(--lime-track);
478
- }
479
-
480
- @theme {
481
- --color-mint-1: var(--mint-1);
482
- --color-mint-2: var(--mint-2);
483
- --color-mint-3: var(--mint-3);
484
- --color-mint-4: var(--mint-4);
485
- --color-mint-5: var(--mint-5);
486
- --color-mint-6: var(--mint-6);
487
- --color-mint-7: var(--mint-7);
488
- --color-mint-8: var(--mint-8);
489
- --color-mint-9: var(--mint-9);
490
- --color-mint-10: var(--mint-10);
491
- --color-mint-11: var(--mint-11);
492
- --color-mint-12: var(--mint-12);
493
-
494
- --color-mint-a1: var(--mint-a1);
495
- --color-mint-a2: var(--mint-a2);
496
- --color-mint-a3: var(--mint-a3);
497
- --color-mint-a4: var(--mint-a4);
498
- --color-mint-a5: var(--mint-a5);
499
- --color-mint-a6: var(--mint-a6);
500
- --color-mint-a7: var(--mint-a7);
501
- --color-mint-a8: var(--mint-a8);
502
- --color-mint-a9: var(--mint-a9);
503
- --color-mint-a10: var(--mint-a10);
504
- --color-mint-a11: var(--mint-a11);
505
- --color-mint-a12: var(--mint-a12);
506
-
507
- --color-mint-contrast: var(--mint-contrast);
508
- --color-mint-surface: var(--mint-surface);
509
- --color-mint-indicator: var(--mint-indicator);
510
- --color-mint-track: var(--mint-track);
511
- }
512
-
513
- @theme {
514
- --color-orange-1: var(--orange-1);
515
- --color-orange-2: var(--orange-2);
516
- --color-orange-3: var(--orange-3);
517
- --color-orange-4: var(--orange-4);
518
- --color-orange-5: var(--orange-5);
519
- --color-orange-6: var(--orange-6);
520
- --color-orange-7: var(--orange-7);
521
- --color-orange-8: var(--orange-8);
522
- --color-orange-9: var(--orange-9);
523
- --color-orange-10: var(--orange-10);
524
- --color-orange-11: var(--orange-11);
525
- --color-orange-12: var(--orange-12);
526
-
527
- --color-orange-a1: var(--orange-a1);
528
- --color-orange-a2: var(--orange-a2);
529
- --color-orange-a3: var(--orange-a3);
530
- --color-orange-a4: var(--orange-a4);
531
- --color-orange-a5: var(--orange-a5);
532
- --color-orange-a6: var(--orange-a6);
533
- --color-orange-a7: var(--orange-a7);
534
- --color-orange-a8: var(--orange-a8);
535
- --color-orange-a9: var(--orange-a9);
536
- --color-orange-a10: var(--orange-a10);
537
- --color-orange-a11: var(--orange-a11);
538
- --color-orange-a12: var(--orange-a12);
539
-
540
- --color-orange-contrast: var(--orange-contrast);
541
- --color-orange-surface: var(--orange-surface);
542
- --color-orange-indicator: var(--orange-indicator);
543
- --color-orange-track: var(--orange-track);
544
- }
545
-
546
- @theme {
547
- --color-pink-1: var(--pink-1);
548
- --color-pink-2: var(--pink-2);
549
- --color-pink-3: var(--pink-3);
550
- --color-pink-4: var(--pink-4);
551
- --color-pink-5: var(--pink-5);
552
- --color-pink-6: var(--pink-6);
553
- --color-pink-7: var(--pink-7);
554
- --color-pink-8: var(--pink-8);
555
- --color-pink-9: var(--pink-9);
556
- --color-pink-10: var(--pink-10);
557
- --color-pink-11: var(--pink-11);
558
- --color-pink-12: var(--pink-12);
559
-
560
- --color-pink-a1: var(--pink-a1);
561
- --color-pink-a2: var(--pink-a2);
562
- --color-pink-a3: var(--pink-a3);
563
- --color-pink-a4: var(--pink-a4);
564
- --color-pink-a5: var(--pink-a5);
565
- --color-pink-a6: var(--pink-a6);
566
- --color-pink-a7: var(--pink-a7);
567
- --color-pink-a8: var(--pink-a8);
568
- --color-pink-a9: var(--pink-a9);
569
- --color-pink-a10: var(--pink-a10);
570
- --color-pink-a11: var(--pink-a11);
571
- --color-pink-a12: var(--pink-a12);
572
-
573
- --color-pink-contrast: var(--pink-contrast);
574
- --color-pink-surface: var(--pink-surface);
575
- --color-pink-indicator: var(--pink-indicator);
576
- --color-pink-track: var(--pink-track);
577
- }
578
-
579
- @theme {
580
- --color-plum-1: var(--plum-1);
581
- --color-plum-2: var(--plum-2);
582
- --color-plum-3: var(--plum-3);
583
- --color-plum-4: var(--plum-4);
584
- --color-plum-5: var(--plum-5);
585
- --color-plum-6: var(--plum-6);
586
- --color-plum-7: var(--plum-7);
587
- --color-plum-8: var(--plum-8);
588
- --color-plum-9: var(--plum-9);
589
- --color-plum-10: var(--plum-10);
590
- --color-plum-11: var(--plum-11);
591
- --color-plum-12: var(--plum-12);
592
-
593
- --color-plum-a1: var(--plum-a1);
594
- --color-plum-a2: var(--plum-a2);
595
- --color-plum-a3: var(--plum-a3);
596
- --color-plum-a4: var(--plum-a4);
597
- --color-plum-a5: var(--plum-a5);
598
- --color-plum-a6: var(--plum-a6);
599
- --color-plum-a7: var(--plum-a7);
600
- --color-plum-a8: var(--plum-a8);
601
- --color-plum-a9: var(--plum-a9);
602
- --color-plum-a10: var(--plum-a10);
603
- --color-plum-a11: var(--plum-a11);
604
- --color-plum-a12: var(--plum-a12);
605
-
606
- --color-plum-contrast: var(--plum-contrast);
607
- --color-plum-surface: var(--plum-surface);
608
- --color-plum-indicator: var(--plum-indicator);
609
- --color-plum-track: var(--plum-track);
610
- }
611
-
612
- @theme {
613
- --color-purple-1: var(--purple-1);
614
- --color-purple-2: var(--purple-2);
615
- --color-purple-3: var(--purple-3);
616
- --color-purple-4: var(--purple-4);
617
- --color-purple-5: var(--purple-5);
618
- --color-purple-6: var(--purple-6);
619
- --color-purple-7: var(--purple-7);
620
- --color-purple-8: var(--purple-8);
621
- --color-purple-9: var(--purple-9);
622
- --color-purple-10: var(--purple-10);
623
- --color-purple-11: var(--purple-11);
624
- --color-purple-12: var(--purple-12);
625
-
626
- --color-purple-a1: var(--purple-a1);
627
- --color-purple-a2: var(--purple-a2);
628
- --color-purple-a3: var(--purple-a3);
629
- --color-purple-a4: var(--purple-a4);
630
- --color-purple-a5: var(--purple-a5);
631
- --color-purple-a6: var(--purple-a6);
632
- --color-purple-a7: var(--purple-a7);
633
- --color-purple-a8: var(--purple-a8);
634
- --color-purple-a9: var(--purple-a9);
635
- --color-purple-a10: var(--purple-a10);
636
- --color-purple-a11: var(--purple-a11);
637
- --color-purple-a12: var(--purple-a12);
638
-
639
- --color-purple-contrast: var(--purple-contrast);
640
- --color-purple-surface: var(--purple-surface);
641
- --color-purple-indicator: var(--purple-indicator);
642
- --color-purple-track: var(--purple-track);
643
- }
644
-
645
- @theme {
646
- --color-red-1: var(--red-1);
647
- --color-red-2: var(--red-2);
648
- --color-red-3: var(--red-3);
649
- --color-red-4: var(--red-4);
650
- --color-red-5: var(--red-5);
651
- --color-red-6: var(--red-6);
652
- --color-red-7: var(--red-7);
653
- --color-red-8: var(--red-8);
654
- --color-red-9: var(--red-9);
655
- --color-red-10: var(--red-10);
656
- --color-red-11: var(--red-11);
657
- --color-red-12: var(--red-12);
658
-
659
- --color-red-a1: var(--red-a1);
660
- --color-red-a2: var(--red-a2);
661
- --color-red-a3: var(--red-a3);
662
- --color-red-a4: var(--red-a4);
663
- --color-red-a5: var(--red-a5);
664
- --color-red-a6: var(--red-a6);
665
- --color-red-a7: var(--red-a7);
666
- --color-red-a8: var(--red-a8);
667
- --color-red-a9: var(--red-a9);
668
- --color-red-a10: var(--red-a10);
669
- --color-red-a11: var(--red-a11);
670
- --color-red-a12: var(--red-a12);
671
-
672
- --color-red-contrast: var(--red-contrast);
673
- --color-red-surface: var(--red-surface);
674
- --color-red-indicator: var(--red-indicator);
675
- --color-red-track: var(--red-track);
676
- }
677
-
678
- @theme {
679
- --color-ruby-1: var(--ruby-1);
680
- --color-ruby-2: var(--ruby-2);
681
- --color-ruby-3: var(--ruby-3);
682
- --color-ruby-4: var(--ruby-4);
683
- --color-ruby-5: var(--ruby-5);
684
- --color-ruby-6: var(--ruby-6);
685
- --color-ruby-7: var(--ruby-7);
686
- --color-ruby-8: var(--ruby-8);
687
- --color-ruby-9: var(--ruby-9);
688
- --color-ruby-10: var(--ruby-10);
689
- --color-ruby-11: var(--ruby-11);
690
- --color-ruby-12: var(--ruby-12);
691
-
692
- --color-ruby-a1: var(--ruby-a1);
693
- --color-ruby-a2: var(--ruby-a2);
694
- --color-ruby-a3: var(--ruby-a3);
695
- --color-ruby-a4: var(--ruby-a4);
696
- --color-ruby-a5: var(--ruby-a5);
697
- --color-ruby-a6: var(--ruby-a6);
698
- --color-ruby-a7: var(--ruby-a7);
699
- --color-ruby-a8: var(--ruby-a8);
700
- --color-ruby-a9: var(--ruby-a9);
701
- --color-ruby-a10: var(--ruby-a10);
702
- --color-ruby-a11: var(--ruby-a11);
703
- --color-ruby-a12: var(--ruby-a12);
704
-
705
- --color-ruby-contrast: var(--ruby-contrast);
706
- --color-ruby-surface: var(--ruby-surface);
707
- --color-ruby-indicator: var(--ruby-indicator);
708
- --color-ruby-track: var(--ruby-track);
709
- }
710
-
711
- @theme {
712
- --color-sky-1: var(--sky-1);
713
- --color-sky-2: var(--sky-2);
714
- --color-sky-3: var(--sky-3);
715
- --color-sky-4: var(--sky-4);
716
- --color-sky-5: var(--sky-5);
717
- --color-sky-6: var(--sky-6);
718
- --color-sky-7: var(--sky-7);
719
- --color-sky-8: var(--sky-8);
720
- --color-sky-9: var(--sky-9);
721
- --color-sky-10: var(--sky-10);
722
- --color-sky-11: var(--sky-11);
723
- --color-sky-12: var(--sky-12);
724
-
725
- --color-sky-a1: var(--sky-a1);
726
- --color-sky-a2: var(--sky-a2);
727
- --color-sky-a3: var(--sky-a3);
728
- --color-sky-a4: var(--sky-a4);
729
- --color-sky-a5: var(--sky-a5);
730
- --color-sky-a6: var(--sky-a6);
731
- --color-sky-a7: var(--sky-a7);
732
- --color-sky-a8: var(--sky-a8);
733
- --color-sky-a9: var(--sky-a9);
734
- --color-sky-a10: var(--sky-a10);
735
- --color-sky-a11: var(--sky-a11);
736
- --color-sky-a12: var(--sky-a12);
737
-
738
- --color-sky-contrast: var(--sky-contrast);
739
- --color-sky-surface: var(--sky-surface);
740
- --color-sky-indicator: var(--sky-indicator);
741
- --color-sky-track: var(--sky-track);
742
- }
743
-
744
- @theme {
745
- --color-teal-1: var(--teal-1);
746
- --color-teal-2: var(--teal-2);
747
- --color-teal-3: var(--teal-3);
748
- --color-teal-4: var(--teal-4);
749
- --color-teal-5: var(--teal-5);
750
- --color-teal-6: var(--teal-6);
751
- --color-teal-7: var(--teal-7);
752
- --color-teal-8: var(--teal-8);
753
- --color-teal-9: var(--teal-9);
754
- --color-teal-10: var(--teal-10);
755
- --color-teal-11: var(--teal-11);
756
- --color-teal-12: var(--teal-12);
757
-
758
- --color-teal-a1: var(--teal-a1);
759
- --color-teal-a2: var(--teal-a2);
760
- --color-teal-a3: var(--teal-a3);
761
- --color-teal-a4: var(--teal-a4);
762
- --color-teal-a5: var(--teal-a5);
763
- --color-teal-a6: var(--teal-a6);
764
- --color-teal-a7: var(--teal-a7);
765
- --color-teal-a8: var(--teal-a8);
766
- --color-teal-a9: var(--teal-a9);
767
- --color-teal-a10: var(--teal-a10);
768
- --color-teal-a11: var(--teal-a11);
769
- --color-teal-a12: var(--teal-a12);
770
-
771
- --color-teal-contrast: var(--teal-contrast);
772
- --color-teal-surface: var(--teal-surface);
773
- --color-teal-indicator: var(--teal-indicator);
774
- --color-teal-track: var(--teal-track);
775
- }
776
-
777
- @theme {
778
- --color-tomato-1: var(--tomato-1);
779
- --color-tomato-2: var(--tomato-2);
780
- --color-tomato-3: var(--tomato-3);
781
- --color-tomato-4: var(--tomato-4);
782
- --color-tomato-5: var(--tomato-5);
783
- --color-tomato-6: var(--tomato-6);
784
- --color-tomato-7: var(--tomato-7);
785
- --color-tomato-8: var(--tomato-8);
786
- --color-tomato-9: var(--tomato-9);
787
- --color-tomato-10: var(--tomato-10);
788
- --color-tomato-11: var(--tomato-11);
789
- --color-tomato-12: var(--tomato-12);
790
-
791
- --color-tomato-a1: var(--tomato-a1);
792
- --color-tomato-a2: var(--tomato-a2);
793
- --color-tomato-a3: var(--tomato-a3);
794
- --color-tomato-a4: var(--tomato-a4);
795
- --color-tomato-a5: var(--tomato-a5);
796
- --color-tomato-a6: var(--tomato-a6);
797
- --color-tomato-a7: var(--tomato-a7);
798
- --color-tomato-a8: var(--tomato-a8);
799
- --color-tomato-a9: var(--tomato-a9);
800
- --color-tomato-a10: var(--tomato-a10);
801
- --color-tomato-a11: var(--tomato-a11);
802
- --color-tomato-a12: var(--tomato-a12);
803
-
804
- --color-tomato-contrast: var(--tomato-contrast);
805
- --color-tomato-surface: var(--tomato-surface);
806
- --color-tomato-indicator: var(--tomato-indicator);
807
- --color-tomato-track: var(--tomato-track);
808
- }
809
-
810
- @theme {
811
- --color-violet-1: var(--violet-1);
812
- --color-violet-2: var(--violet-2);
813
- --color-violet-3: var(--violet-3);
814
- --color-violet-4: var(--violet-4);
815
- --color-violet-5: var(--violet-5);
816
- --color-violet-6: var(--violet-6);
817
- --color-violet-7: var(--violet-7);
818
- --color-violet-8: var(--violet-8);
819
- --color-violet-9: var(--violet-9);
820
- --color-violet-10: var(--violet-10);
821
- --color-violet-11: var(--violet-11);
822
- --color-violet-12: var(--violet-12);
823
-
824
- --color-violet-a1: var(--violet-a1);
825
- --color-violet-a2: var(--violet-a2);
826
- --color-violet-a3: var(--violet-a3);
827
- --color-violet-a4: var(--violet-a4);
828
- --color-violet-a5: var(--violet-a5);
829
- --color-violet-a6: var(--violet-a6);
830
- --color-violet-a7: var(--violet-a7);
831
- --color-violet-a8: var(--violet-a8);
832
- --color-violet-a9: var(--violet-a9);
833
- --color-violet-a10: var(--violet-a10);
834
- --color-violet-a11: var(--violet-a11);
835
- --color-violet-a12: var(--violet-a12);
836
-
837
- --color-violet-contrast: var(--violet-contrast);
838
- --color-violet-surface: var(--violet-surface);
839
- --color-violet-indicator: var(--violet-indicator);
840
- --color-violet-track: var(--violet-track);
841
- }
842
-
843
- @theme {
844
- --color-yellow-1: var(--yellow-1);
845
- --color-yellow-2: var(--yellow-2);
846
- --color-yellow-3: var(--yellow-3);
847
- --color-yellow-4: var(--yellow-4);
848
- --color-yellow-5: var(--yellow-5);
849
- --color-yellow-6: var(--yellow-6);
850
- --color-yellow-7: var(--yellow-7);
851
- --color-yellow-8: var(--yellow-8);
852
- --color-yellow-9: var(--yellow-9);
853
- --color-yellow-10: var(--yellow-10);
854
- --color-yellow-11: var(--yellow-11);
855
- --color-yellow-12: var(--yellow-12);
856
-
857
- --color-yellow-a1: var(--yellow-a1);
858
- --color-yellow-a2: var(--yellow-a2);
859
- --color-yellow-a3: var(--yellow-a3);
860
- --color-yellow-a4: var(--yellow-a4);
861
- --color-yellow-a5: var(--yellow-a5);
862
- --color-yellow-a6: var(--yellow-a6);
863
- --color-yellow-a7: var(--yellow-a7);
864
- --color-yellow-a8: var(--yellow-a8);
865
- --color-yellow-a9: var(--yellow-a9);
866
- --color-yellow-a10: var(--yellow-a10);
867
- --color-yellow-a11: var(--yellow-a11);
868
- --color-yellow-a12: var(--yellow-a12);
869
-
870
- --color-yellow-contrast: var(--yellow-contrast);
871
- --color-yellow-surface: var(--yellow-surface);
872
- --color-yellow-indicator: var(--yellow-indicator);
873
- --color-yellow-track: var(--yellow-track);
874
- }
875
-
876
-
877
- .radix-ui :where([data-gray-color='mauve']) {
878
- --color-mauve-1: var(--mauve-1);
879
- --color-mauve-2: var(--mauve-2);
880
- --color-mauve-3: var(--mauve-3);
881
- --color-mauve-4: var(--mauve-4);
882
- --color-mauve-5: var(--mauve-5);
883
- --color-mauve-6: var(--mauve-6);
884
- --color-mauve-7: var(--mauve-7);
885
- --color-mauve-8: var(--mauve-8);
886
- --color-mauve-9: var(--mauve-9);
887
- --color-mauve-10: var(--mauve-10);
888
- --color-mauve-11: var(--mauve-11);
889
- --color-mauve-12: var(--mauve-12);
890
-
891
- --color-mauve-a1: var(--mauve-a1);
892
- --color-mauve-a2: var(--mauve-a2);
893
- --color-mauve-a3: var(--mauve-a3);
894
- --color-mauve-a4: var(--mauve-a4);
895
- --color-mauve-a5: var(--mauve-a5);
896
- --color-mauve-a6: var(--mauve-a6);
897
- --color-mauve-a7: var(--mauve-a7);
898
- --color-mauve-a8: var(--mauve-a8);
899
- --color-mauve-a9: var(--mauve-a9);
900
- --color-mauve-a10: var(--mauve-a10);
901
- --color-mauve-a11: var(--mauve-a11);
902
- --color-mauve-a12: var(--mauve-a12);
903
-
904
- --color-mauve-contrast: var(--mauve-contrast);
905
- --color-mauve-surface: var(--mauve-surface);
906
- --color-mauve-indicator: var(--mauve-indicator);
907
- --color-mauve-track: var(--mauve-track);
908
- }
909
-
910
- @theme {
911
- --color-olive-1: var(--olive-1);
912
- --color-olive-2: var(--olive-2);
913
- --color-olive-3: var(--olive-3);
914
- --color-olive-4: var(--olive-4);
915
- --color-olive-5: var(--olive-5);
916
- --color-olive-6: var(--olive-6);
917
- --color-olive-7: var(--olive-7);
918
- --color-olive-8: var(--olive-8);
919
- --color-olive-9: var(--olive-9);
920
- --color-olive-10: var(--olive-10);
921
- --color-olive-11: var(--olive-11);
922
- --color-olive-12: var(--olive-12);
923
-
924
- --color-olive-a1: var(--olive-a1);
925
- --color-olive-a2: var(--olive-a2);
926
- --color-olive-a3: var(--olive-a3);
927
- --color-olive-a4: var(--olive-a4);
928
- --color-olive-a5: var(--olive-a5);
929
- --color-olive-a6: var(--olive-a6);
930
- --color-olive-a7: var(--olive-a7);
931
- --color-olive-a8: var(--olive-a8);
932
- --color-olive-a9: var(--olive-a9);
933
- --color-olive-a10: var(--olive-a10);
934
- --color-olive-a11: var(--olive-a11);
935
- --color-olive-a12: var(--olive-a12);
936
-
937
- --color-olive-contrast: var(--olive-contrast);
938
- --color-olive-surface: var(--olive-surface);
939
- --color-olive-indicator: var(--olive-indicator);
940
- --color-olive-track: var(--olive-track);
941
- }
942
-
943
- @theme {
944
- --color-sage-1: var(--sage-1);
945
- --color-sage-2: var(--sage-2);
946
- --color-sage-3: var(--sage-3);
947
- --color-sage-4: var(--sage-4);
948
- --color-sage-5: var(--sage-5);
949
- --color-sage-6: var(--sage-6);
950
- --color-sage-7: var(--sage-7);
951
- --color-sage-8: var(--sage-8);
952
- --color-sage-9: var(--sage-9);
953
- --color-sage-10: var(--sage-10);
954
- --color-sage-11: var(--sage-11);
955
- --color-sage-12: var(--sage-12);
956
-
957
- --color-sage-a1: var(--sage-a1);
958
- --color-sage-a2: var(--sage-a2);
959
- --color-sage-a3: var(--sage-a3);
960
- --color-sage-a4: var(--sage-a4);
961
- --color-sage-a5: var(--sage-a5);
962
- --color-sage-a6: var(--sage-a6);
963
- --color-sage-a7: var(--sage-a7);
964
- --color-sage-a8: var(--sage-a8);
965
- --color-sage-a9: var(--sage-a9);
966
- --color-sage-a10: var(--sage-a10);
967
- --color-sage-a11: var(--sage-a11);
968
- --color-sage-a12: var(--sage-a12);
969
-
970
- --color-sage-contrast: var(--sage-contrast);
971
- --color-sage-surface: var(--sage-surface);
972
- --color-sage-indicator: var(--sage-indicator);
973
- --color-sage-track: var(--sage-track);
974
- }
975
-
976
- @theme {
977
- --color-sand-1: var(--sand-1);
978
- --color-sand-2: var(--sand-2);
979
- --color-sand-3: var(--sand-3);
980
- --color-sand-4: var(--sand-4);
981
- --color-sand-5: var(--sand-5);
982
- --color-sand-6: var(--sand-6);
983
- --color-sand-7: var(--sand-7);
984
- --color-sand-8: var(--sand-8);
985
- --color-sand-9: var(--sand-9);
986
- --color-sand-10: var(--sand-10);
987
- --color-sand-11: var(--sand-11);
988
- --color-sand-12: var(--sand-12);
989
-
990
- --color-sand-a1: var(--sand-a1);
991
- --color-sand-a2: var(--sand-a2);
992
- --color-sand-a3: var(--sand-a3);
993
- --color-sand-a4: var(--sand-a4);
994
- --color-sand-a5: var(--sand-a5);
995
- --color-sand-a6: var(--sand-a6);
996
- --color-sand-a7: var(--sand-a7);
997
- --color-sand-a8: var(--sand-a8);
998
- --color-sand-a9: var(--sand-a9);
999
- --color-sand-a10: var(--sand-a10);
1000
- --color-sand-a11: var(--sand-a11);
1001
- --color-sand-a12: var(--sand-a12);
1002
-
1003
- --color-sand-contrast: var(--sand-contrast);
1004
- --color-sand-surface: var(--sand-surface);
1005
- --color-sand-indicator: var(--sand-indicator);
1006
- --color-sand-track: var(--sand-track);
1007
- }
1008
-
1009
- @theme {
1010
- --color-slate-1: var(--slate-1);
1011
- --color-slate-2: var(--slate-2);
1012
- --color-slate-3: var(--slate-3);
1013
- --color-slate-4: var(--slate-4);
1014
- --color-slate-5: var(--slate-5);
1015
- --color-slate-6: var(--slate-6);
1016
- --color-slate-7: var(--slate-7);
1017
- --color-slate-8: var(--slate-8);
1018
- --color-slate-9: var(--slate-9);
1019
- --color-slate-10: var(--slate-10);
1020
- --color-slate-11: var(--slate-11);
1021
- --color-slate-12: var(--slate-12);
1022
-
1023
- --color-slate-a1: var(--slate-a1);
1024
- --color-slate-a2: var(--slate-a2);
1025
- --color-slate-a3: var(--slate-a3);
1026
- --color-slate-a4: var(--slate-a4);
1027
- --color-slate-a5: var(--slate-a5);
1028
- --color-slate-a6: var(--slate-a6);
1029
- --color-slate-a7: var(--slate-a7);
1030
- --color-slate-a8: var(--slate-a8);
1031
- --color-slate-a9: var(--slate-a9);
1032
- --color-slate-a10: var(--slate-a10);
1033
- --color-slate-a11: var(--slate-a11);
1034
- --color-slate-a12: var(--slate-a12);
1035
-
1036
- --color-slate-contrast: var(--slate-contrast);
1037
- --color-slate-surface: var(--slate-surface);
1038
- --color-slate-indicator: var(--slate-indicator);
1039
- --color-slate-track: var(--slate-track);
1040
- }
1041
-
1042
- @theme {
1043
- --color-transparent: transparent;
1044
- --color-black: #000;
1045
- --color-white: #fff;
1046
-
1047
- --color-white-a1: var(--white-a1);
1048
- --color-white-a2: var(--white-a2);
1049
- --color-white-a3: var(--white-a3);
1050
- --color-white-a4: var(--white-a4);
1051
- --color-white-a5: var(--white-a5);
1052
- --color-white-a6: var(--white-a6);
1053
- --color-white-a7: var(--white-a7);
1054
- --color-white-a8: var(--white-a8);
1055
- --color-white-a9: var(--white-a9);
1056
- --color-white-a10: var(--white-a10);
1057
- --color-white-a11: var(--white-a11);
1058
- --color-white-a12: var(--white-a12);
1059
-
1060
- --color-black-a1: var(--black-a1);
1061
- --color-black-a2: var(--black-a2);
1062
- --color-black-a3: var(--black-a3);
1063
- --color-black-a4: var(--black-a4);
1064
- --color-black-a5: var(--black-a5);
1065
- --color-black-a6: var(--black-a6);
1066
- --color-black-a7: var(--black-a7);
1067
- --color-black-a8: var(--black-a8);
1068
- --color-black-a9: var(--black-a9);
1069
- --color-black-a10: var(--black-a10);
1070
- --color-black-a11: var(--black-a11);
1071
- --color-black-a12: var(--black-a12);
1072
-
1073
- --color-light: var(--light-0);
1074
- --color-light-surface: var(--light-surface);
1075
- --color-dark: var(--dark-0);
1076
-
1077
- --color-light-a1: var(--light-a1);
1078
- --color-light-a2: var(--light-a2);
1079
- --color-light-a3: var(--light-a3);
1080
- --color-light-a4: var(--light-a4);
1081
- --color-light-a5: var(--light-a5);
1082
- --color-light-a6: var(--light-a6);
1083
- --color-light-a7: var(--light-a7);
1084
- --color-light-a8: var(--light-a8);
1085
- --color-light-a9: var(--light-a9);
1086
- --color-light-a10: var(--light-a10);
1087
- --color-light-a11: var(--light-a11);
1088
- --color-light-a12: var(--light-a12);
1089
-
1090
- --color-dark-a1: var(--dark-a1);
1091
- --color-dark-a2: var(--dark-a2);
1092
- --color-dark-a3: var(--dark-a3);
1093
- --color-dark-a4: var(--dark-a4);
1094
- --color-dark-a5: var(--dark-a5);
1095
- --color-dark-a6: var(--dark-a6);
1096
- --color-dark-a7: var(--dark-a7);
1097
- --color-dark-a8: var(--dark-a8);
1098
- --color-dark-a9: var(--dark-a9);
1099
- --color-dark-a10: var(--dark-a10);
1100
- --color-dark-a11: var(--dark-a11);
1101
- --color-dark-a12: var(--dark-a12);
1102
- }
1103
-
1104
- @theme {
1105
- --shadow-1: var(--shadow-1);
1106
- --shadow-2: var(--shadow-2);
1107
- --shadow-3: var(--shadow-3);
1108
- --shadow-4: var(--shadow-4);
1109
- --shadow-5: var(--shadow-5);
1110
- --shadow-6: var(--shadow-6);
1111
- }