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