@wippy-fe/theme 0.0.41 → 0.0.43

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.
package/tokens.json ADDED
@@ -0,0 +1,1484 @@
1
+ {
2
+ "generatedFrom": "theme-config.css",
3
+ "version": "1.0.43",
4
+ "grammar": "every color family = --p-<fam> + --p-<fam>-{50..950} + --p-<fam>-{color,contrast-color,hover-color,active-color}; --p-surface-<shade>; text/content/highlight semantic aliases; --p-font-<role>-<prop>",
5
+ "families": [
6
+ "primary",
7
+ "secondary",
8
+ "danger",
9
+ "success",
10
+ "warn",
11
+ "info",
12
+ "help",
13
+ "accent"
14
+ ],
15
+ "fontRoles": [
16
+ "heading",
17
+ "body",
18
+ "mono"
19
+ ],
20
+ "fontProps": [
21
+ "family",
22
+ "scale",
23
+ "line-height",
24
+ "letter-spacing",
25
+ "stretch",
26
+ "variation-settings"
27
+ ],
28
+ "tokens": [
29
+ {
30
+ "name": "--p-accent",
31
+ "layer": "base",
32
+ "family": "accent",
33
+ "light": "rgb(20, 184, 166)",
34
+ "dark": "rgb(20, 184, 166)",
35
+ "flips": false
36
+ },
37
+ {
38
+ "name": "--p-accent-100",
39
+ "layer": "scale",
40
+ "family": "accent",
41
+ "shade": 100,
42
+ "light": "color-mix(in srgb, var(--p-accent) 10%, white)",
43
+ "dark": "color-mix(in srgb, var(--p-accent) 10%, white)",
44
+ "flips": false
45
+ },
46
+ {
47
+ "name": "--p-accent-200",
48
+ "layer": "scale",
49
+ "family": "accent",
50
+ "shade": 200,
51
+ "light": "color-mix(in srgb, var(--p-accent) 20%, white)",
52
+ "dark": "color-mix(in srgb, var(--p-accent) 20%, white)",
53
+ "flips": false
54
+ },
55
+ {
56
+ "name": "--p-accent-300",
57
+ "layer": "scale",
58
+ "family": "accent",
59
+ "shade": 300,
60
+ "light": "color-mix(in srgb, var(--p-accent) 30%, white)",
61
+ "dark": "color-mix(in srgb, var(--p-accent) 30%, white)",
62
+ "flips": false
63
+ },
64
+ {
65
+ "name": "--p-accent-400",
66
+ "layer": "scale",
67
+ "family": "accent",
68
+ "shade": 400,
69
+ "light": "color-mix(in srgb, var(--p-accent) 40%, white)",
70
+ "dark": "color-mix(in srgb, var(--p-accent) 40%, white)",
71
+ "flips": false
72
+ },
73
+ {
74
+ "name": "--p-accent-50",
75
+ "layer": "scale",
76
+ "family": "accent",
77
+ "shade": 50,
78
+ "light": "color-mix(in srgb, var(--p-accent) 5%, white)",
79
+ "dark": "color-mix(in srgb, var(--p-accent) 5%, white)",
80
+ "flips": false
81
+ },
82
+ {
83
+ "name": "--p-accent-500",
84
+ "layer": "scale",
85
+ "family": "accent",
86
+ "shade": 500,
87
+ "light": "var(--p-accent)",
88
+ "dark": "var(--p-accent)",
89
+ "flips": false
90
+ },
91
+ {
92
+ "name": "--p-accent-600",
93
+ "layer": "scale",
94
+ "family": "accent",
95
+ "shade": 600,
96
+ "light": "color-mix(in srgb, var(--p-accent) 80%, black)",
97
+ "dark": "color-mix(in srgb, var(--p-accent) 80%, black)",
98
+ "flips": false
99
+ },
100
+ {
101
+ "name": "--p-accent-700",
102
+ "layer": "scale",
103
+ "family": "accent",
104
+ "shade": 700,
105
+ "light": "color-mix(in srgb, var(--p-accent) 70%, black)",
106
+ "dark": "color-mix(in srgb, var(--p-accent) 70%, black)",
107
+ "flips": false
108
+ },
109
+ {
110
+ "name": "--p-accent-800",
111
+ "layer": "scale",
112
+ "family": "accent",
113
+ "shade": 800,
114
+ "light": "color-mix(in srgb, var(--p-accent) 60%, black)",
115
+ "dark": "color-mix(in srgb, var(--p-accent) 60%, black)",
116
+ "flips": false
117
+ },
118
+ {
119
+ "name": "--p-accent-900",
120
+ "layer": "scale",
121
+ "family": "accent",
122
+ "shade": 900,
123
+ "light": "color-mix(in srgb, var(--p-accent) 50%, black)",
124
+ "dark": "color-mix(in srgb, var(--p-accent) 50%, black)",
125
+ "flips": false
126
+ },
127
+ {
128
+ "name": "--p-accent-950",
129
+ "layer": "scale",
130
+ "family": "accent",
131
+ "shade": 950,
132
+ "light": "color-mix(in srgb, var(--p-accent) 40%, black)",
133
+ "dark": "color-mix(in srgb, var(--p-accent) 40%, black)",
134
+ "flips": false
135
+ },
136
+ {
137
+ "name": "--p-accent-active-color",
138
+ "layer": "alias",
139
+ "family": "accent",
140
+ "alias": "active-color",
141
+ "light": "var(--p-accent-700)",
142
+ "dark": "var(--p-accent-200)",
143
+ "flips": true
144
+ },
145
+ {
146
+ "name": "--p-accent-color",
147
+ "layer": "alias",
148
+ "family": "accent",
149
+ "alias": "color",
150
+ "light": "var(--p-accent-500)",
151
+ "dark": "var(--p-accent-400)",
152
+ "flips": true
153
+ },
154
+ {
155
+ "name": "--p-accent-contrast-color",
156
+ "layer": "alias",
157
+ "family": "accent",
158
+ "alias": "contrast-color",
159
+ "light": "var(--p-surface-0)",
160
+ "dark": "var(--p-surface-900)",
161
+ "flips": true
162
+ },
163
+ {
164
+ "name": "--p-accent-hover-color",
165
+ "layer": "alias",
166
+ "family": "accent",
167
+ "alias": "hover-color",
168
+ "light": "var(--p-accent-600)",
169
+ "dark": "var(--p-accent-300)",
170
+ "flips": true
171
+ },
172
+ {
173
+ "name": "--p-content-background",
174
+ "layer": "semantic",
175
+ "light": "var(--p-surface-0)",
176
+ "dark": "var(--p-surface-900)",
177
+ "flips": true
178
+ },
179
+ {
180
+ "name": "--p-content-border-color",
181
+ "layer": "semantic",
182
+ "light": "var(--p-surface-200)",
183
+ "dark": "var(--p-surface-700)",
184
+ "flips": true
185
+ },
186
+ {
187
+ "name": "--p-content-border-radius",
188
+ "layer": "semantic",
189
+ "light": "6px",
190
+ "dark": "6px",
191
+ "flips": false
192
+ },
193
+ {
194
+ "name": "--p-content-hover-background",
195
+ "layer": "semantic",
196
+ "light": "var(--p-surface-100)",
197
+ "dark": "var(--p-surface-800)",
198
+ "flips": true
199
+ },
200
+ {
201
+ "name": "--p-content-hover-color",
202
+ "layer": "semantic",
203
+ "light": "var(--p-surface-800)",
204
+ "dark": "var(--p-surface-0)",
205
+ "flips": true
206
+ },
207
+ {
208
+ "name": "--p-danger",
209
+ "layer": "base",
210
+ "family": "danger",
211
+ "light": "rgb(239, 68, 68)",
212
+ "dark": "rgb(239, 68, 68)",
213
+ "flips": false
214
+ },
215
+ {
216
+ "name": "--p-danger-100",
217
+ "layer": "scale",
218
+ "family": "danger",
219
+ "shade": 100,
220
+ "light": "color-mix(in srgb, var(--p-danger) 10%, white)",
221
+ "dark": "color-mix(in srgb, var(--p-danger) 10%, white)",
222
+ "flips": false
223
+ },
224
+ {
225
+ "name": "--p-danger-200",
226
+ "layer": "scale",
227
+ "family": "danger",
228
+ "shade": 200,
229
+ "light": "color-mix(in srgb, var(--p-danger) 20%, white)",
230
+ "dark": "color-mix(in srgb, var(--p-danger) 20%, white)",
231
+ "flips": false
232
+ },
233
+ {
234
+ "name": "--p-danger-300",
235
+ "layer": "scale",
236
+ "family": "danger",
237
+ "shade": 300,
238
+ "light": "color-mix(in srgb, var(--p-danger) 30%, white)",
239
+ "dark": "color-mix(in srgb, var(--p-danger) 30%, white)",
240
+ "flips": false
241
+ },
242
+ {
243
+ "name": "--p-danger-400",
244
+ "layer": "scale",
245
+ "family": "danger",
246
+ "shade": 400,
247
+ "light": "color-mix(in srgb, var(--p-danger) 40%, white)",
248
+ "dark": "color-mix(in srgb, var(--p-danger) 40%, white)",
249
+ "flips": false
250
+ },
251
+ {
252
+ "name": "--p-danger-50",
253
+ "layer": "scale",
254
+ "family": "danger",
255
+ "shade": 50,
256
+ "light": "color-mix(in srgb, var(--p-danger) 5%, white)",
257
+ "dark": "color-mix(in srgb, var(--p-danger) 5%, white)",
258
+ "flips": false
259
+ },
260
+ {
261
+ "name": "--p-danger-500",
262
+ "layer": "scale",
263
+ "family": "danger",
264
+ "shade": 500,
265
+ "light": "var(--p-danger)",
266
+ "dark": "var(--p-danger)",
267
+ "flips": false
268
+ },
269
+ {
270
+ "name": "--p-danger-600",
271
+ "layer": "scale",
272
+ "family": "danger",
273
+ "shade": 600,
274
+ "light": "color-mix(in srgb, var(--p-danger) 80%, black)",
275
+ "dark": "color-mix(in srgb, var(--p-danger) 80%, black)",
276
+ "flips": false
277
+ },
278
+ {
279
+ "name": "--p-danger-700",
280
+ "layer": "scale",
281
+ "family": "danger",
282
+ "shade": 700,
283
+ "light": "color-mix(in srgb, var(--p-danger) 70%, black)",
284
+ "dark": "color-mix(in srgb, var(--p-danger) 70%, black)",
285
+ "flips": false
286
+ },
287
+ {
288
+ "name": "--p-danger-800",
289
+ "layer": "scale",
290
+ "family": "danger",
291
+ "shade": 800,
292
+ "light": "color-mix(in srgb, var(--p-danger) 60%, black)",
293
+ "dark": "color-mix(in srgb, var(--p-danger) 60%, black)",
294
+ "flips": false
295
+ },
296
+ {
297
+ "name": "--p-danger-900",
298
+ "layer": "scale",
299
+ "family": "danger",
300
+ "shade": 900,
301
+ "light": "color-mix(in srgb, var(--p-danger) 50%, black)",
302
+ "dark": "color-mix(in srgb, var(--p-danger) 50%, black)",
303
+ "flips": false
304
+ },
305
+ {
306
+ "name": "--p-danger-950",
307
+ "layer": "scale",
308
+ "family": "danger",
309
+ "shade": 950,
310
+ "light": "color-mix(in srgb, var(--p-danger) 40%, black)",
311
+ "dark": "color-mix(in srgb, var(--p-danger) 40%, black)",
312
+ "flips": false
313
+ },
314
+ {
315
+ "name": "--p-danger-active-color",
316
+ "layer": "alias",
317
+ "family": "danger",
318
+ "alias": "active-color",
319
+ "light": "var(--p-danger-700)",
320
+ "dark": "var(--p-danger-200)",
321
+ "flips": true
322
+ },
323
+ {
324
+ "name": "--p-danger-color",
325
+ "layer": "alias",
326
+ "family": "danger",
327
+ "alias": "color",
328
+ "light": "var(--p-danger-500)",
329
+ "dark": "var(--p-danger-400)",
330
+ "flips": true
331
+ },
332
+ {
333
+ "name": "--p-danger-contrast-color",
334
+ "layer": "alias",
335
+ "family": "danger",
336
+ "alias": "contrast-color",
337
+ "light": "var(--p-surface-0)",
338
+ "dark": "var(--p-surface-900)",
339
+ "flips": true
340
+ },
341
+ {
342
+ "name": "--p-danger-hover-color",
343
+ "layer": "alias",
344
+ "family": "danger",
345
+ "alias": "hover-color",
346
+ "light": "var(--p-danger-600)",
347
+ "dark": "var(--p-danger-300)",
348
+ "flips": true
349
+ },
350
+ {
351
+ "name": "--p-font-body-letter-spacing",
352
+ "layer": "font",
353
+ "role": "body",
354
+ "prop": "letter-spacing",
355
+ "light": "normal",
356
+ "dark": "normal",
357
+ "flips": false
358
+ },
359
+ {
360
+ "name": "--p-font-body-line-height",
361
+ "layer": "font",
362
+ "role": "body",
363
+ "prop": "line-height",
364
+ "light": "1.5",
365
+ "dark": "1.5",
366
+ "flips": false
367
+ },
368
+ {
369
+ "name": "--p-font-body-scale",
370
+ "layer": "font",
371
+ "role": "body",
372
+ "prop": "scale",
373
+ "light": "1",
374
+ "dark": "1",
375
+ "flips": false
376
+ },
377
+ {
378
+ "name": "--p-font-body-stretch",
379
+ "layer": "font",
380
+ "role": "body",
381
+ "prop": "stretch",
382
+ "light": "normal",
383
+ "dark": "normal",
384
+ "flips": false
385
+ },
386
+ {
387
+ "name": "--p-font-body-variation-settings",
388
+ "layer": "font",
389
+ "role": "body",
390
+ "prop": "variation-settings",
391
+ "light": "normal",
392
+ "dark": "normal",
393
+ "flips": false
394
+ },
395
+ {
396
+ "name": "--p-font-heading-family",
397
+ "layer": "font",
398
+ "role": "heading",
399
+ "prop": "family",
400
+ "light": "var(--v-font-family-head, Arial)",
401
+ "dark": "var(--v-font-family-head, Arial)",
402
+ "flips": false
403
+ },
404
+ {
405
+ "name": "--p-font-heading-letter-spacing",
406
+ "layer": "font",
407
+ "role": "heading",
408
+ "prop": "letter-spacing",
409
+ "light": "normal",
410
+ "dark": "normal",
411
+ "flips": false
412
+ },
413
+ {
414
+ "name": "--p-font-heading-line-height",
415
+ "layer": "font",
416
+ "role": "heading",
417
+ "prop": "line-height",
418
+ "light": "1.5",
419
+ "dark": "1.5",
420
+ "flips": false
421
+ },
422
+ {
423
+ "name": "--p-font-heading-scale",
424
+ "layer": "font",
425
+ "role": "heading",
426
+ "prop": "scale",
427
+ "light": "1",
428
+ "dark": "1",
429
+ "flips": false
430
+ },
431
+ {
432
+ "name": "--p-font-heading-stretch",
433
+ "layer": "font",
434
+ "role": "heading",
435
+ "prop": "stretch",
436
+ "light": "normal",
437
+ "dark": "normal",
438
+ "flips": false
439
+ },
440
+ {
441
+ "name": "--p-font-heading-variation-settings",
442
+ "layer": "font",
443
+ "role": "heading",
444
+ "prop": "variation-settings",
445
+ "light": "normal",
446
+ "dark": "normal",
447
+ "flips": false
448
+ },
449
+ {
450
+ "name": "--p-font-mono-family",
451
+ "layer": "font",
452
+ "role": "mono",
453
+ "prop": "family",
454
+ "light": "ui-monospace",
455
+ "dark": "ui-monospace",
456
+ "flips": false
457
+ },
458
+ {
459
+ "name": "--p-help",
460
+ "layer": "base",
461
+ "family": "help",
462
+ "light": "rgb(168, 85, 247)",
463
+ "dark": "rgb(168, 85, 247)",
464
+ "flips": false
465
+ },
466
+ {
467
+ "name": "--p-help-100",
468
+ "layer": "scale",
469
+ "family": "help",
470
+ "shade": 100,
471
+ "light": "color-mix(in srgb, var(--p-help) 10%, white)",
472
+ "dark": "color-mix(in srgb, var(--p-help) 10%, white)",
473
+ "flips": false
474
+ },
475
+ {
476
+ "name": "--p-help-200",
477
+ "layer": "scale",
478
+ "family": "help",
479
+ "shade": 200,
480
+ "light": "color-mix(in srgb, var(--p-help) 20%, white)",
481
+ "dark": "color-mix(in srgb, var(--p-help) 20%, white)",
482
+ "flips": false
483
+ },
484
+ {
485
+ "name": "--p-help-300",
486
+ "layer": "scale",
487
+ "family": "help",
488
+ "shade": 300,
489
+ "light": "color-mix(in srgb, var(--p-help) 30%, white)",
490
+ "dark": "color-mix(in srgb, var(--p-help) 30%, white)",
491
+ "flips": false
492
+ },
493
+ {
494
+ "name": "--p-help-400",
495
+ "layer": "scale",
496
+ "family": "help",
497
+ "shade": 400,
498
+ "light": "color-mix(in srgb, var(--p-help) 40%, white)",
499
+ "dark": "color-mix(in srgb, var(--p-help) 40%, white)",
500
+ "flips": false
501
+ },
502
+ {
503
+ "name": "--p-help-50",
504
+ "layer": "scale",
505
+ "family": "help",
506
+ "shade": 50,
507
+ "light": "color-mix(in srgb, var(--p-help) 5%, white)",
508
+ "dark": "color-mix(in srgb, var(--p-help) 5%, white)",
509
+ "flips": false
510
+ },
511
+ {
512
+ "name": "--p-help-500",
513
+ "layer": "scale",
514
+ "family": "help",
515
+ "shade": 500,
516
+ "light": "var(--p-help)",
517
+ "dark": "var(--p-help)",
518
+ "flips": false
519
+ },
520
+ {
521
+ "name": "--p-help-600",
522
+ "layer": "scale",
523
+ "family": "help",
524
+ "shade": 600,
525
+ "light": "color-mix(in srgb, var(--p-help) 80%, black)",
526
+ "dark": "color-mix(in srgb, var(--p-help) 80%, black)",
527
+ "flips": false
528
+ },
529
+ {
530
+ "name": "--p-help-700",
531
+ "layer": "scale",
532
+ "family": "help",
533
+ "shade": 700,
534
+ "light": "color-mix(in srgb, var(--p-help) 70%, black)",
535
+ "dark": "color-mix(in srgb, var(--p-help) 70%, black)",
536
+ "flips": false
537
+ },
538
+ {
539
+ "name": "--p-help-800",
540
+ "layer": "scale",
541
+ "family": "help",
542
+ "shade": 800,
543
+ "light": "color-mix(in srgb, var(--p-help) 60%, black)",
544
+ "dark": "color-mix(in srgb, var(--p-help) 60%, black)",
545
+ "flips": false
546
+ },
547
+ {
548
+ "name": "--p-help-900",
549
+ "layer": "scale",
550
+ "family": "help",
551
+ "shade": 900,
552
+ "light": "color-mix(in srgb, var(--p-help) 50%, black)",
553
+ "dark": "color-mix(in srgb, var(--p-help) 50%, black)",
554
+ "flips": false
555
+ },
556
+ {
557
+ "name": "--p-help-950",
558
+ "layer": "scale",
559
+ "family": "help",
560
+ "shade": 950,
561
+ "light": "color-mix(in srgb, var(--p-help) 40%, black)",
562
+ "dark": "color-mix(in srgb, var(--p-help) 40%, black)",
563
+ "flips": false
564
+ },
565
+ {
566
+ "name": "--p-help-active-color",
567
+ "layer": "alias",
568
+ "family": "help",
569
+ "alias": "active-color",
570
+ "light": "var(--p-help-700)",
571
+ "dark": "var(--p-help-200)",
572
+ "flips": true
573
+ },
574
+ {
575
+ "name": "--p-help-color",
576
+ "layer": "alias",
577
+ "family": "help",
578
+ "alias": "color",
579
+ "light": "var(--p-help-500)",
580
+ "dark": "var(--p-help-400)",
581
+ "flips": true
582
+ },
583
+ {
584
+ "name": "--p-help-contrast-color",
585
+ "layer": "alias",
586
+ "family": "help",
587
+ "alias": "contrast-color",
588
+ "light": "var(--p-surface-0)",
589
+ "dark": "var(--p-surface-900)",
590
+ "flips": true
591
+ },
592
+ {
593
+ "name": "--p-help-hover-color",
594
+ "layer": "alias",
595
+ "family": "help",
596
+ "alias": "hover-color",
597
+ "light": "var(--p-help-600)",
598
+ "dark": "var(--p-help-300)",
599
+ "flips": true
600
+ },
601
+ {
602
+ "name": "--p-highlight-background",
603
+ "layer": "semantic",
604
+ "light": "var(--p-primary-50)",
605
+ "dark": "color-mix(in srgb, var(--p-primary-400), transparent 84%)",
606
+ "flips": true
607
+ },
608
+ {
609
+ "name": "--p-highlight-color",
610
+ "layer": "semantic",
611
+ "light": "var(--p-primary-700)",
612
+ "dark": "rgba(255, 255, 255, 87%)",
613
+ "flips": true
614
+ },
615
+ {
616
+ "name": "--p-highlight-focus-background",
617
+ "layer": "semantic",
618
+ "light": "var(--p-primary-100)",
619
+ "dark": "color-mix(in srgb, var(--p-primary-400), transparent 76%)",
620
+ "flips": true
621
+ },
622
+ {
623
+ "name": "--p-highlight-focus-color",
624
+ "layer": "semantic",
625
+ "light": "var(--p-primary-800)",
626
+ "dark": "rgba(255, 255, 255, 87%)",
627
+ "flips": true
628
+ },
629
+ {
630
+ "name": "--p-info",
631
+ "layer": "base",
632
+ "family": "info",
633
+ "light": "rgb(14, 165, 233)",
634
+ "dark": "rgb(14, 165, 233)",
635
+ "flips": false
636
+ },
637
+ {
638
+ "name": "--p-info-100",
639
+ "layer": "scale",
640
+ "family": "info",
641
+ "shade": 100,
642
+ "light": "color-mix(in srgb, var(--p-info) 10%, white)",
643
+ "dark": "color-mix(in srgb, var(--p-info) 10%, white)",
644
+ "flips": false
645
+ },
646
+ {
647
+ "name": "--p-info-200",
648
+ "layer": "scale",
649
+ "family": "info",
650
+ "shade": 200,
651
+ "light": "color-mix(in srgb, var(--p-info) 20%, white)",
652
+ "dark": "color-mix(in srgb, var(--p-info) 20%, white)",
653
+ "flips": false
654
+ },
655
+ {
656
+ "name": "--p-info-300",
657
+ "layer": "scale",
658
+ "family": "info",
659
+ "shade": 300,
660
+ "light": "color-mix(in srgb, var(--p-info) 30%, white)",
661
+ "dark": "color-mix(in srgb, var(--p-info) 30%, white)",
662
+ "flips": false
663
+ },
664
+ {
665
+ "name": "--p-info-400",
666
+ "layer": "scale",
667
+ "family": "info",
668
+ "shade": 400,
669
+ "light": "color-mix(in srgb, var(--p-info) 40%, white)",
670
+ "dark": "color-mix(in srgb, var(--p-info) 40%, white)",
671
+ "flips": false
672
+ },
673
+ {
674
+ "name": "--p-info-50",
675
+ "layer": "scale",
676
+ "family": "info",
677
+ "shade": 50,
678
+ "light": "color-mix(in srgb, var(--p-info) 5%, white)",
679
+ "dark": "color-mix(in srgb, var(--p-info) 5%, white)",
680
+ "flips": false
681
+ },
682
+ {
683
+ "name": "--p-info-500",
684
+ "layer": "scale",
685
+ "family": "info",
686
+ "shade": 500,
687
+ "light": "var(--p-info)",
688
+ "dark": "var(--p-info)",
689
+ "flips": false
690
+ },
691
+ {
692
+ "name": "--p-info-600",
693
+ "layer": "scale",
694
+ "family": "info",
695
+ "shade": 600,
696
+ "light": "color-mix(in srgb, var(--p-info) 80%, black)",
697
+ "dark": "color-mix(in srgb, var(--p-info) 80%, black)",
698
+ "flips": false
699
+ },
700
+ {
701
+ "name": "--p-info-700",
702
+ "layer": "scale",
703
+ "family": "info",
704
+ "shade": 700,
705
+ "light": "color-mix(in srgb, var(--p-info) 70%, black)",
706
+ "dark": "color-mix(in srgb, var(--p-info) 70%, black)",
707
+ "flips": false
708
+ },
709
+ {
710
+ "name": "--p-info-800",
711
+ "layer": "scale",
712
+ "family": "info",
713
+ "shade": 800,
714
+ "light": "color-mix(in srgb, var(--p-info) 60%, black)",
715
+ "dark": "color-mix(in srgb, var(--p-info) 60%, black)",
716
+ "flips": false
717
+ },
718
+ {
719
+ "name": "--p-info-900",
720
+ "layer": "scale",
721
+ "family": "info",
722
+ "shade": 900,
723
+ "light": "color-mix(in srgb, var(--p-info) 50%, black)",
724
+ "dark": "color-mix(in srgb, var(--p-info) 50%, black)",
725
+ "flips": false
726
+ },
727
+ {
728
+ "name": "--p-info-950",
729
+ "layer": "scale",
730
+ "family": "info",
731
+ "shade": 950,
732
+ "light": "color-mix(in srgb, var(--p-info) 40%, black)",
733
+ "dark": "color-mix(in srgb, var(--p-info) 40%, black)",
734
+ "flips": false
735
+ },
736
+ {
737
+ "name": "--p-info-active-color",
738
+ "layer": "alias",
739
+ "family": "info",
740
+ "alias": "active-color",
741
+ "light": "var(--p-info-700)",
742
+ "dark": "var(--p-info-200)",
743
+ "flips": true
744
+ },
745
+ {
746
+ "name": "--p-info-color",
747
+ "layer": "alias",
748
+ "family": "info",
749
+ "alias": "color",
750
+ "light": "var(--p-info-500)",
751
+ "dark": "var(--p-info-400)",
752
+ "flips": true
753
+ },
754
+ {
755
+ "name": "--p-info-contrast-color",
756
+ "layer": "alias",
757
+ "family": "info",
758
+ "alias": "contrast-color",
759
+ "light": "var(--p-surface-0)",
760
+ "dark": "var(--p-surface-900)",
761
+ "flips": true
762
+ },
763
+ {
764
+ "name": "--p-info-hover-color",
765
+ "layer": "alias",
766
+ "family": "info",
767
+ "alias": "hover-color",
768
+ "light": "var(--p-info-600)",
769
+ "dark": "var(--p-info-300)",
770
+ "flips": true
771
+ },
772
+ {
773
+ "name": "--p-primary",
774
+ "layer": "base",
775
+ "family": "primary",
776
+ "light": "rgb(0, 95, 178)",
777
+ "dark": "rgb(0, 125, 178)",
778
+ "flips": true
779
+ },
780
+ {
781
+ "name": "--p-primary-100",
782
+ "layer": "scale",
783
+ "family": "primary",
784
+ "shade": 100,
785
+ "light": "color-mix(in srgb, var(--p-primary) 10%, white)",
786
+ "dark": "color-mix(in srgb, var(--p-primary) 10%, white)",
787
+ "flips": false
788
+ },
789
+ {
790
+ "name": "--p-primary-200",
791
+ "layer": "scale",
792
+ "family": "primary",
793
+ "shade": 200,
794
+ "light": "color-mix(in srgb, var(--p-primary) 20%, white)",
795
+ "dark": "color-mix(in srgb, var(--p-primary) 20%, white)",
796
+ "flips": false
797
+ },
798
+ {
799
+ "name": "--p-primary-300",
800
+ "layer": "scale",
801
+ "family": "primary",
802
+ "shade": 300,
803
+ "light": "color-mix(in srgb, var(--p-primary) 30%, white)",
804
+ "dark": "color-mix(in srgb, var(--p-primary) 30%, white)",
805
+ "flips": false
806
+ },
807
+ {
808
+ "name": "--p-primary-400",
809
+ "layer": "scale",
810
+ "family": "primary",
811
+ "shade": 400,
812
+ "light": "color-mix(in srgb, var(--p-primary) 40%, white)",
813
+ "dark": "color-mix(in srgb, var(--p-primary) 40%, white)",
814
+ "flips": false
815
+ },
816
+ {
817
+ "name": "--p-primary-50",
818
+ "layer": "scale",
819
+ "family": "primary",
820
+ "shade": 50,
821
+ "light": "color-mix(in srgb, var(--p-primary) 5%, white)",
822
+ "dark": "color-mix(in srgb, var(--p-primary) 5%, white)",
823
+ "flips": false
824
+ },
825
+ {
826
+ "name": "--p-primary-500",
827
+ "layer": "scale",
828
+ "family": "primary",
829
+ "shade": 500,
830
+ "light": "var(--p-primary)",
831
+ "dark": "var(--p-primary)",
832
+ "flips": false
833
+ },
834
+ {
835
+ "name": "--p-primary-600",
836
+ "layer": "scale",
837
+ "family": "primary",
838
+ "shade": 600,
839
+ "light": "color-mix(in srgb, var(--p-primary) 80%, black)",
840
+ "dark": "color-mix(in srgb, var(--p-primary) 80%, black)",
841
+ "flips": false
842
+ },
843
+ {
844
+ "name": "--p-primary-700",
845
+ "layer": "scale",
846
+ "family": "primary",
847
+ "shade": 700,
848
+ "light": "color-mix(in srgb, var(--p-primary) 70%, black)",
849
+ "dark": "color-mix(in srgb, var(--p-primary) 70%, black)",
850
+ "flips": false
851
+ },
852
+ {
853
+ "name": "--p-primary-800",
854
+ "layer": "scale",
855
+ "family": "primary",
856
+ "shade": 800,
857
+ "light": "color-mix(in srgb, var(--p-primary) 60%, black)",
858
+ "dark": "color-mix(in srgb, var(--p-primary) 60%, black)",
859
+ "flips": false
860
+ },
861
+ {
862
+ "name": "--p-primary-900",
863
+ "layer": "scale",
864
+ "family": "primary",
865
+ "shade": 900,
866
+ "light": "color-mix(in srgb, var(--p-primary) 50%, black)",
867
+ "dark": "color-mix(in srgb, var(--p-primary) 50%, black)",
868
+ "flips": false
869
+ },
870
+ {
871
+ "name": "--p-primary-950",
872
+ "layer": "scale",
873
+ "family": "primary",
874
+ "shade": 950,
875
+ "light": "color-mix(in srgb, var(--p-primary) 40%, black)",
876
+ "dark": "color-mix(in srgb, var(--p-primary) 40%, black)",
877
+ "flips": false
878
+ },
879
+ {
880
+ "name": "--p-primary-active-color",
881
+ "layer": "alias",
882
+ "family": "primary",
883
+ "alias": "active-color",
884
+ "light": "var(--p-primary-700)",
885
+ "dark": "var(--p-primary-200)",
886
+ "flips": true
887
+ },
888
+ {
889
+ "name": "--p-primary-color",
890
+ "layer": "alias",
891
+ "family": "primary",
892
+ "alias": "color",
893
+ "light": "var(--p-primary-500)",
894
+ "dark": "var(--p-primary-400)",
895
+ "flips": true
896
+ },
897
+ {
898
+ "name": "--p-primary-contrast-color",
899
+ "layer": "alias",
900
+ "family": "primary",
901
+ "alias": "contrast-color",
902
+ "light": "var(--p-surface-0)",
903
+ "dark": "var(--p-surface-900)",
904
+ "flips": true
905
+ },
906
+ {
907
+ "name": "--p-primary-hover-color",
908
+ "layer": "alias",
909
+ "family": "primary",
910
+ "alias": "hover-color",
911
+ "light": "var(--p-primary-600)",
912
+ "dark": "var(--p-primary-300)",
913
+ "flips": true
914
+ },
915
+ {
916
+ "name": "--p-secondary",
917
+ "layer": "base",
918
+ "family": "secondary",
919
+ "light": "#6f7385",
920
+ "dark": "#6f7385",
921
+ "flips": false
922
+ },
923
+ {
924
+ "name": "--p-secondary-100",
925
+ "layer": "scale",
926
+ "family": "secondary",
927
+ "shade": 100,
928
+ "light": "color-mix(in srgb, var(--p-secondary) 10%, white)",
929
+ "dark": "color-mix(in srgb, var(--p-secondary) 10%, white)",
930
+ "flips": false
931
+ },
932
+ {
933
+ "name": "--p-secondary-200",
934
+ "layer": "scale",
935
+ "family": "secondary",
936
+ "shade": 200,
937
+ "light": "color-mix(in srgb, var(--p-secondary) 20%, white)",
938
+ "dark": "color-mix(in srgb, var(--p-secondary) 20%, white)",
939
+ "flips": false
940
+ },
941
+ {
942
+ "name": "--p-secondary-300",
943
+ "layer": "scale",
944
+ "family": "secondary",
945
+ "shade": 300,
946
+ "light": "color-mix(in srgb, var(--p-secondary) 35%, white)",
947
+ "dark": "color-mix(in srgb, var(--p-secondary) 35%, white)",
948
+ "flips": false
949
+ },
950
+ {
951
+ "name": "--p-secondary-400",
952
+ "layer": "scale",
953
+ "family": "secondary",
954
+ "shade": 400,
955
+ "light": "color-mix(in srgb, var(--p-secondary) 65%, white)",
956
+ "dark": "color-mix(in srgb, var(--p-secondary) 65%, white)",
957
+ "flips": false
958
+ },
959
+ {
960
+ "name": "--p-secondary-50",
961
+ "layer": "scale",
962
+ "family": "secondary",
963
+ "shade": 50,
964
+ "light": "color-mix(in srgb, var(--p-secondary) 5%, white)",
965
+ "dark": "color-mix(in srgb, var(--p-secondary) 5%, white)",
966
+ "flips": false
967
+ },
968
+ {
969
+ "name": "--p-secondary-500",
970
+ "layer": "scale",
971
+ "family": "secondary",
972
+ "shade": 500,
973
+ "light": "var(--p-secondary)",
974
+ "dark": "var(--p-secondary)",
975
+ "flips": false
976
+ },
977
+ {
978
+ "name": "--p-secondary-600",
979
+ "layer": "scale",
980
+ "family": "secondary",
981
+ "shade": 600,
982
+ "light": "color-mix(in srgb, var(--p-secondary) 80%, black)",
983
+ "dark": "color-mix(in srgb, var(--p-secondary) 80%, black)",
984
+ "flips": false
985
+ },
986
+ {
987
+ "name": "--p-secondary-700",
988
+ "layer": "scale",
989
+ "family": "secondary",
990
+ "shade": 700,
991
+ "light": "color-mix(in srgb, var(--p-secondary) 65%, black)",
992
+ "dark": "color-mix(in srgb, var(--p-secondary) 65%, black)",
993
+ "flips": false
994
+ },
995
+ {
996
+ "name": "--p-secondary-800",
997
+ "layer": "scale",
998
+ "family": "secondary",
999
+ "shade": 800,
1000
+ "light": "color-mix(in srgb, var(--p-secondary) 55%, black)",
1001
+ "dark": "color-mix(in srgb, var(--p-secondary) 55%, black)",
1002
+ "flips": false
1003
+ },
1004
+ {
1005
+ "name": "--p-secondary-900",
1006
+ "layer": "scale",
1007
+ "family": "secondary",
1008
+ "shade": 900,
1009
+ "light": "color-mix(in srgb, var(--p-secondary) 50%, black)",
1010
+ "dark": "color-mix(in srgb, var(--p-secondary) 50%, black)",
1011
+ "flips": false
1012
+ },
1013
+ {
1014
+ "name": "--p-secondary-950",
1015
+ "layer": "scale",
1016
+ "family": "secondary",
1017
+ "shade": 950,
1018
+ "light": "color-mix(in srgb, var(--p-secondary) 30%, black)",
1019
+ "dark": "color-mix(in srgb, var(--p-secondary) 30%, black)",
1020
+ "flips": false
1021
+ },
1022
+ {
1023
+ "name": "--p-secondary-active-color",
1024
+ "layer": "alias",
1025
+ "family": "secondary",
1026
+ "alias": "active-color",
1027
+ "light": "var(--p-secondary-700)",
1028
+ "dark": "var(--p-secondary-200)",
1029
+ "flips": true
1030
+ },
1031
+ {
1032
+ "name": "--p-secondary-color",
1033
+ "layer": "alias",
1034
+ "family": "secondary",
1035
+ "alias": "color",
1036
+ "light": "var(--p-secondary-500)",
1037
+ "dark": "var(--p-secondary-400)",
1038
+ "flips": true
1039
+ },
1040
+ {
1041
+ "name": "--p-secondary-contrast-color",
1042
+ "layer": "alias",
1043
+ "family": "secondary",
1044
+ "alias": "contrast-color",
1045
+ "light": "var(--p-surface-0)",
1046
+ "dark": "var(--p-surface-900)",
1047
+ "flips": true
1048
+ },
1049
+ {
1050
+ "name": "--p-secondary-hover-color",
1051
+ "layer": "alias",
1052
+ "family": "secondary",
1053
+ "alias": "hover-color",
1054
+ "light": "var(--p-secondary-600)",
1055
+ "dark": "var(--p-secondary-300)",
1056
+ "flips": true
1057
+ },
1058
+ {
1059
+ "name": "--p-success",
1060
+ "layer": "base",
1061
+ "family": "success",
1062
+ "light": "rgb(34, 197, 94)",
1063
+ "dark": "rgb(34, 197, 94)",
1064
+ "flips": false
1065
+ },
1066
+ {
1067
+ "name": "--p-success-100",
1068
+ "layer": "scale",
1069
+ "family": "success",
1070
+ "shade": 100,
1071
+ "light": "color-mix(in srgb, var(--p-success) 10%, white)",
1072
+ "dark": "color-mix(in srgb, var(--p-success) 10%, white)",
1073
+ "flips": false
1074
+ },
1075
+ {
1076
+ "name": "--p-success-200",
1077
+ "layer": "scale",
1078
+ "family": "success",
1079
+ "shade": 200,
1080
+ "light": "color-mix(in srgb, var(--p-success) 20%, white)",
1081
+ "dark": "color-mix(in srgb, var(--p-success) 20%, white)",
1082
+ "flips": false
1083
+ },
1084
+ {
1085
+ "name": "--p-success-300",
1086
+ "layer": "scale",
1087
+ "family": "success",
1088
+ "shade": 300,
1089
+ "light": "color-mix(in srgb, var(--p-success) 30%, white)",
1090
+ "dark": "color-mix(in srgb, var(--p-success) 30%, white)",
1091
+ "flips": false
1092
+ },
1093
+ {
1094
+ "name": "--p-success-400",
1095
+ "layer": "scale",
1096
+ "family": "success",
1097
+ "shade": 400,
1098
+ "light": "color-mix(in srgb, var(--p-success) 40%, white)",
1099
+ "dark": "color-mix(in srgb, var(--p-success) 40%, white)",
1100
+ "flips": false
1101
+ },
1102
+ {
1103
+ "name": "--p-success-50",
1104
+ "layer": "scale",
1105
+ "family": "success",
1106
+ "shade": 50,
1107
+ "light": "color-mix(in srgb, var(--p-success) 5%, white)",
1108
+ "dark": "color-mix(in srgb, var(--p-success) 5%, white)",
1109
+ "flips": false
1110
+ },
1111
+ {
1112
+ "name": "--p-success-500",
1113
+ "layer": "scale",
1114
+ "family": "success",
1115
+ "shade": 500,
1116
+ "light": "var(--p-success)",
1117
+ "dark": "var(--p-success)",
1118
+ "flips": false
1119
+ },
1120
+ {
1121
+ "name": "--p-success-600",
1122
+ "layer": "scale",
1123
+ "family": "success",
1124
+ "shade": 600,
1125
+ "light": "color-mix(in srgb, var(--p-success) 80%, black)",
1126
+ "dark": "color-mix(in srgb, var(--p-success) 80%, black)",
1127
+ "flips": false
1128
+ },
1129
+ {
1130
+ "name": "--p-success-700",
1131
+ "layer": "scale",
1132
+ "family": "success",
1133
+ "shade": 700,
1134
+ "light": "color-mix(in srgb, var(--p-success) 70%, black)",
1135
+ "dark": "color-mix(in srgb, var(--p-success) 70%, black)",
1136
+ "flips": false
1137
+ },
1138
+ {
1139
+ "name": "--p-success-800",
1140
+ "layer": "scale",
1141
+ "family": "success",
1142
+ "shade": 800,
1143
+ "light": "color-mix(in srgb, var(--p-success) 60%, black)",
1144
+ "dark": "color-mix(in srgb, var(--p-success) 60%, black)",
1145
+ "flips": false
1146
+ },
1147
+ {
1148
+ "name": "--p-success-900",
1149
+ "layer": "scale",
1150
+ "family": "success",
1151
+ "shade": 900,
1152
+ "light": "color-mix(in srgb, var(--p-success) 50%, black)",
1153
+ "dark": "color-mix(in srgb, var(--p-success) 50%, black)",
1154
+ "flips": false
1155
+ },
1156
+ {
1157
+ "name": "--p-success-950",
1158
+ "layer": "scale",
1159
+ "family": "success",
1160
+ "shade": 950,
1161
+ "light": "color-mix(in srgb, var(--p-success) 40%, black)",
1162
+ "dark": "color-mix(in srgb, var(--p-success) 40%, black)",
1163
+ "flips": false
1164
+ },
1165
+ {
1166
+ "name": "--p-success-active-color",
1167
+ "layer": "alias",
1168
+ "family": "success",
1169
+ "alias": "active-color",
1170
+ "light": "var(--p-success-700)",
1171
+ "dark": "var(--p-success-200)",
1172
+ "flips": true
1173
+ },
1174
+ {
1175
+ "name": "--p-success-color",
1176
+ "layer": "alias",
1177
+ "family": "success",
1178
+ "alias": "color",
1179
+ "light": "var(--p-success-500)",
1180
+ "dark": "var(--p-success-400)",
1181
+ "flips": true
1182
+ },
1183
+ {
1184
+ "name": "--p-success-contrast-color",
1185
+ "layer": "alias",
1186
+ "family": "success",
1187
+ "alias": "contrast-color",
1188
+ "light": "var(--p-surface-0)",
1189
+ "dark": "var(--p-surface-900)",
1190
+ "flips": true
1191
+ },
1192
+ {
1193
+ "name": "--p-success-hover-color",
1194
+ "layer": "alias",
1195
+ "family": "success",
1196
+ "alias": "hover-color",
1197
+ "light": "var(--p-success-600)",
1198
+ "dark": "var(--p-success-300)",
1199
+ "flips": true
1200
+ },
1201
+ {
1202
+ "name": "--p-surface-0",
1203
+ "layer": "surface",
1204
+ "shade": "0",
1205
+ "light": "#ffffff",
1206
+ "dark": "#fff",
1207
+ "flips": true
1208
+ },
1209
+ {
1210
+ "name": "--p-surface-100",
1211
+ "layer": "surface",
1212
+ "shade": "100",
1213
+ "light": "#f5f5f5",
1214
+ "dark": "#f4f4f5",
1215
+ "flips": true
1216
+ },
1217
+ {
1218
+ "name": "--p-surface-200",
1219
+ "layer": "surface",
1220
+ "shade": "200",
1221
+ "light": "#e5e5e5",
1222
+ "dark": "#e4e4e7",
1223
+ "flips": true
1224
+ },
1225
+ {
1226
+ "name": "--p-surface-300",
1227
+ "layer": "surface",
1228
+ "shade": "300",
1229
+ "light": "#d4d4d4",
1230
+ "dark": "#d4d4d8",
1231
+ "flips": true
1232
+ },
1233
+ {
1234
+ "name": "--p-surface-400",
1235
+ "layer": "surface",
1236
+ "shade": "400",
1237
+ "light": "#a3a3a3",
1238
+ "dark": "#a1a1aa",
1239
+ "flips": true
1240
+ },
1241
+ {
1242
+ "name": "--p-surface-50",
1243
+ "layer": "surface",
1244
+ "shade": "50",
1245
+ "light": "#fafafa",
1246
+ "dark": "#fafafa",
1247
+ "flips": false
1248
+ },
1249
+ {
1250
+ "name": "--p-surface-500",
1251
+ "layer": "surface",
1252
+ "shade": "500",
1253
+ "light": "#737373",
1254
+ "dark": "#71717a",
1255
+ "flips": true
1256
+ },
1257
+ {
1258
+ "name": "--p-surface-600",
1259
+ "layer": "surface",
1260
+ "shade": "600",
1261
+ "light": "#525252",
1262
+ "dark": "#545250",
1263
+ "flips": true
1264
+ },
1265
+ {
1266
+ "name": "--p-surface-700",
1267
+ "layer": "surface",
1268
+ "shade": "700",
1269
+ "light": "#404040",
1270
+ "dark": "#403e3c",
1271
+ "flips": true
1272
+ },
1273
+ {
1274
+ "name": "--p-surface-800",
1275
+ "layer": "surface",
1276
+ "shade": "800",
1277
+ "light": "#262626",
1278
+ "dark": "#2b2927",
1279
+ "flips": true
1280
+ },
1281
+ {
1282
+ "name": "--p-surface-850",
1283
+ "layer": "surface",
1284
+ "shade": "850",
1285
+ "light": "color-mix(in srgb, var(--p-surface-800) 50%, var(--p-surface-900))",
1286
+ "dark": "color-mix(in srgb, var(--p-surface-800) 50%, var(--p-surface-900))",
1287
+ "flips": false
1288
+ },
1289
+ {
1290
+ "name": "--p-surface-900",
1291
+ "layer": "surface",
1292
+ "shade": "900",
1293
+ "light": "#171717",
1294
+ "dark": "#1c1a19",
1295
+ "flips": true
1296
+ },
1297
+ {
1298
+ "name": "--p-surface-950",
1299
+ "layer": "surface",
1300
+ "shade": "950",
1301
+ "light": "#0a0a0a",
1302
+ "dark": "#0f0e0d",
1303
+ "flips": true
1304
+ },
1305
+ {
1306
+ "name": "--p-surface-D",
1307
+ "layer": "legacy",
1308
+ "light": null,
1309
+ "dark": "#fff",
1310
+ "flips": true
1311
+ },
1312
+ {
1313
+ "name": "--p-text-color",
1314
+ "layer": "semantic",
1315
+ "light": "var(--p-surface-700)",
1316
+ "dark": "var(--p-surface-0)",
1317
+ "flips": true
1318
+ },
1319
+ {
1320
+ "name": "--p-text-hover-color",
1321
+ "layer": "semantic",
1322
+ "light": "var(--p-surface-800)",
1323
+ "dark": "var(--p-surface-0)",
1324
+ "flips": true
1325
+ },
1326
+ {
1327
+ "name": "--p-text-hover-muted-color",
1328
+ "layer": "semantic",
1329
+ "light": "var(--p-surface-600)",
1330
+ "dark": "var(--p-surface-300)",
1331
+ "flips": true
1332
+ },
1333
+ {
1334
+ "name": "--p-text-muted-color",
1335
+ "layer": "semantic",
1336
+ "light": "var(--p-surface-500)",
1337
+ "dark": "var(--p-surface-400)",
1338
+ "flips": true
1339
+ },
1340
+ {
1341
+ "name": "--p-warn",
1342
+ "layer": "base",
1343
+ "family": "warn",
1344
+ "light": "rgb(249, 115, 22)",
1345
+ "dark": "rgb(249, 115, 22)",
1346
+ "flips": false
1347
+ },
1348
+ {
1349
+ "name": "--p-warn-100",
1350
+ "layer": "scale",
1351
+ "family": "warn",
1352
+ "shade": 100,
1353
+ "light": "color-mix(in srgb, var(--p-warn) 10%, white)",
1354
+ "dark": "color-mix(in srgb, var(--p-warn) 10%, white)",
1355
+ "flips": false
1356
+ },
1357
+ {
1358
+ "name": "--p-warn-200",
1359
+ "layer": "scale",
1360
+ "family": "warn",
1361
+ "shade": 200,
1362
+ "light": "color-mix(in srgb, var(--p-warn) 20%, white)",
1363
+ "dark": "color-mix(in srgb, var(--p-warn) 20%, white)",
1364
+ "flips": false
1365
+ },
1366
+ {
1367
+ "name": "--p-warn-300",
1368
+ "layer": "scale",
1369
+ "family": "warn",
1370
+ "shade": 300,
1371
+ "light": "color-mix(in srgb, var(--p-warn) 30%, white)",
1372
+ "dark": "color-mix(in srgb, var(--p-warn) 30%, white)",
1373
+ "flips": false
1374
+ },
1375
+ {
1376
+ "name": "--p-warn-400",
1377
+ "layer": "scale",
1378
+ "family": "warn",
1379
+ "shade": 400,
1380
+ "light": "color-mix(in srgb, var(--p-warn) 40%, white)",
1381
+ "dark": "color-mix(in srgb, var(--p-warn) 40%, white)",
1382
+ "flips": false
1383
+ },
1384
+ {
1385
+ "name": "--p-warn-50",
1386
+ "layer": "scale",
1387
+ "family": "warn",
1388
+ "shade": 50,
1389
+ "light": "color-mix(in srgb, var(--p-warn) 5%, white)",
1390
+ "dark": "color-mix(in srgb, var(--p-warn) 5%, white)",
1391
+ "flips": false
1392
+ },
1393
+ {
1394
+ "name": "--p-warn-500",
1395
+ "layer": "scale",
1396
+ "family": "warn",
1397
+ "shade": 500,
1398
+ "light": "var(--p-warn)",
1399
+ "dark": "var(--p-warn)",
1400
+ "flips": false
1401
+ },
1402
+ {
1403
+ "name": "--p-warn-600",
1404
+ "layer": "scale",
1405
+ "family": "warn",
1406
+ "shade": 600,
1407
+ "light": "color-mix(in srgb, var(--p-warn) 80%, black)",
1408
+ "dark": "color-mix(in srgb, var(--p-warn) 80%, black)",
1409
+ "flips": false
1410
+ },
1411
+ {
1412
+ "name": "--p-warn-700",
1413
+ "layer": "scale",
1414
+ "family": "warn",
1415
+ "shade": 700,
1416
+ "light": "color-mix(in srgb, var(--p-warn) 70%, black)",
1417
+ "dark": "color-mix(in srgb, var(--p-warn) 70%, black)",
1418
+ "flips": false
1419
+ },
1420
+ {
1421
+ "name": "--p-warn-800",
1422
+ "layer": "scale",
1423
+ "family": "warn",
1424
+ "shade": 800,
1425
+ "light": "color-mix(in srgb, var(--p-warn) 60%, black)",
1426
+ "dark": "color-mix(in srgb, var(--p-warn) 60%, black)",
1427
+ "flips": false
1428
+ },
1429
+ {
1430
+ "name": "--p-warn-900",
1431
+ "layer": "scale",
1432
+ "family": "warn",
1433
+ "shade": 900,
1434
+ "light": "color-mix(in srgb, var(--p-warn) 50%, black)",
1435
+ "dark": "color-mix(in srgb, var(--p-warn) 50%, black)",
1436
+ "flips": false
1437
+ },
1438
+ {
1439
+ "name": "--p-warn-950",
1440
+ "layer": "scale",
1441
+ "family": "warn",
1442
+ "shade": 950,
1443
+ "light": "color-mix(in srgb, var(--p-warn) 40%, black)",
1444
+ "dark": "color-mix(in srgb, var(--p-warn) 40%, black)",
1445
+ "flips": false
1446
+ },
1447
+ {
1448
+ "name": "--p-warn-active-color",
1449
+ "layer": "alias",
1450
+ "family": "warn",
1451
+ "alias": "active-color",
1452
+ "light": "var(--p-warn-700)",
1453
+ "dark": "var(--p-warn-200)",
1454
+ "flips": true
1455
+ },
1456
+ {
1457
+ "name": "--p-warn-color",
1458
+ "layer": "alias",
1459
+ "family": "warn",
1460
+ "alias": "color",
1461
+ "light": "var(--p-warn-500)",
1462
+ "dark": "var(--p-warn-400)",
1463
+ "flips": true
1464
+ },
1465
+ {
1466
+ "name": "--p-warn-contrast-color",
1467
+ "layer": "alias",
1468
+ "family": "warn",
1469
+ "alias": "contrast-color",
1470
+ "light": "var(--p-surface-0)",
1471
+ "dark": "var(--p-surface-900)",
1472
+ "flips": true
1473
+ },
1474
+ {
1475
+ "name": "--p-warn-hover-color",
1476
+ "layer": "alias",
1477
+ "family": "warn",
1478
+ "alias": "hover-color",
1479
+ "light": "var(--p-warn-600)",
1480
+ "dark": "var(--p-warn-300)",
1481
+ "flips": true
1482
+ }
1483
+ ]
1484
+ }