@servicetitan/hammer-token 0.0.0-rc-1.48.0-20251104214834 → 0.0.0-rc-3.0.0-20260127161418

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