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