@polyxd/ds-polaris 0.1.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.
@@ -0,0 +1,2141 @@
1
+ {
2
+ "$description": "Values Polaris does not define as variables, and contrast adjustments, for the dark theme.",
3
+ "polaris": {
4
+ "border-radius-0": {
5
+ "$value": {
6
+ "value": 0,
7
+ "unit": "px"
8
+ },
9
+ "$type": "dimension"
10
+ },
11
+ "border-radius-050": {
12
+ "$value": {
13
+ "value": 2,
14
+ "unit": "px"
15
+ },
16
+ "$type": "dimension"
17
+ },
18
+ "border-radius-100": {
19
+ "$value": {
20
+ "value": 4,
21
+ "unit": "px"
22
+ },
23
+ "$type": "dimension"
24
+ },
25
+ "border-radius-150": {
26
+ "$value": {
27
+ "value": 6,
28
+ "unit": "px"
29
+ },
30
+ "$type": "dimension"
31
+ },
32
+ "border-radius-200": {
33
+ "$value": {
34
+ "value": 8,
35
+ "unit": "px"
36
+ },
37
+ "$type": "dimension"
38
+ },
39
+ "border-radius-300": {
40
+ "$value": {
41
+ "value": 12,
42
+ "unit": "px"
43
+ },
44
+ "$type": "dimension"
45
+ },
46
+ "border-radius-400": {
47
+ "$value": {
48
+ "value": 16,
49
+ "unit": "px"
50
+ },
51
+ "$type": "dimension"
52
+ },
53
+ "border-radius-500": {
54
+ "$value": {
55
+ "value": 20,
56
+ "unit": "px"
57
+ },
58
+ "$type": "dimension"
59
+ },
60
+ "border-radius-750": {
61
+ "$value": {
62
+ "value": 30,
63
+ "unit": "px"
64
+ },
65
+ "$type": "dimension"
66
+ },
67
+ "border-radius-full": {
68
+ "$value": {
69
+ "value": 9999,
70
+ "unit": "px"
71
+ },
72
+ "$type": "dimension"
73
+ },
74
+ "border-width-0": {
75
+ "$value": {
76
+ "value": 0,
77
+ "unit": "px"
78
+ },
79
+ "$type": "dimension"
80
+ },
81
+ "border-width-0165": {
82
+ "$value": {
83
+ "value": 0.66,
84
+ "unit": "px"
85
+ },
86
+ "$type": "dimension"
87
+ },
88
+ "border-width-025": {
89
+ "$value": {
90
+ "value": 1,
91
+ "unit": "px"
92
+ },
93
+ "$type": "dimension"
94
+ },
95
+ "border-width-050": {
96
+ "$value": {
97
+ "value": 2,
98
+ "unit": "px"
99
+ },
100
+ "$type": "dimension"
101
+ },
102
+ "border-width-100": {
103
+ "$value": {
104
+ "value": 4,
105
+ "unit": "px"
106
+ },
107
+ "$type": "dimension"
108
+ },
109
+ "breakpoints-xs": {
110
+ "$value": {
111
+ "value": 0,
112
+ "unit": "px"
113
+ },
114
+ "$type": "dimension"
115
+ },
116
+ "breakpoints-sm": {
117
+ "$value": {
118
+ "value": 490,
119
+ "unit": "px"
120
+ },
121
+ "$type": "dimension"
122
+ },
123
+ "breakpoints-md": {
124
+ "$value": {
125
+ "value": 768,
126
+ "unit": "px"
127
+ },
128
+ "$type": "dimension"
129
+ },
130
+ "breakpoints-lg": {
131
+ "$value": {
132
+ "value": 1040,
133
+ "unit": "px"
134
+ },
135
+ "$type": "dimension"
136
+ },
137
+ "breakpoints-xl": {
138
+ "$value": {
139
+ "value": 1440,
140
+ "unit": "px"
141
+ },
142
+ "$type": "dimension"
143
+ },
144
+ "color-bg": {
145
+ "$value": "rgba(26, 26, 26, 1)",
146
+ "$type": "color"
147
+ },
148
+ "color-bg-inverse": {
149
+ "$value": "rgba(26, 26, 26, 1)",
150
+ "$type": "color"
151
+ },
152
+ "color-bg-surface": {
153
+ "$value": "rgba(48, 48, 48, 1)",
154
+ "$type": "color"
155
+ },
156
+ "color-bg-surface-hover": {
157
+ "$value": "rgba(74, 74, 74, 1)",
158
+ "$type": "color"
159
+ },
160
+ "color-bg-surface-active": {
161
+ "$value": "rgba(97, 97, 97, 1)",
162
+ "$type": "color"
163
+ },
164
+ "color-bg-surface-selected": {
165
+ "$value": "rgba(97, 97, 97, 1)",
166
+ "$type": "color"
167
+ },
168
+ "color-bg-surface-disabled": {
169
+ "$value": "rgba(0, 0, 0, 0.05)",
170
+ "$type": "color"
171
+ },
172
+ "color-bg-surface-secondary": {
173
+ "$value": "rgba(241, 241, 241, 1)",
174
+ "$type": "color"
175
+ },
176
+ "color-bg-surface-secondary-hover": {
177
+ "$value": "rgba(255, 255, 255, 0.06)",
178
+ "$type": "color"
179
+ },
180
+ "color-bg-surface-secondary-active": {
181
+ "$value": "rgba(255, 255, 255, 0.14)",
182
+ "$type": "color"
183
+ },
184
+ "color-bg-surface-secondary-selected": {
185
+ "$value": "rgba(235, 235, 235, 1)",
186
+ "$type": "color"
187
+ },
188
+ "color-bg-surface-tertiary": {
189
+ "$value": "rgba(255, 255, 255, 0.08)",
190
+ "$type": "color"
191
+ },
192
+ "color-bg-surface-tertiary-hover": {
193
+ "$value": "rgba(235, 235, 235, 1)",
194
+ "$type": "color"
195
+ },
196
+ "color-bg-surface-tertiary-active": {
197
+ "$value": "rgba(227, 227, 227, 1)",
198
+ "$type": "color"
199
+ },
200
+ "color-bg-surface-brand": {
201
+ "$value": "rgba(227, 227, 227, 1)",
202
+ "$type": "color"
203
+ },
204
+ "color-bg-surface-brand-hover": {
205
+ "$value": "rgba(235, 235, 235, 1)",
206
+ "$type": "color"
207
+ },
208
+ "color-bg-surface-brand-active": {
209
+ "$value": "rgba(241, 241, 241, 1)",
210
+ "$type": "color"
211
+ },
212
+ "color-bg-surface-brand-selected": {
213
+ "$value": "rgba(74, 74, 74, 1)",
214
+ "$type": "color"
215
+ },
216
+ "color-bg-surface-info": {
217
+ "$value": "rgba(234, 244, 255, 1)",
218
+ "$type": "color"
219
+ },
220
+ "color-bg-surface-info-hover": {
221
+ "$value": "rgba(224, 240, 255, 1)",
222
+ "$type": "color"
223
+ },
224
+ "color-bg-surface-info-active": {
225
+ "$value": "rgba(202, 230, 255, 1)",
226
+ "$type": "color"
227
+ },
228
+ "color-bg-surface-success": {
229
+ "$value": "rgba(205, 254, 212, 1)",
230
+ "$type": "color"
231
+ },
232
+ "color-bg-surface-success-hover": {
233
+ "$value": "rgba(175, 254, 191, 1)",
234
+ "$type": "color"
235
+ },
236
+ "color-bg-surface-success-active": {
237
+ "$value": "rgba(146, 252, 172, 1)",
238
+ "$type": "color"
239
+ },
240
+ "color-bg-surface-caution": {
241
+ "$value": "rgba(255, 248, 219, 1)",
242
+ "$type": "color"
243
+ },
244
+ "color-bg-surface-caution-hover": {
245
+ "$value": "rgba(255, 244, 191, 1)",
246
+ "$type": "color"
247
+ },
248
+ "color-bg-surface-caution-active": {
249
+ "$value": "rgba(255, 239, 157, 1)",
250
+ "$type": "color"
251
+ },
252
+ "color-bg-surface-warning": {
253
+ "$value": "rgba(255, 241, 227, 1)",
254
+ "$type": "color"
255
+ },
256
+ "color-bg-surface-warning-hover": {
257
+ "$value": "rgba(255, 235, 213, 1)",
258
+ "$type": "color"
259
+ },
260
+ "color-bg-surface-warning-active": {
261
+ "$value": "rgba(255, 228, 198, 1)",
262
+ "$type": "color"
263
+ },
264
+ "color-bg-surface-critical": {
265
+ "$value": "rgba(254, 232, 235, 1)",
266
+ "$type": "color"
267
+ },
268
+ "color-bg-surface-critical-hover": {
269
+ "$value": "rgba(254, 225, 230, 1)",
270
+ "$type": "color"
271
+ },
272
+ "color-bg-surface-critical-active": {
273
+ "$value": "rgba(254, 217, 223, 1)",
274
+ "$type": "color"
275
+ },
276
+ "color-bg-surface-emphasis": {
277
+ "$value": "rgba(240, 242, 255, 1)",
278
+ "$type": "color"
279
+ },
280
+ "color-bg-surface-emphasis-hover": {
281
+ "$value": "rgba(234, 237, 255, 1)",
282
+ "$type": "color"
283
+ },
284
+ "color-bg-surface-emphasis-active": {
285
+ "$value": "rgba(226, 231, 255, 1)",
286
+ "$type": "color"
287
+ },
288
+ "color-bg-surface-magic": {
289
+ "$value": "rgba(248, 247, 255, 1)",
290
+ "$type": "color"
291
+ },
292
+ "color-bg-surface-magic-hover": {
293
+ "$value": "rgba(243, 241, 255, 1)",
294
+ "$type": "color"
295
+ },
296
+ "color-bg-surface-magic-active": {
297
+ "$value": "rgba(233, 229, 255, 1)",
298
+ "$type": "color"
299
+ },
300
+ "color-bg-surface-inverse": {
301
+ "$value": "rgba(48, 48, 48, 1)",
302
+ "$type": "color"
303
+ },
304
+ "color-bg-surface-transparent": {
305
+ "$value": "rgba(0, 0, 0, 0)",
306
+ "$type": "color"
307
+ },
308
+ "color-bg-fill": {
309
+ "$value": "rgba(48, 48, 48, 1)",
310
+ "$type": "color"
311
+ },
312
+ "color-bg-fill-hover": {
313
+ "$value": "rgba(255, 255, 255, 0.05)",
314
+ "$type": "color"
315
+ },
316
+ "color-bg-fill-active": {
317
+ "$value": "rgba(97, 97, 97, 1)",
318
+ "$type": "color"
319
+ },
320
+ "color-bg-fill-selected": {
321
+ "$value": "rgba(97, 97, 97, 1)",
322
+ "$type": "color"
323
+ },
324
+ "color-bg-fill-disabled": {
325
+ "$value": "rgba(255, 255, 255, 0.05)",
326
+ "$type": "color"
327
+ },
328
+ "color-bg-fill-secondary": {
329
+ "$value": "rgba(255, 255, 255, 0.08)",
330
+ "$type": "color"
331
+ },
332
+ "color-bg-fill-secondary-hover": {
333
+ "$value": "rgba(255, 255, 255, 0.11)",
334
+ "$type": "color"
335
+ },
336
+ "color-bg-fill-secondary-active": {
337
+ "$value": "rgba(227, 227, 227, 1)",
338
+ "$type": "color"
339
+ },
340
+ "color-bg-fill-secondary-selected": {
341
+ "$value": "rgba(255, 255, 255, 0.17)",
342
+ "$type": "color"
343
+ },
344
+ "color-bg-fill-tertiary": {
345
+ "$value": "rgba(48, 48, 48, 1)",
346
+ "$type": "color"
347
+ },
348
+ "color-bg-fill-tertiary-hover": {
349
+ "$value": "rgba(212, 212, 212, 1)",
350
+ "$type": "color"
351
+ },
352
+ "color-bg-fill-tertiary-active": {
353
+ "$value": "rgba(204, 204, 204, 1)",
354
+ "$type": "color"
355
+ },
356
+ "color-bg-fill-brand": {
357
+ "$value": "rgba(255, 255, 255, 1)",
358
+ "$type": "color"
359
+ },
360
+ "color-bg-fill-brand-hover": {
361
+ "$value": "rgba(243, 243, 243, 1)",
362
+ "$type": "color"
363
+ },
364
+ "color-bg-fill-brand-active": {
365
+ "$value": "rgba(247, 247, 247, 1)",
366
+ "$type": "color"
367
+ },
368
+ "color-bg-fill-brand-selected": {
369
+ "$value": "rgba(212, 212, 212, 1)",
370
+ "$type": "color"
371
+ },
372
+ "color-bg-fill-brand-disabled": {
373
+ "$value": "rgba(255, 255, 255, 0.22)",
374
+ "$type": "color"
375
+ },
376
+ "color-bg-fill-info": {
377
+ "$value": "rgba(145, 208, 255, 1)",
378
+ "$type": "color"
379
+ },
380
+ "color-bg-fill-info-hover": {
381
+ "$value": "rgba(81, 192, 255, 1)",
382
+ "$type": "color"
383
+ },
384
+ "color-bg-fill-info-active": {
385
+ "$value": "rgba(0, 148, 213, 1)",
386
+ "$type": "color"
387
+ },
388
+ "color-bg-fill-info-secondary": {
389
+ "$value": "rgba(213, 235, 255, 1)",
390
+ "$type": "color"
391
+ },
392
+ "color-bg-fill-success": {
393
+ "$value": "rgba(4, 123, 93, 1)",
394
+ "$type": "color"
395
+ },
396
+ "color-bg-fill-success-hover": {
397
+ "$value": "rgba(3, 94, 76, 1)",
398
+ "$type": "color"
399
+ },
400
+ "color-bg-fill-success-active": {
401
+ "$value": "rgba(1, 75, 64, 1)",
402
+ "$type": "color"
403
+ },
404
+ "color-bg-fill-success-secondary": {
405
+ "$value": "rgba(175, 254, 191, 1)",
406
+ "$type": "color"
407
+ },
408
+ "color-bg-fill-warning": {
409
+ "$value": "rgba(255, 184, 0, 1)",
410
+ "$type": "color"
411
+ },
412
+ "color-bg-fill-warning-hover": {
413
+ "$value": "rgba(229, 165, 0, 1)",
414
+ "$type": "color"
415
+ },
416
+ "color-bg-fill-warning-active": {
417
+ "$value": "rgba(178, 132, 0, 1)",
418
+ "$type": "color"
419
+ },
420
+ "color-bg-fill-warning-secondary": {
421
+ "$value": "rgba(255, 214, 164, 1)",
422
+ "$type": "color"
423
+ },
424
+ "color-bg-fill-caution": {
425
+ "$value": "rgba(255, 230, 0, 1)",
426
+ "$type": "color"
427
+ },
428
+ "color-bg-fill-caution-hover": {
429
+ "$value": "rgba(234, 211, 0, 1)",
430
+ "$type": "color"
431
+ },
432
+ "color-bg-fill-caution-active": {
433
+ "$value": "rgba(225, 203, 0, 1)",
434
+ "$type": "color"
435
+ },
436
+ "color-bg-fill-caution-secondary": {
437
+ "$value": "rgba(255, 235, 120, 1)",
438
+ "$type": "color"
439
+ },
440
+ "color-bg-fill-critical": {
441
+ "$value": "rgba(199, 10, 36, 1)",
442
+ "$type": "color"
443
+ },
444
+ "color-bg-fill-critical-hover": {
445
+ "$value": "rgba(163, 10, 36, 1)",
446
+ "$type": "color"
447
+ },
448
+ "color-bg-fill-critical-active": {
449
+ "$value": "rgba(142, 11, 33, 1)",
450
+ "$type": "color"
451
+ },
452
+ "color-bg-fill-critical-selected": {
453
+ "$value": "rgba(142, 11, 33, 1)",
454
+ "$type": "color"
455
+ },
456
+ "color-bg-fill-critical-secondary": {
457
+ "$value": "rgba(254, 209, 215, 1)",
458
+ "$type": "color"
459
+ },
460
+ "color-bg-fill-emphasis": {
461
+ "$value": "rgba(0, 91, 211, 1)",
462
+ "$type": "color"
463
+ },
464
+ "color-bg-fill-emphasis-hover": {
465
+ "$value": "rgba(0, 66, 153, 1)",
466
+ "$type": "color"
467
+ },
468
+ "color-bg-fill-emphasis-active": {
469
+ "$value": "rgba(0, 46, 106, 1)",
470
+ "$type": "color"
471
+ },
472
+ "color-bg-fill-magic": {
473
+ "$value": "rgba(128, 81, 255, 1)",
474
+ "$type": "color"
475
+ },
476
+ "color-bg-fill-magic-secondary": {
477
+ "$value": "rgba(233, 229, 255, 1)",
478
+ "$type": "color"
479
+ },
480
+ "color-bg-fill-magic-secondary-hover": {
481
+ "$value": "rgba(228, 222, 255, 1)",
482
+ "$type": "color"
483
+ },
484
+ "color-bg-fill-magic-secondary-active": {
485
+ "$value": "rgba(223, 217, 255, 1)",
486
+ "$type": "color"
487
+ },
488
+ "color-bg-fill-inverse": {
489
+ "$value": "rgba(48, 48, 48, 1)",
490
+ "$type": "color"
491
+ },
492
+ "color-bg-fill-inverse-hover": {
493
+ "$value": "rgba(74, 74, 74, 1)",
494
+ "$type": "color"
495
+ },
496
+ "color-bg-fill-inverse-active": {
497
+ "$value": "rgba(97, 97, 97, 1)",
498
+ "$type": "color"
499
+ },
500
+ "color-bg-fill-transparent": {
501
+ "$value": "rgba(255, 255, 255, 0.11)",
502
+ "$type": "color"
503
+ },
504
+ "color-bg-fill-transparent-hover": {
505
+ "$value": "rgba(255, 255, 255, 0.14)",
506
+ "$type": "color"
507
+ },
508
+ "color-bg-fill-transparent-active": {
509
+ "$value": "rgba(255, 255, 255, 0.17)",
510
+ "$type": "color"
511
+ },
512
+ "color-bg-fill-transparent-selected": {
513
+ "$value": "rgba(255, 255, 255, 0.22)",
514
+ "$type": "color"
515
+ },
516
+ "color-bg-fill-transparent-secondary": {
517
+ "$value": "rgba(0, 0, 0, 0.06)",
518
+ "$type": "color"
519
+ },
520
+ "color-bg-fill-transparent-secondary-hover": {
521
+ "$value": "rgba(0, 0, 0, 0.08)",
522
+ "$type": "color"
523
+ },
524
+ "color-bg-fill-transparent-secondary-active": {
525
+ "$value": "rgba(0, 0, 0, 0.11)",
526
+ "$type": "color"
527
+ },
528
+ "color-text": {
529
+ "$value": "rgba(227, 227, 227, 1)",
530
+ "$type": "color"
531
+ },
532
+ "color-text-secondary": {
533
+ "$value": "rgba(181, 181, 181, 1)",
534
+ "$type": "color"
535
+ },
536
+ "color-text-disabled": {
537
+ "$value": "rgba(74, 74, 74, 1)",
538
+ "$type": "color"
539
+ },
540
+ "color-text-link": {
541
+ "$value": "rgba(0, 91, 211, 1)",
542
+ "$type": "color"
543
+ },
544
+ "color-text-link-hover": {
545
+ "$value": "rgba(0, 66, 153, 1)",
546
+ "$type": "color"
547
+ },
548
+ "color-text-link-active": {
549
+ "$value": "rgba(0, 46, 106, 1)",
550
+ "$type": "color"
551
+ },
552
+ "color-text-brand": {
553
+ "$value": "rgba(26, 26, 26, 1)",
554
+ "$type": "color"
555
+ },
556
+ "color-text-brand-hover": {
557
+ "$value": "rgba(48, 48, 48, 1)",
558
+ "$type": "color"
559
+ },
560
+ "color-text-brand-on-bg-fill": {
561
+ "$value": "rgba(48, 48, 48, 1)",
562
+ "$type": "color"
563
+ },
564
+ "color-text-brand-on-bg-fill-hover": {
565
+ "$value": "rgba(227, 227, 227, 1)",
566
+ "$type": "color"
567
+ },
568
+ "color-text-brand-on-bg-fill-active": {
569
+ "$value": "rgba(204, 204, 204, 1)",
570
+ "$type": "color"
571
+ },
572
+ "color-text-brand-on-bg-fill-disabled": {
573
+ "$value": "rgba(138, 138, 138, 1)",
574
+ "$type": "color"
575
+ },
576
+ "color-text-info": {
577
+ "$value": "rgba(0, 58, 90, 1)",
578
+ "$type": "color"
579
+ },
580
+ "color-text-info-hover": {
581
+ "$value": "rgba(0, 58, 90, 1)",
582
+ "$type": "color"
583
+ },
584
+ "color-text-info-active": {
585
+ "$value": "rgba(0, 33, 51, 1)",
586
+ "$type": "color"
587
+ },
588
+ "color-text-info-secondary": {
589
+ "$value": "rgba(0, 124, 180, 1)",
590
+ "$type": "color"
591
+ },
592
+ "color-text-info-on-bg-fill": {
593
+ "$value": "rgba(0, 33, 51, 1)",
594
+ "$type": "color"
595
+ },
596
+ "color-text-success": {
597
+ "$value": "rgba(1, 75, 64, 1)",
598
+ "$type": "color"
599
+ },
600
+ "color-text-success-hover": {
601
+ "$value": "rgba(7, 54, 48, 1)",
602
+ "$type": "color"
603
+ },
604
+ "color-text-success-active": {
605
+ "$value": "rgba(2, 38, 34, 1)",
606
+ "$type": "color"
607
+ },
608
+ "color-text-success-secondary": {
609
+ "$value": "rgba(4, 123, 93, 1)",
610
+ "$type": "color"
611
+ },
612
+ "color-text-success-on-bg-fill": {
613
+ "$value": "rgba(250, 255, 251, 1)",
614
+ "$type": "color"
615
+ },
616
+ "color-text-caution": {
617
+ "$value": "rgba(79, 71, 0, 1)",
618
+ "$type": "color"
619
+ },
620
+ "color-text-caution-hover": {
621
+ "$value": "rgba(51, 46, 0, 1)",
622
+ "$type": "color"
623
+ },
624
+ "color-text-caution-active": {
625
+ "$value": "rgba(31, 28, 0, 1)",
626
+ "$type": "color"
627
+ },
628
+ "color-text-caution-secondary": {
629
+ "$value": "rgba(130, 117, 0, 1)",
630
+ "$type": "color"
631
+ },
632
+ "color-text-caution-on-bg-fill": {
633
+ "$value": "rgba(51, 46, 0, 1)",
634
+ "$type": "color"
635
+ },
636
+ "color-text-warning": {
637
+ "$value": "rgba(94, 66, 0, 1)",
638
+ "$type": "color"
639
+ },
640
+ "color-text-warning-hover": {
641
+ "$value": "rgba(65, 45, 0, 1)",
642
+ "$type": "color"
643
+ },
644
+ "color-text-warning-active": {
645
+ "$value": "rgba(37, 26, 0, 1)",
646
+ "$type": "color"
647
+ },
648
+ "color-text-warning-secondary": {
649
+ "$value": "rgba(149, 111, 0, 1)",
650
+ "$type": "color"
651
+ },
652
+ "color-text-warning-on-bg-fill": {
653
+ "$value": "rgba(37, 26, 0, 1)",
654
+ "$type": "color"
655
+ },
656
+ "color-text-critical": {
657
+ "$value": "rgba(142, 11, 33, 1)",
658
+ "$type": "color"
659
+ },
660
+ "color-text-critical-hover": {
661
+ "$value": "rgba(95, 7, 22, 1)",
662
+ "$type": "color"
663
+ },
664
+ "color-text-critical-active": {
665
+ "$value": "rgba(47, 4, 11, 1)",
666
+ "$type": "color"
667
+ },
668
+ "color-text-critical-secondary": {
669
+ "$value": "rgba(199, 10, 36, 1)",
670
+ "$type": "color"
671
+ },
672
+ "color-text-critical-on-bg-fill": {
673
+ "$value": "rgba(255, 250, 251, 1)",
674
+ "$type": "color"
675
+ },
676
+ "color-text-emphasis": {
677
+ "$value": "rgba(0, 91, 211, 1)",
678
+ "$type": "color"
679
+ },
680
+ "color-text-emphasis-hover": {
681
+ "$value": "rgba(0, 66, 153, 1)",
682
+ "$type": "color"
683
+ },
684
+ "color-text-emphasis-active": {
685
+ "$value": "rgba(0, 46, 106, 1)",
686
+ "$type": "color"
687
+ },
688
+ "color-text-emphasis-on-bg-fill": {
689
+ "$value": "rgba(252, 253, 255, 1)",
690
+ "$type": "color"
691
+ },
692
+ "color-text-emphasis-on-bg-fill-hover": {
693
+ "$value": "rgba(226, 231, 255, 1)",
694
+ "$type": "color"
695
+ },
696
+ "color-text-emphasis-on-bg-fill-active": {
697
+ "$value": "rgba(213, 220, 255, 1)",
698
+ "$type": "color"
699
+ },
700
+ "color-text-magic": {
701
+ "$value": "rgba(87, 0, 209, 1)",
702
+ "$type": "color"
703
+ },
704
+ "color-text-magic-secondary": {
705
+ "$value": "rgba(113, 38, 255, 1)",
706
+ "$type": "color"
707
+ },
708
+ "color-text-magic-on-bg-fill": {
709
+ "$value": "rgba(253, 253, 255, 1)",
710
+ "$type": "color"
711
+ },
712
+ "color-text-inverse": {
713
+ "$value": "rgba(227, 227, 227, 1)",
714
+ "$type": "color"
715
+ },
716
+ "color-text-inverse-secondary": {
717
+ "$value": "rgba(181, 181, 181, 1)",
718
+ "$type": "color"
719
+ },
720
+ "color-text-link-inverse": {
721
+ "$value": "rgba(197, 208, 255, 1)",
722
+ "$type": "color"
723
+ },
724
+ "color-border": {
725
+ "$value": "rgba(138, 138, 138, 1)",
726
+ "$type": "color"
727
+ },
728
+ "color-border-hover": {
729
+ "$value": "rgba(204, 204, 204, 1)",
730
+ "$type": "color"
731
+ },
732
+ "color-border-disabled": {
733
+ "$value": "rgba(235, 235, 235, 1)",
734
+ "$type": "color"
735
+ },
736
+ "color-border-secondary": {
737
+ "$value": "rgba(74, 74, 74, 1)",
738
+ "$type": "color"
739
+ },
740
+ "color-border-tertiary": {
741
+ "$value": "rgba(204, 204, 204, 1)",
742
+ "$type": "color"
743
+ },
744
+ "color-border-focus": {
745
+ "$value": "rgba(0, 91, 211, 1)",
746
+ "$type": "color"
747
+ },
748
+ "color-border-brand": {
749
+ "$value": "rgba(227, 227, 227, 1)",
750
+ "$type": "color"
751
+ },
752
+ "color-border-info": {
753
+ "$value": "rgba(168, 216, 255, 1)",
754
+ "$type": "color"
755
+ },
756
+ "color-border-success": {
757
+ "$value": "rgba(146, 252, 172, 1)",
758
+ "$type": "color"
759
+ },
760
+ "color-border-caution": {
761
+ "$value": "rgba(255, 235, 120, 1)",
762
+ "$type": "color"
763
+ },
764
+ "color-border-warning": {
765
+ "$value": "rgba(255, 200, 121, 1)",
766
+ "$type": "color"
767
+ },
768
+ "color-border-critical": {
769
+ "$value": "rgba(254, 193, 199, 1)",
770
+ "$type": "color"
771
+ },
772
+ "color-border-critical-secondary": {
773
+ "$value": "rgba(142, 11, 33, 1)",
774
+ "$type": "color"
775
+ },
776
+ "color-border-emphasis": {
777
+ "$value": "rgba(0, 91, 211, 1)",
778
+ "$type": "color"
779
+ },
780
+ "color-border-emphasis-hover": {
781
+ "$value": "rgba(0, 66, 153, 1)",
782
+ "$type": "color"
783
+ },
784
+ "color-border-emphasis-active": {
785
+ "$value": "rgba(0, 46, 106, 1)",
786
+ "$type": "color"
787
+ },
788
+ "color-border-magic": {
789
+ "$value": "rgba(228, 222, 255, 1)",
790
+ "$type": "color"
791
+ },
792
+ "color-border-magic-secondary": {
793
+ "$value": "rgba(148, 116, 255, 1)",
794
+ "$type": "color"
795
+ },
796
+ "color-border-magic-secondary-hover": {
797
+ "$value": "rgba(128, 81, 255, 1)",
798
+ "$type": "color"
799
+ },
800
+ "color-border-inverse": {
801
+ "$value": "rgba(97, 97, 97, 1)",
802
+ "$type": "color"
803
+ },
804
+ "color-border-inverse-hover": {
805
+ "$value": "rgba(204, 204, 204, 1)",
806
+ "$type": "color"
807
+ },
808
+ "color-border-inverse-active": {
809
+ "$value": "rgba(227, 227, 227, 1)",
810
+ "$type": "color"
811
+ },
812
+ "color-icon": {
813
+ "$value": "rgba(227, 227, 227, 1)",
814
+ "$type": "color"
815
+ },
816
+ "color-icon-hover": {
817
+ "$value": "rgba(48, 48, 48, 1)",
818
+ "$type": "color"
819
+ },
820
+ "color-icon-active": {
821
+ "$value": "rgba(26, 26, 26, 1)",
822
+ "$type": "color"
823
+ },
824
+ "color-icon-disabled": {
825
+ "$value": "rgba(74, 74, 74, 1)",
826
+ "$type": "color"
827
+ },
828
+ "color-icon-secondary": {
829
+ "$value": "rgba(181, 181, 181, 1)",
830
+ "$type": "color"
831
+ },
832
+ "color-icon-secondary-hover": {
833
+ "$value": "rgba(97, 97, 97, 1)",
834
+ "$type": "color"
835
+ },
836
+ "color-icon-secondary-active": {
837
+ "$value": "rgba(74, 74, 74, 1)",
838
+ "$type": "color"
839
+ },
840
+ "color-icon-brand": {
841
+ "$value": "rgba(74, 74, 74, 1)",
842
+ "$type": "color"
843
+ },
844
+ "color-icon-info": {
845
+ "$value": "rgba(0, 148, 213, 1)",
846
+ "$type": "color"
847
+ },
848
+ "color-icon-success": {
849
+ "$value": "rgba(4, 123, 93, 1)",
850
+ "$type": "color"
851
+ },
852
+ "color-icon-caution": {
853
+ "$value": "rgba(153, 138, 0, 1)",
854
+ "$type": "color"
855
+ },
856
+ "color-icon-warning": {
857
+ "$value": "rgba(178, 132, 0, 1)",
858
+ "$type": "color"
859
+ },
860
+ "color-icon-critical": {
861
+ "$value": "rgba(226, 44, 56, 1)",
862
+ "$type": "color"
863
+ },
864
+ "color-icon-emphasis": {
865
+ "$value": "rgba(0, 91, 211, 1)",
866
+ "$type": "color"
867
+ },
868
+ "color-icon-emphasis-hover": {
869
+ "$value": "rgba(0, 66, 153, 1)",
870
+ "$type": "color"
871
+ },
872
+ "color-icon-emphasis-active": {
873
+ "$value": "rgba(0, 46, 106, 1)",
874
+ "$type": "color"
875
+ },
876
+ "color-icon-magic": {
877
+ "$value": "rgba(128, 81, 255, 1)",
878
+ "$type": "color"
879
+ },
880
+ "color-icon-inverse": {
881
+ "$value": "rgba(227, 227, 227, 1)",
882
+ "$type": "color"
883
+ },
884
+ "color-avatar-bg-fill": {
885
+ "$value": "rgba(181, 181, 181, 1)",
886
+ "$type": "color"
887
+ },
888
+ "color-avatar-five-bg-fill": {
889
+ "$value": "rgba(253, 75, 146, 1)",
890
+ "$type": "color"
891
+ },
892
+ "color-avatar-five-text-on-bg-fill": {
893
+ "$value": "rgba(255, 246, 248, 1)",
894
+ "$type": "color"
895
+ },
896
+ "color-avatar-four-bg-fill": {
897
+ "$value": "rgba(81, 192, 255, 1)",
898
+ "$type": "color"
899
+ },
900
+ "color-avatar-four-text-on-bg-fill": {
901
+ "$value": "rgba(0, 33, 51, 1)",
902
+ "$type": "color"
903
+ },
904
+ "color-avatar-one-bg-fill": {
905
+ "$value": "rgba(197, 48, 197, 1)",
906
+ "$type": "color"
907
+ },
908
+ "color-avatar-one-text-on-bg-fill": {
909
+ "$value": "rgba(253, 239, 253, 1)",
910
+ "$type": "color"
911
+ },
912
+ "color-avatar-seven-bg-fill": {
913
+ "$value": "rgba(148, 116, 255, 1)",
914
+ "$type": "color"
915
+ },
916
+ "color-avatar-seven-text-on-bg-fill": {
917
+ "$value": "rgba(248, 247, 255, 1)",
918
+ "$type": "color"
919
+ },
920
+ "color-avatar-six-bg-fill": {
921
+ "$value": "rgba(37, 232, 43, 1)",
922
+ "$type": "color"
923
+ },
924
+ "color-avatar-six-text-on-bg-fill": {
925
+ "$value": "rgba(3, 61, 5, 1)",
926
+ "$type": "color"
927
+ },
928
+ "color-avatar-text-on-bg-fill": {
929
+ "$value": "rgba(255, 255, 255, 1)",
930
+ "$type": "color"
931
+ },
932
+ "color-avatar-three-bg-fill": {
933
+ "$value": "rgba(44, 224, 212, 1)",
934
+ "$type": "color"
935
+ },
936
+ "color-avatar-three-text-on-bg-fill": {
937
+ "$value": "rgba(3, 60, 57, 1)",
938
+ "$type": "color"
939
+ },
940
+ "color-avatar-two-bg-fill": {
941
+ "$value": "rgba(82, 244, 144, 1)",
942
+ "$type": "color"
943
+ },
944
+ "color-avatar-two-text-on-bg-fill": {
945
+ "$value": "rgba(1, 75, 64, 1)",
946
+ "$type": "color"
947
+ },
948
+ "color-backdrop-bg": {
949
+ "$value": "rgba(0, 0, 0, 0.71)",
950
+ "$type": "color"
951
+ },
952
+ "color-checkbox-bg-surface-disabled": {
953
+ "$value": "rgba(0, 0, 0, 0.08)",
954
+ "$type": "color"
955
+ },
956
+ "color-checkbox-icon-disabled": {
957
+ "$value": "rgba(255, 255, 255, 1)",
958
+ "$type": "color"
959
+ },
960
+ "color-input-bg-surface": {
961
+ "$value": "rgba(253, 253, 253, 1)",
962
+ "$type": "color"
963
+ },
964
+ "color-input-bg-surface-hover": {
965
+ "$value": "rgba(250, 250, 250, 1)",
966
+ "$type": "color"
967
+ },
968
+ "color-input-bg-surface-active": {
969
+ "$value": "rgba(247, 247, 247, 1)",
970
+ "$type": "color"
971
+ },
972
+ "color-input-border": {
973
+ "$value": "rgba(74, 74, 74, 1)",
974
+ "$type": "color"
975
+ },
976
+ "color-input-border-hover": {
977
+ "$value": "rgba(97, 97, 97, 1)",
978
+ "$type": "color"
979
+ },
980
+ "color-input-border-active": {
981
+ "$value": "rgba(26, 26, 26, 1)",
982
+ "$type": "color"
983
+ },
984
+ "color-nav-bg": {
985
+ "$value": "rgba(235, 235, 235, 1)",
986
+ "$type": "color"
987
+ },
988
+ "color-nav-bg-surface": {
989
+ "$value": "rgba(0, 0, 0, 0.02)",
990
+ "$type": "color"
991
+ },
992
+ "color-nav-bg-surface-hover": {
993
+ "$value": "rgba(241, 241, 241, 1)",
994
+ "$type": "color"
995
+ },
996
+ "color-nav-bg-surface-active": {
997
+ "$value": "rgba(250, 250, 250, 1)",
998
+ "$type": "color"
999
+ },
1000
+ "color-nav-bg-surface-selected": {
1001
+ "$value": "rgba(250, 250, 250, 1)",
1002
+ "$type": "color"
1003
+ },
1004
+ "color-radio-button-bg-surface-disabled": {
1005
+ "$value": "rgba(0, 0, 0, 0.08)",
1006
+ "$type": "color"
1007
+ },
1008
+ "color-radio-button-icon-disabled": {
1009
+ "$value": "rgba(255, 255, 255, 1)",
1010
+ "$type": "color"
1011
+ },
1012
+ "font-family-sans": {
1013
+ "$value": "'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
1014
+ "$type": "fontFamily"
1015
+ },
1016
+ "font-family-mono": {
1017
+ "$value": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
1018
+ "$type": "fontFamily"
1019
+ },
1020
+ "font-size-275": {
1021
+ "$value": {
1022
+ "value": 11,
1023
+ "unit": "px"
1024
+ },
1025
+ "$type": "dimension"
1026
+ },
1027
+ "font-size-300": {
1028
+ "$value": {
1029
+ "value": 12,
1030
+ "unit": "px"
1031
+ },
1032
+ "$type": "dimension"
1033
+ },
1034
+ "font-size-325": {
1035
+ "$value": {
1036
+ "value": 13,
1037
+ "unit": "px"
1038
+ },
1039
+ "$type": "dimension"
1040
+ },
1041
+ "font-size-350": {
1042
+ "$value": {
1043
+ "value": 14,
1044
+ "unit": "px"
1045
+ },
1046
+ "$type": "dimension"
1047
+ },
1048
+ "font-size-400": {
1049
+ "$value": {
1050
+ "value": 16,
1051
+ "unit": "px"
1052
+ },
1053
+ "$type": "dimension"
1054
+ },
1055
+ "font-size-450": {
1056
+ "$value": {
1057
+ "value": 18,
1058
+ "unit": "px"
1059
+ },
1060
+ "$type": "dimension"
1061
+ },
1062
+ "font-size-500": {
1063
+ "$value": {
1064
+ "value": 20,
1065
+ "unit": "px"
1066
+ },
1067
+ "$type": "dimension"
1068
+ },
1069
+ "font-size-550": {
1070
+ "$value": {
1071
+ "value": 22,
1072
+ "unit": "px"
1073
+ },
1074
+ "$type": "dimension"
1075
+ },
1076
+ "font-size-600": {
1077
+ "$value": {
1078
+ "value": 24,
1079
+ "unit": "px"
1080
+ },
1081
+ "$type": "dimension"
1082
+ },
1083
+ "font-size-750": {
1084
+ "$value": {
1085
+ "value": 30,
1086
+ "unit": "px"
1087
+ },
1088
+ "$type": "dimension"
1089
+ },
1090
+ "font-size-800": {
1091
+ "$value": {
1092
+ "value": 32,
1093
+ "unit": "px"
1094
+ },
1095
+ "$type": "dimension"
1096
+ },
1097
+ "font-size-900": {
1098
+ "$value": {
1099
+ "value": 36,
1100
+ "unit": "px"
1101
+ },
1102
+ "$type": "dimension"
1103
+ },
1104
+ "font-size-1000": {
1105
+ "$value": {
1106
+ "value": 40,
1107
+ "unit": "px"
1108
+ },
1109
+ "$type": "dimension"
1110
+ },
1111
+ "font-weight-regular": {
1112
+ "$value": 450,
1113
+ "$type": "number"
1114
+ },
1115
+ "font-weight-medium": {
1116
+ "$value": 550,
1117
+ "$type": "number"
1118
+ },
1119
+ "font-weight-semibold": {
1120
+ "$value": 650,
1121
+ "$type": "number"
1122
+ },
1123
+ "font-weight-bold": {
1124
+ "$value": 700,
1125
+ "$type": "number"
1126
+ },
1127
+ "font-line-height-300": {
1128
+ "$value": {
1129
+ "value": 12,
1130
+ "unit": "px"
1131
+ },
1132
+ "$type": "dimension"
1133
+ },
1134
+ "font-line-height-400": {
1135
+ "$value": {
1136
+ "value": 16,
1137
+ "unit": "px"
1138
+ },
1139
+ "$type": "dimension"
1140
+ },
1141
+ "font-line-height-500": {
1142
+ "$value": {
1143
+ "value": 20,
1144
+ "unit": "px"
1145
+ },
1146
+ "$type": "dimension"
1147
+ },
1148
+ "font-line-height-600": {
1149
+ "$value": {
1150
+ "value": 24,
1151
+ "unit": "px"
1152
+ },
1153
+ "$type": "dimension"
1154
+ },
1155
+ "font-line-height-700": {
1156
+ "$value": {
1157
+ "value": 28,
1158
+ "unit": "px"
1159
+ },
1160
+ "$type": "dimension"
1161
+ },
1162
+ "font-line-height-800": {
1163
+ "$value": {
1164
+ "value": 32,
1165
+ "unit": "px"
1166
+ },
1167
+ "$type": "dimension"
1168
+ },
1169
+ "font-line-height-1000": {
1170
+ "$value": {
1171
+ "value": 40,
1172
+ "unit": "px"
1173
+ },
1174
+ "$type": "dimension"
1175
+ },
1176
+ "font-line-height-1200": {
1177
+ "$value": {
1178
+ "value": 48,
1179
+ "unit": "px"
1180
+ },
1181
+ "$type": "dimension"
1182
+ },
1183
+ "height-0": {
1184
+ "$value": {
1185
+ "value": 0,
1186
+ "unit": "px"
1187
+ },
1188
+ "$type": "dimension"
1189
+ },
1190
+ "height-025": {
1191
+ "$value": {
1192
+ "value": 1,
1193
+ "unit": "px"
1194
+ },
1195
+ "$type": "dimension"
1196
+ },
1197
+ "height-050": {
1198
+ "$value": {
1199
+ "value": 2,
1200
+ "unit": "px"
1201
+ },
1202
+ "$type": "dimension"
1203
+ },
1204
+ "height-100": {
1205
+ "$value": {
1206
+ "value": 4,
1207
+ "unit": "px"
1208
+ },
1209
+ "$type": "dimension"
1210
+ },
1211
+ "height-150": {
1212
+ "$value": {
1213
+ "value": 6,
1214
+ "unit": "px"
1215
+ },
1216
+ "$type": "dimension"
1217
+ },
1218
+ "height-200": {
1219
+ "$value": {
1220
+ "value": 8,
1221
+ "unit": "px"
1222
+ },
1223
+ "$type": "dimension"
1224
+ },
1225
+ "height-300": {
1226
+ "$value": {
1227
+ "value": 12,
1228
+ "unit": "px"
1229
+ },
1230
+ "$type": "dimension"
1231
+ },
1232
+ "height-400": {
1233
+ "$value": {
1234
+ "value": 16,
1235
+ "unit": "px"
1236
+ },
1237
+ "$type": "dimension"
1238
+ },
1239
+ "height-500": {
1240
+ "$value": {
1241
+ "value": 20,
1242
+ "unit": "px"
1243
+ },
1244
+ "$type": "dimension"
1245
+ },
1246
+ "height-600": {
1247
+ "$value": {
1248
+ "value": 24,
1249
+ "unit": "px"
1250
+ },
1251
+ "$type": "dimension"
1252
+ },
1253
+ "height-700": {
1254
+ "$value": {
1255
+ "value": 28,
1256
+ "unit": "px"
1257
+ },
1258
+ "$type": "dimension"
1259
+ },
1260
+ "height-800": {
1261
+ "$value": {
1262
+ "value": 32,
1263
+ "unit": "px"
1264
+ },
1265
+ "$type": "dimension"
1266
+ },
1267
+ "height-900": {
1268
+ "$value": {
1269
+ "value": 36,
1270
+ "unit": "px"
1271
+ },
1272
+ "$type": "dimension"
1273
+ },
1274
+ "height-1000": {
1275
+ "$value": {
1276
+ "value": 40,
1277
+ "unit": "px"
1278
+ },
1279
+ "$type": "dimension"
1280
+ },
1281
+ "height-1200": {
1282
+ "$value": {
1283
+ "value": 48,
1284
+ "unit": "px"
1285
+ },
1286
+ "$type": "dimension"
1287
+ },
1288
+ "height-1600": {
1289
+ "$value": {
1290
+ "value": 64,
1291
+ "unit": "px"
1292
+ },
1293
+ "$type": "dimension"
1294
+ },
1295
+ "height-2000": {
1296
+ "$value": {
1297
+ "value": 80,
1298
+ "unit": "px"
1299
+ },
1300
+ "$type": "dimension"
1301
+ },
1302
+ "height-2400": {
1303
+ "$value": {
1304
+ "value": 96,
1305
+ "unit": "px"
1306
+ },
1307
+ "$type": "dimension"
1308
+ },
1309
+ "height-2800": {
1310
+ "$value": {
1311
+ "value": 112,
1312
+ "unit": "px"
1313
+ },
1314
+ "$type": "dimension"
1315
+ },
1316
+ "height-3200": {
1317
+ "$value": {
1318
+ "value": 128,
1319
+ "unit": "px"
1320
+ },
1321
+ "$type": "dimension"
1322
+ },
1323
+ "motion-duration-0": {
1324
+ "$value": {
1325
+ "value": 0,
1326
+ "unit": "ms"
1327
+ },
1328
+ "$type": "duration"
1329
+ },
1330
+ "motion-duration-50": {
1331
+ "$value": {
1332
+ "value": 50,
1333
+ "unit": "ms"
1334
+ },
1335
+ "$type": "duration"
1336
+ },
1337
+ "motion-duration-100": {
1338
+ "$value": {
1339
+ "value": 100,
1340
+ "unit": "ms"
1341
+ },
1342
+ "$type": "duration"
1343
+ },
1344
+ "motion-duration-150": {
1345
+ "$value": {
1346
+ "value": 150,
1347
+ "unit": "ms"
1348
+ },
1349
+ "$type": "duration"
1350
+ },
1351
+ "motion-duration-200": {
1352
+ "$value": {
1353
+ "value": 200,
1354
+ "unit": "ms"
1355
+ },
1356
+ "$type": "duration"
1357
+ },
1358
+ "motion-duration-250": {
1359
+ "$value": {
1360
+ "value": 250,
1361
+ "unit": "ms"
1362
+ },
1363
+ "$type": "duration"
1364
+ },
1365
+ "motion-duration-300": {
1366
+ "$value": {
1367
+ "value": 300,
1368
+ "unit": "ms"
1369
+ },
1370
+ "$type": "duration"
1371
+ },
1372
+ "motion-duration-350": {
1373
+ "$value": {
1374
+ "value": 350,
1375
+ "unit": "ms"
1376
+ },
1377
+ "$type": "duration"
1378
+ },
1379
+ "motion-duration-400": {
1380
+ "$value": {
1381
+ "value": 400,
1382
+ "unit": "ms"
1383
+ },
1384
+ "$type": "duration"
1385
+ },
1386
+ "motion-duration-450": {
1387
+ "$value": {
1388
+ "value": 450,
1389
+ "unit": "ms"
1390
+ },
1391
+ "$type": "duration"
1392
+ },
1393
+ "motion-duration-500": {
1394
+ "$value": {
1395
+ "value": 500,
1396
+ "unit": "ms"
1397
+ },
1398
+ "$type": "duration"
1399
+ },
1400
+ "motion-duration-5000": {
1401
+ "$value": {
1402
+ "value": 5000,
1403
+ "unit": "ms"
1404
+ },
1405
+ "$type": "duration"
1406
+ },
1407
+ "motion-ease": {
1408
+ "$value": [
1409
+ 0.25,
1410
+ 0.1,
1411
+ 0.25,
1412
+ 1
1413
+ ],
1414
+ "$type": "cubicBezier"
1415
+ },
1416
+ "motion-ease-in": {
1417
+ "$value": [
1418
+ 0.42,
1419
+ 0,
1420
+ 1,
1421
+ 1
1422
+ ],
1423
+ "$type": "cubicBezier"
1424
+ },
1425
+ "motion-ease-out": {
1426
+ "$value": [
1427
+ 0.19,
1428
+ 0.91,
1429
+ 0.38,
1430
+ 1
1431
+ ],
1432
+ "$type": "cubicBezier"
1433
+ },
1434
+ "motion-ease-in-out": {
1435
+ "$value": [
1436
+ 0.42,
1437
+ 0,
1438
+ 0.58,
1439
+ 1
1440
+ ],
1441
+ "$type": "cubicBezier"
1442
+ },
1443
+ "shadow-0": {
1444
+ "$value": [
1445
+ {
1446
+ "offsetX": {
1447
+ "value": 0,
1448
+ "unit": "px"
1449
+ },
1450
+ "offsetY": {
1451
+ "value": 0,
1452
+ "unit": "px"
1453
+ },
1454
+ "blur": {
1455
+ "value": 0,
1456
+ "unit": "px"
1457
+ },
1458
+ "spread": {
1459
+ "value": 0,
1460
+ "unit": "px"
1461
+ },
1462
+ "color": "rgba(0, 0, 0, 0.15)"
1463
+ }
1464
+ ],
1465
+ "$type": "shadow"
1466
+ },
1467
+ "shadow-100": {
1468
+ "$value": [
1469
+ {
1470
+ "offsetX": {
1471
+ "value": 0,
1472
+ "unit": "px"
1473
+ },
1474
+ "offsetY": {
1475
+ "value": 0,
1476
+ "unit": "px"
1477
+ },
1478
+ "blur": {
1479
+ "value": 0,
1480
+ "unit": "px"
1481
+ },
1482
+ "spread": {
1483
+ "value": 0,
1484
+ "unit": "px"
1485
+ },
1486
+ "color": "rgba(0, 0, 0, 0.15)"
1487
+ }
1488
+ ],
1489
+ "$type": "shadow"
1490
+ },
1491
+ "shadow-200": {
1492
+ "$value": [
1493
+ {
1494
+ "offsetX": {
1495
+ "value": 0,
1496
+ "unit": "px"
1497
+ },
1498
+ "offsetY": {
1499
+ "value": 3,
1500
+ "unit": "px"
1501
+ },
1502
+ "blur": {
1503
+ "value": 1,
1504
+ "unit": "px"
1505
+ },
1506
+ "spread": {
1507
+ "value": -1,
1508
+ "unit": "px"
1509
+ },
1510
+ "color": "rgba(26, 26, 26, 0.07)"
1511
+ }
1512
+ ],
1513
+ "$type": "shadow"
1514
+ },
1515
+ "shadow-300": {
1516
+ "$value": [
1517
+ {
1518
+ "offsetX": {
1519
+ "value": 0,
1520
+ "unit": "px"
1521
+ },
1522
+ "offsetY": {
1523
+ "value": 4,
1524
+ "unit": "px"
1525
+ },
1526
+ "blur": {
1527
+ "value": 6,
1528
+ "unit": "px"
1529
+ },
1530
+ "spread": {
1531
+ "value": -2,
1532
+ "unit": "px"
1533
+ },
1534
+ "color": "rgba(26, 26, 26, 0.20)"
1535
+ }
1536
+ ],
1537
+ "$type": "shadow"
1538
+ },
1539
+ "shadow-400": {
1540
+ "$value": [
1541
+ {
1542
+ "offsetX": {
1543
+ "value": 0,
1544
+ "unit": "px"
1545
+ },
1546
+ "offsetY": {
1547
+ "value": 8,
1548
+ "unit": "px"
1549
+ },
1550
+ "blur": {
1551
+ "value": 16,
1552
+ "unit": "px"
1553
+ },
1554
+ "spread": {
1555
+ "value": -4,
1556
+ "unit": "px"
1557
+ },
1558
+ "color": "rgba(26, 26, 26, 0.22)"
1559
+ }
1560
+ ],
1561
+ "$type": "shadow"
1562
+ },
1563
+ "shadow-500": {
1564
+ "$value": [
1565
+ {
1566
+ "offsetX": {
1567
+ "value": 0,
1568
+ "unit": "px"
1569
+ },
1570
+ "offsetY": {
1571
+ "value": 12,
1572
+ "unit": "px"
1573
+ },
1574
+ "blur": {
1575
+ "value": 20,
1576
+ "unit": "px"
1577
+ },
1578
+ "spread": {
1579
+ "value": -8,
1580
+ "unit": "px"
1581
+ },
1582
+ "color": "rgba(26, 26, 26, 0.24)"
1583
+ }
1584
+ ],
1585
+ "$type": "shadow"
1586
+ },
1587
+ "shadow-600": {
1588
+ "$value": [
1589
+ {
1590
+ "offsetX": {
1591
+ "value": 0,
1592
+ "unit": "px"
1593
+ },
1594
+ "offsetY": {
1595
+ "value": 20,
1596
+ "unit": "px"
1597
+ },
1598
+ "blur": {
1599
+ "value": 20,
1600
+ "unit": "px"
1601
+ },
1602
+ "spread": {
1603
+ "value": -8,
1604
+ "unit": "px"
1605
+ },
1606
+ "color": "rgba(26, 26, 26, 0.28)"
1607
+ }
1608
+ ],
1609
+ "$type": "shadow"
1610
+ },
1611
+ "shadow-border-inset": {
1612
+ "$value": [
1613
+ {
1614
+ "offsetX": {
1615
+ "value": 0,
1616
+ "unit": "px"
1617
+ },
1618
+ "offsetY": {
1619
+ "value": 0,
1620
+ "unit": "px"
1621
+ },
1622
+ "blur": {
1623
+ "value": 0,
1624
+ "unit": "px"
1625
+ },
1626
+ "spread": {
1627
+ "value": 1,
1628
+ "unit": "px"
1629
+ },
1630
+ "color": "rgba(0, 0, 0, 0.08)",
1631
+ "inset": true
1632
+ }
1633
+ ],
1634
+ "$type": "shadow"
1635
+ },
1636
+ "space-0": {
1637
+ "$value": {
1638
+ "value": 0,
1639
+ "unit": "px"
1640
+ },
1641
+ "$type": "dimension"
1642
+ },
1643
+ "space-025": {
1644
+ "$value": {
1645
+ "value": 1,
1646
+ "unit": "px"
1647
+ },
1648
+ "$type": "dimension"
1649
+ },
1650
+ "space-050": {
1651
+ "$value": {
1652
+ "value": 2,
1653
+ "unit": "px"
1654
+ },
1655
+ "$type": "dimension"
1656
+ },
1657
+ "space-100": {
1658
+ "$value": {
1659
+ "value": 4,
1660
+ "unit": "px"
1661
+ },
1662
+ "$type": "dimension"
1663
+ },
1664
+ "space-150": {
1665
+ "$value": {
1666
+ "value": 6,
1667
+ "unit": "px"
1668
+ },
1669
+ "$type": "dimension"
1670
+ },
1671
+ "space-200": {
1672
+ "$value": {
1673
+ "value": 8,
1674
+ "unit": "px"
1675
+ },
1676
+ "$type": "dimension"
1677
+ },
1678
+ "space-300": {
1679
+ "$value": {
1680
+ "value": 12,
1681
+ "unit": "px"
1682
+ },
1683
+ "$type": "dimension"
1684
+ },
1685
+ "space-400": {
1686
+ "$value": {
1687
+ "value": 16,
1688
+ "unit": "px"
1689
+ },
1690
+ "$type": "dimension"
1691
+ },
1692
+ "space-500": {
1693
+ "$value": {
1694
+ "value": 20,
1695
+ "unit": "px"
1696
+ },
1697
+ "$type": "dimension"
1698
+ },
1699
+ "space-600": {
1700
+ "$value": {
1701
+ "value": 24,
1702
+ "unit": "px"
1703
+ },
1704
+ "$type": "dimension"
1705
+ },
1706
+ "space-800": {
1707
+ "$value": {
1708
+ "value": 32,
1709
+ "unit": "px"
1710
+ },
1711
+ "$type": "dimension"
1712
+ },
1713
+ "space-1000": {
1714
+ "$value": {
1715
+ "value": 40,
1716
+ "unit": "px"
1717
+ },
1718
+ "$type": "dimension"
1719
+ },
1720
+ "space-1200": {
1721
+ "$value": {
1722
+ "value": 48,
1723
+ "unit": "px"
1724
+ },
1725
+ "$type": "dimension"
1726
+ },
1727
+ "space-1600": {
1728
+ "$value": {
1729
+ "value": 64,
1730
+ "unit": "px"
1731
+ },
1732
+ "$type": "dimension"
1733
+ },
1734
+ "space-2000": {
1735
+ "$value": {
1736
+ "value": 80,
1737
+ "unit": "px"
1738
+ },
1739
+ "$type": "dimension"
1740
+ },
1741
+ "space-2400": {
1742
+ "$value": {
1743
+ "value": 96,
1744
+ "unit": "px"
1745
+ },
1746
+ "$type": "dimension"
1747
+ },
1748
+ "space-2800": {
1749
+ "$value": {
1750
+ "value": 112,
1751
+ "unit": "px"
1752
+ },
1753
+ "$type": "dimension"
1754
+ },
1755
+ "space-3200": {
1756
+ "$value": {
1757
+ "value": 128,
1758
+ "unit": "px"
1759
+ },
1760
+ "$type": "dimension"
1761
+ },
1762
+ "space-button-group-gap": {
1763
+ "$value": {
1764
+ "value": 8,
1765
+ "unit": "px"
1766
+ },
1767
+ "$type": "dimension"
1768
+ },
1769
+ "space-card-gap": {
1770
+ "$value": {
1771
+ "value": 8,
1772
+ "unit": "px"
1773
+ },
1774
+ "$type": "dimension"
1775
+ },
1776
+ "space-card-padding": {
1777
+ "$value": {
1778
+ "value": 16,
1779
+ "unit": "px"
1780
+ },
1781
+ "$type": "dimension"
1782
+ },
1783
+ "space-table-cell-padding": {
1784
+ "$value": {
1785
+ "value": 6,
1786
+ "unit": "px"
1787
+ },
1788
+ "$type": "dimension"
1789
+ },
1790
+ "width-0": {
1791
+ "$value": {
1792
+ "value": 0,
1793
+ "unit": "px"
1794
+ },
1795
+ "$type": "dimension"
1796
+ },
1797
+ "width-025": {
1798
+ "$value": {
1799
+ "value": 1,
1800
+ "unit": "px"
1801
+ },
1802
+ "$type": "dimension"
1803
+ },
1804
+ "width-050": {
1805
+ "$value": {
1806
+ "value": 2,
1807
+ "unit": "px"
1808
+ },
1809
+ "$type": "dimension"
1810
+ },
1811
+ "width-100": {
1812
+ "$value": {
1813
+ "value": 4,
1814
+ "unit": "px"
1815
+ },
1816
+ "$type": "dimension"
1817
+ },
1818
+ "width-150": {
1819
+ "$value": {
1820
+ "value": 6,
1821
+ "unit": "px"
1822
+ },
1823
+ "$type": "dimension"
1824
+ },
1825
+ "width-200": {
1826
+ "$value": {
1827
+ "value": 8,
1828
+ "unit": "px"
1829
+ },
1830
+ "$type": "dimension"
1831
+ },
1832
+ "width-300": {
1833
+ "$value": {
1834
+ "value": 12,
1835
+ "unit": "px"
1836
+ },
1837
+ "$type": "dimension"
1838
+ },
1839
+ "width-400": {
1840
+ "$value": {
1841
+ "value": 16,
1842
+ "unit": "px"
1843
+ },
1844
+ "$type": "dimension"
1845
+ },
1846
+ "width-500": {
1847
+ "$value": {
1848
+ "value": 20,
1849
+ "unit": "px"
1850
+ },
1851
+ "$type": "dimension"
1852
+ },
1853
+ "width-600": {
1854
+ "$value": {
1855
+ "value": 24,
1856
+ "unit": "px"
1857
+ },
1858
+ "$type": "dimension"
1859
+ },
1860
+ "width-700": {
1861
+ "$value": {
1862
+ "value": 28,
1863
+ "unit": "px"
1864
+ },
1865
+ "$type": "dimension"
1866
+ },
1867
+ "width-800": {
1868
+ "$value": {
1869
+ "value": 32,
1870
+ "unit": "px"
1871
+ },
1872
+ "$type": "dimension"
1873
+ },
1874
+ "width-900": {
1875
+ "$value": {
1876
+ "value": 36,
1877
+ "unit": "px"
1878
+ },
1879
+ "$type": "dimension"
1880
+ },
1881
+ "width-1000": {
1882
+ "$value": {
1883
+ "value": 40,
1884
+ "unit": "px"
1885
+ },
1886
+ "$type": "dimension"
1887
+ },
1888
+ "width-1200": {
1889
+ "$value": {
1890
+ "value": 48,
1891
+ "unit": "px"
1892
+ },
1893
+ "$type": "dimension"
1894
+ },
1895
+ "width-1600": {
1896
+ "$value": {
1897
+ "value": 64,
1898
+ "unit": "px"
1899
+ },
1900
+ "$type": "dimension"
1901
+ },
1902
+ "width-2000": {
1903
+ "$value": {
1904
+ "value": 80,
1905
+ "unit": "px"
1906
+ },
1907
+ "$type": "dimension"
1908
+ },
1909
+ "width-2400": {
1910
+ "$value": {
1911
+ "value": 96,
1912
+ "unit": "px"
1913
+ },
1914
+ "$type": "dimension"
1915
+ },
1916
+ "width-2800": {
1917
+ "$value": {
1918
+ "value": 112,
1919
+ "unit": "px"
1920
+ },
1921
+ "$type": "dimension"
1922
+ },
1923
+ "width-3200": {
1924
+ "$value": {
1925
+ "value": 128,
1926
+ "unit": "px"
1927
+ },
1928
+ "$type": "dimension"
1929
+ },
1930
+ "z-index-0": {
1931
+ "$value": 0,
1932
+ "$type": "number"
1933
+ },
1934
+ "z-index-1": {
1935
+ "$value": 100,
1936
+ "$type": "number"
1937
+ },
1938
+ "z-index-2": {
1939
+ "$value": 400,
1940
+ "$type": "number"
1941
+ },
1942
+ "z-index-3": {
1943
+ "$value": 510,
1944
+ "$type": "number"
1945
+ },
1946
+ "z-index-4": {
1947
+ "$value": 512,
1948
+ "$type": "number"
1949
+ },
1950
+ "z-index-5": {
1951
+ "$value": 513,
1952
+ "$type": "number"
1953
+ },
1954
+ "z-index-6": {
1955
+ "$value": 514,
1956
+ "$type": "number"
1957
+ },
1958
+ "z-index-7": {
1959
+ "$value": 515,
1960
+ "$type": "number"
1961
+ },
1962
+ "z-index-8": {
1963
+ "$value": 516,
1964
+ "$type": "number"
1965
+ },
1966
+ "z-index-9": {
1967
+ "$value": 517,
1968
+ "$type": "number"
1969
+ },
1970
+ "z-index-10": {
1971
+ "$value": 518,
1972
+ "$type": "number"
1973
+ },
1974
+ "z-index-11": {
1975
+ "$value": 519,
1976
+ "$type": "number"
1977
+ },
1978
+ "z-index-12": {
1979
+ "$value": 520,
1980
+ "$type": "number"
1981
+ }
1982
+ },
1983
+ "polyxd": {
1984
+ "sys": {
1985
+ "$type": "color",
1986
+ "status-info-foreground": {
1987
+ "$value": "{polaris.color-text-info}"
1988
+ },
1989
+ "status-info-emphasis": {
1990
+ "$value": "{polaris.color-icon-info}"
1991
+ },
1992
+ "status-success-foreground": {
1993
+ "$value": "{polaris.color-text-success}"
1994
+ },
1995
+ "status-success-emphasis": {
1996
+ "$value": "{polaris.color-border-success}",
1997
+ "$description": "Contrast adjustment: Polaris's icon-success doesn't reach 3:1 here; border-success is the nearest colour of the same family that does (10.52:1)"
1998
+ },
1999
+ "status-warning-foreground": {
2000
+ "$value": "{polaris.color-text-warning}"
2001
+ },
2002
+ "status-warning-emphasis": {
2003
+ "$value": "{polaris.color-icon-warning}"
2004
+ },
2005
+ "status-danger-foreground": {
2006
+ "$value": "{polaris.color-text-critical}"
2007
+ },
2008
+ "status-danger-emphasis": {
2009
+ "$value": "{polaris.color-border-critical}",
2010
+ "$description": "Contrast adjustment: Polaris's icon-critical doesn't reach 3:1 here; border-critical is the nearest colour of the same family that does (8.59:1)"
2011
+ },
2012
+ "data-1": {
2013
+ "$value": "{polaris.color-icon-info}"
2014
+ },
2015
+ "data-2": {
2016
+ "$value": "{polaris.color-border-success}",
2017
+ "$description": "Contrast adjustment: Polaris's icon-success doesn't reach 3:1 here; border-success is the nearest colour of the same family that does (10.52:1)"
2018
+ },
2019
+ "data-3": {
2020
+ "$value": "{polaris.color-border-magic}",
2021
+ "$description": "Contrast adjustment: Polaris's icon-magic doesn't reach 3:1 here; border-magic is the nearest colour of the same family that does (10.18:1)"
2022
+ },
2023
+ "data-4": {
2024
+ "$value": "{polaris.color-icon-warning}"
2025
+ },
2026
+ "data-5": {
2027
+ "$value": "{polaris.color-border-critical}",
2028
+ "$description": "Contrast adjustment: Polaris's icon-critical doesn't reach 3:1 here; border-critical is the nearest colour of the same family that does (8.59:1)"
2029
+ },
2030
+ "data-6": {
2031
+ "$value": "{polaris.color-icon-caution}"
2032
+ },
2033
+ "data-positive": {
2034
+ "$value": "{polaris.color-border-success}",
2035
+ "$description": "Contrast adjustment: Polaris's icon-success doesn't reach 3:1 here; border-success is the nearest colour of the same family that does (10.52:1)"
2036
+ },
2037
+ "data-negative": {
2038
+ "$value": "{polaris.color-border-critical}",
2039
+ "$description": "Contrast adjustment: Polaris's icon-critical doesn't reach 3:1 here; border-critical is the nearest colour of the same family that does (8.59:1)"
2040
+ },
2041
+ "data-neutral": {
2042
+ "$value": "{polaris.color-icon}",
2043
+ "$description": "Polaris's icon colour, the neutral that both themes define"
2044
+ },
2045
+ "text-muted": {
2046
+ "$value": "{polaris.color-text-secondary}"
2047
+ },
2048
+ "text-link": {
2049
+ "$value": "{polaris.color-bg-surface-emphasis}",
2050
+ "$description": "Contrast adjustment: Polaris's text-emphasis doesn't reach 4.5:1 here; bg-surface-emphasis is the nearest colour of the same family that does (11.85:1)"
2051
+ },
2052
+ "border-focus": {
2053
+ "$value": "{polaris.color-bg-surface-emphasis}",
2054
+ "$description": "Contrast adjustment: Polaris's border-emphasis doesn't reach 3:1 here; bg-surface-emphasis is the nearest colour of the same family that does (11.85:1)"
2055
+ },
2056
+ "surface-subtle": {
2057
+ "$value": "{polaris.color-bg}",
2058
+ "$description": "Polaris's dark theme leaves bg-surface-secondary at its light value; its page background is the darker surface the cards sit on"
2059
+ },
2060
+ "action-danger-background": {
2061
+ "$value": "{polaris.color-border-critical}",
2062
+ "$description": "Contrast adjustment: Polaris's bg-fill-critical doesn't reach 3:1 here; border-critical is the nearest colour of the same family that does (8.59:1)"
2063
+ },
2064
+ "action-danger-foreground": {
2065
+ "$value": "{polaris.color-text-critical}",
2066
+ "$description": "Polaris's text-critical-on-bg-fill doesn't reach 4.5:1 on the fill this theme uses; text-critical does"
2067
+ },
2068
+ "state": {
2069
+ "$type": "number",
2070
+ "hover": {
2071
+ "$value": 0.05,
2072
+ "$description": "Polaris shades hover with separate surface colours; Polyxd needs a state-layer opacity"
2073
+ },
2074
+ "pressed": {
2075
+ "$value": 0.08
2076
+ },
2077
+ "focus": {
2078
+ "$value": 0.12
2079
+ },
2080
+ "disabled": {
2081
+ "$value": 0.4,
2082
+ "$description": "Polaris's disabled controls use its disabled text and surface colours"
2083
+ }
2084
+ },
2085
+ "target": {
2086
+ "$type": "dimension",
2087
+ "min": {
2088
+ "$value": {
2089
+ "value": 44,
2090
+ "unit": "px"
2091
+ },
2092
+ "$description": "Polaris's default control height is 32px; 44px is the touch target a generated surface is held to"
2093
+ }
2094
+ },
2095
+ "focusRing": {
2096
+ "$type": "dimension",
2097
+ "width": {
2098
+ "$value": {
2099
+ "value": 2,
2100
+ "unit": "px"
2101
+ }
2102
+ },
2103
+ "offset": {
2104
+ "$value": {
2105
+ "value": 2,
2106
+ "unit": "px"
2107
+ },
2108
+ "$description": "Polaris's focus ring is a 2px outline with a 2px offset"
2109
+ }
2110
+ },
2111
+ "easing": {
2112
+ "$type": "cubicBezier",
2113
+ "standard": {
2114
+ "$value": [
2115
+ 0.25,
2116
+ 0.1,
2117
+ 0.25,
2118
+ 1
2119
+ ],
2120
+ "$description": "Polaris's --p-motion-ease"
2121
+ },
2122
+ "enter": {
2123
+ "$value": [
2124
+ 0,
2125
+ 0,
2126
+ 0.58,
2127
+ 1
2128
+ ]
2129
+ },
2130
+ "exit": {
2131
+ "$value": [
2132
+ 0.42,
2133
+ 0,
2134
+ 1,
2135
+ 1
2136
+ ]
2137
+ }
2138
+ }
2139
+ }
2140
+ }
2141
+ }