@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
package/tokens/components/web/treeview/fluent.json ADDED
@@ -0,0 +1,2409 @@
1
+ {
2
+ "treeview": {
3
+ "item": {
4
+ "color": {
5
+ "text": {
6
+ "disabled": {
7
+ "bg": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "ALL_FILLS"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.surface.transparent.rest}"
15
+ },
16
+ "icon": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "ALL_FILLS"
20
+ ]
21
+ },
22
+ "$type": "color",
23
+ "$value": "{color.content.neutral.subdued.disabled}"
24
+ },
25
+ "text": {
26
+ "$extensions": {
27
+ "com.figma.scopes": [
28
+ "ALL_FILLS"
29
+ ]
30
+ },
31
+ "$type": "color",
32
+ "$value": "{color.content.neutral.subdued.disabled}"
33
+ }
34
+ },
35
+ "focused": {
36
+ "icon": {
37
+ "$extensions": {
38
+ "com.figma.scopes": [
39
+ "ALL_FILLS"
40
+ ]
41
+ },
42
+ "$type": "color",
43
+ "$value": "{color.content.neutral.subdued.rest}"
44
+ },
45
+ "frame": {
46
+ "$extensions": {
47
+ "com.figma.scopes": [
48
+ "STROKE_COLOR"
49
+ ]
50
+ },
51
+ "$type": "color",
52
+ "$value": "{color.border.focus.default}"
53
+ },
54
+ "bg": {
55
+ "$extensions": {
56
+ "com.figma.scopes": [
57
+ "ALL_FILLS"
58
+ ]
59
+ },
60
+ "$type": "color",
61
+ "$value": "{color.surface.transparent.rest}"
62
+ },
63
+ "text": {
64
+ "$extensions": {
65
+ "com.figma.scopes": [
66
+ "ALL_FILLS"
67
+ ]
68
+ },
69
+ "$type": "color",
70
+ "$value": "{color.content.neutral.subdued.rest}"
71
+ }
72
+ },
73
+ "hovered": {
74
+ "text": {
75
+ "$extensions": {
76
+ "com.figma.scopes": [
77
+ "ALL_FILLS"
78
+ ]
79
+ },
80
+ "$type": "color",
81
+ "$value": "{color.content.neutral.subdued.hovered}"
82
+ },
83
+ "bg": {
84
+ "$extensions": {
85
+ "com.figma.scopes": [
86
+ "ALL_FILLS"
87
+ ]
88
+ },
89
+ "$type": "color",
90
+ "$value": "{color.surface.neutral.default.hovered}"
91
+ },
92
+ "icon": {
93
+ "$extensions": {
94
+ "com.figma.scopes": [
95
+ "ALL_FILLS"
96
+ ]
97
+ },
98
+ "$type": "color",
99
+ "$value": "{color.content.neutral.subdued.hovered}"
100
+ }
101
+ },
102
+ "selected-focused": {
103
+ "icon": {
104
+ "$extensions": {
105
+ "com.figma.scopes": [
106
+ "ALL_FILLS"
107
+ ]
108
+ },
109
+ "$type": "color",
110
+ "$value": "{color.content.neutral.subdued.selected}"
111
+ },
112
+ "frame": {
113
+ "$extensions": {
114
+ "com.figma.scopes": [
115
+ "STROKE_COLOR"
116
+ ]
117
+ },
118
+ "$type": "color",
119
+ "$value": "{color.border.focus.default}"
120
+ },
121
+ "bg": {
122
+ "$extensions": {
123
+ "com.figma.scopes": [
124
+ "ALL_FILLS"
125
+ ]
126
+ },
127
+ "$type": "color",
128
+ "$value": "{color.surface.neutral.default.selected}"
129
+ },
130
+ "text": {
131
+ "$extensions": {
132
+ "com.figma.scopes": [
133
+ "ALL_FILLS"
134
+ ]
135
+ },
136
+ "$type": "color",
137
+ "$value": "{color.content.neutral.subdued.selected}"
138
+ }
139
+ },
140
+ "normal": {
141
+ "text": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "ALL_FILLS"
145
+ ]
146
+ },
147
+ "$type": "color",
148
+ "$value": "{color.content.neutral.subdued.rest}"
149
+ },
150
+ "icon": {
151
+ "$extensions": {
152
+ "com.figma.scopes": [
153
+ "ALL_FILLS"
154
+ ]
155
+ },
156
+ "$type": "color",
157
+ "$value": "{color.content.neutral.subdued.rest}"
158
+ },
159
+ "bg": {
160
+ "$extensions": {
161
+ "com.figma.scopes": [
162
+ "ALL_FILLS"
163
+ ]
164
+ },
165
+ "$type": "color",
166
+ "$value": "{color.surface.transparent.rest}"
167
+ }
168
+ },
169
+ "active-focused": {
170
+ "frame": {
171
+ "$extensions": {
172
+ "com.figma.scopes": [
173
+ "STROKE_COLOR"
174
+ ]
175
+ },
176
+ "$type": "color",
177
+ "$value": "{color.border.focus.default}"
178
+ },
179
+ "icon": {
180
+ "$extensions": {
181
+ "com.figma.scopes": [
182
+ "ALL_FILLS"
183
+ ]
184
+ },
185
+ "$type": "color",
186
+ "$value": "{color.content.neutral.default.static-dark.rest}"
187
+ },
188
+ "bg": {
189
+ "$extensions": {
190
+ "com.figma.scopes": [
191
+ "ALL_FILLS"
192
+ ]
193
+ },
194
+ "$type": "color",
195
+ "$value": "{color.surface.primary.default.rest}"
196
+ },
197
+ "text": {
198
+ "$extensions": {
199
+ "com.figma.scopes": [
200
+ "ALL_FILLS"
201
+ ]
202
+ },
203
+ "$type": "color",
204
+ "$value": "{color.content.neutral.default.static-dark.rest}"
205
+ }
206
+ },
207
+ "active": {
208
+ "text": {
209
+ "$extensions": {
210
+ "com.figma.scopes": [
211
+ "ALL_FILLS"
212
+ ]
213
+ },
214
+ "$type": "color",
215
+ "$value": "{color.content.neutral.default.static-dark.rest}"
216
+ },
217
+ "icon": {
218
+ "$extensions": {
219
+ "com.figma.scopes": [
220
+ "ALL_FILLS"
221
+ ]
222
+ },
223
+ "$type": "color",
224
+ "$value": "{color.content.neutral.default.static-dark.rest}"
225
+ },
226
+ "bg": {
227
+ "$extensions": {
228
+ "com.figma.scopes": [
229
+ "ALL_FILLS"
230
+ ]
231
+ },
232
+ "$type": "color",
233
+ "$value": "{color.surface.primary.default.rest}"
234
+ }
235
+ },
236
+ "selected": {
237
+ "text": {
238
+ "$extensions": {
239
+ "com.figma.scopes": [
240
+ "ALL_FILLS"
241
+ ]
242
+ },
243
+ "$type": "color",
244
+ "$value": "{color.content.neutral.subdued.selected}"
245
+ },
246
+ "icon": {
247
+ "$extensions": {
248
+ "com.figma.scopes": [
249
+ "ALL_FILLS"
250
+ ]
251
+ },
252
+ "$type": "color",
253
+ "$value": "{color.content.neutral.subdued.selected}"
254
+ },
255
+ "bg": {
256
+ "$extensions": {
257
+ "com.figma.scopes": [
258
+ "ALL_FILLS"
259
+ ]
260
+ },
261
+ "$type": "color",
262
+ "$value": "{color.surface.neutral.default.selected}"
263
+ }
264
+ }
265
+ },
266
+ "link": {
267
+ "focused": {
268
+ "text": {
269
+ "$extensions": {
270
+ "com.figma.scopes": [
271
+ "ALL_FILLS"
272
+ ]
273
+ },
274
+ "$type": "color",
275
+ "$value": "{color.content.neutral.subdued.rest}"
276
+ },
277
+ "icon": {
278
+ "$extensions": {
279
+ "com.figma.scopes": [
280
+ "ALL_FILLS"
281
+ ]
282
+ },
283
+ "$type": "color",
284
+ "$value": "{color.content.neutral.subdued.rest}"
285
+ },
286
+ "frame": {
287
+ "$extensions": {
288
+ "com.figma.scopes": [
289
+ "STROKE_COLOR"
290
+ ]
291
+ },
292
+ "$type": "color",
293
+ "$value": "{color.border.focus.default}"
294
+ },
295
+ "bg": {
296
+ "$extensions": {
297
+ "com.figma.scopes": [
298
+ "ALL_FILLS"
299
+ ]
300
+ },
301
+ "$type": "color",
302
+ "$value": "{color.surface.transparent.rest}"
303
+ }
304
+ },
305
+ "normal": {
306
+ "text": {
307
+ "$extensions": {
308
+ "com.figma.scopes": [
309
+ "ALL_FILLS"
310
+ ]
311
+ },
312
+ "$type": "color",
313
+ "$value": "{color.content.neutral.subdued.rest}"
314
+ },
315
+ "bg": {
316
+ "$extensions": {
317
+ "com.figma.scopes": [
318
+ "ALL_FILLS"
319
+ ]
320
+ },
321
+ "$type": "color",
322
+ "$value": "{color.surface.transparent.rest}"
323
+ },
324
+ "icon": {
325
+ "$extensions": {
326
+ "com.figma.scopes": [
327
+ "ALL_FILLS"
328
+ ]
329
+ },
330
+ "$type": "color",
331
+ "$value": "{color.content.neutral.subdued.rest}"
332
+ }
333
+ },
334
+ "active-focused": {
335
+ "text": {
336
+ "$extensions": {
337
+ "com.figma.scopes": [
338
+ "ALL_FILLS"
339
+ ]
340
+ },
341
+ "$type": "color",
342
+ "$value": "{color.content.neutral.default.static-dark.rest}"
343
+ },
344
+ "bg": {
345
+ "$extensions": {
346
+ "com.figma.scopes": [
347
+ "ALL_FILLS"
348
+ ]
349
+ },
350
+ "$type": "color",
351
+ "$value": "{color.surface.primary.default.rest}"
352
+ },
353
+ "frame": {
354
+ "$extensions": {
355
+ "com.figma.scopes": [
356
+ "STROKE_COLOR"
357
+ ]
358
+ },
359
+ "$type": "color",
360
+ "$value": "{color.border.focus.default}"
361
+ },
362
+ "icon": {
363
+ "$extensions": {
364
+ "com.figma.scopes": [
365
+ "ALL_FILLS"
366
+ ]
367
+ },
368
+ "$type": "color",
369
+ "$value": "{color.content.neutral.default.static-dark.rest}"
370
+ }
371
+ },
372
+ "selected": {
373
+ "text": {
374
+ "$extensions": {
375
+ "com.figma.scopes": [
376
+ "ALL_FILLS"
377
+ ]
378
+ },
379
+ "$type": "color",
380
+ "$value": "{color.content.neutral.subdued.selected}"
381
+ },
382
+ "bg": {
383
+ "$extensions": {
384
+ "com.figma.scopes": [
385
+ "ALL_FILLS"
386
+ ]
387
+ },
388
+ "$type": "color",
389
+ "$value": "{color.surface.neutral.default.selected}"
390
+ },
391
+ "icon": {
392
+ "$extensions": {
393
+ "com.figma.scopes": [
394
+ "ALL_FILLS"
395
+ ]
396
+ },
397
+ "$type": "color",
398
+ "$value": "{color.content.neutral.subdued.selected}"
399
+ }
400
+ },
401
+ "selected-focused": {
402
+ "bg": {
403
+ "$extensions": {
404
+ "com.figma.scopes": [
405
+ "ALL_FILLS"
406
+ ]
407
+ },
408
+ "$type": "color",
409
+ "$value": "{color.surface.neutral.default.selected}"
410
+ },
411
+ "text": {
412
+ "$extensions": {
413
+ "com.figma.scopes": [
414
+ "ALL_FILLS"
415
+ ]
416
+ },
417
+ "$type": "color",
418
+ "$value": "{color.content.neutral.subdued.selected}"
419
+ },
420
+ "icon": {
421
+ "$extensions": {
422
+ "com.figma.scopes": [
423
+ "ALL_FILLS"
424
+ ]
425
+ },
426
+ "$type": "color",
427
+ "$value": "{color.content.neutral.subdued.selected}"
428
+ },
429
+ "frame": {
430
+ "$extensions": {
431
+ "com.figma.scopes": [
432
+ "STROKE_COLOR"
433
+ ]
434
+ },
435
+ "$type": "color",
436
+ "$value": "{color.border.focus.default}"
437
+ }
438
+ },
439
+ "hovered": {
440
+ "icon": {
441
+ "$extensions": {
442
+ "com.figma.scopes": [
443
+ "ALL_FILLS"
444
+ ]
445
+ },
446
+ "$type": "color",
447
+ "$value": "{color.content.neutral.subdued.hovered}"
448
+ },
449
+ "text": {
450
+ "$extensions": {
451
+ "com.figma.scopes": [
452
+ "ALL_FILLS"
453
+ ]
454
+ },
455
+ "$type": "color",
456
+ "$value": "{color.content.neutral.subdued.hovered}"
457
+ },
458
+ "bg": {
459
+ "$extensions": {
460
+ "com.figma.scopes": [
461
+ "ALL_FILLS"
462
+ ]
463
+ },
464
+ "$type": "color",
465
+ "$value": "{color.surface.neutral.default.hovered}"
466
+ }
467
+ },
468
+ "active": {
469
+ "icon": {
470
+ "$extensions": {
471
+ "com.figma.scopes": [
472
+ "ALL_FILLS"
473
+ ]
474
+ },
475
+ "$type": "color",
476
+ "$value": "{color.content.neutral.default.static-dark.rest}"
477
+ },
478
+ "text": {
479
+ "$extensions": {
480
+ "com.figma.scopes": [
481
+ "ALL_FILLS"
482
+ ]
483
+ },
484
+ "$type": "color",
485
+ "$value": "{color.content.neutral.default.static-dark.rest}"
486
+ },
487
+ "bg": {
488
+ "$extensions": {
489
+ "com.figma.scopes": [
490
+ "ALL_FILLS"
491
+ ]
492
+ },
493
+ "$type": "color",
494
+ "$value": "{color.surface.primary.default.rest}"
495
+ }
496
+ },
497
+ "disabled": {
498
+ "icon": {
499
+ "$extensions": {
500
+ "com.figma.scopes": [
501
+ "ALL_FILLS"
502
+ ]
503
+ },
504
+ "$type": "color",
505
+ "$value": "{color.content.neutral.subdued.disabled}"
506
+ },
507
+ "text": {
508
+ "$extensions": {
509
+ "com.figma.scopes": [
510
+ "ALL_FILLS"
511
+ ]
512
+ },
513
+ "$type": "color",
514
+ "$value": "{color.content.neutral.subdued.disabled}"
515
+ },
516
+ "bg": {
517
+ "$extensions": {
518
+ "com.figma.scopes": [
519
+ "ALL_FILLS"
520
+ ]
521
+ },
522
+ "$type": "color",
523
+ "$value": "{color.surface.transparent.rest}"
524
+ }
525
+ }
526
+ },
527
+ "text+separator": {
528
+ "hovered": {
529
+ "border": {
530
+ "$extensions": {
531
+ "com.figma.scopes": [
532
+ "STROKE_COLOR"
533
+ ]
534
+ },
535
+ "$type": "color",
536
+ "$value": "{color.border.neutral.default.rest}"
537
+ },
538
+ "text": {
539
+ "$extensions": {
540
+ "com.figma.scopes": [
541
+ "ALL_FILLS"
542
+ ]
543
+ },
544
+ "$type": "color",
545
+ "$value": "{color.content.neutral.subdued.hovered}"
546
+ },
547
+ "icon": {
548
+ "$extensions": {
549
+ "com.figma.scopes": [
550
+ "ALL_FILLS"
551
+ ]
552
+ },
553
+ "$type": "color",
554
+ "$value": "{color.content.neutral.subdued.hovered}"
555
+ },
556
+ "bg": {
557
+ "$extensions": {
558
+ "com.figma.scopes": [
559
+ "ALL_FILLS"
560
+ ]
561
+ },
562
+ "$type": "color",
563
+ "$value": "{color.surface.neutral.default.hovered}"
564
+ }
565
+ },
566
+ "active-focused": {
567
+ "icon": {
568
+ "$extensions": {
569
+ "com.figma.scopes": [
570
+ "ALL_FILLS"
571
+ ]
572
+ },
573
+ "$type": "color",
574
+ "$value": "{color.content.neutral.default.static-dark.rest}"
575
+ },
576
+ "text": {
577
+ "$extensions": {
578
+ "com.figma.scopes": [
579
+ "ALL_FILLS"
580
+ ]
581
+ },
582
+ "$type": "color",
583
+ "$value": "{color.content.neutral.default.static-dark.rest}"
584
+ },
585
+ "bg": {
586
+ "$extensions": {
587
+ "com.figma.scopes": [
588
+ "ALL_FILLS"
589
+ ]
590
+ },
591
+ "$type": "color",
592
+ "$value": "{color.surface.primary.default.rest}"
593
+ },
594
+ "border": {
595
+ "$extensions": {
596
+ "com.figma.scopes": [
597
+ "STROKE_COLOR"
598
+ ]
599
+ },
600
+ "$type": "color",
601
+ "$value": "{color.border.neutral.default.rest}"
602
+ },
603
+ "frame": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "STROKE_COLOR"
607
+ ]
608
+ },
609
+ "$type": "color",
610
+ "$value": "{color.border.focus.default}"
611
+ }
612
+ },
613
+ "selected-focused": {
614
+ "frame": {
615
+ "$extensions": {
616
+ "com.figma.scopes": [
617
+ "STROKE_COLOR"
618
+ ]
619
+ },
620
+ "$type": "color",
621
+ "$value": "{color.border.focus.default}"
622
+ },
623
+ "border": {
624
+ "$extensions": {
625
+ "com.figma.scopes": [
626
+ "STROKE_COLOR"
627
+ ]
628
+ },
629
+ "$type": "color",
630
+ "$value": "{color.border.neutral.default.rest}"
631
+ },
632
+ "bg": {
633
+ "$extensions": {
634
+ "com.figma.scopes": [
635
+ "ALL_FILLS"
636
+ ]
637
+ },
638
+ "$type": "color",
639
+ "$value": "{color.surface.neutral.default.selected}"
640
+ },
641
+ "text": {
642
+ "$extensions": {
643
+ "com.figma.scopes": [
644
+ "ALL_FILLS"
645
+ ]
646
+ },
647
+ "$type": "color",
648
+ "$value": "{color.content.neutral.subdued.selected}"
649
+ },
650
+ "icon": {
651
+ "$extensions": {
652
+ "com.figma.scopes": [
653
+ "ALL_FILLS"
654
+ ]
655
+ },
656
+ "$type": "color",
657
+ "$value": "{color.content.neutral.subdued.selected}"
658
+ }
659
+ },
660
+ "active": {
661
+ "text": {
662
+ "$extensions": {
663
+ "com.figma.scopes": [
664
+ "ALL_FILLS"
665
+ ]
666
+ },
667
+ "$type": "color",
668
+ "$value": "{color.content.neutral.default.static-dark.rest}"
669
+ },
670
+ "bg": {
671
+ "$extensions": {
672
+ "com.figma.scopes": [
673
+ "ALL_FILLS"
674
+ ]
675
+ },
676
+ "$type": "color",
677
+ "$value": "{color.surface.primary.default.rest}"
678
+ },
679
+ "icon": {
680
+ "$extensions": {
681
+ "com.figma.scopes": [
682
+ "ALL_FILLS"
683
+ ]
684
+ },
685
+ "$type": "color",
686
+ "$value": "{color.content.neutral.default.static-dark.rest}"
687
+ },
688
+ "border": {
689
+ "$extensions": {
690
+ "com.figma.scopes": [
691
+ "STROKE_COLOR"
692
+ ]
693
+ },
694
+ "$type": "color",
695
+ "$value": "{color.border.neutral.default.rest}"
696
+ }
697
+ },
698
+ "normal": {
699
+ "bg": {
700
+ "$extensions": {
701
+ "com.figma.scopes": [
702
+ "ALL_FILLS"
703
+ ]
704
+ },
705
+ "$type": "color",
706
+ "$value": "{color.surface.transparent.rest}"
707
+ },
708
+ "border": {
709
+ "$extensions": {
710
+ "com.figma.scopes": [
711
+ "STROKE_COLOR"
712
+ ]
713
+ },
714
+ "$type": "color",
715
+ "$value": "{color.border.neutral.default.rest}"
716
+ },
717
+ "icon": {
718
+ "$extensions": {
719
+ "com.figma.scopes": [
720
+ "ALL_FILLS"
721
+ ]
722
+ },
723
+ "$type": "color",
724
+ "$value": "{color.content.neutral.subdued.rest}"
725
+ },
726
+ "text": {
727
+ "$extensions": {
728
+ "com.figma.scopes": [
729
+ "ALL_FILLS"
730
+ ]
731
+ },
732
+ "$type": "color",
733
+ "$value": "{color.content.neutral.subdued.rest}"
734
+ }
735
+ },
736
+ "focused": {
737
+ "bg": {
738
+ "$extensions": {
739
+ "com.figma.scopes": [
740
+ "ALL_FILLS"
741
+ ]
742
+ },
743
+ "$type": "color",
744
+ "$value": "{color.surface.transparent.rest}"
745
+ },
746
+ "icon": {
747
+ "$extensions": {
748
+ "com.figma.scopes": [
749
+ "ALL_FILLS"
750
+ ]
751
+ },
752
+ "$type": "color",
753
+ "$value": "{color.content.neutral.subdued.rest}"
754
+ },
755
+ "frame": {
756
+ "$extensions": {
757
+ "com.figma.scopes": [
758
+ "STROKE_COLOR"
759
+ ]
760
+ },
761
+ "$type": "color",
762
+ "$value": "{color.border.focus.default}"
763
+ },
764
+ "border": {
765
+ "$extensions": {
766
+ "com.figma.scopes": [
767
+ "STROKE_COLOR"
768
+ ]
769
+ },
770
+ "$type": "color",
771
+ "$value": "{color.border.neutral.default.rest}"
772
+ },
773
+ "text": {
774
+ "$extensions": {
775
+ "com.figma.scopes": [
776
+ "ALL_FILLS"
777
+ ]
778
+ },
779
+ "$type": "color",
780
+ "$value": "{color.content.neutral.subdued.rest}"
781
+ }
782
+ },
783
+ "selected": {
784
+ "text": {
785
+ "$extensions": {
786
+ "com.figma.scopes": [
787
+ "ALL_FILLS"
788
+ ]
789
+ },
790
+ "$type": "color",
791
+ "$value": "{color.content.neutral.subdued.selected}"
792
+ },
793
+ "icon": {
794
+ "$extensions": {
795
+ "com.figma.scopes": [
796
+ "ALL_FILLS"
797
+ ]
798
+ },
799
+ "$type": "color",
800
+ "$value": "{color.content.neutral.subdued.selected}"
801
+ },
802
+ "bg": {
803
+ "$extensions": {
804
+ "com.figma.scopes": [
805
+ "ALL_FILLS"
806
+ ]
807
+ },
808
+ "$type": "color",
809
+ "$value": "{color.surface.neutral.default.selected}"
810
+ },
811
+ "border": {
812
+ "$extensions": {
813
+ "com.figma.scopes": [
814
+ "STROKE_COLOR"
815
+ ]
816
+ },
817
+ "$type": "color",
818
+ "$value": "{color.border.neutral.default.rest}"
819
+ }
820
+ },
821
+ "disabled": {
822
+ "border": {
823
+ "$extensions": {
824
+ "com.figma.scopes": [
825
+ "STROKE_COLOR"
826
+ ]
827
+ },
828
+ "$type": "color",
829
+ "$value": "{color.border.neutral.default.rest}"
830
+ },
831
+ "bg": {
832
+ "$extensions": {
833
+ "com.figma.scopes": [
834
+ "ALL_FILLS"
835
+ ]
836
+ },
837
+ "$type": "color",
838
+ "$value": "{color.surface.transparent.rest}"
839
+ },
840
+ "text": {
841
+ "$extensions": {
842
+ "com.figma.scopes": [
843
+ "ALL_FILLS"
844
+ ]
845
+ },
846
+ "$type": "color",
847
+ "$value": "{color.content.neutral.subdued.disabled}"
848
+ },
849
+ "icon": {
850
+ "$extensions": {
851
+ "com.figma.scopes": [
852
+ "ALL_FILLS"
853
+ ]
854
+ },
855
+ "$type": "color",
856
+ "$value": "{color.content.neutral.subdued.disabled}"
857
+ }
858
+ }
859
+ }
860
+ },
861
+ "typography": {
862
+ "medium": {
863
+ "font-family": {
864
+ "$extensions": {
865
+ "com.figma.scopes": [
866
+ "FONT_FAMILY"
867
+ ]
868
+ },
869
+ "$type": "text",
870
+ "$value": "{font-family.sans-serif}"
871
+ },
872
+ "line-height": {
873
+ "$extensions": {
874
+ "com.figma.scopes": [
875
+ "LINE_HEIGHT"
876
+ ]
877
+ },
878
+ "$type": "number",
879
+ "$value": "{line-height.body-1}"
880
+ },
881
+ "font-weight": {
882
+ "$extensions": {
883
+ "com.figma.scopes": [
884
+ "FONT_WEIGHT"
885
+ ]
886
+ },
887
+ "$type": "number",
888
+ "$value": "{font-weight.body-1}"
889
+ },
890
+ "font-size": {
891
+ "$extensions": {
892
+ "com.figma.scopes": [
893
+ "FONT_SIZE"
894
+ ]
895
+ },
896
+ "$type": "number",
897
+ "$value": "{font-size.body-1}"
898
+ }
899
+ },
900
+ "large": {
901
+ "font-family": {
902
+ "$extensions": {
903
+ "com.figma.scopes": [
904
+ "FONT_FAMILY"
905
+ ]
906
+ },
907
+ "$type": "text",
908
+ "$value": "{font-family.sans-serif}"
909
+ },
910
+ "line-height": {
911
+ "$extensions": {
912
+ "com.figma.scopes": [
913
+ "LINE_HEIGHT"
914
+ ]
915
+ },
916
+ "$type": "number",
917
+ "$value": "{line-height.body-2}"
918
+ },
919
+ "font-weight": {
920
+ "$extensions": {
921
+ "com.figma.scopes": [
922
+ "FONT_WEIGHT"
923
+ ]
924
+ },
925
+ "$type": "number",
926
+ "$value": "{font-weight.body-2}"
927
+ },
928
+ "font-size": {
929
+ "$extensions": {
930
+ "com.figma.scopes": [
931
+ "FONT_SIZE"
932
+ ]
933
+ },
934
+ "$type": "number",
935
+ "$value": "{font-size.body-2}"
936
+ }
937
+ },
938
+ "small": {
939
+ "font-family": {
940
+ "$extensions": {
941
+ "com.figma.scopes": [
942
+ "FONT_FAMILY"
943
+ ]
944
+ },
945
+ "$type": "text",
946
+ "$value": "{font-family.sans-serif}"
947
+ },
948
+ "line-height": {
949
+ "$extensions": {
950
+ "com.figma.scopes": [
951
+ "LINE_HEIGHT"
952
+ ]
953
+ },
954
+ "$type": "number",
955
+ "$value": "{line-height.caption-1}"
956
+ },
957
+ "font-weight": {
958
+ "$extensions": {
959
+ "com.figma.scopes": [
960
+ "FONT_WEIGHT"
961
+ ]
962
+ },
963
+ "$type": "number",
964
+ "$value": "{font-weight.caption-1}"
965
+ },
966
+ "font-size": {
967
+ "$extensions": {
968
+ "com.figma.scopes": [
969
+ "FONT_SIZE"
970
+ ]
971
+ },
972
+ "$type": "number",
973
+ "$value": "{font-size.caption-1}"
974
+ }
975
+ }
976
+ },
977
+ "icon": {
978
+ "style": {
979
+ "default": {
980
+ "$extensions": {
981
+ "com.figma.scopes": [
982
+ "ALL_SCOPES"
983
+ ]
984
+ },
985
+ "$type": "text",
986
+ "$value": "{icon.style.regular}"
987
+ }
988
+ },
989
+ "size": {
990
+ "medium": {
991
+ "$extensions": {
992
+ "com.figma.scopes": [
993
+ "ALL_SCOPES"
994
+ ]
995
+ },
996
+ "$type": "number",
997
+ "$value": "{icon.size.20px}"
998
+ },
999
+ "small": {
1000
+ "$extensions": {
1001
+ "com.figma.scopes": [
1002
+ "ALL_SCOPES"
1003
+ ]
1004
+ },
1005
+ "$type": "number",
1006
+ "$value": "{icon.size.16px}"
1007
+ },
1008
+ "large": {
1009
+ "$extensions": {
1010
+ "com.figma.scopes": [
1011
+ "ALL_SCOPES"
1012
+ ]
1013
+ },
1014
+ "$type": "number",
1015
+ "$value": "{icon.size.24px}"
1016
+ }
1017
+ }
1018
+ },
1019
+ "border-radius": {
1020
+ "medium": {
1021
+ "$extensions": {
1022
+ "com.figma.scopes": [
1023
+ "CORNER_RADIUS"
1024
+ ]
1025
+ },
1026
+ "$type": "number",
1027
+ "$value": "{border-radius.theme-builder.default}"
1028
+ },
1029
+ "large": {
1030
+ "$extensions": {
1031
+ "com.figma.scopes": [
1032
+ "CORNER_RADIUS"
1033
+ ]
1034
+ },
1035
+ "$type": "number",
1036
+ "$value": "{border-radius.theme-builder.default}"
1037
+ },
1038
+ "small": {
1039
+ "$extensions": {
1040
+ "com.figma.scopes": [
1041
+ "CORNER_RADIUS"
1042
+ ]
1043
+ },
1044
+ "$type": "number",
1045
+ "$value": "{border-radius.theme-builder.default}"
1046
+ }
1047
+ },
1048
+ "layout": {
1049
+ "medium": {
1050
+ "collapse-button": {
1051
+ "horizontal": {
1052
+ "$extensions": {
1053
+ "com.figma.scopes": [
1054
+ "GAP"
1055
+ ]
1056
+ },
1057
+ "$type": "number",
1058
+ "$value": "{spacing.0}"
1059
+ },
1060
+ "vertical": {
1061
+ "$extensions": {
1062
+ "com.figma.scopes": [
1063
+ "GAP"
1064
+ ]
1065
+ },
1066
+ "$type": "number",
1067
+ "$value": "{spacing.0}"
1068
+ }
1069
+ },
1070
+ "text-box": {
1071
+ "vertical": {
1072
+ "$extensions": {
1073
+ "com.figma.scopes": [
1074
+ "GAP"
1075
+ ]
1076
+ },
1077
+ "$type": "number",
1078
+ "$value": "{spacing.0}"
1079
+ }
1080
+ },
1081
+ "content-box": {
1082
+ "gap": {
1083
+ "$extensions": {
1084
+ "com.figma.scopes": [
1085
+ "GAP"
1086
+ ]
1087
+ },
1088
+ "$type": "number",
1089
+ "$value": "{spacing.60}"
1090
+ },
1091
+ "vertical": {
1092
+ "$extensions": {
1093
+ "com.figma.scopes": [
1094
+ "GAP"
1095
+ ]
1096
+ },
1097
+ "$type": "number",
1098
+ "$value": "{spacing.60}"
1099
+ },
1100
+ "horizontal": {
1101
+ "$extensions": {
1102
+ "com.figma.scopes": [
1103
+ "GAP"
1104
+ ]
1105
+ },
1106
+ "$type": "number",
1107
+ "$value": "{spacing.60}"
1108
+ }
1109
+ },
1110
+ "checkbox": {
1111
+ "height": {
1112
+ "$extensions": {
1113
+ "com.figma.scopes": [
1114
+ "WIDTH_HEIGHT"
1115
+ ]
1116
+ },
1117
+ "$type": "number",
1118
+ "$value": "{spacing.320}"
1119
+ },
1120
+ "width": {
1121
+ "$extensions": {
1122
+ "com.figma.scopes": [
1123
+ "WIDTH_HEIGHT"
1124
+ ]
1125
+ },
1126
+ "$type": "number",
1127
+ "$value": "{spacing.320}"
1128
+ }
1129
+ },
1130
+ "group": {
1131
+ "gap": {
1132
+ "$extensions": {
1133
+ "com.figma.scopes": [
1134
+ "GAP"
1135
+ ]
1136
+ },
1137
+ "$type": "number",
1138
+ "$value": "{spacing.0}"
1139
+ }
1140
+ }
1141
+ },
1142
+ "large": {
1143
+ "collapse-button": {
1144
+ "horizontal": {
1145
+ "$extensions": {
1146
+ "com.figma.scopes": [
1147
+ "GAP"
1148
+ ]
1149
+ },
1150
+ "$type": "number",
1151
+ "$value": "{spacing.0}"
1152
+ },
1153
+ "vertical": {
1154
+ "$extensions": {
1155
+ "com.figma.scopes": [
1156
+ "GAP"
1157
+ ]
1158
+ },
1159
+ "$type": "number",
1160
+ "$value": "{spacing.0}"
1161
+ }
1162
+ },
1163
+ "group": {
1164
+ "gap": {
1165
+ "$extensions": {
1166
+ "com.figma.scopes": [
1167
+ "GAP"
1168
+ ]
1169
+ },
1170
+ "$type": "number",
1171
+ "$value": "{spacing.0}"
1172
+ }
1173
+ },
1174
+ "checkbox": {
1175
+ "width": {
1176
+ "$extensions": {
1177
+ "com.figma.scopes": [
1178
+ "WIDTH_HEIGHT"
1179
+ ]
1180
+ },
1181
+ "$type": "number",
1182
+ "$value": "{spacing.400}"
1183
+ },
1184
+ "height": {
1185
+ "$extensions": {
1186
+ "com.figma.scopes": [
1187
+ "WIDTH_HEIGHT"
1188
+ ]
1189
+ },
1190
+ "$type": "number",
1191
+ "$value": "{spacing.400}"
1192
+ }
1193
+ },
1194
+ "content-box": {
1195
+ "gap": {
1196
+ "$extensions": {
1197
+ "com.figma.scopes": [
1198
+ "GAP"
1199
+ ]
1200
+ },
1201
+ "$type": "number",
1202
+ "$value": "{spacing.80}"
1203
+ },
1204
+ "horizontal": {
1205
+ "$extensions": {
1206
+ "com.figma.scopes": [
1207
+ "GAP"
1208
+ ]
1209
+ },
1210
+ "$type": "number",
1211
+ "$value": "{spacing.80}"
1212
+ },
1213
+ "vertical": {
1214
+ "$extensions": {
1215
+ "com.figma.scopes": [
1216
+ "GAP"
1217
+ ]
1218
+ },
1219
+ "$type": "number",
1220
+ "$value": "{spacing.80}"
1221
+ }
1222
+ },
1223
+ "text-box": {
1224
+ "vertical": {
1225
+ "$extensions": {
1226
+ "com.figma.scopes": [
1227
+ "GAP"
1228
+ ]
1229
+ },
1230
+ "$type": "number",
1231
+ "$value": "{spacing.10}"
1232
+ }
1233
+ }
1234
+ },
1235
+ "icon-wrapper": {
1236
+ "large": {
1237
+ "$extensions": {
1238
+ "com.figma.scopes": [
1239
+ "WIDTH_HEIGHT"
1240
+ ]
1241
+ },
1242
+ "$type": "number",
1243
+ "$value": "{spacing.240}"
1244
+ },
1245
+ "medium": {
1246
+ "$extensions": {
1247
+ "com.figma.scopes": [
1248
+ "WIDTH_HEIGHT"
1249
+ ]
1250
+ },
1251
+ "$type": "number",
1252
+ "$value": "{spacing.200}"
1253
+ },
1254
+ "small": {
1255
+ "$extensions": {
1256
+ "com.figma.scopes": [
1257
+ "WIDTH_HEIGHT"
1258
+ ]
1259
+ },
1260
+ "$type": "number",
1261
+ "$value": "{spacing.160}"
1262
+ }
1263
+ },
1264
+ "small": {
1265
+ "checkbox": {
1266
+ "height": {
1267
+ "$extensions": {
1268
+ "com.figma.scopes": [
1269
+ "WIDTH_HEIGHT"
1270
+ ]
1271
+ },
1272
+ "$type": "number",
1273
+ "$value": "{spacing.240}"
1274
+ },
1275
+ "width": {
1276
+ "$extensions": {
1277
+ "com.figma.scopes": [
1278
+ "WIDTH_HEIGHT"
1279
+ ]
1280
+ },
1281
+ "$type": "number",
1282
+ "$value": "{spacing.240}"
1283
+ }
1284
+ },
1285
+ "collapse-button": {
1286
+ "vertical": {
1287
+ "$extensions": {
1288
+ "com.figma.scopes": [
1289
+ "GAP"
1290
+ ]
1291
+ },
1292
+ "$type": "number",
1293
+ "$value": "{spacing.0}"
1294
+ },
1295
+ "horizontal": {
1296
+ "$extensions": {
1297
+ "com.figma.scopes": [
1298
+ "GAP"
1299
+ ]
1300
+ },
1301
+ "$type": "number",
1302
+ "$value": "{spacing.0}"
1303
+ }
1304
+ },
1305
+ "group": {
1306
+ "gap": {
1307
+ "$extensions": {
1308
+ "com.figma.scopes": [
1309
+ "GAP"
1310
+ ]
1311
+ },
1312
+ "$type": "number",
1313
+ "$value": "{spacing.0}"
1314
+ }
1315
+ },
1316
+ "text-box": {
1317
+ "vertical": {
1318
+ "$extensions": {
1319
+ "com.figma.scopes": [
1320
+ "GAP"
1321
+ ]
1322
+ },
1323
+ "$type": "number",
1324
+ "$value": "{spacing.0}"
1325
+ }
1326
+ },
1327
+ "content-box": {
1328
+ "horizontal": {
1329
+ "$extensions": {
1330
+ "com.figma.scopes": [
1331
+ "GAP"
1332
+ ]
1333
+ },
1334
+ "$type": "number",
1335
+ "$value": "{spacing.40}"
1336
+ },
1337
+ "gap": {
1338
+ "$extensions": {
1339
+ "com.figma.scopes": [
1340
+ "GAP"
1341
+ ]
1342
+ },
1343
+ "$type": "number",
1344
+ "$value": "{spacing.40}"
1345
+ },
1346
+ "vertical": {
1347
+ "$extensions": {
1348
+ "com.figma.scopes": [
1349
+ "GAP"
1350
+ ]
1351
+ },
1352
+ "$type": "number",
1353
+ "$value": "{spacing.40}"
1354
+ }
1355
+ }
1356
+ }
1357
+ },
1358
+ "border-width": {
1359
+ "text+separator": {
1360
+ "medium": {
1361
+ "$extensions": {
1362
+ "com.figma.scopes": [
1363
+ "STROKE_FLOAT"
1364
+ ]
1365
+ },
1366
+ "$type": "number",
1367
+ "$value": "{border-width.10}"
1368
+ },
1369
+ "small": {
1370
+ "$extensions": {
1371
+ "com.figma.scopes": [
1372
+ "STROKE_FLOAT"
1373
+ ]
1374
+ },
1375
+ "$type": "number",
1376
+ "$value": "{border-width.10}"
1377
+ },
1378
+ "large": {
1379
+ "$extensions": {
1380
+ "com.figma.scopes": [
1381
+ "STROKE_FLOAT"
1382
+ ]
1383
+ },
1384
+ "$type": "number",
1385
+ "$value": "{border-width.10}"
1386
+ }
1387
+ },
1388
+ "focused": {
1389
+ "$extensions": {
1390
+ "com.figma.scopes": [
1391
+ "STROKE_FLOAT"
1392
+ ]
1393
+ },
1394
+ "$type": "number",
1395
+ "$value": "{border-width.theme-builder.focus}"
1396
+ }
1397
+ }
1398
+ },
1399
+ "collapse-button": {
1400
+ "color": {
1401
+ "active": {
1402
+ "icon": {
1403
+ "$extensions": {
1404
+ "com.figma.scopes": [
1405
+ "ALL_FILLS"
1406
+ ]
1407
+ },
1408
+ "$type": "color",
1409
+ "$value": "{color.content.neutral.default.active}"
1410
+ },
1411
+ "border": {
1412
+ "$extensions": {
1413
+ "com.figma.scopes": [
1414
+ "ALL_FILLS"
1415
+ ]
1416
+ },
1417
+ "$type": "color",
1418
+ "$value": "{color.border.transparent.rest}"
1419
+ },
1420
+ "bg": {
1421
+ "$extensions": {
1422
+ "com.figma.scopes": [
1423
+ "ALL_FILLS"
1424
+ ]
1425
+ },
1426
+ "$type": "color",
1427
+ "$value": "{color.surface.neutral.default.active}"
1428
+ }
1429
+ },
1430
+ "focused": {
1431
+ "icon": {
1432
+ "$extensions": {
1433
+ "com.figma.scopes": [
1434
+ "ALL_FILLS"
1435
+ ]
1436
+ },
1437
+ "$type": "color",
1438
+ "$value": "{color.content.neutral.subdued.rest}"
1439
+ },
1440
+ "border": {
1441
+ "$extensions": {
1442
+ "com.figma.scopes": [
1443
+ "ALL_FILLS"
1444
+ ]
1445
+ },
1446
+ "$type": "color",
1447
+ "$value": "{color.border.transparent.rest}"
1448
+ },
1449
+ "frame": {
1450
+ "$extensions": {
1451
+ "com.figma.scopes": [
1452
+ "STROKE_COLOR"
1453
+ ]
1454
+ },
1455
+ "$type": "color",
1456
+ "$value": "{color.border.focus.default}"
1457
+ },
1458
+ "bg": {
1459
+ "$extensions": {
1460
+ "com.figma.scopes": [
1461
+ "ALL_FILLS"
1462
+ ]
1463
+ },
1464
+ "$type": "color",
1465
+ "$value": "{color.surface.transparent.rest}"
1466
+ }
1467
+ },
1468
+ "normal": {
1469
+ "icon": {
1470
+ "$extensions": {
1471
+ "com.figma.scopes": [
1472
+ "ALL_FILLS"
1473
+ ]
1474
+ },
1475
+ "$type": "color",
1476
+ "$value": "{color.content.neutral.subdued.rest}"
1477
+ },
1478
+ "bg": {
1479
+ "$extensions": {
1480
+ "com.figma.scopes": [
1481
+ "ALL_FILLS"
1482
+ ]
1483
+ },
1484
+ "$type": "color",
1485
+ "$value": "{color.surface.transparent.rest}"
1486
+ },
1487
+ "border": {
1488
+ "$extensions": {
1489
+ "com.figma.scopes": [
1490
+ "ALL_FILLS"
1491
+ ]
1492
+ },
1493
+ "$type": "color",
1494
+ "$value": "{color.border.transparent.rest}"
1495
+ }
1496
+ },
1497
+ "hovered": {
1498
+ "border": {
1499
+ "$extensions": {
1500
+ "com.figma.scopes": [
1501
+ "ALL_FILLS"
1502
+ ]
1503
+ },
1504
+ "$type": "color",
1505
+ "$value": "{color.border.transparent.rest}"
1506
+ },
1507
+ "bg": {
1508
+ "$extensions": {
1509
+ "com.figma.scopes": [
1510
+ "ALL_FILLS"
1511
+ ]
1512
+ },
1513
+ "$type": "color",
1514
+ "$value": "{color.surface.neutral.default.hovered}"
1515
+ },
1516
+ "icon": {
1517
+ "$extensions": {
1518
+ "com.figma.scopes": [
1519
+ "ALL_FILLS"
1520
+ ]
1521
+ },
1522
+ "$type": "color",
1523
+ "$value": "{color.content.neutral.subdued.hovered}"
1524
+ }
1525
+ },
1526
+ "placeholder": {
1527
+ "border": {
1528
+ "$extensions": {
1529
+ "com.figma.scopes": [
1530
+ "STROKE_COLOR"
1531
+ ]
1532
+ },
1533
+ "$type": "color",
1534
+ "$value": "{color.border.transparent.rest}"
1535
+ },
1536
+ "bg": {
1537
+ "$extensions": {
1538
+ "com.figma.scopes": [
1539
+ "ALL_FILLS"
1540
+ ]
1541
+ },
1542
+ "$type": "color",
1543
+ "$value": "{color.surface.transparent.rest}"
1544
+ },
1545
+ "icon": {
1546
+ "$extensions": {
1547
+ "com.figma.scopes": [
1548
+ "ALL_FILLS"
1549
+ ]
1550
+ },
1551
+ "$type": "color",
1552
+ "$value": "{color.content.transparent.rest}"
1553
+ }
1554
+ },
1555
+ "disabled": {
1556
+ "icon": {
1557
+ "$extensions": {
1558
+ "com.figma.scopes": [
1559
+ "ALL_FILLS"
1560
+ ]
1561
+ },
1562
+ "$type": "color",
1563
+ "$value": "{color.content.neutral.subdued.disabled}"
1564
+ },
1565
+ "bg": {
1566
+ "$extensions": {
1567
+ "com.figma.scopes": [
1568
+ "ALL_FILLS"
1569
+ ]
1570
+ },
1571
+ "$type": "color",
1572
+ "$value": "{color.surface.transparent.rest}"
1573
+ },
1574
+ "border": {
1575
+ "$extensions": {
1576
+ "com.figma.scopes": [
1577
+ "ALL_FILLS"
1578
+ ]
1579
+ },
1580
+ "$type": "color",
1581
+ "$value": "{color.border.transparent.rest}"
1582
+ }
1583
+ }
1584
+ },
1585
+ "border-width": {
1586
+ "focused": {
1587
+ "$extensions": {
1588
+ "com.figma.scopes": [
1589
+ "STROKE_FLOAT"
1590
+ ]
1591
+ },
1592
+ "$type": "number",
1593
+ "$value": "{border-width.theme-builder.focus}"
1594
+ },
1595
+ "large": {
1596
+ "$extensions": {
1597
+ "com.figma.scopes": [
1598
+ "STROKE_FLOAT"
1599
+ ]
1600
+ },
1601
+ "$type": "number",
1602
+ "$value": "{border-width.10}"
1603
+ },
1604
+ "small": {
1605
+ "$extensions": {
1606
+ "com.figma.scopes": [
1607
+ "STROKE_FLOAT"
1608
+ ]
1609
+ },
1610
+ "$type": "number",
1611
+ "$value": "{border-width.10}"
1612
+ },
1613
+ "medium": {
1614
+ "$extensions": {
1615
+ "com.figma.scopes": [
1616
+ "STROKE_FLOAT"
1617
+ ]
1618
+ },
1619
+ "$type": "number",
1620
+ "$value": "{border-width.10}"
1621
+ }
1622
+ },
1623
+ "layout": {
1624
+ "inner-box": {
1625
+ "medium": {
1626
+ "vertical": {
1627
+ "$extensions": {
1628
+ "com.figma.scopes": [
1629
+ "GAP"
1630
+ ]
1631
+ },
1632
+ "$type": "number",
1633
+ "$value": "{spacing.50}"
1634
+ },
1635
+ "horizontal": {
1636
+ "$extensions": {
1637
+ "com.figma.scopes": [
1638
+ "GAP"
1639
+ ]
1640
+ },
1641
+ "$type": "number",
1642
+ "$value": "{spacing.50}"
1643
+ }
1644
+ },
1645
+ "large": {
1646
+ "vertical": {
1647
+ "$extensions": {
1648
+ "com.figma.scopes": [
1649
+ "GAP"
1650
+ ]
1651
+ },
1652
+ "$type": "number",
1653
+ "$value": "{spacing.70}"
1654
+ },
1655
+ "horizontal": {
1656
+ "$extensions": {
1657
+ "com.figma.scopes": [
1658
+ "GAP"
1659
+ ]
1660
+ },
1661
+ "$type": "number",
1662
+ "$value": "{spacing.70}"
1663
+ }
1664
+ },
1665
+ "small": {
1666
+ "horizontal": {
1667
+ "$extensions": {
1668
+ "com.figma.scopes": [
1669
+ "GAP"
1670
+ ]
1671
+ },
1672
+ "$type": "number",
1673
+ "$value": "{spacing.30}"
1674
+ },
1675
+ "vertical": {
1676
+ "$extensions": {
1677
+ "com.figma.scopes": [
1678
+ "GAP"
1679
+ ]
1680
+ },
1681
+ "$type": "number",
1682
+ "$value": "{spacing.30}"
1683
+ }
1684
+ }
1685
+ },
1686
+ "icon-wrapper": {
1687
+ "large": {
1688
+ "$extensions": {
1689
+ "com.figma.scopes": [
1690
+ "WIDTH_HEIGHT"
1691
+ ]
1692
+ },
1693
+ "$type": "number",
1694
+ "$value": "{spacing.240}"
1695
+ },
1696
+ "medium": {
1697
+ "$extensions": {
1698
+ "com.figma.scopes": [
1699
+ "WIDTH_HEIGHT"
1700
+ ]
1701
+ },
1702
+ "$type": "number",
1703
+ "$value": "{spacing.200}"
1704
+ },
1705
+ "small": {
1706
+ "$extensions": {
1707
+ "com.figma.scopes": [
1708
+ "WIDTH_HEIGHT"
1709
+ ]
1710
+ },
1711
+ "$type": "number",
1712
+ "$value": "{spacing.160}"
1713
+ }
1714
+ }
1715
+ },
1716
+ "icon": {
1717
+ "size": {
1718
+ "large": {
1719
+ "$extensions": {
1720
+ "com.figma.scopes": [
1721
+ "ALL_SCOPES"
1722
+ ]
1723
+ },
1724
+ "$type": "number",
1725
+ "$value": "{icon.size.24px}"
1726
+ },
1727
+ "small": {
1728
+ "$extensions": {
1729
+ "com.figma.scopes": [
1730
+ "ALL_SCOPES"
1731
+ ]
1732
+ },
1733
+ "$type": "number",
1734
+ "$value": "{icon.size.16px}"
1735
+ },
1736
+ "medium": {
1737
+ "$extensions": {
1738
+ "com.figma.scopes": [
1739
+ "ALL_SCOPES"
1740
+ ]
1741
+ },
1742
+ "$type": "number",
1743
+ "$value": "{icon.size.20px}"
1744
+ }
1745
+ }
1746
+ },
1747
+ "border-radius": {
1748
+ "large": {
1749
+ "$extensions": {
1750
+ "com.figma.scopes": [
1751
+ "CORNER_RADIUS"
1752
+ ]
1753
+ },
1754
+ "$type": "number",
1755
+ "$value": "{border-radius.theme-builder.default}"
1756
+ },
1757
+ "medium": {
1758
+ "$extensions": {
1759
+ "com.figma.scopes": [
1760
+ "CORNER_RADIUS"
1761
+ ]
1762
+ },
1763
+ "$type": "number",
1764
+ "$value": "{border-radius.theme-builder.default}"
1765
+ },
1766
+ "small": {
1767
+ "$extensions": {
1768
+ "com.figma.scopes": [
1769
+ "CORNER_RADIUS"
1770
+ ]
1771
+ },
1772
+ "$type": "number",
1773
+ "$value": "{border-radius.theme-builder.default}"
1774
+ }
1775
+ }
1776
+ },
1777
+ "empty-space": {
1778
+ "color": {
1779
+ "bg": {
1780
+ "$extensions": {
1781
+ "com.figma.scopes": [
1782
+ "ALL_FILLS"
1783
+ ]
1784
+ },
1785
+ "$type": "color",
1786
+ "$value": "{color.surface.transparent.rest}"
1787
+ }
1788
+ },
1789
+ "layout": {
1790
+ "empty-box": {
1791
+ "small": {
1792
+ "height": {
1793
+ "$extensions": {
1794
+ "com.figma.scopes": [
1795
+ "WIDTH_HEIGHT"
1796
+ ]
1797
+ },
1798
+ "$type": "number",
1799
+ "$value": "{spacing.240}"
1800
+ },
1801
+ "width": {
1802
+ "$extensions": {
1803
+ "com.figma.scopes": [
1804
+ "WIDTH_HEIGHT"
1805
+ ]
1806
+ },
1807
+ "$type": "number",
1808
+ "$value": "{spacing.120}"
1809
+ }
1810
+ },
1811
+ "medium": {
1812
+ "width": {
1813
+ "$extensions": {
1814
+ "com.figma.scopes": [
1815
+ "WIDTH_HEIGHT"
1816
+ ]
1817
+ },
1818
+ "$type": "number",
1819
+ "$value": "{spacing.120}"
1820
+ },
1821
+ "height": {
1822
+ "$extensions": {
1823
+ "com.figma.scopes": [
1824
+ "WIDTH_HEIGHT"
1825
+ ]
1826
+ },
1827
+ "$type": "number",
1828
+ "$value": "{spacing.320}"
1829
+ }
1830
+ },
1831
+ "large": {
1832
+ "height": {
1833
+ "$extensions": {
1834
+ "com.figma.scopes": [
1835
+ "WIDTH_HEIGHT"
1836
+ ]
1837
+ },
1838
+ "$type": "number",
1839
+ "$value": "{spacing.400}"
1840
+ },
1841
+ "width": {
1842
+ "$extensions": {
1843
+ "com.figma.scopes": [
1844
+ "WIDTH_HEIGHT"
1845
+ ]
1846
+ },
1847
+ "$type": "number",
1848
+ "$value": "{spacing.140}"
1849
+ }
1850
+ }
1851
+ },
1852
+ "outer-box": {
1853
+ "large": {
1854
+ "gap": {
1855
+ "$extensions": {
1856
+ "com.figma.scopes": [
1857
+ "GAP"
1858
+ ]
1859
+ },
1860
+ "$type": "number",
1861
+ "$value": "{spacing.0}"
1862
+ }
1863
+ },
1864
+ "small": {
1865
+ "gap": {
1866
+ "$extensions": {
1867
+ "com.figma.scopes": [
1868
+ "GAP"
1869
+ ]
1870
+ },
1871
+ "$type": "number",
1872
+ "$value": "{spacing.0}"
1873
+ }
1874
+ },
1875
+ "medium": {
1876
+ "gap": {
1877
+ "$extensions": {
1878
+ "com.figma.scopes": [
1879
+ "GAP"
1880
+ ]
1881
+ },
1882
+ "$type": "number",
1883
+ "$value": "{spacing.0}"
1884
+ }
1885
+ }
1886
+ }
1887
+ }
1888
+ },
1889
+ "empty-item": {
1890
+ "color": {
1891
+ "icon": {
1892
+ "$extensions": {
1893
+ "com.figma.scopes": [
1894
+ "ALL_FILLS"
1895
+ ]
1896
+ },
1897
+ "$type": "color",
1898
+ "$value": "{color.content.neutral.subdued.rest}"
1899
+ },
1900
+ "text": {
1901
+ "$extensions": {
1902
+ "com.figma.scopes": [
1903
+ "ALL_FILLS"
1904
+ ]
1905
+ },
1906
+ "$type": "color",
1907
+ "$value": "{color.content.neutral.subdued.rest}"
1908
+ },
1909
+ "bg": {
1910
+ "$extensions": {
1911
+ "com.figma.scopes": [
1912
+ "ALL_FILLS"
1913
+ ]
1914
+ },
1915
+ "$type": "color",
1916
+ "$value": "{color.surface.transparent.rest}"
1917
+ }
1918
+ },
1919
+ "typography": {
1920
+ "title": {
1921
+ "small": {
1922
+ "font-family": {
1923
+ "$extensions": {
1924
+ "com.figma.scopes": [
1925
+ "FONT_FAMILY"
1926
+ ]
1927
+ },
1928
+ "$type": "text",
1929
+ "$value": "{font-family.sans-serif}"
1930
+ },
1931
+ "font-weight": {
1932
+ "$extensions": {
1933
+ "com.figma.scopes": [
1934
+ "FONT_WEIGHT"
1935
+ ]
1936
+ },
1937
+ "$type": "number",
1938
+ "$value": "{font-weight.subtitle-2}"
1939
+ },
1940
+ "font-size": {
1941
+ "$extensions": {
1942
+ "com.figma.scopes": [
1943
+ "FONT_SIZE"
1944
+ ]
1945
+ },
1946
+ "$type": "number",
1947
+ "$value": "{font-size.subtitle-2}"
1948
+ },
1949
+ "line-height": {
1950
+ "$extensions": {
1951
+ "com.figma.scopes": [
1952
+ "LINE_HEIGHT"
1953
+ ]
1954
+ },
1955
+ "$type": "number",
1956
+ "$value": "{line-height.subtitle-2}"
1957
+ }
1958
+ },
1959
+ "medium": {
1960
+ "font-family": {
1961
+ "$extensions": {
1962
+ "com.figma.scopes": [
1963
+ "FONT_FAMILY"
1964
+ ]
1965
+ },
1966
+ "$type": "text",
1967
+ "$value": "{font-family.sans-serif}"
1968
+ },
1969
+ "font-weight": {
1970
+ "$extensions": {
1971
+ "com.figma.scopes": [
1972
+ "FONT_WEIGHT"
1973
+ ]
1974
+ },
1975
+ "$type": "number",
1976
+ "$value": "{font-weight.subtitle-1}"
1977
+ },
1978
+ "line-height": {
1979
+ "$extensions": {
1980
+ "com.figma.scopes": [
1981
+ "LINE_HEIGHT"
1982
+ ]
1983
+ },
1984
+ "$type": "number",
1985
+ "$value": "{line-height.subtitle-1}"
1986
+ },
1987
+ "font-size": {
1988
+ "$extensions": {
1989
+ "com.figma.scopes": [
1990
+ "FONT_SIZE"
1991
+ ]
1992
+ },
1993
+ "$type": "number",
1994
+ "$value": "{font-size.subtitle-1}"
1995
+ }
1996
+ },
1997
+ "large": {
1998
+ "font-family": {
1999
+ "$extensions": {
2000
+ "com.figma.scopes": [
2001
+ "FONT_FAMILY"
2002
+ ]
2003
+ },
2004
+ "$type": "text",
2005
+ "$value": "{font-family.sans-serif}"
2006
+ },
2007
+ "font-size": {
2008
+ "$extensions": {
2009
+ "com.figma.scopes": [
2010
+ "FONT_SIZE"
2011
+ ]
2012
+ },
2013
+ "$type": "number",
2014
+ "$value": "{font-size.title-3}"
2015
+ },
2016
+ "font-weight": {
2017
+ "$extensions": {
2018
+ "com.figma.scopes": [
2019
+ "FONT_WEIGHT"
2020
+ ]
2021
+ },
2022
+ "$type": "number",
2023
+ "$value": "{font-weight.title-3}"
2024
+ },
2025
+ "line-height": {
2026
+ "$extensions": {
2027
+ "com.figma.scopes": [
2028
+ "LINE_HEIGHT"
2029
+ ]
2030
+ },
2031
+ "$type": "number",
2032
+ "$value": "{line-height.title-3}"
2033
+ }
2034
+ }
2035
+ },
2036
+ "caption": {
2037
+ "small": {
2038
+ "font-family": {
2039
+ "$extensions": {
2040
+ "com.figma.scopes": [
2041
+ "FONT_FAMILY"
2042
+ ]
2043
+ },
2044
+ "$type": "text",
2045
+ "$value": "{font-family.sans-serif}"
2046
+ },
2047
+ "font-weight": {
2048
+ "$extensions": {
2049
+ "com.figma.scopes": [
2050
+ "FONT_WEIGHT"
2051
+ ]
2052
+ },
2053
+ "$type": "number",
2054
+ "$value": "{font-weight.caption-1}"
2055
+ },
2056
+ "line-height": {
2057
+ "$extensions": {
2058
+ "com.figma.scopes": [
2059
+ "LINE_HEIGHT"
2060
+ ]
2061
+ },
2062
+ "$type": "number",
2063
+ "$value": "{line-height.caption-1}"
2064
+ },
2065
+ "font-size": {
2066
+ "$extensions": {
2067
+ "com.figma.scopes": [
2068
+ "FONT_SIZE"
2069
+ ]
2070
+ },
2071
+ "$type": "number",
2072
+ "$value": "{font-size.caption-1}"
2073
+ }
2074
+ },
2075
+ "large": {
2076
+ "font-family": {
2077
+ "$extensions": {
2078
+ "com.figma.scopes": [
2079
+ "FONT_FAMILY"
2080
+ ]
2081
+ },
2082
+ "$type": "text",
2083
+ "$value": "{font-family.sans-serif}"
2084
+ },
2085
+ "line-height": {
2086
+ "$extensions": {
2087
+ "com.figma.scopes": [
2088
+ "LINE_HEIGHT"
2089
+ ]
2090
+ },
2091
+ "$type": "number",
2092
+ "$value": "{line-height.body-2}"
2093
+ },
2094
+ "font-size": {
2095
+ "$extensions": {
2096
+ "com.figma.scopes": [
2097
+ "FONT_SIZE"
2098
+ ]
2099
+ },
2100
+ "$type": "number",
2101
+ "$value": "{font-size.body-2}"
2102
+ },
2103
+ "font-weight": {
2104
+ "$extensions": {
2105
+ "com.figma.scopes": [
2106
+ "FONT_WEIGHT"
2107
+ ]
2108
+ },
2109
+ "$type": "number",
2110
+ "$value": "{font-weight.body-2}"
2111
+ }
2112
+ },
2113
+ "medium": {
2114
+ "font-family": {
2115
+ "$extensions": {
2116
+ "com.figma.scopes": [
2117
+ "FONT_FAMILY"
2118
+ ]
2119
+ },
2120
+ "$type": "text",
2121
+ "$value": "{font-family.sans-serif}"
2122
+ },
2123
+ "line-height": {
2124
+ "$extensions": {
2125
+ "com.figma.scopes": [
2126
+ "LINE_HEIGHT"
2127
+ ]
2128
+ },
2129
+ "$type": "number",
2130
+ "$value": "{line-height.body-1}"
2131
+ },
2132
+ "font-weight": {
2133
+ "$extensions": {
2134
+ "com.figma.scopes": [
2135
+ "FONT_WEIGHT"
2136
+ ]
2137
+ },
2138
+ "$type": "number",
2139
+ "$value": "{font-weight.body-1}"
2140
+ },
2141
+ "font-size": {
2142
+ "$extensions": {
2143
+ "com.figma.scopes": [
2144
+ "FONT_SIZE"
2145
+ ]
2146
+ },
2147
+ "$type": "number",
2148
+ "$value": "{font-size.body-1}"
2149
+ }
2150
+ }
2151
+ }
2152
+ },
2153
+ "layout": {
2154
+ "outer-box": {
2155
+ "small": {
2156
+ "gap": {
2157
+ "$extensions": {
2158
+ "com.figma.scopes": [
2159
+ "GAP"
2160
+ ]
2161
+ },
2162
+ "$type": "number",
2163
+ "$value": "{spacing.40}"
2164
+ }
2165
+ },
2166
+ "medium": {
2167
+ "gap": {
2168
+ "$extensions": {
2169
+ "com.figma.scopes": [
2170
+ "GAP"
2171
+ ]
2172
+ },
2173
+ "$type": "number",
2174
+ "$value": "{spacing.60}"
2175
+ }
2176
+ },
2177
+ "large": {
2178
+ "gap": {
2179
+ "$extensions": {
2180
+ "com.figma.scopes": [
2181
+ "GAP"
2182
+ ]
2183
+ },
2184
+ "$type": "number",
2185
+ "$value": "{spacing.80}"
2186
+ }
2187
+ }
2188
+ },
2189
+ "text-box": {
2190
+ "small": {
2191
+ "gap": {
2192
+ "$extensions": {
2193
+ "com.figma.scopes": [
2194
+ "GAP"
2195
+ ]
2196
+ },
2197
+ "$type": "number",
2198
+ "$value": "{spacing.20}"
2199
+ }
2200
+ },
2201
+ "medium": {
2202
+ "gap": {
2203
+ "$extensions": {
2204
+ "com.figma.scopes": [
2205
+ "GAP"
2206
+ ]
2207
+ },
2208
+ "$type": "number",
2209
+ "$value": "{spacing.20}"
2210
+ }
2211
+ },
2212
+ "large": {
2213
+ "gap": {
2214
+ "$extensions": {
2215
+ "com.figma.scopes": [
2216
+ "GAP"
2217
+ ]
2218
+ },
2219
+ "$type": "number",
2220
+ "$value": "{spacing.40}"
2221
+ }
2222
+ }
2223
+ },
2224
+ "icon-wrapper": {
2225
+ "small": {
2226
+ "$extensions": {
2227
+ "com.figma.scopes": [
2228
+ "WIDTH_HEIGHT"
2229
+ ]
2230
+ },
2231
+ "$type": "number",
2232
+ "$value": "{spacing.280}"
2233
+ },
2234
+ "medium": {
2235
+ "$extensions": {
2236
+ "com.figma.scopes": [
2237
+ "WIDTH_HEIGHT"
2238
+ ]
2239
+ },
2240
+ "$type": "number",
2241
+ "$value": "{spacing.320}"
2242
+ },
2243
+ "large": {
2244
+ "$extensions": {
2245
+ "com.figma.scopes": [
2246
+ "WIDTH_HEIGHT"
2247
+ ]
2248
+ },
2249
+ "$type": "number",
2250
+ "$value": "{spacing.480}"
2251
+ }
2252
+ }
2253
+ },
2254
+ "icon": {
2255
+ "size": {
2256
+ "large": {
2257
+ "$extensions": {
2258
+ "com.figma.scopes": [
2259
+ "ALL_SCOPES"
2260
+ ]
2261
+ },
2262
+ "$type": "number",
2263
+ "$value": "{icon.size.48px}"
2264
+ },
2265
+ "small": {
2266
+ "$extensions": {
2267
+ "com.figma.scopes": [
2268
+ "ALL_SCOPES"
2269
+ ]
2270
+ },
2271
+ "$type": "number",
2272
+ "$value": "{icon.size.28px}"
2273
+ },
2274
+ "medium": {
2275
+ "$extensions": {
2276
+ "com.figma.scopes": [
2277
+ "ALL_SCOPES"
2278
+ ]
2279
+ },
2280
+ "$type": "number",
2281
+ "$value": "{icon.size.32px}"
2282
+ }
2283
+ }
2284
+ }
2285
+ },
2286
+ "search-box": {
2287
+ "color": {
2288
+ "bg": {
2289
+ "$extensions": {
2290
+ "com.figma.scopes": [
2291
+ "ALL_FILLS"
2292
+ ]
2293
+ },
2294
+ "$type": "color",
2295
+ "$value": "{color.surface.transparent.rest}"
2296
+ }
2297
+ },
2298
+ "layout": {
2299
+ "medium": {
2300
+ "bottom": {
2301
+ "$extensions": {
2302
+ "com.figma.scopes": [
2303
+ "GAP"
2304
+ ]
2305
+ },
2306
+ "$type": "number",
2307
+ "$value": "{spacing.80}"
2308
+ }
2309
+ },
2310
+ "large": {
2311
+ "bottom": {
2312
+ "$extensions": {
2313
+ "com.figma.scopes": [
2314
+ "GAP"
2315
+ ]
2316
+ },
2317
+ "$type": "number",
2318
+ "$value": "{spacing.100}"
2319
+ }
2320
+ },
2321
+ "small": {
2322
+ "bottom": {
2323
+ "$extensions": {
2324
+ "com.figma.scopes": [
2325
+ "GAP"
2326
+ ]
2327
+ },
2328
+ "$type": "number",
2329
+ "$value": "{spacing.60}"
2330
+ }
2331
+ }
2332
+ }
2333
+ },
2334
+ "item-group": {
2335
+ "layout": {
2336
+ "medium": {
2337
+ "gap": {
2338
+ "$extensions": {
2339
+ "com.figma.scopes": [
2340
+ "GAP"
2341
+ ]
2342
+ },
2343
+ "$type": "number",
2344
+ "$value": "{spacing.20}"
2345
+ }
2346
+ },
2347
+ "large": {
2348
+ "gap": {
2349
+ "$extensions": {
2350
+ "com.figma.scopes": [
2351
+ "GAP"
2352
+ ]
2353
+ },
2354
+ "$type": "number",
2355
+ "$value": "{spacing.20}"
2356
+ }
2357
+ },
2358
+ "small": {
2359
+ "gap": {
2360
+ "$extensions": {
2361
+ "com.figma.scopes": [
2362
+ "GAP"
2363
+ ]
2364
+ },
2365
+ "$type": "number",
2366
+ "$value": "{spacing.20}"
2367
+ }
2368
+ }
2369
+ }
2370
+ },
2371
+ "root": {
2372
+ "layout": {
2373
+ "medium": {
2374
+ "gap": {
2375
+ "$extensions": {
2376
+ "com.figma.scopes": [
2377
+ "GAP"
2378
+ ]
2379
+ },
2380
+ "$type": "number",
2381
+ "$value": "{spacing.20}"
2382
+ }
2383
+ },
2384
+ "large": {
2385
+ "gap": {
2386
+ "$extensions": {
2387
+ "com.figma.scopes": [
2388
+ "GAP"
2389
+ ]
2390
+ },
2391
+ "$type": "number",
2392
+ "$value": "{spacing.20}"
2393
+ }
2394
+ },
2395
+ "small": {
2396
+ "gap": {
2397
+ "$extensions": {
2398
+ "com.figma.scopes": [
2399
+ "GAP"
2400
+ ]
2401
+ },
2402
+ "$type": "number",
2403
+ "$value": "{spacing.20}"
2404
+ }
2405
+ }
2406
+ }
2407
+ }
2408
+ }
2409
+ }