@devexpress/design-tokens-internal 261.0.2 → 261.0.4

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 (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
@@ -0,0 +1,3068 @@
1
+ {
2
+ "button": {
3
+ "color": {
4
+ "outline": {
5
+ "secondary": {
6
+ "border": {
7
+ "disabled": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "STROKE_COLOR"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.border.neutral.default.disabled}"
15
+ },
16
+ "hovered": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "STROKE_COLOR"
20
+ ]
21
+ },
22
+ "$type": "color",
23
+ "$value": "{color.border.neutral.default.hovered}"
24
+ },
25
+ "active": {
26
+ "$extensions": {
27
+ "com.figma.scopes": [
28
+ "STROKE_COLOR"
29
+ ]
30
+ },
31
+ "$type": "color",
32
+ "$value": "{color.border.neutral.default.active}"
33
+ },
34
+ "rest": {
35
+ "$extensions": {
36
+ "com.figma.scopes": [
37
+ "STROKE_COLOR"
38
+ ]
39
+ },
40
+ "$type": "color",
41
+ "$value": "{color.border.neutral.default.rest}"
42
+ }
43
+ },
44
+ "bg": {
45
+ "hovered": {
46
+ "$extensions": {
47
+ "com.figma.scopes": [
48
+ "FRAME_FILL"
49
+ ]
50
+ },
51
+ "$type": "color",
52
+ "$value": "{color.surface.neutral.default.hovered}"
53
+ },
54
+ "active": {
55
+ "$extensions": {
56
+ "com.figma.scopes": [
57
+ "FRAME_FILL"
58
+ ]
59
+ },
60
+ "$type": "color",
61
+ "$value": "{color.surface.neutral.default.active}"
62
+ },
63
+ "rest": {
64
+ "$extensions": {
65
+ "com.figma.scopes": [
66
+ "FRAME_FILL"
67
+ ]
68
+ },
69
+ "$type": "color",
70
+ "$value": "{color.surface.transparent.rest}"
71
+ },
72
+ "selected": {
73
+ "$extensions": {
74
+ "com.figma.scopes": [
75
+ "FRAME_FILL"
76
+ ]
77
+ },
78
+ "$type": "color",
79
+ "$value": "{color.surface.neutral.default.selected}"
80
+ }
81
+ },
82
+ "content": {
83
+ "disabled": {
84
+ "$extensions": {
85
+ "com.figma.scopes": [
86
+ "SHAPE_FILL",
87
+ "TEXT_FILL"
88
+ ]
89
+ },
90
+ "$type": "color",
91
+ "$value": "{color.content.neutral.default.disabled}"
92
+ },
93
+ "rest": {
94
+ "$extensions": {
95
+ "com.figma.scopes": [
96
+ "SHAPE_FILL",
97
+ "TEXT_FILL"
98
+ ]
99
+ },
100
+ "$type": "color",
101
+ "$value": "{color.content.neutral.default.rest}"
102
+ }
103
+ }
104
+ },
105
+ "primary": {
106
+ "content": {
107
+ "hovered": {
108
+ "$extensions": {
109
+ "com.figma.scopes": [
110
+ "SHAPE_FILL",
111
+ "TEXT_FILL"
112
+ ]
113
+ },
114
+ "$type": "color",
115
+ "$value": "{color.content.primary.default.hovered}"
116
+ },
117
+ "selected": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "SHAPE_FILL",
121
+ "TEXT_FILL"
122
+ ]
123
+ },
124
+ "$type": "color",
125
+ "$value": "{color.content.primary.default.rest}"
126
+ },
127
+ "active": {
128
+ "$extensions": {
129
+ "com.figma.scopes": [
130
+ "SHAPE_FILL",
131
+ "TEXT_FILL"
132
+ ]
133
+ },
134
+ "$type": "color",
135
+ "$value": "{color.content.primary.default.active}"
136
+ },
137
+ "disabled": {
138
+ "$extensions": {
139
+ "com.figma.scopes": [
140
+ "SHAPE_FILL",
141
+ "TEXT_FILL"
142
+ ]
143
+ },
144
+ "$type": "color",
145
+ "$value": "{color.content.neutral.default.disabled}"
146
+ },
147
+ "rest": {
148
+ "$extensions": {
149
+ "com.figma.scopes": [
150
+ "SHAPE_FILL",
151
+ "TEXT_FILL"
152
+ ]
153
+ },
154
+ "$type": "color",
155
+ "$value": "{color.content.neutral.default.rest}"
156
+ }
157
+ },
158
+ "border": {
159
+ "disabled": {
160
+ "$extensions": {
161
+ "com.figma.scopes": [
162
+ "STROKE_COLOR"
163
+ ]
164
+ },
165
+ "$type": "color",
166
+ "$value": "{color.border.neutral.default.disabled}"
167
+ },
168
+ "hovered": {
169
+ "$extensions": {
170
+ "com.figma.scopes": [
171
+ "STROKE_COLOR"
172
+ ]
173
+ },
174
+ "$type": "color",
175
+ "$value": "{color.border.neutral.default.hovered}"
176
+ },
177
+ "active": {
178
+ "$extensions": {
179
+ "com.figma.scopes": [
180
+ "STROKE_COLOR"
181
+ ]
182
+ },
183
+ "$type": "color",
184
+ "$value": "{color.border.neutral.default.active}"
185
+ },
186
+ "rest": {
187
+ "$extensions": {
188
+ "com.figma.scopes": [
189
+ "STROKE_COLOR"
190
+ ]
191
+ },
192
+ "$type": "color",
193
+ "$value": "{color.border.neutral.default.rest}"
194
+ }
195
+ },
196
+ "bg": {
197
+ "active": {
198
+ "$extensions": {
199
+ "com.figma.scopes": [
200
+ "FRAME_FILL"
201
+ ]
202
+ },
203
+ "$type": "color",
204
+ "$value": "{color.surface.neutral.default.active}"
205
+ },
206
+ "selected": {
207
+ "$extensions": {
208
+ "com.figma.scopes": [
209
+ "FRAME_FILL"
210
+ ]
211
+ },
212
+ "$type": "color",
213
+ "$value": "{color.surface.neutral.default.selected}"
214
+ },
215
+ "hovered": {
216
+ "$extensions": {
217
+ "com.figma.scopes": [
218
+ "FRAME_FILL"
219
+ ]
220
+ },
221
+ "$type": "color",
222
+ "$value": "{color.surface.neutral.default.hovered}"
223
+ },
224
+ "rest": {
225
+ "$extensions": {
226
+ "com.figma.scopes": [
227
+ "FRAME_FILL"
228
+ ]
229
+ },
230
+ "$type": "color",
231
+ "$value": "{color.surface.transparent.rest}"
232
+ }
233
+ }
234
+ },
235
+ "danger": {
236
+ "border": {
237
+ "disabled": {
238
+ "$extensions": {
239
+ "com.figma.scopes": [
240
+ "STROKE_COLOR"
241
+ ]
242
+ },
243
+ "$type": "color",
244
+ "$value": "{color.border.neutral.default.disabled}"
245
+ },
246
+ "active": {
247
+ "$extensions": {
248
+ "com.figma.scopes": [
249
+ "STROKE_COLOR"
250
+ ]
251
+ },
252
+ "$type": "color",
253
+ "$value": "{color.border.neutral.default.active}"
254
+ },
255
+ "rest": {
256
+ "$extensions": {
257
+ "com.figma.scopes": [
258
+ "STROKE_COLOR"
259
+ ]
260
+ },
261
+ "$type": "color",
262
+ "$value": "{color.border.neutral.default.rest}"
263
+ },
264
+ "hovered": {
265
+ "$extensions": {
266
+ "com.figma.scopes": [
267
+ "STROKE_COLOR"
268
+ ]
269
+ },
270
+ "$type": "color",
271
+ "$value": "{color.border.neutral.default.hovered}"
272
+ }
273
+ },
274
+ "bg": {
275
+ "selected": {
276
+ "$extensions": {
277
+ "com.figma.scopes": [
278
+ "FRAME_FILL"
279
+ ]
280
+ },
281
+ "$type": "color",
282
+ "$value": "{color.surface.neutral.default.selected}"
283
+ },
284
+ "active": {
285
+ "$extensions": {
286
+ "com.figma.scopes": [
287
+ "FRAME_FILL"
288
+ ]
289
+ },
290
+ "$type": "color",
291
+ "$value": "{color.surface.neutral.default.active}"
292
+ },
293
+ "rest": {
294
+ "$extensions": {
295
+ "com.figma.scopes": [
296
+ "FRAME_FILL"
297
+ ]
298
+ },
299
+ "$type": "color",
300
+ "$value": "{color.surface.transparent.rest}"
301
+ },
302
+ "hovered": {
303
+ "$extensions": {
304
+ "com.figma.scopes": [
305
+ "FRAME_FILL"
306
+ ]
307
+ },
308
+ "$type": "color",
309
+ "$value": "{color.surface.neutral.default.hovered}"
310
+ }
311
+ },
312
+ "content": {
313
+ "hovered": {
314
+ "$extensions": {
315
+ "com.figma.scopes": [
316
+ "SHAPE_FILL",
317
+ "TEXT_FILL"
318
+ ]
319
+ },
320
+ "$type": "color",
321
+ "$value": "{color.content.danger.default.hovered}"
322
+ },
323
+ "active": {
324
+ "$extensions": {
325
+ "com.figma.scopes": [
326
+ "SHAPE_FILL",
327
+ "TEXT_FILL"
328
+ ]
329
+ },
330
+ "$type": "color",
331
+ "$value": "{color.content.danger.default.active}"
332
+ },
333
+ "rest": {
334
+ "$extensions": {
335
+ "com.figma.scopes": [
336
+ "SHAPE_FILL",
337
+ "TEXT_FILL"
338
+ ]
339
+ },
340
+ "$type": "color",
341
+ "$value": "{color.content.neutral.default.rest}"
342
+ },
343
+ "disabled": {
344
+ "$extensions": {
345
+ "com.figma.scopes": [
346
+ "SHAPE_FILL",
347
+ "TEXT_FILL"
348
+ ]
349
+ },
350
+ "$type": "color",
351
+ "$value": "{color.content.neutral.default.disabled}"
352
+ },
353
+ "selected": {
354
+ "$extensions": {
355
+ "com.figma.scopes": [
356
+ "SHAPE_FILL",
357
+ "TEXT_FILL"
358
+ ]
359
+ },
360
+ "$type": "color",
361
+ "$value": "{color.content.danger.default.rest}"
362
+ }
363
+ }
364
+ },
365
+ "dark": {
366
+ "content": {
367
+ "rest": {
368
+ "$extensions": {
369
+ "com.figma.scopes": [
370
+ "SHAPE_FILL",
371
+ "TEXT_FILL"
372
+ ]
373
+ },
374
+ "$type": "color",
375
+ "$value": "{color.content.neutral.default.static-light.rest}"
376
+ },
377
+ "opacity": {
378
+ "disabled": {
379
+ "$extensions": {
380
+ "com.figma.scopes": [
381
+ "OPACITY"
382
+ ]
383
+ },
384
+ "$type": "number",
385
+ "$value": "{opacity.35}"
386
+ }
387
+ }
388
+ },
389
+ "bg": {
390
+ "rest": {
391
+ "$extensions": {
392
+ "com.figma.scopes": [
393
+ "FRAME_FILL",
394
+ "SHAPE_FILL"
395
+ ]
396
+ },
397
+ "$type": "color",
398
+ "$value": "{color.surface.transparent.rest}"
399
+ },
400
+ "active": {
401
+ "$extensions": {
402
+ "com.figma.scopes": [
403
+ "FRAME_FILL",
404
+ "SHAPE_FILL"
405
+ ]
406
+ },
407
+ "$type": "color",
408
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
409
+ },
410
+ "selected": {
411
+ "$extensions": {
412
+ "com.figma.scopes": [
413
+ "FRAME_FILL",
414
+ "SHAPE_FILL"
415
+ ]
416
+ },
417
+ "$type": "color",
418
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
419
+ },
420
+ "hovered": {
421
+ "$extensions": {
422
+ "com.figma.scopes": [
423
+ "FRAME_FILL",
424
+ "SHAPE_FILL"
425
+ ]
426
+ },
427
+ "$type": "color",
428
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
429
+ },
430
+ "opacity": {
431
+ "selected": {
432
+ "$extensions": {
433
+ "com.figma.scopes": [
434
+ "OPACITY"
435
+ ]
436
+ },
437
+ "$type": "number",
438
+ "$value": "{opacity.10}"
439
+ },
440
+ "hovered": {
441
+ "$extensions": {
442
+ "com.figma.scopes": [
443
+ "OPACITY"
444
+ ]
445
+ },
446
+ "$type": "number",
447
+ "$value": "{opacity.5}"
448
+ },
449
+ "active": {
450
+ "$extensions": {
451
+ "com.figma.scopes": [
452
+ "OPACITY"
453
+ ]
454
+ },
455
+ "$type": "number",
456
+ "$value": "{opacity.15}"
457
+ }
458
+ }
459
+ },
460
+ "border": {
461
+ "rest": {
462
+ "$extensions": {
463
+ "com.figma.scopes": [
464
+ "SHAPE_FILL",
465
+ "STROKE_COLOR"
466
+ ]
467
+ },
468
+ "$type": "color",
469
+ "$value": "{color.content.neutral.default.static-light.rest}"
470
+ },
471
+ "opacity": {
472
+ "disabled": {
473
+ "$extensions": {
474
+ "com.figma.scopes": [
475
+ "OPACITY"
476
+ ]
477
+ },
478
+ "$type": "number",
479
+ "$value": "{opacity.15}"
480
+ },
481
+ "selected": {
482
+ "$extensions": {
483
+ "com.figma.scopes": [
484
+ "OPACITY"
485
+ ]
486
+ },
487
+ "$type": "number",
488
+ "$value": "{opacity.10}"
489
+ },
490
+ "rest": {
491
+ "$extensions": {
492
+ "com.figma.scopes": [
493
+ "OPACITY"
494
+ ]
495
+ },
496
+ "$type": "number",
497
+ "$value": "{opacity.20}"
498
+ },
499
+ "active": {
500
+ "$extensions": {
501
+ "com.figma.scopes": [
502
+ "OPACITY"
503
+ ]
504
+ },
505
+ "$type": "number",
506
+ "$value": "{opacity.15}"
507
+ }
508
+ }
509
+ }
510
+ },
511
+ "success": {
512
+ "border": {
513
+ "disabled": {
514
+ "$extensions": {
515
+ "com.figma.scopes": [
516
+ "STROKE_COLOR"
517
+ ]
518
+ },
519
+ "$type": "color",
520
+ "$value": "{color.border.neutral.default.disabled}"
521
+ },
522
+ "hovered": {
523
+ "$extensions": {
524
+ "com.figma.scopes": [
525
+ "STROKE_COLOR"
526
+ ]
527
+ },
528
+ "$type": "color",
529
+ "$value": "{color.border.neutral.default.hovered}"
530
+ },
531
+ "rest": {
532
+ "$extensions": {
533
+ "com.figma.scopes": [
534
+ "STROKE_COLOR"
535
+ ]
536
+ },
537
+ "$type": "color",
538
+ "$value": "{color.border.neutral.default.rest}"
539
+ },
540
+ "active": {
541
+ "$extensions": {
542
+ "com.figma.scopes": [
543
+ "STROKE_COLOR"
544
+ ]
545
+ },
546
+ "$type": "color",
547
+ "$value": "{color.border.neutral.default.active}"
548
+ }
549
+ },
550
+ "content": {
551
+ "disabled": {
552
+ "$extensions": {
553
+ "com.figma.scopes": [
554
+ "SHAPE_FILL",
555
+ "TEXT_FILL"
556
+ ]
557
+ },
558
+ "$type": "color",
559
+ "$value": "{color.content.neutral.default.disabled}"
560
+ },
561
+ "hovered": {
562
+ "$extensions": {
563
+ "com.figma.scopes": [
564
+ "SHAPE_FILL",
565
+ "TEXT_FILL"
566
+ ]
567
+ },
568
+ "$type": "color",
569
+ "$value": "{color.content.success.default.hovered}"
570
+ },
571
+ "selected": {
572
+ "$extensions": {
573
+ "com.figma.scopes": [
574
+ "SHAPE_FILL",
575
+ "TEXT_FILL"
576
+ ]
577
+ },
578
+ "$type": "color",
579
+ "$value": "{color.content.success.default.rest}"
580
+ },
581
+ "active": {
582
+ "$extensions": {
583
+ "com.figma.scopes": [
584
+ "SHAPE_FILL",
585
+ "TEXT_FILL"
586
+ ]
587
+ },
588
+ "$type": "color",
589
+ "$value": "{color.content.success.default.active}"
590
+ },
591
+ "rest": {
592
+ "$extensions": {
593
+ "com.figma.scopes": [
594
+ "SHAPE_FILL",
595
+ "TEXT_FILL"
596
+ ]
597
+ },
598
+ "$type": "color",
599
+ "$value": "{color.content.neutral.default.rest}"
600
+ }
601
+ },
602
+ "bg": {
603
+ "selected": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "FRAME_FILL"
607
+ ]
608
+ },
609
+ "$type": "color",
610
+ "$value": "{color.surface.neutral.default.selected}"
611
+ },
612
+ "hovered": {
613
+ "$extensions": {
614
+ "com.figma.scopes": [
615
+ "FRAME_FILL"
616
+ ]
617
+ },
618
+ "$type": "color",
619
+ "$value": "{color.surface.neutral.default.hovered}"
620
+ },
621
+ "rest": {
622
+ "$extensions": {
623
+ "com.figma.scopes": [
624
+ "FRAME_FILL"
625
+ ]
626
+ },
627
+ "$type": "color",
628
+ "$value": "{color.surface.transparent.rest}"
629
+ },
630
+ "active": {
631
+ "$extensions": {
632
+ "com.figma.scopes": [
633
+ "FRAME_FILL"
634
+ ]
635
+ },
636
+ "$type": "color",
637
+ "$value": "{color.surface.neutral.default.active}"
638
+ }
639
+ }
640
+ },
641
+ "inverted": {
642
+ "bg": {
643
+ "hovered": {
644
+ "$extensions": {
645
+ "com.figma.scopes": [
646
+ "FRAME_FILL"
647
+ ]
648
+ },
649
+ "$type": "color",
650
+ "$value": "{color.surface.neutral.default.inverted.hovered}"
651
+ },
652
+ "rest": {
653
+ "$extensions": {
654
+ "com.figma.scopes": [
655
+ "FRAME_FILL"
656
+ ]
657
+ },
658
+ "$type": "color",
659
+ "$value": "{color.surface.transparent.rest}"
660
+ },
661
+ "active": {
662
+ "$extensions": {
663
+ "com.figma.scopes": [
664
+ "FRAME_FILL"
665
+ ]
666
+ },
667
+ "$type": "color",
668
+ "$value": "{color.surface.neutral.default.inverted.active}"
669
+ },
670
+ "selected": {
671
+ "$extensions": {
672
+ "com.figma.scopes": [
673
+ "FRAME_FILL"
674
+ ]
675
+ },
676
+ "$type": "color",
677
+ "$value": "{color.surface.neutral.default.inverted.selected}"
678
+ }
679
+ },
680
+ "content": {
681
+ "rest": {
682
+ "$extensions": {
683
+ "com.figma.scopes": [
684
+ "SHAPE_FILL",
685
+ "TEXT_FILL"
686
+ ]
687
+ },
688
+ "$type": "color",
689
+ "$value": "{color.content.neutral.default.inverted.rest}"
690
+ },
691
+ "disabled": {
692
+ "$extensions": {
693
+ "com.figma.scopes": [
694
+ "SHAPE_FILL",
695
+ "TEXT_FILL"
696
+ ]
697
+ },
698
+ "$type": "color",
699
+ "$value": "{color.content.neutral.default.inverted.disabled}"
700
+ }
701
+ },
702
+ "border": {
703
+ "rest": {
704
+ "$extensions": {
705
+ "com.figma.scopes": [
706
+ "STROKE_COLOR"
707
+ ]
708
+ },
709
+ "$type": "color",
710
+ "$value": "{color.border.neutral.default.inverted.rest}"
711
+ },
712
+ "active": {
713
+ "$extensions": {
714
+ "com.figma.scopes": [
715
+ "STROKE_COLOR"
716
+ ]
717
+ },
718
+ "$type": "color",
719
+ "$value": "{color.border.neutral.default.inverted.active}"
720
+ },
721
+ "hovered": {
722
+ "$extensions": {
723
+ "com.figma.scopes": [
724
+ "STROKE_COLOR"
725
+ ]
726
+ },
727
+ "$type": "color",
728
+ "$value": "{color.border.neutral.default.inverted.hovered}"
729
+ },
730
+ "disabled": {
731
+ "$extensions": {
732
+ "com.figma.scopes": [
733
+ "STROKE_COLOR"
734
+ ]
735
+ },
736
+ "$type": "color",
737
+ "$value": "{color.border.neutral.default.inverted.disabled}"
738
+ }
739
+ }
740
+ },
741
+ "light": {
742
+ "bg": {
743
+ "hovered": {
744
+ "$extensions": {
745
+ "com.figma.scopes": [
746
+ "FRAME_FILL",
747
+ "SHAPE_FILL"
748
+ ]
749
+ },
750
+ "$type": "color",
751
+ "$value": "{color.surface.neutral.default.static-light.rest}"
752
+ },
753
+ "rest": {
754
+ "$extensions": {
755
+ "com.figma.scopes": [
756
+ "FRAME_FILL",
757
+ "SHAPE_FILL"
758
+ ]
759
+ },
760
+ "$type": "color",
761
+ "$value": "{color.surface.transparent.rest}"
762
+ },
763
+ "selected": {
764
+ "$extensions": {
765
+ "com.figma.scopes": [
766
+ "FRAME_FILL",
767
+ "SHAPE_FILL"
768
+ ]
769
+ },
770
+ "$type": "color",
771
+ "$value": "{color.surface.neutral.default.static-light.rest}"
772
+ },
773
+ "active": {
774
+ "$extensions": {
775
+ "com.figma.scopes": [
776
+ "FRAME_FILL",
777
+ "SHAPE_FILL"
778
+ ]
779
+ },
780
+ "$type": "color",
781
+ "$value": "{color.surface.neutral.default.static-light.rest}"
782
+ },
783
+ "opacity": {
784
+ "selected": {
785
+ "$extensions": {
786
+ "com.figma.scopes": [
787
+ "OPACITY"
788
+ ]
789
+ },
790
+ "$type": "number",
791
+ "$value": "{opacity.10}"
792
+ },
793
+ "active": {
794
+ "$extensions": {
795
+ "com.figma.scopes": [
796
+ "OPACITY"
797
+ ]
798
+ },
799
+ "$type": "number",
800
+ "$value": "{opacity.5}"
801
+ },
802
+ "hovered": {
803
+ "$extensions": {
804
+ "com.figma.scopes": [
805
+ "OPACITY"
806
+ ]
807
+ },
808
+ "$type": "number",
809
+ "$value": "{opacity.15}"
810
+ }
811
+ }
812
+ },
813
+ "content": {
814
+ "rest": {
815
+ "$extensions": {
816
+ "com.figma.scopes": [
817
+ "SHAPE_FILL",
818
+ "TEXT_FILL"
819
+ ]
820
+ },
821
+ "$type": "color",
822
+ "$value": "{color.content.neutral.default.static-dark.rest}"
823
+ },
824
+ "opacity": {
825
+ "disabled": {
826
+ "$extensions": {
827
+ "com.figma.scopes": [
828
+ "OPACITY"
829
+ ]
830
+ },
831
+ "$type": "number",
832
+ "$value": "{opacity.40}"
833
+ }
834
+ }
835
+ },
836
+ "border": {
837
+ "rest": {
838
+ "$extensions": {
839
+ "com.figma.scopes": [
840
+ "SHAPE_FILL",
841
+ "STROKE_COLOR"
842
+ ]
843
+ },
844
+ "$type": "color",
845
+ "$value": "{color.content.neutral.default.static-dark.rest}"
846
+ },
847
+ "opacity": {
848
+ "hovered": {
849
+ "$extensions": {
850
+ "com.figma.scopes": [
851
+ "OPACITY"
852
+ ]
853
+ },
854
+ "$type": "number",
855
+ "$value": "{opacity.35}"
856
+ },
857
+ "rest": {
858
+ "$extensions": {
859
+ "com.figma.scopes": [
860
+ "OPACITY"
861
+ ]
862
+ },
863
+ "$type": "number",
864
+ "$value": "{opacity.30}"
865
+ },
866
+ "disabled": {
867
+ "$extensions": {
868
+ "com.figma.scopes": [
869
+ "OPACITY"
870
+ ]
871
+ },
872
+ "$type": "number",
873
+ "$value": "{opacity.10}"
874
+ },
875
+ "active": {
876
+ "$extensions": {
877
+ "com.figma.scopes": [
878
+ "OPACITY"
879
+ ]
880
+ },
881
+ "$type": "number",
882
+ "$value": "{opacity.25}"
883
+ }
884
+ }
885
+ }
886
+ },
887
+ "info": {
888
+ "content": {
889
+ "rest": {
890
+ "$extensions": {
891
+ "com.figma.scopes": [
892
+ "SHAPE_FILL",
893
+ "TEXT_FILL"
894
+ ]
895
+ },
896
+ "$type": "color",
897
+ "$value": "{color.content.neutral.default.rest}"
898
+ },
899
+ "disabled": {
900
+ "$extensions": {
901
+ "com.figma.scopes": [
902
+ "SHAPE_FILL",
903
+ "TEXT_FILL"
904
+ ]
905
+ },
906
+ "$type": "color",
907
+ "$value": "{color.content.neutral.default.disabled}"
908
+ },
909
+ "selected": {
910
+ "$extensions": {
911
+ "com.figma.scopes": [
912
+ "SHAPE_FILL",
913
+ "TEXT_FILL"
914
+ ]
915
+ },
916
+ "$type": "color",
917
+ "$value": "{color.content.info.default.rest}"
918
+ },
919
+ "active": {
920
+ "$extensions": {
921
+ "com.figma.scopes": [
922
+ "SHAPE_FILL",
923
+ "TEXT_FILL"
924
+ ]
925
+ },
926
+ "$type": "color",
927
+ "$value": "{color.content.info.default.active}"
928
+ },
929
+ "hovered": {
930
+ "$extensions": {
931
+ "com.figma.scopes": [
932
+ "SHAPE_FILL",
933
+ "TEXT_FILL"
934
+ ]
935
+ },
936
+ "$type": "color",
937
+ "$value": "{color.content.info.default.hovered}"
938
+ }
939
+ },
940
+ "border": {
941
+ "disabled": {
942
+ "$extensions": {
943
+ "com.figma.scopes": [
944
+ "STROKE_COLOR"
945
+ ]
946
+ },
947
+ "$type": "color",
948
+ "$value": "{color.border.neutral.default.disabled}"
949
+ },
950
+ "rest": {
951
+ "$extensions": {
952
+ "com.figma.scopes": [
953
+ "STROKE_COLOR"
954
+ ]
955
+ },
956
+ "$type": "color",
957
+ "$value": "{color.border.neutral.default.rest}"
958
+ },
959
+ "hovered": {
960
+ "$extensions": {
961
+ "com.figma.scopes": [
962
+ "STROKE_COLOR"
963
+ ]
964
+ },
965
+ "$type": "color",
966
+ "$value": "{color.border.neutral.default.hovered}"
967
+ },
968
+ "active": {
969
+ "$extensions": {
970
+ "com.figma.scopes": [
971
+ "STROKE_COLOR"
972
+ ]
973
+ },
974
+ "$type": "color",
975
+ "$value": "{color.border.neutral.default.active}"
976
+ }
977
+ },
978
+ "bg": {
979
+ "hovered": {
980
+ "$extensions": {
981
+ "com.figma.scopes": [
982
+ "FRAME_FILL"
983
+ ]
984
+ },
985
+ "$type": "color",
986
+ "$value": "{color.surface.neutral.default.hovered}"
987
+ },
988
+ "active": {
989
+ "$extensions": {
990
+ "com.figma.scopes": [
991
+ "FRAME_FILL"
992
+ ]
993
+ },
994
+ "$type": "color",
995
+ "$value": "{color.surface.neutral.default.active}"
996
+ },
997
+ "selected": {
998
+ "$extensions": {
999
+ "com.figma.scopes": [
1000
+ "FRAME_FILL"
1001
+ ]
1002
+ },
1003
+ "$type": "color",
1004
+ "$value": "{color.surface.neutral.default.selected}"
1005
+ },
1006
+ "rest": {
1007
+ "$extensions": {
1008
+ "com.figma.scopes": [
1009
+ "FRAME_FILL"
1010
+ ]
1011
+ },
1012
+ "$type": "color",
1013
+ "$value": "{color.surface.transparent.rest}"
1014
+ }
1015
+ }
1016
+ },
1017
+ "warning": {
1018
+ "border": {
1019
+ "hovered": {
1020
+ "$extensions": {
1021
+ "com.figma.scopes": [
1022
+ "STROKE_COLOR"
1023
+ ]
1024
+ },
1025
+ "$type": "color",
1026
+ "$value": "{color.border.neutral.default.hovered}"
1027
+ },
1028
+ "rest": {
1029
+ "$extensions": {
1030
+ "com.figma.scopes": [
1031
+ "STROKE_COLOR"
1032
+ ]
1033
+ },
1034
+ "$type": "color",
1035
+ "$value": "{color.border.neutral.default.rest}"
1036
+ },
1037
+ "disabled": {
1038
+ "$extensions": {
1039
+ "com.figma.scopes": [
1040
+ "STROKE_COLOR"
1041
+ ]
1042
+ },
1043
+ "$type": "color",
1044
+ "$value": "{color.border.neutral.default.disabled}"
1045
+ },
1046
+ "active": {
1047
+ "$extensions": {
1048
+ "com.figma.scopes": [
1049
+ "STROKE_COLOR"
1050
+ ]
1051
+ },
1052
+ "$type": "color",
1053
+ "$value": "{color.border.neutral.default.active}"
1054
+ }
1055
+ },
1056
+ "content": {
1057
+ "rest": {
1058
+ "$extensions": {
1059
+ "com.figma.scopes": [
1060
+ "SHAPE_FILL",
1061
+ "TEXT_FILL"
1062
+ ]
1063
+ },
1064
+ "$type": "color",
1065
+ "$value": "{color.content.neutral.default.rest}"
1066
+ },
1067
+ "active": {
1068
+ "$extensions": {
1069
+ "com.figma.scopes": [
1070
+ "SHAPE_FILL",
1071
+ "TEXT_FILL"
1072
+ ]
1073
+ },
1074
+ "$type": "color",
1075
+ "$value": "{color.content.warning.default.active}"
1076
+ },
1077
+ "disabled": {
1078
+ "$extensions": {
1079
+ "com.figma.scopes": [
1080
+ "SHAPE_FILL",
1081
+ "TEXT_FILL"
1082
+ ]
1083
+ },
1084
+ "$type": "color",
1085
+ "$value": "{color.content.neutral.default.disabled}"
1086
+ },
1087
+ "hovered": {
1088
+ "$extensions": {
1089
+ "com.figma.scopes": [
1090
+ "SHAPE_FILL",
1091
+ "TEXT_FILL"
1092
+ ]
1093
+ },
1094
+ "$type": "color",
1095
+ "$value": "{color.content.warning.default.hovered}"
1096
+ },
1097
+ "selected": {
1098
+ "$extensions": {
1099
+ "com.figma.scopes": [
1100
+ "SHAPE_FILL",
1101
+ "TEXT_FILL"
1102
+ ]
1103
+ },
1104
+ "$type": "color",
1105
+ "$value": "{color.content.warning.default.rest}"
1106
+ }
1107
+ },
1108
+ "bg": {
1109
+ "rest": {
1110
+ "$extensions": {
1111
+ "com.figma.scopes": [
1112
+ "FRAME_FILL"
1113
+ ]
1114
+ },
1115
+ "$type": "color",
1116
+ "$value": "{color.surface.transparent.rest}"
1117
+ },
1118
+ "active": {
1119
+ "$extensions": {
1120
+ "com.figma.scopes": [
1121
+ "FRAME_FILL"
1122
+ ]
1123
+ },
1124
+ "$type": "color",
1125
+ "$value": "{color.surface.neutral.default.active}"
1126
+ },
1127
+ "hovered": {
1128
+ "$extensions": {
1129
+ "com.figma.scopes": [
1130
+ "FRAME_FILL"
1131
+ ]
1132
+ },
1133
+ "$type": "color",
1134
+ "$value": "{color.surface.neutral.default.hovered}"
1135
+ },
1136
+ "selected": {
1137
+ "$extensions": {
1138
+ "com.figma.scopes": [
1139
+ "FRAME_FILL"
1140
+ ]
1141
+ },
1142
+ "$type": "color",
1143
+ "$value": "{color.surface.neutral.default.selected}"
1144
+ }
1145
+ }
1146
+ }
1147
+ },
1148
+ "contained": {
1149
+ "primary": {
1150
+ "bg": {
1151
+ "hovered": {
1152
+ "$extensions": {
1153
+ "com.figma.scopes": [
1154
+ "FRAME_FILL"
1155
+ ]
1156
+ },
1157
+ "$type": "color",
1158
+ "$value": "{color.surface.primary.default.hovered}"
1159
+ },
1160
+ "rest": {
1161
+ "$extensions": {
1162
+ "com.figma.scopes": [
1163
+ "FRAME_FILL"
1164
+ ]
1165
+ },
1166
+ "$type": "color",
1167
+ "$value": "{color.surface.primary.default.rest}"
1168
+ },
1169
+ "disabled": {
1170
+ "$extensions": {
1171
+ "com.figma.scopes": [
1172
+ "FRAME_FILL"
1173
+ ]
1174
+ },
1175
+ "$type": "color",
1176
+ "$value": "{color.surface.neutral.default.disabled}"
1177
+ },
1178
+ "selected": {
1179
+ "$extensions": {
1180
+ "com.figma.scopes": [
1181
+ "FRAME_FILL"
1182
+ ]
1183
+ },
1184
+ "$type": "color",
1185
+ "$value": "{color.surface.primary.default.selected}"
1186
+ },
1187
+ "active": {
1188
+ "$extensions": {
1189
+ "com.figma.scopes": [
1190
+ "FRAME_FILL"
1191
+ ]
1192
+ },
1193
+ "$type": "color",
1194
+ "$value": "{color.surface.primary.default.active}"
1195
+ }
1196
+ },
1197
+ "border": {
1198
+ "rest": {
1199
+ "$extensions": {
1200
+ "com.figma.scopes": [
1201
+ "STROKE_COLOR"
1202
+ ]
1203
+ },
1204
+ "$type": "color",
1205
+ "$value": "{color.border.transparent.rest}"
1206
+ }
1207
+ },
1208
+ "content": {
1209
+ "disabled": {
1210
+ "$extensions": {
1211
+ "com.figma.scopes": [
1212
+ "SHAPE_FILL",
1213
+ "TEXT_FILL"
1214
+ ]
1215
+ },
1216
+ "$type": "color",
1217
+ "$value": "{color.content.neutral.default.disabled}"
1218
+ },
1219
+ "rest": {
1220
+ "$extensions": {
1221
+ "com.figma.scopes": [
1222
+ "SHAPE_FILL",
1223
+ "TEXT_FILL"
1224
+ ]
1225
+ },
1226
+ "$type": "color",
1227
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1228
+ }
1229
+ }
1230
+ },
1231
+ "dark": {
1232
+ "bg": {
1233
+ "selected": {
1234
+ "$extensions": {
1235
+ "com.figma.scopes": [
1236
+ "FRAME_FILL"
1237
+ ]
1238
+ },
1239
+ "$type": "color",
1240
+ "$value": "{color.surface.neutral.default.static-dark.selected}"
1241
+ },
1242
+ "hovered": {
1243
+ "$extensions": {
1244
+ "com.figma.scopes": [
1245
+ "FRAME_FILL"
1246
+ ]
1247
+ },
1248
+ "$type": "color",
1249
+ "$value": "{color.surface.neutral.default.static-dark.hovered}"
1250
+ },
1251
+ "active": {
1252
+ "$extensions": {
1253
+ "com.figma.scopes": [
1254
+ "FRAME_FILL"
1255
+ ]
1256
+ },
1257
+ "$type": "color",
1258
+ "$value": "{color.surface.neutral.default.static-dark.active}"
1259
+ },
1260
+ "disabled": {
1261
+ "$extensions": {
1262
+ "com.figma.scopes": [
1263
+ "FRAME_FILL"
1264
+ ]
1265
+ },
1266
+ "$type": "color",
1267
+ "$value": "{color.surface.neutral.default.static-dark.disabled}"
1268
+ },
1269
+ "rest": {
1270
+ "$extensions": {
1271
+ "com.figma.scopes": [
1272
+ "FRAME_FILL"
1273
+ ]
1274
+ },
1275
+ "$type": "color",
1276
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
1277
+ }
1278
+ },
1279
+ "border": {
1280
+ "disabled": {
1281
+ "$extensions": {
1282
+ "com.figma.scopes": [
1283
+ "STROKE_COLOR"
1284
+ ]
1285
+ },
1286
+ "$type": "color",
1287
+ "$value": "{color.border.neutral.default.static-dark.disabled}"
1288
+ },
1289
+ "hovered": {
1290
+ "$extensions": {
1291
+ "com.figma.scopes": [
1292
+ "STROKE_COLOR"
1293
+ ]
1294
+ },
1295
+ "$type": "color",
1296
+ "$value": "{color.border.neutral.default.static-dark.hovered}"
1297
+ },
1298
+ "rest": {
1299
+ "$extensions": {
1300
+ "com.figma.scopes": [
1301
+ "STROKE_COLOR"
1302
+ ]
1303
+ },
1304
+ "$type": "color",
1305
+ "$value": "{color.border.neutral.default.static-dark.rest}"
1306
+ },
1307
+ "active": {
1308
+ "$extensions": {
1309
+ "com.figma.scopes": [
1310
+ "STROKE_COLOR"
1311
+ ]
1312
+ },
1313
+ "$type": "color",
1314
+ "$value": "{color.border.neutral.default.static-dark.active}"
1315
+ }
1316
+ },
1317
+ "content": {
1318
+ "rest": {
1319
+ "$extensions": {
1320
+ "com.figma.scopes": [
1321
+ "SHAPE_FILL",
1322
+ "TEXT_FILL"
1323
+ ]
1324
+ },
1325
+ "$type": "color",
1326
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1327
+ },
1328
+ "disabled": {
1329
+ "$extensions": {
1330
+ "com.figma.scopes": [
1331
+ "SHAPE_FILL",
1332
+ "TEXT_FILL"
1333
+ ]
1334
+ },
1335
+ "$type": "color",
1336
+ "$value": "{color.content.neutral.default.static-dark.disabled}"
1337
+ }
1338
+ }
1339
+ },
1340
+ "inverted": {
1341
+ "border": {
1342
+ "active": {
1343
+ "$extensions": {
1344
+ "com.figma.scopes": [
1345
+ "STROKE_COLOR"
1346
+ ]
1347
+ },
1348
+ "$type": "color",
1349
+ "$value": "{color.border.neutral.default.inverted.active}"
1350
+ },
1351
+ "disabled": {
1352
+ "$extensions": {
1353
+ "com.figma.scopes": [
1354
+ "STROKE_COLOR"
1355
+ ]
1356
+ },
1357
+ "$type": "color",
1358
+ "$value": "{color.border.neutral.default.inverted.disabled}"
1359
+ },
1360
+ "hovered": {
1361
+ "$extensions": {
1362
+ "com.figma.scopes": [
1363
+ "STROKE_COLOR"
1364
+ ]
1365
+ },
1366
+ "$type": "color",
1367
+ "$value": "{color.border.neutral.default.inverted.hovered}"
1368
+ },
1369
+ "rest": {
1370
+ "$extensions": {
1371
+ "com.figma.scopes": [
1372
+ "STROKE_COLOR"
1373
+ ]
1374
+ },
1375
+ "$type": "color",
1376
+ "$value": "{color.border.neutral.default.inverted.rest}"
1377
+ }
1378
+ },
1379
+ "bg": {
1380
+ "hovered": {
1381
+ "$extensions": {
1382
+ "com.figma.scopes": [
1383
+ "FRAME_FILL"
1384
+ ]
1385
+ },
1386
+ "$type": "color",
1387
+ "$value": "{color.surface.neutral.default.inverted.hovered}"
1388
+ },
1389
+ "active": {
1390
+ "$extensions": {
1391
+ "com.figma.scopes": [
1392
+ "FRAME_FILL"
1393
+ ]
1394
+ },
1395
+ "$type": "color",
1396
+ "$value": "{color.surface.neutral.default.inverted.active}"
1397
+ },
1398
+ "rest": {
1399
+ "$extensions": {
1400
+ "com.figma.scopes": [
1401
+ "FRAME_FILL"
1402
+ ]
1403
+ },
1404
+ "$type": "color",
1405
+ "$value": "{color.surface.neutral.default.inverted.rest}"
1406
+ },
1407
+ "disabled": {
1408
+ "$extensions": {
1409
+ "com.figma.scopes": [
1410
+ "FRAME_FILL"
1411
+ ]
1412
+ },
1413
+ "$type": "color",
1414
+ "$value": "{color.surface.neutral.default.inverted.disabled}"
1415
+ },
1416
+ "selected": {
1417
+ "$extensions": {
1418
+ "com.figma.scopes": [
1419
+ "FRAME_FILL"
1420
+ ]
1421
+ },
1422
+ "$type": "color",
1423
+ "$value": "{color.surface.neutral.default.inverted.selected}"
1424
+ }
1425
+ },
1426
+ "content": {
1427
+ "disabled": {
1428
+ "$extensions": {
1429
+ "com.figma.scopes": [
1430
+ "SHAPE_FILL",
1431
+ "TEXT_FILL"
1432
+ ]
1433
+ },
1434
+ "$type": "color",
1435
+ "$value": "{color.content.neutral.default.inverted.disabled}"
1436
+ },
1437
+ "rest": {
1438
+ "$extensions": {
1439
+ "com.figma.scopes": [
1440
+ "SHAPE_FILL",
1441
+ "TEXT_FILL"
1442
+ ]
1443
+ },
1444
+ "$type": "color",
1445
+ "$value": "{color.content.neutral.default.inverted.rest}"
1446
+ }
1447
+ }
1448
+ },
1449
+ "light": {
1450
+ "border": {
1451
+ "hovered": {
1452
+ "$extensions": {
1453
+ "com.figma.scopes": [
1454
+ "STROKE_COLOR"
1455
+ ]
1456
+ },
1457
+ "$type": "color",
1458
+ "$value": "{color.border.neutral.default.static-light.hovered}"
1459
+ },
1460
+ "active": {
1461
+ "$extensions": {
1462
+ "com.figma.scopes": [
1463
+ "STROKE_COLOR"
1464
+ ]
1465
+ },
1466
+ "$type": "color",
1467
+ "$value": "{color.border.neutral.default.static-light.active}"
1468
+ },
1469
+ "disabled": {
1470
+ "$extensions": {
1471
+ "com.figma.scopes": [
1472
+ "STROKE_COLOR"
1473
+ ]
1474
+ },
1475
+ "$type": "color",
1476
+ "$value": "{color.border.neutral.default.static-light.disabled}"
1477
+ },
1478
+ "rest": {
1479
+ "$extensions": {
1480
+ "com.figma.scopes": [
1481
+ "STROKE_COLOR"
1482
+ ]
1483
+ },
1484
+ "$type": "color",
1485
+ "$value": "{color.border.neutral.default.static-light.rest}"
1486
+ }
1487
+ },
1488
+ "bg": {
1489
+ "hovered": {
1490
+ "$extensions": {
1491
+ "com.figma.scopes": [
1492
+ "FRAME_FILL"
1493
+ ]
1494
+ },
1495
+ "$type": "color",
1496
+ "$value": "{color.surface.neutral.default.static-light.hovered}"
1497
+ },
1498
+ "selected": {
1499
+ "$extensions": {
1500
+ "com.figma.scopes": [
1501
+ "FRAME_FILL"
1502
+ ]
1503
+ },
1504
+ "$type": "color",
1505
+ "$value": "{color.surface.neutral.default.static-light.selected}"
1506
+ },
1507
+ "rest": {
1508
+ "$extensions": {
1509
+ "com.figma.scopes": [
1510
+ "FRAME_FILL"
1511
+ ]
1512
+ },
1513
+ "$type": "color",
1514
+ "$value": "{color.surface.neutral.default.static-light.rest}"
1515
+ },
1516
+ "disabled": {
1517
+ "$extensions": {
1518
+ "com.figma.scopes": [
1519
+ "FRAME_FILL"
1520
+ ]
1521
+ },
1522
+ "$type": "color",
1523
+ "$value": "{color.surface.neutral.default.static-light.disabled}"
1524
+ },
1525
+ "active": {
1526
+ "$extensions": {
1527
+ "com.figma.scopes": [
1528
+ "FRAME_FILL"
1529
+ ]
1530
+ },
1531
+ "$type": "color",
1532
+ "$value": "{color.surface.neutral.default.static-light.active}"
1533
+ }
1534
+ },
1535
+ "content": {
1536
+ "disabled": {
1537
+ "$extensions": {
1538
+ "com.figma.scopes": [
1539
+ "SHAPE_FILL",
1540
+ "TEXT_FILL"
1541
+ ]
1542
+ },
1543
+ "$type": "color",
1544
+ "$value": "{color.content.neutral.default.static-light.disabled}"
1545
+ },
1546
+ "rest": {
1547
+ "$extensions": {
1548
+ "com.figma.scopes": [
1549
+ "SHAPE_FILL",
1550
+ "TEXT_FILL"
1551
+ ]
1552
+ },
1553
+ "$type": "color",
1554
+ "$value": "{color.content.neutral.default.static-light.rest}"
1555
+ }
1556
+ }
1557
+ },
1558
+ "warning": {
1559
+ "content": {
1560
+ "disabled": {
1561
+ "$extensions": {
1562
+ "com.figma.scopes": [
1563
+ "SHAPE_FILL",
1564
+ "TEXT_FILL"
1565
+ ]
1566
+ },
1567
+ "$type": "color",
1568
+ "$value": "{color.content.neutral.default.disabled}"
1569
+ },
1570
+ "active": {
1571
+ "$extensions": {
1572
+ "com.figma.scopes": [
1573
+ "SHAPE_FILL",
1574
+ "TEXT_FILL"
1575
+ ]
1576
+ },
1577
+ "$type": "color",
1578
+ "$value": "{color.content.neutral.default.static-dark.active}"
1579
+ },
1580
+ "rest": {
1581
+ "$extensions": {
1582
+ "com.figma.scopes": [
1583
+ "SHAPE_FILL",
1584
+ "TEXT_FILL"
1585
+ ]
1586
+ },
1587
+ "$type": "color",
1588
+ "$value": "{color.content.neutral.default.static-light.rest}"
1589
+ },
1590
+ "selected": {
1591
+ "$extensions": {
1592
+ "com.figma.scopes": [
1593
+ "SHAPE_FILL",
1594
+ "TEXT_FILL"
1595
+ ]
1596
+ },
1597
+ "$type": "color",
1598
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1599
+ },
1600
+ "hovered": {
1601
+ "$extensions": {
1602
+ "com.figma.scopes": [
1603
+ "SHAPE_FILL",
1604
+ "TEXT_FILL"
1605
+ ]
1606
+ },
1607
+ "$type": "color",
1608
+ "$value": "{color.content.neutral.default.inverted.rest}"
1609
+ }
1610
+ },
1611
+ "bg": {
1612
+ "hovered": {
1613
+ "$extensions": {
1614
+ "com.figma.scopes": [
1615
+ "FRAME_FILL"
1616
+ ]
1617
+ },
1618
+ "$type": "color",
1619
+ "$value": "{color.surface.warning.default.hovered}"
1620
+ },
1621
+ "active": {
1622
+ "$extensions": {
1623
+ "com.figma.scopes": [
1624
+ "FRAME_FILL"
1625
+ ]
1626
+ },
1627
+ "$type": "color",
1628
+ "$value": "{color.surface.warning.default.active}"
1629
+ },
1630
+ "selected": {
1631
+ "$extensions": {
1632
+ "com.figma.scopes": [
1633
+ "FRAME_FILL"
1634
+ ]
1635
+ },
1636
+ "$type": "color",
1637
+ "$value": "{color.surface.warning.default.selected}"
1638
+ },
1639
+ "rest": {
1640
+ "$extensions": {
1641
+ "com.figma.scopes": [
1642
+ "FRAME_FILL"
1643
+ ]
1644
+ },
1645
+ "$type": "color",
1646
+ "$value": "{color.surface.warning.default.rest}"
1647
+ },
1648
+ "disabled": {
1649
+ "$extensions": {
1650
+ "com.figma.scopes": [
1651
+ "FRAME_FILL"
1652
+ ]
1653
+ },
1654
+ "$type": "color",
1655
+ "$value": "{color.surface.neutral.default.disabled}"
1656
+ }
1657
+ },
1658
+ "border": {
1659
+ "rest": {
1660
+ "$extensions": {
1661
+ "com.figma.scopes": [
1662
+ "STROKE_COLOR"
1663
+ ]
1664
+ },
1665
+ "$type": "color",
1666
+ "$value": "{color.border.transparent.rest}"
1667
+ }
1668
+ }
1669
+ },
1670
+ "danger": {
1671
+ "bg": {
1672
+ "disabled": {
1673
+ "$extensions": {
1674
+ "com.figma.scopes": [
1675
+ "FRAME_FILL"
1676
+ ]
1677
+ },
1678
+ "$type": "color",
1679
+ "$value": "{color.surface.neutral.default.disabled}"
1680
+ },
1681
+ "hovered": {
1682
+ "$extensions": {
1683
+ "com.figma.scopes": [
1684
+ "FRAME_FILL"
1685
+ ]
1686
+ },
1687
+ "$type": "color",
1688
+ "$value": "{color.surface.danger.default.hovered}"
1689
+ },
1690
+ "active": {
1691
+ "$extensions": {
1692
+ "com.figma.scopes": [
1693
+ "FRAME_FILL"
1694
+ ]
1695
+ },
1696
+ "$type": "color",
1697
+ "$value": "{color.surface.danger.default.active}"
1698
+ },
1699
+ "rest": {
1700
+ "$extensions": {
1701
+ "com.figma.scopes": [
1702
+ "FRAME_FILL"
1703
+ ]
1704
+ },
1705
+ "$type": "color",
1706
+ "$value": "{color.surface.danger.default.rest}"
1707
+ },
1708
+ "selected": {
1709
+ "$extensions": {
1710
+ "com.figma.scopes": [
1711
+ "FRAME_FILL"
1712
+ ]
1713
+ },
1714
+ "$type": "color",
1715
+ "$value": "{color.surface.danger.default.selected}"
1716
+ }
1717
+ },
1718
+ "border": {
1719
+ "rest": {
1720
+ "$extensions": {
1721
+ "com.figma.scopes": [
1722
+ "STROKE_COLOR"
1723
+ ]
1724
+ },
1725
+ "$type": "color",
1726
+ "$value": "{color.border.transparent.rest}"
1727
+ }
1728
+ },
1729
+ "content": {
1730
+ "disabled": {
1731
+ "$extensions": {
1732
+ "com.figma.scopes": [
1733
+ "SHAPE_FILL",
1734
+ "TEXT_FILL"
1735
+ ]
1736
+ },
1737
+ "$type": "color",
1738
+ "$value": "{color.content.neutral.default.disabled}"
1739
+ },
1740
+ "rest": {
1741
+ "$extensions": {
1742
+ "com.figma.scopes": [
1743
+ "SHAPE_FILL",
1744
+ "TEXT_FILL"
1745
+ ]
1746
+ },
1747
+ "$type": "color",
1748
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1749
+ }
1750
+ }
1751
+ },
1752
+ "secondary": {
1753
+ "bg": {
1754
+ "disabled": {
1755
+ "$extensions": {
1756
+ "com.figma.scopes": [
1757
+ "FRAME_FILL"
1758
+ ]
1759
+ },
1760
+ "$type": "color",
1761
+ "$value": "{color.surface.neutral.default.disabled}"
1762
+ },
1763
+ "rest": {
1764
+ "$extensions": {
1765
+ "com.figma.scopes": [
1766
+ "FRAME_FILL"
1767
+ ]
1768
+ },
1769
+ "$type": "color",
1770
+ "$value": "{color.surface.neutral.default.rest}"
1771
+ },
1772
+ "active": {
1773
+ "$extensions": {
1774
+ "com.figma.scopes": [
1775
+ "FRAME_FILL"
1776
+ ]
1777
+ },
1778
+ "$type": "color",
1779
+ "$value": "{color.surface.neutral.default.active}"
1780
+ },
1781
+ "selected": {
1782
+ "$extensions": {
1783
+ "com.figma.scopes": [
1784
+ "FRAME_FILL"
1785
+ ]
1786
+ },
1787
+ "$type": "color",
1788
+ "$value": "{color.surface.neutral.default.selected}"
1789
+ },
1790
+ "hovered": {
1791
+ "$extensions": {
1792
+ "com.figma.scopes": [
1793
+ "FRAME_FILL"
1794
+ ]
1795
+ },
1796
+ "$type": "color",
1797
+ "$value": "{color.surface.neutral.default.hovered}"
1798
+ }
1799
+ },
1800
+ "border": {
1801
+ "active": {
1802
+ "$extensions": {
1803
+ "com.figma.scopes": [
1804
+ "STROKE_COLOR"
1805
+ ]
1806
+ },
1807
+ "$type": "color",
1808
+ "$value": "{color.border.neutral.default.active}"
1809
+ },
1810
+ "rest": {
1811
+ "$extensions": {
1812
+ "com.figma.scopes": [
1813
+ "STROKE_COLOR"
1814
+ ]
1815
+ },
1816
+ "$type": "color",
1817
+ "$value": "{color.border.neutral.default.rest}"
1818
+ },
1819
+ "hovered": {
1820
+ "$extensions": {
1821
+ "com.figma.scopes": [
1822
+ "STROKE_COLOR"
1823
+ ]
1824
+ },
1825
+ "$type": "color",
1826
+ "$value": "{color.border.neutral.default.hovered}"
1827
+ },
1828
+ "selected": {
1829
+ "$extensions": {
1830
+ "com.figma.scopes": [
1831
+ "STROKE_COLOR"
1832
+ ]
1833
+ },
1834
+ "$type": "color",
1835
+ "$value": "{color.border.neutral.default.rest}"
1836
+ },
1837
+ "disabled": {
1838
+ "$extensions": {
1839
+ "com.figma.scopes": [
1840
+ "STROKE_COLOR"
1841
+ ]
1842
+ },
1843
+ "$type": "color",
1844
+ "$value": "{color.border.neutral.default.disabled}"
1845
+ }
1846
+ },
1847
+ "content": {
1848
+ "rest": {
1849
+ "$extensions": {
1850
+ "com.figma.scopes": [
1851
+ "SHAPE_FILL",
1852
+ "TEXT_FILL"
1853
+ ]
1854
+ },
1855
+ "$type": "color",
1856
+ "$value": "{color.content.neutral.default.rest}"
1857
+ },
1858
+ "disabled": {
1859
+ "$extensions": {
1860
+ "com.figma.scopes": [
1861
+ "SHAPE_FILL",
1862
+ "TEXT_FILL"
1863
+ ]
1864
+ },
1865
+ "$type": "color",
1866
+ "$value": "{color.content.neutral.default.disabled}"
1867
+ }
1868
+ }
1869
+ },
1870
+ "info": {
1871
+ "bg": {
1872
+ "selected": {
1873
+ "$extensions": {
1874
+ "com.figma.scopes": [
1875
+ "FRAME_FILL"
1876
+ ]
1877
+ },
1878
+ "$type": "color",
1879
+ "$value": "{color.surface.info.default.selected}"
1880
+ },
1881
+ "rest": {
1882
+ "$extensions": {
1883
+ "com.figma.scopes": [
1884
+ "FRAME_FILL"
1885
+ ]
1886
+ },
1887
+ "$type": "color",
1888
+ "$value": "{color.surface.info.default.rest}"
1889
+ },
1890
+ "disabled": {
1891
+ "$extensions": {
1892
+ "com.figma.scopes": [
1893
+ "FRAME_FILL"
1894
+ ]
1895
+ },
1896
+ "$type": "color",
1897
+ "$value": "{color.surface.neutral.default.disabled}"
1898
+ },
1899
+ "active": {
1900
+ "$extensions": {
1901
+ "com.figma.scopes": [
1902
+ "FRAME_FILL"
1903
+ ]
1904
+ },
1905
+ "$type": "color",
1906
+ "$value": "{color.surface.info.default.active}"
1907
+ },
1908
+ "hovered": {
1909
+ "$extensions": {
1910
+ "com.figma.scopes": [
1911
+ "FRAME_FILL"
1912
+ ]
1913
+ },
1914
+ "$type": "color",
1915
+ "$value": "{color.surface.info.default.hovered}"
1916
+ }
1917
+ },
1918
+ "border": {
1919
+ "rest": {
1920
+ "$extensions": {
1921
+ "com.figma.scopes": [
1922
+ "STROKE_COLOR"
1923
+ ]
1924
+ },
1925
+ "$type": "color",
1926
+ "$value": "{color.border.transparent.rest}"
1927
+ }
1928
+ },
1929
+ "content": {
1930
+ "disabled": {
1931
+ "$extensions": {
1932
+ "com.figma.scopes": [
1933
+ "SHAPE_FILL",
1934
+ "TEXT_FILL"
1935
+ ]
1936
+ },
1937
+ "$type": "color",
1938
+ "$value": "{color.content.neutral.default.disabled}"
1939
+ },
1940
+ "rest": {
1941
+ "$extensions": {
1942
+ "com.figma.scopes": [
1943
+ "SHAPE_FILL",
1944
+ "TEXT_FILL"
1945
+ ]
1946
+ },
1947
+ "$type": "color",
1948
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1949
+ }
1950
+ }
1951
+ },
1952
+ "success": {
1953
+ "content": {
1954
+ "rest": {
1955
+ "$extensions": {
1956
+ "com.figma.scopes": [
1957
+ "SHAPE_FILL",
1958
+ "TEXT_FILL"
1959
+ ]
1960
+ },
1961
+ "$type": "color",
1962
+ "$value": "{color.content.neutral.default.static-dark.rest}"
1963
+ },
1964
+ "disabled": {
1965
+ "$extensions": {
1966
+ "com.figma.scopes": [
1967
+ "SHAPE_FILL",
1968
+ "TEXT_FILL"
1969
+ ]
1970
+ },
1971
+ "$type": "color",
1972
+ "$value": "{color.content.neutral.default.disabled}"
1973
+ }
1974
+ },
1975
+ "bg": {
1976
+ "rest": {
1977
+ "$extensions": {
1978
+ "com.figma.scopes": [
1979
+ "FRAME_FILL"
1980
+ ]
1981
+ },
1982
+ "$type": "color",
1983
+ "$value": "{color.surface.success.default.rest}"
1984
+ },
1985
+ "active": {
1986
+ "$extensions": {
1987
+ "com.figma.scopes": [
1988
+ "FRAME_FILL"
1989
+ ]
1990
+ },
1991
+ "$type": "color",
1992
+ "$value": "{color.surface.success.default.active}"
1993
+ },
1994
+ "selected": {
1995
+ "$extensions": {
1996
+ "com.figma.scopes": [
1997
+ "FRAME_FILL"
1998
+ ]
1999
+ },
2000
+ "$type": "color",
2001
+ "$value": "{color.surface.success.default.selected}"
2002
+ },
2003
+ "disabled": {
2004
+ "$extensions": {
2005
+ "com.figma.scopes": [
2006
+ "FRAME_FILL"
2007
+ ]
2008
+ },
2009
+ "$type": "color",
2010
+ "$value": "{color.surface.neutral.default.disabled}"
2011
+ },
2012
+ "hovered": {
2013
+ "$extensions": {
2014
+ "com.figma.scopes": [
2015
+ "FRAME_FILL"
2016
+ ]
2017
+ },
2018
+ "$type": "color",
2019
+ "$value": "{color.surface.success.default.hovered}"
2020
+ }
2021
+ },
2022
+ "border": {
2023
+ "rest": {
2024
+ "$extensions": {
2025
+ "com.figma.scopes": [
2026
+ "STROKE_COLOR"
2027
+ ]
2028
+ },
2029
+ "$type": "color",
2030
+ "$value": "{color.border.transparent.rest}"
2031
+ }
2032
+ }
2033
+ }
2034
+ },
2035
+ "text": {
2036
+ "light": {
2037
+ "border": {
2038
+ "rest": {
2039
+ "$extensions": {
2040
+ "com.figma.scopes": [
2041
+ "SHAPE_FILL",
2042
+ "STROKE_COLOR"
2043
+ ]
2044
+ },
2045
+ "$type": "color",
2046
+ "$value": "{color.border.transparent.rest}"
2047
+ }
2048
+ },
2049
+ "bg": {
2050
+ "selected": {
2051
+ "$extensions": {
2052
+ "com.figma.scopes": [
2053
+ "FRAME_FILL",
2054
+ "SHAPE_FILL"
2055
+ ]
2056
+ },
2057
+ "$type": "color",
2058
+ "$value": "{color.surface.neutral.default.static-light.rest}"
2059
+ },
2060
+ "hovered": {
2061
+ "$extensions": {
2062
+ "com.figma.scopes": [
2063
+ "FRAME_FILL",
2064
+ "SHAPE_FILL"
2065
+ ]
2066
+ },
2067
+ "$type": "color",
2068
+ "$value": "{color.surface.neutral.default.static-light.rest}"
2069
+ },
2070
+ "rest": {
2071
+ "$extensions": {
2072
+ "com.figma.scopes": [
2073
+ "FRAME_FILL",
2074
+ "SHAPE_FILL"
2075
+ ]
2076
+ },
2077
+ "$type": "color",
2078
+ "$value": "{color.surface.transparent.rest}"
2079
+ },
2080
+ "active": {
2081
+ "$extensions": {
2082
+ "com.figma.scopes": [
2083
+ "FRAME_FILL",
2084
+ "SHAPE_FILL"
2085
+ ]
2086
+ },
2087
+ "$type": "color",
2088
+ "$value": "{color.surface.neutral.default.static-light.rest}"
2089
+ },
2090
+ "opacity": {
2091
+ "selected": {
2092
+ "$extensions": {
2093
+ "com.figma.scopes": [
2094
+ "OPACITY"
2095
+ ]
2096
+ },
2097
+ "$type": "number",
2098
+ "$value": "{opacity.10}"
2099
+ },
2100
+ "active": {
2101
+ "$extensions": {
2102
+ "com.figma.scopes": [
2103
+ "OPACITY"
2104
+ ]
2105
+ },
2106
+ "$type": "number",
2107
+ "$value": "{opacity.5}"
2108
+ },
2109
+ "hovered": {
2110
+ "$extensions": {
2111
+ "com.figma.scopes": [
2112
+ "OPACITY"
2113
+ ]
2114
+ },
2115
+ "$type": "number",
2116
+ "$value": "{opacity.15}"
2117
+ }
2118
+ }
2119
+ },
2120
+ "content": {
2121
+ "rest": {
2122
+ "$extensions": {
2123
+ "com.figma.scopes": [
2124
+ "SHAPE_FILL",
2125
+ "TEXT_FILL"
2126
+ ]
2127
+ },
2128
+ "$type": "color",
2129
+ "$value": "{color.content.neutral.default.static-dark.rest}"
2130
+ },
2131
+ "opacity": {
2132
+ "disabled": {
2133
+ "$extensions": {
2134
+ "com.figma.scopes": [
2135
+ "OPACITY"
2136
+ ]
2137
+ },
2138
+ "$type": "number",
2139
+ "$value": "{opacity.40}"
2140
+ }
2141
+ }
2142
+ }
2143
+ },
2144
+ "dark": {
2145
+ "border": {
2146
+ "rest": {
2147
+ "$extensions": {
2148
+ "com.figma.scopes": [
2149
+ "SHAPE_FILL",
2150
+ "STROKE_COLOR"
2151
+ ]
2152
+ },
2153
+ "$type": "color",
2154
+ "$value": "{color.border.transparent.rest}"
2155
+ }
2156
+ },
2157
+ "content": {
2158
+ "rest": {
2159
+ "$extensions": {
2160
+ "com.figma.scopes": [
2161
+ "SHAPE_FILL",
2162
+ "TEXT_FILL"
2163
+ ]
2164
+ },
2165
+ "$type": "color",
2166
+ "$value": "{color.content.neutral.default.static-light.rest}"
2167
+ },
2168
+ "opacity": {
2169
+ "disabled": {
2170
+ "$extensions": {
2171
+ "com.figma.scopes": [
2172
+ "OPACITY"
2173
+ ]
2174
+ },
2175
+ "$type": "number",
2176
+ "$value": "{opacity.35}"
2177
+ }
2178
+ }
2179
+ },
2180
+ "bg": {
2181
+ "active": {
2182
+ "$extensions": {
2183
+ "com.figma.scopes": [
2184
+ "FRAME_FILL",
2185
+ "SHAPE_FILL"
2186
+ ]
2187
+ },
2188
+ "$type": "color",
2189
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
2190
+ },
2191
+ "hovered": {
2192
+ "$extensions": {
2193
+ "com.figma.scopes": [
2194
+ "FRAME_FILL",
2195
+ "SHAPE_FILL"
2196
+ ]
2197
+ },
2198
+ "$type": "color",
2199
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
2200
+ },
2201
+ "selected": {
2202
+ "$extensions": {
2203
+ "com.figma.scopes": [
2204
+ "FRAME_FILL",
2205
+ "SHAPE_FILL"
2206
+ ]
2207
+ },
2208
+ "$type": "color",
2209
+ "$value": "{color.surface.neutral.default.static-dark.rest}"
2210
+ },
2211
+ "rest": {
2212
+ "$extensions": {
2213
+ "com.figma.scopes": [
2214
+ "FRAME_FILL",
2215
+ "SHAPE_FILL"
2216
+ ]
2217
+ },
2218
+ "$type": "color",
2219
+ "$value": "{color.surface.transparent.rest}"
2220
+ },
2221
+ "opacity": {
2222
+ "hovered": {
2223
+ "$extensions": {
2224
+ "com.figma.scopes": [
2225
+ "OPACITY"
2226
+ ]
2227
+ },
2228
+ "$type": "number",
2229
+ "$value": "{opacity.5}"
2230
+ },
2231
+ "active": {
2232
+ "$extensions": {
2233
+ "com.figma.scopes": [
2234
+ "OPACITY"
2235
+ ]
2236
+ },
2237
+ "$type": "number",
2238
+ "$value": "{opacity.15}"
2239
+ },
2240
+ "selected": {
2241
+ "$extensions": {
2242
+ "com.figma.scopes": [
2243
+ "OPACITY"
2244
+ ]
2245
+ },
2246
+ "$type": "number",
2247
+ "$value": "{opacity.10}"
2248
+ }
2249
+ }
2250
+ }
2251
+ },
2252
+ "warning": {
2253
+ "bg": {
2254
+ "rest": {
2255
+ "$extensions": {
2256
+ "com.figma.scopes": [
2257
+ "FRAME_FILL"
2258
+ ]
2259
+ },
2260
+ "$type": "color",
2261
+ "$value": "{color.surface.transparent.rest}"
2262
+ },
2263
+ "hovered": {
2264
+ "$extensions": {
2265
+ "com.figma.scopes": [
2266
+ "FRAME_FILL"
2267
+ ]
2268
+ },
2269
+ "$type": "color",
2270
+ "$value": "{color.surface.neutral.default.hovered}"
2271
+ },
2272
+ "active": {
2273
+ "$extensions": {
2274
+ "com.figma.scopes": [
2275
+ "FRAME_FILL"
2276
+ ]
2277
+ },
2278
+ "$type": "color",
2279
+ "$value": "{color.surface.neutral.default.active}"
2280
+ },
2281
+ "selected": {
2282
+ "$extensions": {
2283
+ "com.figma.scopes": [
2284
+ "FRAME_FILL"
2285
+ ]
2286
+ },
2287
+ "$type": "color",
2288
+ "$value": "{color.surface.neutral.default.selected}"
2289
+ }
2290
+ },
2291
+ "border": {
2292
+ "rest": {
2293
+ "$extensions": {
2294
+ "com.figma.scopes": [
2295
+ "STROKE_COLOR"
2296
+ ]
2297
+ },
2298
+ "$type": "color",
2299
+ "$value": "{color.border.transparent.rest}"
2300
+ }
2301
+ },
2302
+ "content": {
2303
+ "rest": {
2304
+ "$extensions": {
2305
+ "com.figma.scopes": [
2306
+ "SHAPE_FILL",
2307
+ "TEXT_FILL"
2308
+ ]
2309
+ },
2310
+ "$type": "color",
2311
+ "$value": "{color.content.neutral.subdued.rest}"
2312
+ },
2313
+ "hovered": {
2314
+ "$extensions": {
2315
+ "com.figma.scopes": [
2316
+ "SHAPE_FILL",
2317
+ "TEXT_FILL"
2318
+ ]
2319
+ },
2320
+ "$type": "color",
2321
+ "$value": "{color.content.warning.default.hovered}"
2322
+ },
2323
+ "selected": {
2324
+ "$extensions": {
2325
+ "com.figma.scopes": [
2326
+ "SHAPE_FILL",
2327
+ "TEXT_FILL"
2328
+ ]
2329
+ },
2330
+ "$type": "color",
2331
+ "$value": "{color.content.warning.default.rest}"
2332
+ },
2333
+ "active": {
2334
+ "$extensions": {
2335
+ "com.figma.scopes": [
2336
+ "SHAPE_FILL",
2337
+ "TEXT_FILL"
2338
+ ]
2339
+ },
2340
+ "$type": "color",
2341
+ "$value": "{color.content.warning.default.active}"
2342
+ },
2343
+ "disabled": {
2344
+ "$extensions": {
2345
+ "com.figma.scopes": [
2346
+ "SHAPE_FILL",
2347
+ "TEXT_FILL"
2348
+ ]
2349
+ },
2350
+ "$type": "color",
2351
+ "$value": "{color.content.neutral.default.disabled}"
2352
+ }
2353
+ }
2354
+ },
2355
+ "inverted": {
2356
+ "border": {
2357
+ "rest": {
2358
+ "$extensions": {
2359
+ "com.figma.scopes": [
2360
+ "STROKE_COLOR"
2361
+ ]
2362
+ },
2363
+ "$type": "color",
2364
+ "$value": "{color.border.transparent.rest}"
2365
+ }
2366
+ },
2367
+ "content": {
2368
+ "disabled": {
2369
+ "$extensions": {
2370
+ "com.figma.scopes": [
2371
+ "SHAPE_FILL",
2372
+ "TEXT_FILL"
2373
+ ]
2374
+ },
2375
+ "$type": "color",
2376
+ "$value": "{color.content.neutral.default.inverted.disabled}"
2377
+ },
2378
+ "rest": {
2379
+ "$extensions": {
2380
+ "com.figma.scopes": [
2381
+ "SHAPE_FILL",
2382
+ "TEXT_FILL"
2383
+ ]
2384
+ },
2385
+ "$type": "color",
2386
+ "$value": "{color.content.neutral.default.inverted.rest}"
2387
+ }
2388
+ },
2389
+ "bg": {
2390
+ "hovered": {
2391
+ "$extensions": {
2392
+ "com.figma.scopes": [
2393
+ "FRAME_FILL"
2394
+ ]
2395
+ },
2396
+ "$type": "color",
2397
+ "$value": "{color.surface.neutral.default.inverted.hovered}"
2398
+ },
2399
+ "selected": {
2400
+ "$extensions": {
2401
+ "com.figma.scopes": [
2402
+ "FRAME_FILL"
2403
+ ]
2404
+ },
2405
+ "$type": "color",
2406
+ "$value": "{color.surface.neutral.default.inverted.selected}"
2407
+ },
2408
+ "rest": {
2409
+ "$extensions": {
2410
+ "com.figma.scopes": [
2411
+ "FRAME_FILL"
2412
+ ]
2413
+ },
2414
+ "$type": "color",
2415
+ "$value": "{color.surface.transparent.rest}"
2416
+ },
2417
+ "active": {
2418
+ "$extensions": {
2419
+ "com.figma.scopes": [
2420
+ "FRAME_FILL"
2421
+ ]
2422
+ },
2423
+ "$type": "color",
2424
+ "$value": "{color.surface.neutral.default.inverted.active}"
2425
+ }
2426
+ }
2427
+ },
2428
+ "info": {
2429
+ "content": {
2430
+ "selected": {
2431
+ "$extensions": {
2432
+ "com.figma.scopes": [
2433
+ "SHAPE_FILL",
2434
+ "TEXT_FILL"
2435
+ ]
2436
+ },
2437
+ "$type": "color",
2438
+ "$value": "{color.content.info.default.rest}"
2439
+ },
2440
+ "hovered": {
2441
+ "$extensions": {
2442
+ "com.figma.scopes": [
2443
+ "SHAPE_FILL",
2444
+ "TEXT_FILL"
2445
+ ]
2446
+ },
2447
+ "$type": "color",
2448
+ "$value": "{color.content.info.default.hovered}"
2449
+ },
2450
+ "disabled": {
2451
+ "$extensions": {
2452
+ "com.figma.scopes": [
2453
+ "SHAPE_FILL",
2454
+ "TEXT_FILL"
2455
+ ]
2456
+ },
2457
+ "$type": "color",
2458
+ "$value": "{color.content.neutral.default.disabled}"
2459
+ },
2460
+ "active": {
2461
+ "$extensions": {
2462
+ "com.figma.scopes": [
2463
+ "SHAPE_FILL",
2464
+ "TEXT_FILL"
2465
+ ]
2466
+ },
2467
+ "$type": "color",
2468
+ "$value": "{color.content.info.default.active}"
2469
+ },
2470
+ "rest": {
2471
+ "$extensions": {
2472
+ "com.figma.scopes": [
2473
+ "SHAPE_FILL",
2474
+ "TEXT_FILL"
2475
+ ]
2476
+ },
2477
+ "$type": "color",
2478
+ "$value": "{color.content.neutral.subdued.rest}"
2479
+ }
2480
+ },
2481
+ "bg": {
2482
+ "rest": {
2483
+ "$extensions": {
2484
+ "com.figma.scopes": [
2485
+ "FRAME_FILL"
2486
+ ]
2487
+ },
2488
+ "$type": "color",
2489
+ "$value": "{color.surface.transparent.rest}"
2490
+ },
2491
+ "hovered": {
2492
+ "$extensions": {
2493
+ "com.figma.scopes": [
2494
+ "FRAME_FILL"
2495
+ ]
2496
+ },
2497
+ "$type": "color",
2498
+ "$value": "{color.surface.neutral.default.hovered}"
2499
+ },
2500
+ "active": {
2501
+ "$extensions": {
2502
+ "com.figma.scopes": [
2503
+ "FRAME_FILL"
2504
+ ]
2505
+ },
2506
+ "$type": "color",
2507
+ "$value": "{color.surface.neutral.default.active}"
2508
+ },
2509
+ "selected": {
2510
+ "$extensions": {
2511
+ "com.figma.scopes": [
2512
+ "FRAME_FILL"
2513
+ ]
2514
+ },
2515
+ "$type": "color",
2516
+ "$value": "{color.surface.neutral.default.selected}"
2517
+ }
2518
+ },
2519
+ "border": {
2520
+ "rest": {
2521
+ "$extensions": {
2522
+ "com.figma.scopes": [
2523
+ "STROKE_COLOR"
2524
+ ]
2525
+ },
2526
+ "$type": "color",
2527
+ "$value": "{color.border.transparent.rest}"
2528
+ }
2529
+ }
2530
+ },
2531
+ "primary": {
2532
+ "content": {
2533
+ "hovered": {
2534
+ "$extensions": {
2535
+ "com.figma.scopes": [
2536
+ "SHAPE_FILL",
2537
+ "TEXT_FILL"
2538
+ ]
2539
+ },
2540
+ "$type": "color",
2541
+ "$value": "{color.content.primary.default.hovered}"
2542
+ },
2543
+ "active": {
2544
+ "$extensions": {
2545
+ "com.figma.scopes": [
2546
+ "SHAPE_FILL",
2547
+ "TEXT_FILL"
2548
+ ]
2549
+ },
2550
+ "$type": "color",
2551
+ "$value": "{color.content.primary.default.active}"
2552
+ },
2553
+ "selected": {
2554
+ "$extensions": {
2555
+ "com.figma.scopes": [
2556
+ "SHAPE_FILL",
2557
+ "TEXT_FILL"
2558
+ ]
2559
+ },
2560
+ "$type": "color",
2561
+ "$value": "{color.content.primary.default.rest}"
2562
+ },
2563
+ "rest": {
2564
+ "$extensions": {
2565
+ "com.figma.scopes": [
2566
+ "SHAPE_FILL",
2567
+ "TEXT_FILL"
2568
+ ]
2569
+ },
2570
+ "$type": "color",
2571
+ "$value": "{color.content.neutral.subdued.rest}"
2572
+ },
2573
+ "disabled": {
2574
+ "$extensions": {
2575
+ "com.figma.scopes": [
2576
+ "SHAPE_FILL",
2577
+ "TEXT_FILL"
2578
+ ]
2579
+ },
2580
+ "$type": "color",
2581
+ "$value": "{color.content.neutral.default.disabled}"
2582
+ }
2583
+ },
2584
+ "bg": {
2585
+ "hovered": {
2586
+ "$extensions": {
2587
+ "com.figma.scopes": [
2588
+ "FRAME_FILL"
2589
+ ]
2590
+ },
2591
+ "$type": "color",
2592
+ "$value": "{color.surface.neutral.default.hovered}"
2593
+ },
2594
+ "rest": {
2595
+ "$extensions": {
2596
+ "com.figma.scopes": [
2597
+ "FRAME_FILL"
2598
+ ]
2599
+ },
2600
+ "$type": "color",
2601
+ "$value": "{color.surface.transparent.rest}"
2602
+ },
2603
+ "selected": {
2604
+ "$extensions": {
2605
+ "com.figma.scopes": [
2606
+ "FRAME_FILL"
2607
+ ]
2608
+ },
2609
+ "$type": "color",
2610
+ "$value": "{color.surface.neutral.default.selected}"
2611
+ },
2612
+ "active": {
2613
+ "$extensions": {
2614
+ "com.figma.scopes": [
2615
+ "FRAME_FILL"
2616
+ ]
2617
+ },
2618
+ "$type": "color",
2619
+ "$value": "{color.surface.neutral.default.active}"
2620
+ }
2621
+ },
2622
+ "border": {
2623
+ "rest": {
2624
+ "$extensions": {
2625
+ "com.figma.scopes": [
2626
+ "STROKE_COLOR"
2627
+ ]
2628
+ },
2629
+ "$type": "color",
2630
+ "$value": "{color.border.transparent.rest}"
2631
+ }
2632
+ }
2633
+ },
2634
+ "secondary": {
2635
+ "bg": {
2636
+ "selected": {
2637
+ "$extensions": {
2638
+ "com.figma.scopes": [
2639
+ "FRAME_FILL"
2640
+ ]
2641
+ },
2642
+ "$type": "color",
2643
+ "$value": "{color.surface.neutral.default.selected}"
2644
+ },
2645
+ "rest": {
2646
+ "$extensions": {
2647
+ "com.figma.scopes": [
2648
+ "FRAME_FILL"
2649
+ ]
2650
+ },
2651
+ "$type": "color",
2652
+ "$value": "{color.surface.transparent.rest}"
2653
+ },
2654
+ "active": {
2655
+ "$extensions": {
2656
+ "com.figma.scopes": [
2657
+ "FRAME_FILL"
2658
+ ]
2659
+ },
2660
+ "$type": "color",
2661
+ "$value": "{color.surface.neutral.default.active}"
2662
+ },
2663
+ "hovered": {
2664
+ "$extensions": {
2665
+ "com.figma.scopes": [
2666
+ "FRAME_FILL"
2667
+ ]
2668
+ },
2669
+ "$type": "color",
2670
+ "$value": "{color.surface.neutral.default.hovered}"
2671
+ }
2672
+ },
2673
+ "content": {
2674
+ "disabled": {
2675
+ "$extensions": {
2676
+ "com.figma.scopes": [
2677
+ "SHAPE_FILL",
2678
+ "TEXT_FILL"
2679
+ ]
2680
+ },
2681
+ "$type": "color",
2682
+ "$value": "{color.content.neutral.default.disabled}"
2683
+ },
2684
+ "rest": {
2685
+ "$extensions": {
2686
+ "com.figma.scopes": [
2687
+ "SHAPE_FILL",
2688
+ "TEXT_FILL"
2689
+ ]
2690
+ },
2691
+ "$type": "color",
2692
+ "$value": "{color.content.neutral.subdued.rest}"
2693
+ },
2694
+ "hovered": {
2695
+ "$extensions": {
2696
+ "com.figma.scopes": [
2697
+ "SHAPE_FILL",
2698
+ "TEXT_FILL"
2699
+ ]
2700
+ },
2701
+ "$type": "color",
2702
+ "$value": "{color.content.neutral.subdued.hovered}"
2703
+ },
2704
+ "active": {
2705
+ "$extensions": {
2706
+ "com.figma.scopes": [
2707
+ "SHAPE_FILL",
2708
+ "TEXT_FILL"
2709
+ ]
2710
+ },
2711
+ "$type": "color",
2712
+ "$value": "{color.content.neutral.subdued.active}"
2713
+ },
2714
+ "selected": {
2715
+ "$extensions": {
2716
+ "com.figma.scopes": [
2717
+ "SHAPE_FILL",
2718
+ "TEXT_FILL"
2719
+ ]
2720
+ },
2721
+ "$type": "color",
2722
+ "$value": "{color.content.neutral.subdued.selected}"
2723
+ }
2724
+ },
2725
+ "border": {
2726
+ "rest": {
2727
+ "$extensions": {
2728
+ "com.figma.scopes": [
2729
+ "STROKE_COLOR"
2730
+ ]
2731
+ },
2732
+ "$type": "color",
2733
+ "$value": "{color.border.transparent.rest}"
2734
+ }
2735
+ }
2736
+ },
2737
+ "danger": {
2738
+ "content": {
2739
+ "disabled": {
2740
+ "$extensions": {
2741
+ "com.figma.scopes": [
2742
+ "SHAPE_FILL",
2743
+ "TEXT_FILL"
2744
+ ]
2745
+ },
2746
+ "$type": "color",
2747
+ "$value": "{color.content.neutral.default.disabled}"
2748
+ },
2749
+ "selected": {
2750
+ "$extensions": {
2751
+ "com.figma.scopes": [
2752
+ "SHAPE_FILL",
2753
+ "TEXT_FILL"
2754
+ ]
2755
+ },
2756
+ "$type": "color",
2757
+ "$value": "{color.content.danger.default.rest}"
2758
+ },
2759
+ "hovered": {
2760
+ "$extensions": {
2761
+ "com.figma.scopes": [
2762
+ "SHAPE_FILL",
2763
+ "TEXT_FILL"
2764
+ ]
2765
+ },
2766
+ "$type": "color",
2767
+ "$value": "{color.content.danger.default.hovered}"
2768
+ },
2769
+ "rest": {
2770
+ "$extensions": {
2771
+ "com.figma.scopes": [
2772
+ "SHAPE_FILL",
2773
+ "TEXT_FILL"
2774
+ ]
2775
+ },
2776
+ "$type": "color",
2777
+ "$value": "{color.content.neutral.subdued.rest}"
2778
+ },
2779
+ "active": {
2780
+ "$extensions": {
2781
+ "com.figma.scopes": [
2782
+ "SHAPE_FILL",
2783
+ "TEXT_FILL"
2784
+ ]
2785
+ },
2786
+ "$type": "color",
2787
+ "$value": "{color.content.danger.default.active}"
2788
+ }
2789
+ },
2790
+ "bg": {
2791
+ "selected": {
2792
+ "$extensions": {
2793
+ "com.figma.scopes": [
2794
+ "FRAME_FILL"
2795
+ ]
2796
+ },
2797
+ "$type": "color",
2798
+ "$value": "{color.surface.neutral.default.selected}"
2799
+ },
2800
+ "active": {
2801
+ "$extensions": {
2802
+ "com.figma.scopes": [
2803
+ "FRAME_FILL"
2804
+ ]
2805
+ },
2806
+ "$type": "color",
2807
+ "$value": "{color.surface.neutral.default.active}"
2808
+ },
2809
+ "hovered": {
2810
+ "$extensions": {
2811
+ "com.figma.scopes": [
2812
+ "FRAME_FILL"
2813
+ ]
2814
+ },
2815
+ "$type": "color",
2816
+ "$value": "{color.surface.neutral.default.hovered}"
2817
+ },
2818
+ "rest": {
2819
+ "$extensions": {
2820
+ "com.figma.scopes": [
2821
+ "FRAME_FILL"
2822
+ ]
2823
+ },
2824
+ "$type": "color",
2825
+ "$value": "{color.surface.transparent.rest}"
2826
+ }
2827
+ },
2828
+ "border": {
2829
+ "rest": {
2830
+ "$extensions": {
2831
+ "com.figma.scopes": [
2832
+ "STROKE_COLOR"
2833
+ ]
2834
+ },
2835
+ "$type": "color",
2836
+ "$value": "{color.border.transparent.rest}"
2837
+ }
2838
+ }
2839
+ },
2840
+ "success": {
2841
+ "bg": {
2842
+ "selected": {
2843
+ "$extensions": {
2844
+ "com.figma.scopes": [
2845
+ "FRAME_FILL"
2846
+ ]
2847
+ },
2848
+ "$type": "color",
2849
+ "$value": "{color.surface.neutral.default.selected}"
2850
+ },
2851
+ "rest": {
2852
+ "$extensions": {
2853
+ "com.figma.scopes": [
2854
+ "FRAME_FILL"
2855
+ ]
2856
+ },
2857
+ "$type": "color",
2858
+ "$value": "{color.surface.transparent.rest}"
2859
+ },
2860
+ "active": {
2861
+ "$extensions": {
2862
+ "com.figma.scopes": [
2863
+ "FRAME_FILL"
2864
+ ]
2865
+ },
2866
+ "$type": "color",
2867
+ "$value": "{color.surface.neutral.default.active}"
2868
+ },
2869
+ "hovered": {
2870
+ "$extensions": {
2871
+ "com.figma.scopes": [
2872
+ "FRAME_FILL"
2873
+ ]
2874
+ },
2875
+ "$type": "color",
2876
+ "$value": "{color.surface.neutral.default.hovered}"
2877
+ }
2878
+ },
2879
+ "content": {
2880
+ "disabled": {
2881
+ "$extensions": {
2882
+ "com.figma.scopes": [
2883
+ "SHAPE_FILL",
2884
+ "TEXT_FILL"
2885
+ ]
2886
+ },
2887
+ "$type": "color",
2888
+ "$value": "{color.content.neutral.default.disabled}"
2889
+ },
2890
+ "selected": {
2891
+ "$extensions": {
2892
+ "com.figma.scopes": [
2893
+ "SHAPE_FILL",
2894
+ "TEXT_FILL"
2895
+ ]
2896
+ },
2897
+ "$type": "color",
2898
+ "$value": "{color.content.success.default.rest}"
2899
+ },
2900
+ "hovered": {
2901
+ "$extensions": {
2902
+ "com.figma.scopes": [
2903
+ "SHAPE_FILL",
2904
+ "TEXT_FILL"
2905
+ ]
2906
+ },
2907
+ "$type": "color",
2908
+ "$value": "{color.content.success.default.hovered}"
2909
+ },
2910
+ "rest": {
2911
+ "$extensions": {
2912
+ "com.figma.scopes": [
2913
+ "SHAPE_FILL",
2914
+ "TEXT_FILL"
2915
+ ]
2916
+ },
2917
+ "$type": "color",
2918
+ "$value": "{color.content.neutral.subdued.rest}"
2919
+ },
2920
+ "active": {
2921
+ "$extensions": {
2922
+ "com.figma.scopes": [
2923
+ "SHAPE_FILL",
2924
+ "TEXT_FILL"
2925
+ ]
2926
+ },
2927
+ "$type": "color",
2928
+ "$value": "{color.content.success.default.active}"
2929
+ }
2930
+ },
2931
+ "border": {
2932
+ "rest": {
2933
+ "$extensions": {
2934
+ "com.figma.scopes": [
2935
+ "STROKE_COLOR"
2936
+ ]
2937
+ },
2938
+ "$type": "color",
2939
+ "$value": "{color.border.transparent.rest}"
2940
+ }
2941
+ }
2942
+ }
2943
+ },
2944
+ "link": {
2945
+ "content": {
2946
+ "active": {
2947
+ "$extensions": {
2948
+ "com.figma.scopes": [
2949
+ "SHAPE_FILL",
2950
+ "TEXT_FILL"
2951
+ ]
2952
+ },
2953
+ "$type": "color",
2954
+ "$value": "{color.content.primary.default.active}"
2955
+ },
2956
+ "selected": {
2957
+ "$extensions": {
2958
+ "com.figma.scopes": [
2959
+ "SHAPE_FILL",
2960
+ "TEXT_FILL"
2961
+ ]
2962
+ },
2963
+ "$type": "color",
2964
+ "$value": "{color.content.primary.default.rest}"
2965
+ },
2966
+ "disabled": {
2967
+ "$extensions": {
2968
+ "com.figma.scopes": [
2969
+ "SHAPE_FILL",
2970
+ "TEXT_FILL"
2971
+ ]
2972
+ },
2973
+ "$type": "color",
2974
+ "$value": "{color.content.neutral.default.disabled}"
2975
+ },
2976
+ "rest": {
2977
+ "$extensions": {
2978
+ "com.figma.scopes": [
2979
+ "SHAPE_FILL",
2980
+ "TEXT_FILL"
2981
+ ]
2982
+ },
2983
+ "$type": "color",
2984
+ "$value": "{color.content.neutral.default.rest}"
2985
+ },
2986
+ "hovered": {
2987
+ "$extensions": {
2988
+ "com.figma.scopes": [
2989
+ "SHAPE_FILL",
2990
+ "TEXT_FILL"
2991
+ ]
2992
+ },
2993
+ "$type": "color",
2994
+ "$value": "{color.content.primary.default.hovered}"
2995
+ }
2996
+ },
2997
+ "bg": {
2998
+ "rest": {
2999
+ "$extensions": {
3000
+ "com.figma.scopes": [
3001
+ "FRAME_FILL"
3002
+ ]
3003
+ },
3004
+ "$type": "color",
3005
+ "$value": "{color.surface.transparent.rest}"
3006
+ }
3007
+ },
3008
+ "border": {
3009
+ "rest": {
3010
+ "$extensions": {
3011
+ "com.figma.scopes": [
3012
+ "STROKE_COLOR"
3013
+ ]
3014
+ },
3015
+ "$type": "color",
3016
+ "$value": "{color.border.transparent.rest}"
3017
+ }
3018
+ }
3019
+ },
3020
+ "none": {
3021
+ "bg": {
3022
+ "rest": {
3023
+ "$extensions": {
3024
+ "com.figma.scopes": [
3025
+ "FRAME_FILL"
3026
+ ]
3027
+ },
3028
+ "$type": "color",
3029
+ "$value": "{color.surface.transparent.rest}"
3030
+ }
3031
+ },
3032
+ "content": {
3033
+ "disabled": {
3034
+ "$extensions": {
3035
+ "com.figma.scopes": [
3036
+ "SHAPE_FILL",
3037
+ "TEXT_FILL"
3038
+ ]
3039
+ },
3040
+ "$type": "color",
3041
+ "$value": "{color.content.neutral.default.disabled}"
3042
+ },
3043
+ "rest": {
3044
+ "$extensions": {
3045
+ "com.figma.scopes": [
3046
+ "SHAPE_FILL",
3047
+ "TEXT_FILL"
3048
+ ]
3049
+ },
3050
+ "$type": "color",
3051
+ "$value": "{color.content.neutral.default.rest}"
3052
+ }
3053
+ },
3054
+ "border": {
3055
+ "rest": {
3056
+ "$extensions": {
3057
+ "com.figma.scopes": [
3058
+ "STROKE_COLOR"
3059
+ ]
3060
+ },
3061
+ "$type": "color",
3062
+ "$value": "{color.border.transparent.rest}"
3063
+ }
3064
+ }
3065
+ }
3066
+ }
3067
+ }
3068
+ }