@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/background.tokens.json ADDED
@@ -0,0 +1,1312 @@
1
+ {
2
+ "background": {
3
+ "color": {
4
+ "default": {
5
+ "$type": "color",
6
+ "$value": "{color.neutral.0}",
7
+ "$extensions": {
8
+ "appearance": {
9
+ "light": {
10
+ "$type": "color",
11
+ "$value": "{color.neutral.0}"
12
+ },
13
+ "dark": {
14
+ "$type": "color",
15
+ "$value": "{color.neutral.900}"
16
+ }
17
+ },
18
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
19
+ }
20
+ },
21
+ "default-hover": {
22
+ "$type": "color",
23
+ "$value": "{color.neutral.20}",
24
+ "$extensions": {
25
+ "appearance": {
26
+ "light": {
27
+ "$type": "color",
28
+ "$value": "{color.neutral.20}"
29
+ },
30
+ "dark": {
31
+ "$type": "color",
32
+ "$value": "{color.neutral.800}"
33
+ }
34
+ },
35
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
36
+ }
37
+ },
38
+ "default-active": {
39
+ "$type": "color",
40
+ "$value": "{color.neutral.40}",
41
+ "$extensions": {
42
+ "appearance": {
43
+ "light": {
44
+ "$type": "color",
45
+ "$value": "{color.neutral.40}"
46
+ },
47
+ "dark": {
48
+ "$type": "color",
49
+ "$value": "{color.neutral.700}"
50
+ }
51
+ },
52
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
53
+ }
54
+ },
55
+ "secondary": {
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.08
75
+ }
76
+ }
77
+ },
78
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
79
+ }
80
+ },
81
+ "secondary-hover": {
82
+ "$type": "color",
83
+ "$value": {
84
+ "color": "{color.neutral.950}",
85
+ "alpha": 0.08
86
+ },
87
+ "$extensions": {
88
+ "appearance": {
89
+ "light": {
90
+ "$type": "color",
91
+ "$value": {
92
+ "color": "{color.neutral.950}",
93
+ "alpha": 0.08
94
+ }
95
+ },
96
+ "dark": {
97
+ "$type": "color",
98
+ "$value": {
99
+ "color": "{color.neutral.0}",
100
+ "alpha": 0.12
101
+ }
102
+ }
103
+ },
104
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
105
+ }
106
+ },
107
+ "secondary-active": {
108
+ "$type": "color",
109
+ "$value": {
110
+ "color": "{color.neutral.950}",
111
+ "alpha": 0.16
112
+ },
113
+ "$extensions": {
114
+ "appearance": {
115
+ "light": {
116
+ "$type": "color",
117
+ "$value": {
118
+ "color": "{color.neutral.950}",
119
+ "alpha": 0.16
120
+ }
121
+ },
122
+ "dark": {
123
+ "$type": "color",
124
+ "$value": {
125
+ "color": "{color.neutral.0}",
126
+ "alpha": 0.16
127
+ }
128
+ }
129
+ },
130
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
131
+ }
132
+ },
133
+ "secondary-strong": {
134
+ "$type": "color",
135
+ "$value": {
136
+ "color": "{color.neutral.950}",
137
+ "alpha": 0.15
138
+ },
139
+ "$extensions": {
140
+ "appearance": {
141
+ "light": {
142
+ "$type": "color",
143
+ "$value": {
144
+ "color": "{color.neutral.950}",
145
+ "alpha": 0.15
146
+ }
147
+ },
148
+ "dark": {
149
+ "$type": "color",
150
+ "$value": {
151
+ "color": "{color.neutral.0}",
152
+ "alpha": 0.55
153
+ }
154
+ }
155
+ },
156
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
157
+ }
158
+ },
159
+ "secondary-strong-hover": {
160
+ "$type": "color",
161
+ "$value": {
162
+ "color": "{color.neutral.950}",
163
+ "alpha": 0.25
164
+ },
165
+ "$extensions": {
166
+ "appearance": {
167
+ "light": {
168
+ "$type": "color",
169
+ "$value": {
170
+ "color": "{color.neutral.950}",
171
+ "alpha": 0.25
172
+ }
173
+ },
174
+ "dark": {
175
+ "$type": "color",
176
+ "$value": {
177
+ "color": "{color.neutral.0}",
178
+ "alpha": 0.65
179
+ }
180
+ }
181
+ },
182
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
183
+ }
184
+ },
185
+ "secondary-strong-active": {
186
+ "$type": "color",
187
+ "$value": {
188
+ "color": "{color.neutral.950}",
189
+ "alpha": 0.3
190
+ },
191
+ "$extensions": {
192
+ "appearance": {
193
+ "light": {
194
+ "$type": "color",
195
+ "$value": {
196
+ "color": "{color.neutral.950}",
197
+ "alpha": 0.3
198
+ }
199
+ },
200
+ "dark": {
201
+ "$type": "color",
202
+ "$value": {
203
+ "color": "{color.neutral.0}",
204
+ "alpha": 0.75
205
+ }
206
+ }
207
+ },
208
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
209
+ }
210
+ },
211
+ "transparent": {
212
+ "default": {
213
+ "$type": "color",
214
+ "$value": "transparent",
215
+ "$extensions": {
216
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
217
+ }
218
+ },
219
+ "default-hover": {
220
+ "$type": "color",
221
+ "$value": {
222
+ "color": "{color.neutral.400}",
223
+ "alpha": 0.08
224
+ },
225
+ "$extensions": {
226
+ "appearance": {
227
+ "light": {
228
+ "$type": "color",
229
+ "$value": {
230
+ "color": "{color.neutral.400}",
231
+ "alpha": 0.08
232
+ }
233
+ },
234
+ "dark": {
235
+ "$type": "color",
236
+ "$value": {
237
+ "color": "{color.neutral.0}",
238
+ "alpha": 0.08
239
+ }
240
+ }
241
+ },
242
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
243
+ }
244
+ },
245
+ "default-active": {
246
+ "$type": "color",
247
+ "$value": {
248
+ "color": "{color.neutral.400}",
249
+ "alpha": 0.16
250
+ },
251
+ "$extensions": {
252
+ "appearance": {
253
+ "light": {
254
+ "$type": "color",
255
+ "$value": {
256
+ "color": "{color.neutral.400}",
257
+ "alpha": 0.16
258
+ }
259
+ },
260
+ "dark": {
261
+ "$type": "color",
262
+ "$value": {
263
+ "color": "{color.neutral.0}",
264
+ "alpha": 0.16
265
+ }
266
+ }
267
+ },
268
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
269
+ }
270
+ },
271
+ "primary": {
272
+ "$type": "color",
273
+ "$value": "transparent",
274
+ "$extensions": {
275
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
276
+ }
277
+ },
278
+ "primary-hover": {
279
+ "$type": "color",
280
+ "$value": {
281
+ "color": "{color.blue.500}",
282
+ "alpha": 0.1
283
+ },
284
+ "$extensions": {
285
+ "appearance": {
286
+ "light": {
287
+ "$type": "color",
288
+ "$value": {
289
+ "color": "{color.blue.500}",
290
+ "alpha": 0.1
291
+ }
292
+ },
293
+ "dark": {
294
+ "$type": "color",
295
+ "$value": {
296
+ "color": "{color.blue.300}",
297
+ "alpha": 0.1
298
+ }
299
+ }
300
+ },
301
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
302
+ }
303
+ },
304
+ "primary-active": {
305
+ "$type": "color",
306
+ "$value": {
307
+ "color": "{color.blue.500}",
308
+ "alpha": 0.3
309
+ },
310
+ "$extensions": {
311
+ "appearance": {
312
+ "light": {
313
+ "$type": "color",
314
+ "$value": {
315
+ "color": "{color.blue.500}",
316
+ "alpha": 0.3
317
+ }
318
+ },
319
+ "dark": {
320
+ "$type": "color",
321
+ "$value": {
322
+ "color": "{color.blue.300}",
323
+ "alpha": 0.25
324
+ }
325
+ }
326
+ },
327
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
328
+ }
329
+ },
330
+ "danger": {
331
+ "$type": "color",
332
+ "$value": "transparent",
333
+ "$extensions": {
334
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
335
+ }
336
+ },
337
+ "danger-hover": {
338
+ "$type": "color",
339
+ "$value": {
340
+ "color": "{color.red.500}",
341
+ "alpha": 0.1
342
+ },
343
+ "$extensions": {
344
+ "appearance": {
345
+ "light": {
346
+ "$type": "color",
347
+ "$value": {
348
+ "color": "{color.red.500}",
349
+ "alpha": 0.1
350
+ }
351
+ },
352
+ "dark": {
353
+ "$type": "color",
354
+ "$value": {
355
+ "color": "{color.red.300}",
356
+ "alpha": 0.1
357
+ }
358
+ }
359
+ },
360
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
361
+ }
362
+ },
363
+ "danger-active": {
364
+ "$type": "color",
365
+ "$value": {
366
+ "color": "{color.red.500}",
367
+ "alpha": 0.3
368
+ },
369
+ "$extensions": {
370
+ "appearance": {
371
+ "light": {
372
+ "$type": "color",
373
+ "$value": {
374
+ "color": "{color.red.500}",
375
+ "alpha": 0.3
376
+ }
377
+ },
378
+ "dark": {
379
+ "$type": "color",
380
+ "$value": {
381
+ "color": "{color.red.300}",
382
+ "alpha": 0.25
383
+ }
384
+ }
385
+ },
386
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
387
+ }
388
+ }
389
+ },
390
+ "strong": {
391
+ "$type": "color",
392
+ "$value": "{color.neutral.20}",
393
+ "$extensions": {
394
+ "appearance": {
395
+ "light": {
396
+ "$type": "color",
397
+ "$value": "{color.neutral.20}"
398
+ },
399
+ "dark": {
400
+ "$type": "color",
401
+ "$value": "{color.neutral.800}"
402
+ }
403
+ },
404
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
405
+ }
406
+ },
407
+ "strong-hover": {
408
+ "$type": "color",
409
+ "$value": "{color.neutral.50}",
410
+ "$extensions": {
411
+ "appearance": {
412
+ "light": {
413
+ "$type": "color",
414
+ "$value": "{color.neutral.50}"
415
+ },
416
+ "dark": {
417
+ "$type": "color",
418
+ "$value": "{color.neutral.700}"
419
+ }
420
+ },
421
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
422
+ }
423
+ },
424
+ "strong-active": {
425
+ "$type": "color",
426
+ "$value": "{color.neutral.70}",
427
+ "$extensions": {
428
+ "appearance": {
429
+ "light": {
430
+ "$type": "color",
431
+ "$value": "{color.neutral.70}"
432
+ },
433
+ "dark": {
434
+ "$type": "color",
435
+ "$value": "{color.neutral.600}"
436
+ }
437
+ },
438
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
439
+ }
440
+ },
441
+ "stronger": {
442
+ "$type": "color",
443
+ "$value": "{color.neutral.50}",
444
+ "$extensions": {
445
+ "appearance": {
446
+ "light": {
447
+ "$type": "color",
448
+ "$value": "{color.neutral.50}"
449
+ },
450
+ "dark": {
451
+ "$type": "color",
452
+ "$value": "{color.neutral.700}"
453
+ }
454
+ },
455
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
456
+ }
457
+ },
458
+ "stronger-hover": {
459
+ "$type": "color",
460
+ "$value": "{color.neutral.90}",
461
+ "$extensions": {
462
+ "appearance": {
463
+ "light": {
464
+ "$type": "color",
465
+ "$value": "{color.neutral.90}"
466
+ },
467
+ "dark": {
468
+ "$type": "color",
469
+ "$value": "{color.neutral.600}"
470
+ }
471
+ },
472
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
473
+ }
474
+ },
475
+ "stronger-active": {
476
+ "$type": "color",
477
+ "$value": "{color.neutral.100}",
478
+ "$extensions": {
479
+ "appearance": {
480
+ "light": {
481
+ "$type": "color",
482
+ "$value": "{color.neutral.100}"
483
+ },
484
+ "dark": {
485
+ "$type": "color",
486
+ "$value": "{color.neutral.500}"
487
+ }
488
+ },
489
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
490
+ }
491
+ },
492
+ "strongest": {
493
+ "$type": "color",
494
+ "$value": "{color.neutral.200}",
495
+ "$extensions": {
496
+ "appearance": {
497
+ "light": {
498
+ "$type": "color",
499
+ "$value": "{color.neutral.200}"
500
+ },
501
+ "dark": {
502
+ "$type": "color",
503
+ "$value": "{color.neutral.500}"
504
+ }
505
+ },
506
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
507
+ }
508
+ },
509
+ "strongest-hover": {
510
+ "$type": "color",
511
+ "$value": "{color.neutral.300}",
512
+ "$extensions": {
513
+ "appearance": {
514
+ "light": {
515
+ "$type": "color",
516
+ "$value": "{color.neutral.300}"
517
+ },
518
+ "dark": {
519
+ "$type": "color",
520
+ "$value": "{color.neutral.400}"
521
+ }
522
+ },
523
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
524
+ }
525
+ },
526
+ "strongest-active": {
527
+ "$type": "color",
528
+ "$value": "{color.neutral.400}",
529
+ "$extensions": {
530
+ "appearance": {
531
+ "light": {
532
+ "$type": "color",
533
+ "$value": "{color.neutral.400}"
534
+ },
535
+ "dark": {
536
+ "$type": "color",
537
+ "$value": "{color.neutral.300}"
538
+ }
539
+ },
540
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
541
+ }
542
+ },
543
+ "primary": {
544
+ "$type": "color",
545
+ "$value": "{status.color.info}",
546
+ "$extensions": {
547
+ "appearance": {
548
+ "light": {
549
+ "$type": "color",
550
+ "$value": "{status.color.info}"
551
+ },
552
+ "dark": {
553
+ "$type": "color",
554
+ "$value": "{status.color.info}"
555
+ }
556
+ },
557
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
558
+ }
559
+ },
560
+ "primary-hover": {
561
+ "$type": "color",
562
+ "$value": "{color.blue.700}",
563
+ "$extensions": {
564
+ "appearance": {
565
+ "light": {
566
+ "$type": "color",
567
+ "$value": "{color.blue.700}"
568
+ },
569
+ "dark": {
570
+ "$type": "color",
571
+ "$value": "{color.blue.200}"
572
+ }
573
+ },
574
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
575
+ }
576
+ },
577
+ "primary-active": {
578
+ "$type": "color",
579
+ "$value": "{color.blue.800}",
580
+ "$extensions": {
581
+ "appearance": {
582
+ "light": {
583
+ "$type": "color",
584
+ "$value": "{color.blue.800}"
585
+ },
586
+ "dark": {
587
+ "$type": "color",
588
+ "$value": "{color.blue.100}"
589
+ }
590
+ },
591
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
592
+ }
593
+ },
594
+ "primary-subdued": {
595
+ "$type": "color",
596
+ "$value": "{color.blue.50}",
597
+ "$extensions": {
598
+ "appearance": {
599
+ "light": {
600
+ "$type": "color",
601
+ "$value": "{color.blue.50}"
602
+ },
603
+ "dark": {
604
+ "$type": "color",
605
+ "$value": {
606
+ "color": "{color.blue.300}",
607
+ "alpha": 0.2
608
+ }
609
+ }
610
+ },
611
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
612
+ }
613
+ },
614
+ "primary-subdued-hover": {
615
+ "$type": "color",
616
+ "$value": "{color.blue.100}",
617
+ "$extensions": {
618
+ "appearance": {
619
+ "light": {
620
+ "$type": "color",
621
+ "$value": "{color.blue.100}"
622
+ },
623
+ "dark": {
624
+ "$type": "color",
625
+ "$value": {
626
+ "color": "{color.blue.300}",
627
+ "alpha": 0.3
628
+ }
629
+ }
630
+ },
631
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
632
+ }
633
+ },
634
+ "primary-subdued-active": {
635
+ "$type": "color",
636
+ "$value": "{color.blue.200}",
637
+ "$extensions": {
638
+ "appearance": {
639
+ "light": {
640
+ "$type": "color",
641
+ "$value": "{color.blue.200}"
642
+ },
643
+ "dark": {
644
+ "$type": "color",
645
+ "$value": {
646
+ "color": "{color.blue.300}",
647
+ "alpha": 0.4
648
+ }
649
+ }
650
+ },
651
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
652
+ }
653
+ },
654
+ "primary-faint": {
655
+ "$type": "color",
656
+ "$value": "{color.blue.10}",
657
+ "$extensions": {
658
+ "appearance": {
659
+ "light": {
660
+ "$type": "color",
661
+ "$value": "{color.blue.10}"
662
+ },
663
+ "dark": {
664
+ "$type": "color",
665
+ "$value": "{color.blue.950}"
666
+ }
667
+ },
668
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
669
+ }
670
+ },
671
+ "primary-faint-hover": {
672
+ "$type": "color",
673
+ "$value": "{color.blue.50}",
674
+ "$extensions": {
675
+ "appearance": {
676
+ "light": {
677
+ "$type": "color",
678
+ "$value": "{color.blue.50}"
679
+ },
680
+ "dark": {
681
+ "$type": "color",
682
+ "$value": "{color.blue.800}"
683
+ }
684
+ },
685
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
686
+ }
687
+ },
688
+ "primary-faint-active": {
689
+ "$type": "color",
690
+ "$value": "{color.blue.100}",
691
+ "$extensions": {
692
+ "appearance": {
693
+ "light": {
694
+ "$type": "color",
695
+ "$value": "{color.blue.100}"
696
+ },
697
+ "dark": {
698
+ "$type": "color",
699
+ "$value": "{color.blue.700}"
700
+ }
701
+ },
702
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
703
+ }
704
+ },
705
+ "success": {
706
+ "$type": "color",
707
+ "$value": "{status.color.success}",
708
+ "$extensions": {
709
+ "appearance": {
710
+ "light": {
711
+ "$type": "color",
712
+ "$value": "{status.color.success}"
713
+ },
714
+ "dark": {
715
+ "$type": "color",
716
+ "$value": "{status.color.success}"
717
+ }
718
+ },
719
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
720
+ }
721
+ },
722
+ "success-hover": {
723
+ "$type": "color",
724
+ "$value": "{color.green.700}",
725
+ "$extensions": {
726
+ "appearance": {
727
+ "light": {
728
+ "$type": "color",
729
+ "$value": "{color.green.700}"
730
+ },
731
+ "dark": {
732
+ "$type": "color",
733
+ "$value": "{color.green.300}"
734
+ }
735
+ },
736
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
737
+ }
738
+ },
739
+ "success-active": {
740
+ "$type": "color",
741
+ "$value": "{color.green.800}",
742
+ "$extensions": {
743
+ "appearance": {
744
+ "light": {
745
+ "$type": "color",
746
+ "$value": "{color.green.800}"
747
+ },
748
+ "dark": {
749
+ "$type": "color",
750
+ "$value": "{color.green.50}"
751
+ }
752
+ },
753
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
754
+ }
755
+ },
756
+ "success-subdued": {
757
+ "$type": "color",
758
+ "$value": "{color.green.50}",
759
+ "$extensions": {
760
+ "appearance": {
761
+ "light": {
762
+ "$type": "color",
763
+ "$value": "{color.green.50}"
764
+ },
765
+ "dark": {
766
+ "$type": "color",
767
+ "$value": {
768
+ "color": "{color.green.300}",
769
+ "alpha": 0.2
770
+ }
771
+ }
772
+ },
773
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
774
+ }
775
+ },
776
+ "success-subdued-hover": {
777
+ "$type": "color",
778
+ "$value": "{color.green.100}",
779
+ "$extensions": {
780
+ "appearance": {
781
+ "light": {
782
+ "$type": "color",
783
+ "$value": "{color.green.100}"
784
+ },
785
+ "dark": {
786
+ "$type": "color",
787
+ "$value": {
788
+ "color": "{color.green.300}",
789
+ "alpha": 0.3
790
+ }
791
+ }
792
+ },
793
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
794
+ }
795
+ },
796
+ "success-subdued-active": {
797
+ "$type": "color",
798
+ "$value": "{color.green.200}",
799
+ "$extensions": {
800
+ "appearance": {
801
+ "light": {
802
+ "$type": "color",
803
+ "$value": "{color.green.200}"
804
+ },
805
+ "dark": {
806
+ "$type": "color",
807
+ "$value": {
808
+ "color": "{color.green.300}",
809
+ "alpha": 0.4
810
+ }
811
+ }
812
+ },
813
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
814
+ }
815
+ },
816
+ "success-faint": {
817
+ "$type": "color",
818
+ "$value": "{color.green.10}",
819
+ "$extensions": {
820
+ "appearance": {
821
+ "light": {
822
+ "$type": "color",
823
+ "$value": "{color.green.10}"
824
+ },
825
+ "dark": {
826
+ "$type": "color",
827
+ "$value": "{color.green.950}"
828
+ }
829
+ },
830
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
831
+ }
832
+ },
833
+ "success-faint-hover": {
834
+ "$type": "color",
835
+ "$value": "{color.green.50}",
836
+ "$extensions": {
837
+ "appearance": {
838
+ "light": {
839
+ "$type": "color",
840
+ "$value": "{color.green.50}"
841
+ },
842
+ "dark": {
843
+ "$type": "color",
844
+ "$value": "{color.green.800}"
845
+ }
846
+ },
847
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
848
+ }
849
+ },
850
+ "success-faint-active": {
851
+ "$type": "color",
852
+ "$value": "{color.green.100}",
853
+ "$extensions": {
854
+ "appearance": {
855
+ "light": {
856
+ "$type": "color",
857
+ "$value": "{color.green.100}"
858
+ },
859
+ "dark": {
860
+ "$type": "color",
861
+ "$value": "{color.green.700}"
862
+ }
863
+ },
864
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
865
+ }
866
+ },
867
+ "danger": {
868
+ "$type": "color",
869
+ "$value": "{status.color.danger}",
870
+ "$extensions": {
871
+ "appearance": {
872
+ "light": {
873
+ "$type": "color",
874
+ "$value": "{status.color.danger}"
875
+ },
876
+ "dark": {
877
+ "$type": "color",
878
+ "$value": "{status.color.danger}"
879
+ }
880
+ },
881
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
882
+ }
883
+ },
884
+ "danger-hover": {
885
+ "$type": "color",
886
+ "$value": "{color.red.700}",
887
+ "$extensions": {
888
+ "appearance": {
889
+ "light": {
890
+ "$type": "color",
891
+ "$value": "{color.red.700}"
892
+ },
893
+ "dark": {
894
+ "$type": "color",
895
+ "$value": "{color.red.300}"
896
+ }
897
+ },
898
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
899
+ }
900
+ },
901
+ "danger-active": {
902
+ "$type": "color",
903
+ "$value": "{color.red.800}",
904
+ "$extensions": {
905
+ "appearance": {
906
+ "light": {
907
+ "$type": "color",
908
+ "$value": "{color.red.800}"
909
+ },
910
+ "dark": {
911
+ "$type": "color",
912
+ "$value": "{color.red.200}"
913
+ }
914
+ },
915
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
916
+ }
917
+ },
918
+ "danger-subdued": {
919
+ "$type": "color",
920
+ "$value": "{color.red.50}",
921
+ "$extensions": {
922
+ "appearance": {
923
+ "light": {
924
+ "$type": "color",
925
+ "$value": "{color.red.50}"
926
+ },
927
+ "dark": {
928
+ "$type": "color",
929
+ "$value": {
930
+ "color": "{color.red.300}",
931
+ "alpha": 0.2
932
+ }
933
+ }
934
+ },
935
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
936
+ }
937
+ },
938
+ "danger-subdued-hover": {
939
+ "$type": "color",
940
+ "$value": "{color.red.100}",
941
+ "$extensions": {
942
+ "appearance": {
943
+ "light": {
944
+ "$type": "color",
945
+ "$value": "{color.red.100}"
946
+ },
947
+ "dark": {
948
+ "$type": "color",
949
+ "$value": {
950
+ "color": "{color.red.300}",
951
+ "alpha": 0.3
952
+ }
953
+ }
954
+ },
955
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
956
+ }
957
+ },
958
+ "danger-subdued-active": {
959
+ "$type": "color",
960
+ "$value": "{color.red.200}",
961
+ "$extensions": {
962
+ "appearance": {
963
+ "light": {
964
+ "$type": "color",
965
+ "$value": "{color.red.200}"
966
+ },
967
+ "dark": {
968
+ "$type": "color",
969
+ "$value": {
970
+ "color": "{color.red.300}",
971
+ "alpha": 0.4
972
+ }
973
+ }
974
+ },
975
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
976
+ }
977
+ },
978
+ "danger-faint": {
979
+ "$type": "color",
980
+ "$value": "{color.red.10}",
981
+ "$extensions": {
982
+ "appearance": {
983
+ "light": {
984
+ "$type": "color",
985
+ "$value": "{color.red.10}"
986
+ },
987
+ "dark": {
988
+ "$type": "color",
989
+ "$value": "{color.red.950}"
990
+ }
991
+ },
992
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
993
+ }
994
+ },
995
+ "danger-faint-hover": {
996
+ "$type": "color",
997
+ "$value": "{color.red.50}",
998
+ "$extensions": {
999
+ "appearance": {
1000
+ "light": {
1001
+ "$type": "color",
1002
+ "$value": "{color.red.50}"
1003
+ },
1004
+ "dark": {
1005
+ "$type": "color",
1006
+ "$value": "{color.red.800}"
1007
+ }
1008
+ },
1009
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1010
+ }
1011
+ },
1012
+ "danger-faint-active": {
1013
+ "$type": "color",
1014
+ "$value": "{color.red.100}",
1015
+ "$extensions": {
1016
+ "appearance": {
1017
+ "light": {
1018
+ "$type": "color",
1019
+ "$value": "{color.red.100}"
1020
+ },
1021
+ "dark": {
1022
+ "$type": "color",
1023
+ "$value": "{color.red.700}"
1024
+ }
1025
+ },
1026
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1027
+ }
1028
+ },
1029
+ "warning": {
1030
+ "$type": "color",
1031
+ "$value": "{status.color.warning}",
1032
+ "$extensions": {
1033
+ "appearance": {
1034
+ "light": {
1035
+ "$type": "color",
1036
+ "$value": "{status.color.warning}"
1037
+ },
1038
+ "dark": {
1039
+ "$type": "color",
1040
+ "$value": "{status.color.warning}"
1041
+ }
1042
+ },
1043
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1044
+ }
1045
+ },
1046
+ "warning-hover": {
1047
+ "$type": "color",
1048
+ "$value": "{color.yellow.600}",
1049
+ "$extensions": {
1050
+ "appearance": {
1051
+ "light": {
1052
+ "$type": "color",
1053
+ "$value": "{color.yellow.600}"
1054
+ },
1055
+ "dark": {
1056
+ "$type": "color",
1057
+ "$value": "{color.yellow.100}"
1058
+ }
1059
+ },
1060
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1061
+ }
1062
+ },
1063
+ "warning-active": {
1064
+ "$type": "color",
1065
+ "$value": "{color.yellow.600}",
1066
+ "$extensions": {
1067
+ "appearance": {
1068
+ "light": {
1069
+ "$type": "color",
1070
+ "$value": "{color.yellow.600}"
1071
+ },
1072
+ "dark": {
1073
+ "$type": "color",
1074
+ "$value": "{color.yellow.100}"
1075
+ }
1076
+ },
1077
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1078
+ }
1079
+ },
1080
+ "warning-subdued": {
1081
+ "$type": "color",
1082
+ "$value": "{color.yellow.100}",
1083
+ "$extensions": {
1084
+ "appearance": {
1085
+ "light": {
1086
+ "$type": "color",
1087
+ "$value": "{color.yellow.100}"
1088
+ },
1089
+ "dark": {
1090
+ "$type": "color",
1091
+ "$value": {
1092
+ "color": "{color.yellow.400}",
1093
+ "alpha": 0.2
1094
+ }
1095
+ }
1096
+ },
1097
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1098
+ }
1099
+ },
1100
+ "warning-subdued-hover": {
1101
+ "$type": "color",
1102
+ "$value": "{color.yellow.200}",
1103
+ "$extensions": {
1104
+ "appearance": {
1105
+ "light": {
1106
+ "$type": "color",
1107
+ "$value": "{color.yellow.200}"
1108
+ },
1109
+ "dark": {
1110
+ "$type": "color",
1111
+ "$value": {
1112
+ "color": "{color.yellow.400}",
1113
+ "alpha": 0.3
1114
+ }
1115
+ }
1116
+ },
1117
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1118
+ }
1119
+ },
1120
+ "warning-subdued-active": {
1121
+ "$type": "color",
1122
+ "$value": "{color.yellow.300}",
1123
+ "$extensions": {
1124
+ "appearance": {
1125
+ "light": {
1126
+ "$type": "color",
1127
+ "$value": "{color.yellow.300}"
1128
+ },
1129
+ "dark": {
1130
+ "$type": "color",
1131
+ "$value": {
1132
+ "color": "{color.yellow.400}",
1133
+ "alpha": 0.4
1134
+ }
1135
+ }
1136
+ },
1137
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1138
+ }
1139
+ },
1140
+ "warning-faint": {
1141
+ "$type": "color",
1142
+ "$value": "{color.yellow.10}",
1143
+ "$extensions": {
1144
+ "appearance": {
1145
+ "light": {
1146
+ "$type": "color",
1147
+ "$value": "{color.yellow.10}"
1148
+ },
1149
+ "dark": {
1150
+ "$type": "color",
1151
+ "$value": "{color.yellow.950}"
1152
+ }
1153
+ },
1154
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1155
+ }
1156
+ },
1157
+ "warning-faint-hover": {
1158
+ "$type": "color",
1159
+ "$value": "{color.yellow.50}",
1160
+ "$extensions": {
1161
+ "appearance": {
1162
+ "light": {
1163
+ "$type": "color",
1164
+ "$value": "{color.yellow.50}"
1165
+ },
1166
+ "dark": {
1167
+ "$type": "color",
1168
+ "$value": "{color.yellow.800}"
1169
+ }
1170
+ },
1171
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1172
+ }
1173
+ },
1174
+ "warning-faint-active": {
1175
+ "$type": "color",
1176
+ "$value": "{color.yellow.100}",
1177
+ "$extensions": {
1178
+ "appearance": {
1179
+ "light": {
1180
+ "$type": "color",
1181
+ "$value": "{color.yellow.100}"
1182
+ },
1183
+ "dark": {
1184
+ "$type": "color",
1185
+ "$value": "{color.yellow.700}"
1186
+ }
1187
+ },
1188
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1189
+ }
1190
+ },
1191
+ "disabled": {
1192
+ "$type": "color",
1193
+ "$value": "{color.neutral.600}",
1194
+ "$extensions": {
1195
+ "appearance": {
1196
+ "light": {
1197
+ "$type": "color",
1198
+ "$value": "{color.neutral.600}"
1199
+ },
1200
+ "dark": {
1201
+ "$type": "color",
1202
+ "$value": "{color.neutral.500}"
1203
+ }
1204
+ },
1205
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1206
+ }
1207
+ },
1208
+ "inverted": {
1209
+ "$type": "color",
1210
+ "$value": "{color.neutral.800}",
1211
+ "$extensions": {
1212
+ "appearance": {
1213
+ "light": {
1214
+ "$type": "color",
1215
+ "$value": "{color.neutral.800}"
1216
+ },
1217
+ "dark": {
1218
+ "$type": "color",
1219
+ "$value": "{color.neutral.20}"
1220
+ }
1221
+ },
1222
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1223
+ }
1224
+ },
1225
+ "inverted-hover": {
1226
+ "$type": "color",
1227
+ "$value": "{color.neutral.800}",
1228
+ "$extensions": {
1229
+ "appearance": {
1230
+ "light": {
1231
+ "$type": "color",
1232
+ "$value": "{color.neutral.800}"
1233
+ },
1234
+ "dark": {
1235
+ "$type": "color",
1236
+ "$value": "{color.neutral.20}"
1237
+ }
1238
+ },
1239
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1240
+ }
1241
+ },
1242
+ "inverted-active": {
1243
+ "$type": "color",
1244
+ "$value": "{color.neutral.800}",
1245
+ "$extensions": {
1246
+ "appearance": {
1247
+ "light": {
1248
+ "$type": "color",
1249
+ "$value": "{color.neutral.800}"
1250
+ },
1251
+ "dark": {
1252
+ "$type": "color",
1253
+ "$value": "{color.neutral.20}"
1254
+ }
1255
+ },
1256
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1257
+ }
1258
+ },
1259
+ "inverted-strong": {
1260
+ "$type": "color",
1261
+ "$value": "{color.neutral.900}",
1262
+ "$extensions": {
1263
+ "appearance": {
1264
+ "light": {
1265
+ "$type": "color",
1266
+ "$value": "{color.neutral.900}"
1267
+ },
1268
+ "dark": {
1269
+ "$type": "color",
1270
+ "$value": "{color.neutral.0}"
1271
+ }
1272
+ },
1273
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1274
+ }
1275
+ },
1276
+ "inverted-strong-hover": {
1277
+ "$type": "color",
1278
+ "$value": "{color.neutral.900}",
1279
+ "$extensions": {
1280
+ "appearance": {
1281
+ "light": {
1282
+ "$type": "color",
1283
+ "$value": "{color.neutral.900}"
1284
+ },
1285
+ "dark": {
1286
+ "$type": "color",
1287
+ "$value": "{color.neutral.0}"
1288
+ }
1289
+ },
1290
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1291
+ }
1292
+ },
1293
+ "inverted-strong-active": {
1294
+ "$type": "color",
1295
+ "$value": "{color.neutral.900}",
1296
+ "$extensions": {
1297
+ "appearance": {
1298
+ "light": {
1299
+ "$type": "color",
1300
+ "$value": "{color.neutral.900}"
1301
+ },
1302
+ "dark": {
1303
+ "$type": "color",
1304
+ "$value": "{color.neutral.0}"
1305
+ }
1306
+ },
1307
+ "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
1308
+ }
1309
+ }
1310
+ }
1311
+ }
1312
+ }