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

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