@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/component/button.tokens.json ADDED
@@ -0,0 +1,752 @@
1
+ {
2
+ "button": {
3
+ "primary": {
4
+ "foreground": {
5
+ "color": {
6
+ "$root": {
7
+ "$type": "color",
8
+ "$value": "{foreground.color.on.primary}",
9
+ "$extensions": {
10
+ "appearance": {
11
+ "light": {
12
+ "$type": "color",
13
+ "$value": "{foreground.color.on.primary}"
14
+ },
15
+ "dark": {
16
+ "$type": "color",
17
+ "$value": "{foreground.color.on.primary}"
18
+ }
19
+ }
20
+ }
21
+ },
22
+ "hover": {
23
+ "$type": "color",
24
+ "$value": "{foreground.color.on.primary}",
25
+ "$extensions": {
26
+ "appearance": {
27
+ "light": {
28
+ "$type": "color",
29
+ "$value": "{foreground.color.on.primary}"
30
+ },
31
+ "dark": {
32
+ "$type": "color",
33
+ "$value": "{foreground.color.on.primary}"
34
+ }
35
+ }
36
+ }
37
+ },
38
+ "active": {
39
+ "$type": "color",
40
+ "$value": "{foreground.color.on.primary}",
41
+ "$extensions": {
42
+ "appearance": {
43
+ "light": {
44
+ "$type": "color",
45
+ "$value": "{foreground.color.on.primary}"
46
+ },
47
+ "dark": {
48
+ "$type": "color",
49
+ "$value": "{foreground.color.on.primary}"
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
55
+ },
56
+ "background": {
57
+ "color": {
58
+ "$root": {
59
+ "$type": "color",
60
+ "$value": "{background.color.primary}",
61
+ "$extensions": {
62
+ "appearance": {
63
+ "light": {
64
+ "$type": "color",
65
+ "$value": "{background.color.primary}"
66
+ },
67
+ "dark": {
68
+ "$type": "color",
69
+ "$value": "{background.color.primary}"
70
+ }
71
+ }
72
+ }
73
+ },
74
+ "hover": {
75
+ "$type": "color",
76
+ "$value": "{background.color.primary.hover}",
77
+ "$extensions": {
78
+ "appearance": {
79
+ "light": {
80
+ "$type": "color",
81
+ "$value": "{background.color.primary.hover}"
82
+ },
83
+ "dark": {
84
+ "$type": "color",
85
+ "$value": "{background.color.primary.hover}"
86
+ }
87
+ }
88
+ }
89
+ },
90
+ "active": {
91
+ "$type": "color",
92
+ "$value": "{background.color.primary.active}",
93
+ "$extensions": {
94
+ "appearance": {
95
+ "light": {
96
+ "$type": "color",
97
+ "$value": "{background.color.primary.active}"
98
+ },
99
+ "dark": {
100
+ "$type": "color",
101
+ "$value": "{background.color.primary.active}"
102
+ }
103
+ }
104
+ }
105
+ }
106
+ }
107
+ },
108
+ "border": {
109
+ "color": {
110
+ "$type": "color",
111
+ "$value": "transparent",
112
+ "$extensions": {
113
+ "appearance": {
114
+ "light": {
115
+ "$type": "color",
116
+ "$value": "transparent"
117
+ },
118
+ "dark": {
119
+ "$type": "color",
120
+ "$value": "transparent"
121
+ }
122
+ }
123
+ }
124
+ },
125
+ "radius": {
126
+ "$type": "dimension",
127
+ "$value": "{border.radius.medium}"
128
+ }
129
+ },
130
+ "focus-ring": {
131
+ "color": {
132
+ "$type": "color",
133
+ "$value": "{focus.ring.color.default}",
134
+ "$extensions": {
135
+ "appearance": {
136
+ "light": {
137
+ "$type": "color",
138
+ "$value": "{focus.ring.color.default}"
139
+ },
140
+ "dark": {
141
+ "$type": "color",
142
+ "$value": "{focus.ring.color.default}"
143
+ }
144
+ }
145
+ }
146
+ }
147
+ }
148
+ },
149
+ "secondary": {
150
+ "foreground": {
151
+ "color": {
152
+ "$root": {
153
+ "$type": "color",
154
+ "$value": "{foreground.color.default}",
155
+ "$extensions": {
156
+ "appearance": {
157
+ "light": {
158
+ "$type": "color",
159
+ "$value": "{foreground.color.default}"
160
+ },
161
+ "dark": {
162
+ "$type": "color",
163
+ "$value": "{foreground.color.default}"
164
+ }
165
+ }
166
+ }
167
+ },
168
+ "hover": {
169
+ "$type": "color",
170
+ "$value": "{foreground.color.default}",
171
+ "$extensions": {
172
+ "appearance": {
173
+ "light": {
174
+ "$type": "color",
175
+ "$value": "{foreground.color.default}"
176
+ },
177
+ "dark": {
178
+ "$type": "color",
179
+ "$value": "{foreground.color.default}"
180
+ }
181
+ }
182
+ }
183
+ },
184
+ "active": {
185
+ "$type": "color",
186
+ "$value": "{foreground.color.default}",
187
+ "$extensions": {
188
+ "appearance": {
189
+ "light": {
190
+ "$type": "color",
191
+ "$value": "{foreground.color.default}"
192
+ },
193
+ "dark": {
194
+ "$type": "color",
195
+ "$value": "{foreground.color.default}"
196
+ }
197
+ }
198
+ }
199
+ }
200
+ }
201
+ },
202
+ "background": {
203
+ "color": {
204
+ "$root": {
205
+ "$type": "color",
206
+ "$value": "{background.color.secondary}",
207
+ "$extensions": {
208
+ "appearance": {
209
+ "light": {
210
+ "$type": "color",
211
+ "$value": "{background.color.secondary}"
212
+ },
213
+ "dark": {
214
+ "$type": "color",
215
+ "$value": "{background.color.secondary}"
216
+ }
217
+ }
218
+ }
219
+ },
220
+ "hover": {
221
+ "$type": "color",
222
+ "$value": "{background.color.secondary.hover}",
223
+ "$extensions": {
224
+ "appearance": {
225
+ "light": {
226
+ "$type": "color",
227
+ "$value": "{background.color.secondary.hover}"
228
+ },
229
+ "dark": {
230
+ "$type": "color",
231
+ "$value": "{background.color.secondary.hover}"
232
+ }
233
+ }
234
+ }
235
+ },
236
+ "active": {
237
+ "$type": "color",
238
+ "$value": "{background.color.secondary.active}",
239
+ "$extensions": {
240
+ "appearance": {
241
+ "light": {
242
+ "$type": "color",
243
+ "$value": "{background.color.secondary.active}"
244
+ },
245
+ "dark": {
246
+ "$type": "color",
247
+ "$value": "{background.color.secondary.active}"
248
+ }
249
+ }
250
+ }
251
+ }
252
+ }
253
+ },
254
+ "border": {
255
+ "color": {
256
+ "$type": "color",
257
+ "$value": "transparent",
258
+ "$extensions": {
259
+ "appearance": {
260
+ "light": {
261
+ "$type": "color",
262
+ "$value": "transparent"
263
+ },
264
+ "dark": {
265
+ "$type": "color",
266
+ "$value": "transparent"
267
+ }
268
+ }
269
+ }
270
+ },
271
+ "radius": {
272
+ "$type": "dimension",
273
+ "$value": "{border.radius.medium}"
274
+ }
275
+ },
276
+ "focus-ring": {
277
+ "color": {
278
+ "$type": "color",
279
+ "$value": "{focus.ring.color.default}",
280
+ "$extensions": {
281
+ "appearance": {
282
+ "light": {
283
+ "$type": "color",
284
+ "$value": "{focus.ring.color.default}"
285
+ },
286
+ "dark": {
287
+ "$type": "color",
288
+ "$value": "{focus.ring.color.default}"
289
+ }
290
+ }
291
+ }
292
+ }
293
+ }
294
+ },
295
+ "ghost": {
296
+ "foreground": {
297
+ "color": {
298
+ "$root": {
299
+ "$type": "color",
300
+ "$value": "{foreground.color.default}",
301
+ "$extensions": {
302
+ "appearance": {
303
+ "light": {
304
+ "$type": "color",
305
+ "$value": "{foreground.color.default}"
306
+ },
307
+ "dark": {
308
+ "$type": "color",
309
+ "$value": "{foreground.color.default}"
310
+ }
311
+ }
312
+ }
313
+ },
314
+ "hover": {
315
+ "$type": "color",
316
+ "$value": "{foreground.color.default}",
317
+ "$extensions": {
318
+ "appearance": {
319
+ "light": {
320
+ "$type": "color",
321
+ "$value": "{foreground.color.default}"
322
+ },
323
+ "dark": {
324
+ "$type": "color",
325
+ "$value": "{foreground.color.default}"
326
+ }
327
+ }
328
+ }
329
+ },
330
+ "active": {
331
+ "$type": "color",
332
+ "$value": "{foreground.color.default}",
333
+ "$extensions": {
334
+ "appearance": {
335
+ "light": {
336
+ "$type": "color",
337
+ "$value": "{foreground.color.default}"
338
+ },
339
+ "dark": {
340
+ "$type": "color",
341
+ "$value": "{foreground.color.default}"
342
+ }
343
+ }
344
+ }
345
+ }
346
+ }
347
+ },
348
+ "background": {
349
+ "color": {
350
+ "$root": {
351
+ "$type": "color",
352
+ "$value": "transparent",
353
+ "$extensions": {
354
+ "appearance": {
355
+ "light": {
356
+ "$type": "color",
357
+ "$value": "transparent"
358
+ },
359
+ "dark": {
360
+ "$type": "color",
361
+ "$value": "transparent"
362
+ }
363
+ }
364
+ }
365
+ },
366
+ "hover": {
367
+ "$type": "color",
368
+ "$value": {
369
+ "color": "{color.neutral.400}",
370
+ "alpha": 0.08
371
+ },
372
+ "$extensions": {
373
+ "appearance": {
374
+ "light": {
375
+ "$type": "color",
376
+ "$value": {
377
+ "color": "{color.neutral.400}",
378
+ "alpha": 0.08
379
+ }
380
+ },
381
+ "dark": {
382
+ "$type": "color",
383
+ "$value": {
384
+ "color": "{color.neutral.0}",
385
+ "alpha": 0.08
386
+ }
387
+ }
388
+ }
389
+ }
390
+ },
391
+ "active": {
392
+ "$type": "color",
393
+ "$value": {
394
+ "color": "{color.neutral.400}",
395
+ "alpha": 0.16
396
+ },
397
+ "$extensions": {
398
+ "appearance": {
399
+ "light": {
400
+ "$type": "color",
401
+ "$value": {
402
+ "color": "{color.neutral.400}",
403
+ "alpha": 0.16
404
+ }
405
+ },
406
+ "dark": {
407
+ "$type": "color",
408
+ "$value": {
409
+ "color": "{color.neutral.0}",
410
+ "alpha": 0.16
411
+ }
412
+ }
413
+ }
414
+ }
415
+ }
416
+ }
417
+ },
418
+ "border": {
419
+ "color": {
420
+ "$type": "color",
421
+ "$value": "transparent",
422
+ "$extensions": {
423
+ "appearance": {
424
+ "light": {
425
+ "$type": "color",
426
+ "$value": "transparent"
427
+ },
428
+ "dark": {
429
+ "$type": "color",
430
+ "$value": "transparent"
431
+ }
432
+ }
433
+ }
434
+ },
435
+ "radius": {
436
+ "$type": "dimension",
437
+ "$value": "{border.radius.medium}"
438
+ }
439
+ },
440
+ "focus-ring": {
441
+ "color": {
442
+ "$type": "color",
443
+ "$value": "{focus.ring.color.default}",
444
+ "$extensions": {
445
+ "appearance": {
446
+ "light": {
447
+ "$type": "color",
448
+ "$value": "{focus.ring.color.default}"
449
+ },
450
+ "dark": {
451
+ "$type": "color",
452
+ "$value": "{focus.ring.color.default}"
453
+ }
454
+ }
455
+ }
456
+ }
457
+ }
458
+ },
459
+ "danger-primary": {
460
+ "foreground": {
461
+ "color": {
462
+ "$root": {
463
+ "$type": "color",
464
+ "$value": "{foreground.color.on.danger}",
465
+ "$extensions": {
466
+ "appearance": {
467
+ "light": {
468
+ "$type": "color",
469
+ "$value": "{foreground.color.on.danger}"
470
+ },
471
+ "dark": {
472
+ "$type": "color",
473
+ "$value": "{foreground.color.on.danger}"
474
+ }
475
+ }
476
+ }
477
+ },
478
+ "hover": {
479
+ "$type": "color",
480
+ "$value": "{foreground.color.on.danger}",
481
+ "$extensions": {
482
+ "appearance": {
483
+ "light": {
484
+ "$type": "color",
485
+ "$value": "{foreground.color.on.danger}"
486
+ },
487
+ "dark": {
488
+ "$type": "color",
489
+ "$value": "{foreground.color.on.danger}"
490
+ }
491
+ }
492
+ }
493
+ },
494
+ "active": {
495
+ "$type": "color",
496
+ "$value": "{foreground.color.on.danger}",
497
+ "$extensions": {
498
+ "appearance": {
499
+ "light": {
500
+ "$type": "color",
501
+ "$value": "{foreground.color.on.danger}"
502
+ },
503
+ "dark": {
504
+ "$type": "color",
505
+ "$value": "{foreground.color.on.danger}"
506
+ }
507
+ }
508
+ }
509
+ }
510
+ }
511
+ },
512
+ "background": {
513
+ "color": {
514
+ "$root": {
515
+ "$type": "color",
516
+ "$value": "{background.color.danger}",
517
+ "$extensions": {
518
+ "appearance": {
519
+ "light": {
520
+ "$type": "color",
521
+ "$value": "{background.color.danger}"
522
+ },
523
+ "dark": {
524
+ "$type": "color",
525
+ "$value": "{background.color.danger}"
526
+ }
527
+ }
528
+ }
529
+ },
530
+ "hover": {
531
+ "$type": "color",
532
+ "$value": "{background.color.danger.hover}",
533
+ "$extensions": {
534
+ "appearance": {
535
+ "light": {
536
+ "$type": "color",
537
+ "$value": "{background.color.danger.hover}"
538
+ },
539
+ "dark": {
540
+ "$type": "color",
541
+ "$value": "{background.color.danger.hover}"
542
+ }
543
+ }
544
+ }
545
+ },
546
+ "active": {
547
+ "$type": "color",
548
+ "$value": "{background.color.danger.active}",
549
+ "$extensions": {
550
+ "appearance": {
551
+ "light": {
552
+ "$type": "color",
553
+ "$value": "{background.color.danger.active}"
554
+ },
555
+ "dark": {
556
+ "$type": "color",
557
+ "$value": "{background.color.danger.active}"
558
+ }
559
+ }
560
+ }
561
+ }
562
+ }
563
+ },
564
+ "border": {
565
+ "color": {
566
+ "$type": "color",
567
+ "$value": "transparent",
568
+ "$extensions": {
569
+ "appearance": {
570
+ "light": {
571
+ "$type": "color",
572
+ "$value": "transparent"
573
+ },
574
+ "dark": {
575
+ "$type": "color",
576
+ "$value": "transparent"
577
+ }
578
+ }
579
+ }
580
+ },
581
+ "radius": {
582
+ "$type": "dimension",
583
+ "$value": "{border.radius.medium}"
584
+ }
585
+ },
586
+ "focus-ring": {
587
+ "color": {
588
+ "$type": "color",
589
+ "$value": "{focus.ring.color.danger}",
590
+ "$extensions": {
591
+ "appearance": {
592
+ "light": {
593
+ "$type": "color",
594
+ "$value": "{focus.ring.color.danger}"
595
+ },
596
+ "dark": {
597
+ "$type": "color",
598
+ "$value": "{focus.ring.color.danger}"
599
+ }
600
+ }
601
+ }
602
+ }
603
+ }
604
+ },
605
+ "danger-secondary": {
606
+ "foreground": {
607
+ "color": {
608
+ "$root": {
609
+ "$type": "color",
610
+ "$value": "{foreground.color.on.danger.subdued}",
611
+ "$extensions": {
612
+ "appearance": {
613
+ "light": {
614
+ "$type": "color",
615
+ "$value": "{foreground.color.on.danger.subdued}"
616
+ },
617
+ "dark": {
618
+ "$type": "color",
619
+ "$value": "{foreground.color.on.danger.subdued}"
620
+ }
621
+ }
622
+ }
623
+ },
624
+ "hover": {
625
+ "$type": "color",
626
+ "$value": "{foreground.color.danger.hover}",
627
+ "$extensions": {
628
+ "appearance": {
629
+ "light": {
630
+ "$type": "color",
631
+ "$value": "{foreground.color.danger.hover}"
632
+ },
633
+ "dark": {
634
+ "$type": "color",
635
+ "$value": "{foreground.color.danger.hover}"
636
+ }
637
+ }
638
+ }
639
+ },
640
+ "active": {
641
+ "$type": "color",
642
+ "$value": "{foreground.color.danger.active}",
643
+ "$extensions": {
644
+ "appearance": {
645
+ "light": {
646
+ "$type": "color",
647
+ "$value": "{foreground.color.danger.active}"
648
+ },
649
+ "dark": {
650
+ "$type": "color",
651
+ "$value": "{foreground.color.danger.active}"
652
+ }
653
+ }
654
+ }
655
+ }
656
+ }
657
+ },
658
+ "background": {
659
+ "color": {
660
+ "$root": {
661
+ "$type": "color",
662
+ "$value": "{background.color.danger.subdued}",
663
+ "$extensions": {
664
+ "appearance": {
665
+ "light": {
666
+ "$type": "color",
667
+ "$value": "{background.color.danger.subdued}"
668
+ },
669
+ "dark": {
670
+ "$type": "color",
671
+ "$value": "{background.color.danger.subdued}"
672
+ }
673
+ }
674
+ }
675
+ },
676
+ "hover": {
677
+ "$type": "color",
678
+ "$value": "{background.color.danger.subdued.hover}",
679
+ "$extensions": {
680
+ "appearance": {
681
+ "light": {
682
+ "$type": "color",
683
+ "$value": "{background.color.danger.subdued.hover}"
684
+ },
685
+ "dark": {
686
+ "$type": "color",
687
+ "$value": "{background.color.danger.subdued.hover}"
688
+ }
689
+ }
690
+ }
691
+ },
692
+ "active": {
693
+ "$type": "color",
694
+ "$value": "{background.color.danger.subdued.active}",
695
+ "$extensions": {
696
+ "appearance": {
697
+ "light": {
698
+ "$type": "color",
699
+ "$value": "{background.color.danger.subdued.active}"
700
+ },
701
+ "dark": {
702
+ "$type": "color",
703
+ "$value": "{background.color.danger.subdued.active}"
704
+ }
705
+ }
706
+ }
707
+ }
708
+ }
709
+ },
710
+ "border": {
711
+ "color": {
712
+ "$type": "color",
713
+ "$value": "transparent",
714
+ "$extensions": {
715
+ "appearance": {
716
+ "light": {
717
+ "$type": "color",
718
+ "$value": "transparent"
719
+ },
720
+ "dark": {
721
+ "$type": "color",
722
+ "$value": "transparent"
723
+ }
724
+ }
725
+ }
726
+ },
727
+ "radius": {
728
+ "$type": "dimension",
729
+ "$value": "{border.radius.medium}"
730
+ }
731
+ },
732
+ "focus-ring": {
733
+ "color": {
734
+ "$type": "color",
735
+ "$value": "{focus.ring.color.danger}",
736
+ "$extensions": {
737
+ "appearance": {
738
+ "light": {
739
+ "$type": "color",
740
+ "$value": "{focus.ring.color.danger}"
741
+ },
742
+ "dark": {
743
+ "$type": "color",
744
+ "$value": "{focus.ring.color.danger}"
745
+ }
746
+ }
747
+ }
748
+ }
749
+ }
750
+ }
751
+ }
752
+ }