@servicetitan/hammer-token 2.5.1 → 3.0.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.
Files changed (147) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +332 -0
  3. package/build/web/core/component-variables.scss +1088 -131
  4. package/build/web/core/component.d.ts +558 -0
  5. package/build/web/core/component.js +6685 -249
  6. package/build/web/core/component.scss +557 -69
  7. package/build/web/core/css-utils/a2-border.css +47 -45
  8. package/build/web/core/css-utils/a2-color.css +443 -227
  9. package/build/web/core/css-utils/a2-font.css +0 -2
  10. package/build/web/core/css-utils/a2-spacing.css +476 -478
  11. package/build/web/core/css-utils/a2-utils.css +992 -772
  12. package/build/web/core/css-utils/border.css +47 -45
  13. package/build/web/core/css-utils/color.css +443 -227
  14. package/build/web/core/css-utils/font.css +0 -2
  15. package/build/web/core/css-utils/spacing.css +476 -478
  16. package/build/web/core/css-utils/utils.css +992 -772
  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 +148 -65
  20. package/build/web/core/primitive.d.ts +209 -0
  21. package/build/web/core/primitive.js +779 -61
  22. package/build/web/core/primitive.scss +207 -124
  23. package/build/web/core/semantic-variables.scss +363 -245
  24. package/build/web/core/semantic.d.ts +221 -0
  25. package/build/web/core/semantic.js +1592 -347
  26. package/build/web/core/semantic.scss +219 -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 -497
  31. package/eslint.config.mjs +11 -1
  32. package/package.json +15 -5
  33. package/src/global/primitive/breakpoint.tokens.json +54 -0
  34. package/src/global/primitive/color.tokens.json +1092 -0
  35. package/src/global/primitive/duration.tokens.json +44 -0
  36. package/src/global/primitive/font.tokens.json +151 -0
  37. package/src/global/primitive/radius.tokens.json +94 -0
  38. package/src/global/primitive/size.tokens.json +174 -0
  39. package/src/global/primitive/transition.tokens.json +32 -0
  40. package/src/theme/core/background.tokens.json +1312 -0
  41. package/src/theme/core/border.tokens.json +192 -0
  42. package/src/theme/core/chart.tokens.json +982 -0
  43. package/src/theme/core/component/ai-mark.tokens.json +20 -0
  44. package/src/theme/core/component/alert.tokens.json +261 -0
  45. package/src/theme/core/component/announcement.tokens.json +460 -0
  46. package/src/theme/core/component/avatar.tokens.json +137 -0
  47. package/src/theme/core/component/badge.tokens.json +42 -0
  48. package/src/theme/core/component/breadcrumb.tokens.json +42 -0
  49. package/src/theme/core/component/button-toggle.tokens.json +428 -0
  50. package/src/theme/core/component/button.tokens.json +941 -0
  51. package/src/theme/core/component/calendar.tokens.json +391 -0
  52. package/src/theme/core/component/card.tokens.json +107 -0
  53. package/src/theme/core/component/checkbox.tokens.json +631 -0
  54. package/src/theme/core/component/chip.tokens.json +169 -0
  55. package/src/theme/core/component/combobox.tokens.json +269 -0
  56. package/src/theme/core/component/details.tokens.json +152 -0
  57. package/src/theme/core/component/dialog.tokens.json +87 -0
  58. package/src/theme/core/component/divider.tokens.json +23 -0
  59. package/src/theme/core/component/dnd.tokens.json +208 -0
  60. package/src/theme/core/component/drawer.tokens.json +61 -0
  61. package/src/theme/core/component/drilldown.tokens.json +61 -0
  62. package/src/theme/core/component/edit-card.tokens.json +381 -0
  63. package/src/theme/core/component/field-label.tokens.json +42 -0
  64. package/src/theme/core/component/field-message.tokens.json +74 -0
  65. package/src/theme/core/component/icon.tokens.json +42 -0
  66. package/src/theme/core/component/link.tokens.json +108 -0
  67. package/src/theme/core/component/list-view.tokens.json +82 -0
  68. package/src/theme/core/component/listbox.tokens.json +283 -0
  69. package/src/theme/core/component/menu.tokens.json +230 -0
  70. package/src/theme/core/component/overflow.tokens.json +84 -0
  71. package/src/theme/core/component/page.tokens.json +377 -0
  72. package/src/theme/core/component/pagination.tokens.json +63 -0
  73. package/src/theme/core/component/popover.tokens.json +122 -0
  74. package/src/theme/core/component/progress-bar.tokens.json +133 -0
  75. package/src/theme/core/component/radio.tokens.json +631 -0
  76. package/src/theme/core/component/segmented-control.tokens.json +175 -0
  77. package/src/theme/core/component/select-card.tokens.json +943 -0
  78. package/src/theme/core/component/side-nav.tokens.json +349 -0
  79. package/src/theme/core/component/skeleton.tokens.json +42 -0
  80. package/src/theme/core/component/spinner.tokens.json +96 -0
  81. package/src/theme/core/component/status-icon.tokens.json +164 -0
  82. package/src/theme/core/component/stepper.tokens.json +484 -0
  83. package/src/theme/core/component/switch.tokens.json +285 -0
  84. package/src/theme/core/component/tab.tokens.json +192 -0
  85. package/src/theme/core/component/text-field.tokens.json +160 -0
  86. package/src/theme/core/component/text.tokens.json +59 -0
  87. package/src/theme/core/component/toast.tokens.json +343 -0
  88. package/src/theme/core/component/toolbar.tokens.json +114 -0
  89. package/src/theme/core/component/tooltip.tokens.json +61 -0
  90. package/src/theme/core/focus.tokens.json +56 -0
  91. package/src/theme/core/foreground.tokens.json +416 -0
  92. package/src/theme/core/gradient.tokens.json +41 -0
  93. package/src/theme/core/opacity.tokens.json +25 -0
  94. package/src/theme/core/shadow.tokens.json +81 -0
  95. package/src/theme/core/status.tokens.json +74 -0
  96. package/src/theme/core/typography.tokens.json +163 -0
  97. package/src/utils/__tests__/css-utils-format-utils.test.js +312 -0
  98. package/src/utils/__tests__/sd-build-configs.test.js +306 -0
  99. package/src/utils/__tests__/sd-formats.test.js +950 -0
  100. package/src/utils/__tests__/sd-transforms.test.js +336 -0
  101. package/src/utils/__tests__/token-helpers.test.js +1160 -0
  102. package/src/utils/copy-css-utils-cli.js +13 -1
  103. package/src/utils/css-utils-format-utils.js +105 -176
  104. package/src/utils/figma/__tests__/sync-gradient.test.js +561 -0
  105. package/src/utils/figma/__tests__/token-conversion.test.js +117 -0
  106. package/src/utils/figma/__tests__/token-resolution.test.js +231 -0
  107. package/src/utils/figma/auth.js +355 -0
  108. package/src/utils/figma/constants.js +22 -0
  109. package/src/utils/figma/errors.js +80 -0
  110. package/src/utils/figma/figma-api.js +1069 -0
  111. package/src/utils/figma/get-token.js +348 -0
  112. package/src/utils/figma/sync-components.js +909 -0
  113. package/src/utils/figma/sync-main.js +692 -0
  114. package/src/utils/figma/sync-orchestration.js +683 -0
  115. package/src/utils/figma/sync-primitives.js +230 -0
  116. package/src/utils/figma/sync-semantic.js +1056 -0
  117. package/src/utils/figma/token-conversion.js +340 -0
  118. package/src/utils/figma/token-parsing.js +186 -0
  119. package/src/utils/figma/token-resolution.js +569 -0
  120. package/src/utils/figma/utils.js +199 -0
  121. package/src/utils/sd-build-configs.js +305 -0
  122. package/src/utils/sd-formats.js +965 -0
  123. package/src/utils/sd-transforms.js +165 -0
  124. package/src/utils/token-helpers.js +848 -0
  125. package/tsconfig.json +18 -0
  126. package/vitest.config.js +17 -0
  127. package/.turbo/turbo-build.log +0 -37
  128. package/build/web/core/raw.js +0 -234
  129. package/src/global/primitive/breakpoint.js +0 -19
  130. package/src/global/primitive/color.js +0 -231
  131. package/src/global/primitive/duration.js +0 -16
  132. package/src/global/primitive/font.js +0 -60
  133. package/src/global/primitive/radius.js +0 -31
  134. package/src/global/primitive/size.js +0 -55
  135. package/src/global/primitive/transition.js +0 -16
  136. package/src/theme/core/background.js +0 -170
  137. package/src/theme/core/border.js +0 -103
  138. package/src/theme/core/charts.js +0 -464
  139. package/src/theme/core/component/button.js +0 -708
  140. package/src/theme/core/component/checkbox.js +0 -405
  141. package/src/theme/core/focus.js +0 -35
  142. package/src/theme/core/foreground.js +0 -148
  143. package/src/theme/core/overlay.js +0 -137
  144. package/src/theme/core/shadow.js +0 -29
  145. package/src/theme/core/status.js +0 -49
  146. package/src/theme/core/typography.js +0 -82
  147. package/type/types.ts +0 -344
package/src/theme/core/component/checkbox.tokens.json ADDED
@@ -0,0 +1,631 @@
1
+ {
2
+ "checkbox": {
3
+ "default": {
4
+ "checked": {
5
+ "foreground": {
6
+ "color": {
7
+ "$type": "color",
8
+ "$value": "{foreground.color.default}",
9
+ "$extensions": {
10
+ "appearance": {
11
+ "light": {
12
+ "$type": "color",
13
+ "$value": "{foreground.color.default}"
14
+ },
15
+ "dark": {
16
+ "$type": "color",
17
+ "$value": "{foreground.color.default}"
18
+ }
19
+ },
20
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
21
+ }
22
+ }
23
+ },
24
+ "icon": {
25
+ "background": {
26
+ "color": {
27
+ "$type": "color",
28
+ "$value": "{background.color.transparent.primary}",
29
+ "$extensions": {
30
+ "appearance": {
31
+ "light": {
32
+ "$type": "color",
33
+ "$value": "{background.color.transparent.primary}"
34
+ },
35
+ "dark": {
36
+ "$type": "color",
37
+ "$value": "{background.color.transparent.primary}"
38
+ }
39
+ },
40
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
41
+ }
42
+ },
43
+ "color-hover": {
44
+ "$type": "color",
45
+ "$value": "{background.color.transparent.primary-hover}",
46
+ "$extensions": {
47
+ "appearance": {
48
+ "light": {
49
+ "$type": "color",
50
+ "$value": "{background.color.transparent.primary-hover}"
51
+ },
52
+ "dark": {
53
+ "$type": "color",
54
+ "$value": "{background.color.transparent.primary-hover}"
55
+ }
56
+ },
57
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
58
+ }
59
+ },
60
+ "color-active": {
61
+ "$type": "color",
62
+ "$value": "{background.color.transparent.primary-active}",
63
+ "$extensions": {
64
+ "appearance": {
65
+ "light": {
66
+ "$type": "color",
67
+ "$value": "{background.color.transparent.primary-active}"
68
+ },
69
+ "dark": {
70
+ "$type": "color",
71
+ "$value": "{background.color.transparent.primary-active}"
72
+ }
73
+ },
74
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
75
+ }
76
+ }
77
+ },
78
+ "color": {
79
+ "$type": "color",
80
+ "$value": "{foreground.color.primary}",
81
+ "$extensions": {
82
+ "appearance": {
83
+ "light": {
84
+ "$type": "color",
85
+ "$value": "{foreground.color.primary}"
86
+ },
87
+ "dark": {
88
+ "$type": "color",
89
+ "$value": "{foreground.color.primary}"
90
+ }
91
+ },
92
+ "com.figma.scopes": []
93
+ }
94
+ },
95
+ "color-hover": {
96
+ "$type": "color",
97
+ "$value": "{foreground.color.primary-hover}",
98
+ "$extensions": {
99
+ "appearance": {
100
+ "light": {
101
+ "$type": "color",
102
+ "$value": "{foreground.color.primary-hover}"
103
+ },
104
+ "dark": {
105
+ "$type": "color",
106
+ "$value": "{foreground.color.primary-hover}"
107
+ }
108
+ },
109
+ "com.figma.scopes": []
110
+ }
111
+ },
112
+ "color-active": {
113
+ "$type": "color",
114
+ "$value": "{foreground.color.primary-active}",
115
+ "$extensions": {
116
+ "appearance": {
117
+ "light": {
118
+ "$type": "color",
119
+ "$value": "{foreground.color.primary-active}"
120
+ },
121
+ "dark": {
122
+ "$type": "color",
123
+ "$value": "{foreground.color.primary-active}"
124
+ }
125
+ },
126
+ "com.figma.scopes": []
127
+ }
128
+ },
129
+ "color-disabled": {
130
+ "$type": "color",
131
+ "$value": "{foreground.color.subdued}",
132
+ "$extensions": {
133
+ "appearance": {
134
+ "light": {
135
+ "$type": "color",
136
+ "$value": "{foreground.color.subdued}"
137
+ },
138
+ "dark": {
139
+ "$type": "color",
140
+ "$value": "{foreground.color.subdued}"
141
+ }
142
+ },
143
+ "com.figma.scopes": []
144
+ }
145
+ }
146
+ }
147
+ },
148
+ "unchecked": {
149
+ "foreground": {
150
+ "color": {
151
+ "$type": "color",
152
+ "$value": "{foreground.color.default}",
153
+ "$extensions": {
154
+ "appearance": {
155
+ "light": {
156
+ "$type": "color",
157
+ "$value": "{foreground.color.default}"
158
+ },
159
+ "dark": {
160
+ "$type": "color",
161
+ "$value": "{foreground.color.default}"
162
+ }
163
+ },
164
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
165
+ }
166
+ }
167
+ },
168
+ "icon": {
169
+ "background": {
170
+ "color": {
171
+ "$type": "color",
172
+ "$value": "{background.color.transparent.default}",
173
+ "$extensions": {
174
+ "appearance": {
175
+ "light": {
176
+ "$type": "color",
177
+ "$value": "{background.color.transparent.default}"
178
+ },
179
+ "dark": {
180
+ "$type": "color",
181
+ "$value": "{background.color.transparent.default}"
182
+ }
183
+ },
184
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
185
+ }
186
+ },
187
+ "color-hover": {
188
+ "$type": "color",
189
+ "$value": "{background.color.transparent.default-hover}",
190
+ "$extensions": {
191
+ "appearance": {
192
+ "light": {
193
+ "$type": "color",
194
+ "$value": "{background.color.transparent.default-hover}"
195
+ },
196
+ "dark": {
197
+ "$type": "color",
198
+ "$value": "{background.color.transparent.default-hover}"
199
+ }
200
+ },
201
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
202
+ }
203
+ },
204
+ "color-active": {
205
+ "$type": "color",
206
+ "$value": "{background.color.transparent.default-active}",
207
+ "$extensions": {
208
+ "appearance": {
209
+ "light": {
210
+ "$type": "color",
211
+ "$value": "{background.color.transparent.default-active}"
212
+ },
213
+ "dark": {
214
+ "$type": "color",
215
+ "$value": "{background.color.transparent.default-active}"
216
+ }
217
+ },
218
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
219
+ }
220
+ }
221
+ },
222
+ "color": {
223
+ "$type": "color",
224
+ "$value": "{foreground.color.default}",
225
+ "$extensions": {
226
+ "appearance": {
227
+ "light": {
228
+ "$type": "color",
229
+ "$value": "{foreground.color.default}"
230
+ },
231
+ "dark": {
232
+ "$type": "color",
233
+ "$value": "{foreground.color.default}"
234
+ }
235
+ },
236
+ "com.figma.scopes": []
237
+ }
238
+ },
239
+ "color-hover": {
240
+ "$type": "color",
241
+ "$value": "{foreground.color.default}",
242
+ "$extensions": {
243
+ "appearance": {
244
+ "light": {
245
+ "$type": "color",
246
+ "$value": "{foreground.color.default}"
247
+ },
248
+ "dark": {
249
+ "$type": "color",
250
+ "$value": "{foreground.color.default}"
251
+ }
252
+ },
253
+ "com.figma.scopes": []
254
+ }
255
+ },
256
+ "color-active": {
257
+ "$type": "color",
258
+ "$value": "{foreground.color.default}",
259
+ "$extensions": {
260
+ "appearance": {
261
+ "light": {
262
+ "$type": "color",
263
+ "$value": "{foreground.color.default}"
264
+ },
265
+ "dark": {
266
+ "$type": "color",
267
+ "$value": "{foreground.color.default}"
268
+ }
269
+ },
270
+ "com.figma.scopes": []
271
+ }
272
+ },
273
+ "color-disabled": {
274
+ "$type": "color",
275
+ "$value": "{foreground.color.subdued}",
276
+ "$extensions": {
277
+ "appearance": {
278
+ "light": {
279
+ "$type": "color",
280
+ "$value": "{foreground.color.subdued}"
281
+ },
282
+ "dark": {
283
+ "$type": "color",
284
+ "$value": "{foreground.color.subdued}"
285
+ }
286
+ },
287
+ "com.figma.scopes": []
288
+ }
289
+ }
290
+ }
291
+ },
292
+ "focus-ring": {
293
+ "color": {
294
+ "$type": "color",
295
+ "$value": "{focus.ring.color.default}",
296
+ "$extensions": {
297
+ "appearance": {
298
+ "light": {
299
+ "$type": "color",
300
+ "$value": "{focus.ring.color.default}"
301
+ },
302
+ "dark": {
303
+ "$type": "color",
304
+ "$value": "{focus.ring.color.default}"
305
+ }
306
+ },
307
+ "com.figma.scopes": ["STROKE_COLOR"]
308
+ }
309
+ }
310
+ }
311
+ },
312
+ "error": {
313
+ "checked": {
314
+ "foreground": {
315
+ "color": {
316
+ "$type": "color",
317
+ "$value": "{foreground.color.default}",
318
+ "$extensions": {
319
+ "appearance": {
320
+ "light": {
321
+ "$type": "color",
322
+ "$value": "{foreground.color.default}"
323
+ },
324
+ "dark": {
325
+ "$type": "color",
326
+ "$value": "{foreground.color.default}"
327
+ }
328
+ },
329
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
330
+ }
331
+ }
332
+ },
333
+ "icon": {
334
+ "background": {
335
+ "color": {
336
+ "$type": "color",
337
+ "$value": "{background.color.transparent.danger}",
338
+ "$extensions": {
339
+ "appearance": {
340
+ "light": {
341
+ "$type": "color",
342
+ "$value": "{background.color.transparent.danger}"
343
+ },
344
+ "dark": {
345
+ "$type": "color",
346
+ "$value": "{background.color.transparent.danger}"
347
+ }
348
+ },
349
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
350
+ }
351
+ },
352
+ "color-hover": {
353
+ "$type": "color",
354
+ "$value": "{background.color.transparent.danger-hover}",
355
+ "$extensions": {
356
+ "appearance": {
357
+ "light": {
358
+ "$type": "color",
359
+ "$value": "{background.color.transparent.danger-hover}"
360
+ },
361
+ "dark": {
362
+ "$type": "color",
363
+ "$value": "{background.color.transparent.danger-hover}"
364
+ }
365
+ },
366
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
367
+ }
368
+ },
369
+ "color-active": {
370
+ "$type": "color",
371
+ "$value": "{background.color.transparent.danger-active}",
372
+ "$extensions": {
373
+ "appearance": {
374
+ "light": {
375
+ "$type": "color",
376
+ "$value": "{background.color.transparent.danger-active}"
377
+ },
378
+ "dark": {
379
+ "$type": "color",
380
+ "$value": "{background.color.transparent.danger-active}"
381
+ }
382
+ },
383
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
384
+ }
385
+ }
386
+ },
387
+ "color": {
388
+ "$type": "color",
389
+ "$value": "{foreground.color.danger}",
390
+ "$extensions": {
391
+ "appearance": {
392
+ "light": {
393
+ "$type": "color",
394
+ "$value": "{foreground.color.danger}"
395
+ },
396
+ "dark": {
397
+ "$type": "color",
398
+ "$value": "{foreground.color.danger}"
399
+ }
400
+ },
401
+ "com.figma.scopes": []
402
+ }
403
+ },
404
+ "color-hover": {
405
+ "$type": "color",
406
+ "$value": "{foreground.color.danger-hover}",
407
+ "$extensions": {
408
+ "appearance": {
409
+ "light": {
410
+ "$type": "color",
411
+ "$value": "{foreground.color.danger-hover}"
412
+ },
413
+ "dark": {
414
+ "$type": "color",
415
+ "$value": "{foreground.color.danger-hover}"
416
+ }
417
+ },
418
+ "com.figma.scopes": []
419
+ }
420
+ },
421
+ "color-active": {
422
+ "$type": "color",
423
+ "$value": "{foreground.color.danger-active}",
424
+ "$extensions": {
425
+ "appearance": {
426
+ "light": {
427
+ "$type": "color",
428
+ "$value": "{foreground.color.danger-active}"
429
+ },
430
+ "dark": {
431
+ "$type": "color",
432
+ "$value": "{foreground.color.danger-active}"
433
+ }
434
+ },
435
+ "com.figma.scopes": []
436
+ }
437
+ },
438
+ "color-disabled": {
439
+ "$type": "color",
440
+ "$value": "{foreground.color.subdued}",
441
+ "$extensions": {
442
+ "appearance": {
443
+ "light": {
444
+ "$type": "color",
445
+ "$value": "{foreground.color.subdued}"
446
+ },
447
+ "dark": {
448
+ "$type": "color",
449
+ "$value": "{foreground.color.subdued}"
450
+ }
451
+ },
452
+ "com.figma.scopes": []
453
+ }
454
+ }
455
+ }
456
+ },
457
+ "unchecked": {
458
+ "foreground": {
459
+ "color": {
460
+ "$type": "color",
461
+ "$value": "{foreground.color.default}",
462
+ "$extensions": {
463
+ "appearance": {
464
+ "light": {
465
+ "$type": "color",
466
+ "$value": "{foreground.color.default}"
467
+ },
468
+ "dark": {
469
+ "$type": "color",
470
+ "$value": "{foreground.color.default}"
471
+ }
472
+ },
473
+ "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
474
+ }
475
+ }
476
+ },
477
+ "icon": {
478
+ "background": {
479
+ "color": {
480
+ "$type": "color",
481
+ "$value": "{background.color.transparent.danger}",
482
+ "$extensions": {
483
+ "appearance": {
484
+ "light": {
485
+ "$type": "color",
486
+ "$value": "{background.color.transparent.danger}"
487
+ },
488
+ "dark": {
489
+ "$type": "color",
490
+ "$value": "{background.color.transparent.danger}"
491
+ }
492
+ },
493
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
494
+ }
495
+ },
496
+ "color-hover": {
497
+ "$type": "color",
498
+ "$value": "{background.color.transparent.danger-hover}",
499
+ "$extensions": {
500
+ "appearance": {
501
+ "light": {
502
+ "$type": "color",
503
+ "$value": "{background.color.transparent.danger-hover}"
504
+ },
505
+ "dark": {
506
+ "$type": "color",
507
+ "$value": "{background.color.transparent.danger-hover}"
508
+ }
509
+ },
510
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
511
+ }
512
+ },
513
+ "color-active": {
514
+ "$type": "color",
515
+ "$value": "{background.color.transparent.danger-active}",
516
+ "$extensions": {
517
+ "appearance": {
518
+ "light": {
519
+ "$type": "color",
520
+ "$value": "{background.color.transparent.danger-active}"
521
+ },
522
+ "dark": {
523
+ "$type": "color",
524
+ "$value": "{background.color.transparent.danger-active}"
525
+ }
526
+ },
527
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
528
+ }
529
+ }
530
+ },
531
+ "color": {
532
+ "$type": "color",
533
+ "$value": "{foreground.color.danger}",
534
+ "$extensions": {
535
+ "appearance": {
536
+ "light": {
537
+ "$type": "color",
538
+ "$value": "{foreground.color.danger}"
539
+ },
540
+ "dark": {
541
+ "$type": "color",
542
+ "$value": "{foreground.color.danger}"
543
+ }
544
+ },
545
+ "com.figma.scopes": []
546
+ }
547
+ },
548
+ "color-hover": {
549
+ "$type": "color",
550
+ "$value": "{foreground.color.danger-hover}",
551
+ "$extensions": {
552
+ "appearance": {
553
+ "light": {
554
+ "$type": "color",
555
+ "$value": "{foreground.color.danger-hover}"
556
+ },
557
+ "dark": {
558
+ "$type": "color",
559
+ "$value": "{foreground.color.danger-hover}"
560
+ }
561
+ },
562
+ "com.figma.scopes": []
563
+ }
564
+ },
565
+ "color-active": {
566
+ "$type": "color",
567
+ "$value": "{foreground.color.danger-active}",
568
+ "$extensions": {
569
+ "appearance": {
570
+ "light": {
571
+ "$type": "color",
572
+ "$value": "{foreground.color.danger-active}"
573
+ },
574
+ "dark": {
575
+ "$type": "color",
576
+ "$value": "{foreground.color.danger-active}"
577
+ }
578
+ },
579
+ "com.figma.scopes": []
580
+ }
581
+ },
582
+ "color-disabled": {
583
+ "$type": "color",
584
+ "$value": "{foreground.color.subdued}",
585
+ "$extensions": {
586
+ "appearance": {
587
+ "light": {
588
+ "$type": "color",
589
+ "$value": "{foreground.color.subdued}"
590
+ },
591
+ "dark": {
592
+ "$type": "color",
593
+ "$value": "{foreground.color.subdued}"
594
+ }
595
+ },
596
+ "com.figma.scopes": []
597
+ }
598
+ }
599
+ }
600
+ },
601
+ "focus-ring": {
602
+ "color": {
603
+ "$type": "color",
604
+ "$value": "{focus.ring.color.danger}",
605
+ "$extensions": {
606
+ "appearance": {
607
+ "light": {
608
+ "$type": "color",
609
+ "$value": "{focus.ring.color.danger}"
610
+ },
611
+ "dark": {
612
+ "$type": "color",
613
+ "$value": "{focus.ring.color.danger}"
614
+ }
615
+ },
616
+ "com.figma.scopes": ["STROKE_COLOR"]
617
+ }
618
+ }
619
+ }
620
+ },
621
+ "border": {
622
+ "radius": {
623
+ "$type": "dimension",
624
+ "$value": "{border.radius.small}",
625
+ "$extensions": {
626
+ "com.figma.scopes": ["CORNER_RADIUS"]
627
+ }
628
+ }
629
+ }
630
+ }
631
+ }