@devexpress/design-tokens-internal 261.0.2 → 261.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
@@ -0,0 +1,1717 @@
1
+ {
2
+ "ribbon": {
3
+ "simplified-items": {
4
+ "color": {
5
+ "dropdown": {
6
+ "border": {
7
+ "selected": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "FRAME_FILL",
11
+ "STROKE_COLOR"
12
+ ]
13
+ },
14
+ "$type": "color",
15
+ "$value": "{color.border.transparent.rest}"
16
+ }
17
+ }
18
+ }
19
+ },
20
+ "layout": {
21
+ "split": {
22
+ "gap": {
23
+ "small": {
24
+ "$extensions": {
25
+ "com.figma.scopes": [
26
+ "GAP"
27
+ ]
28
+ },
29
+ "$type": "number",
30
+ "$value": "{spacing.minus-10}"
31
+ },
32
+ "medium": {
33
+ "$extensions": {
34
+ "com.figma.scopes": [
35
+ "GAP"
36
+ ]
37
+ },
38
+ "$type": "number",
39
+ "$value": "{spacing.minus-10}"
40
+ },
41
+ "large": {
42
+ "$extensions": {
43
+ "com.figma.scopes": [
44
+ "GAP"
45
+ ]
46
+ },
47
+ "$type": "number",
48
+ "$value": "{spacing.minus-20}"
49
+ }
50
+ },
51
+ "horizontal-end": {
52
+ "small": {
53
+ "$extensions": {
54
+ "com.figma.scopes": [
55
+ "GAP"
56
+ ]
57
+ },
58
+ "$type": "number",
59
+ "$value": "{spacing.20}"
60
+ },
61
+ "medium": {
62
+ "$extensions": {
63
+ "com.figma.scopes": [
64
+ "GAP"
65
+ ]
66
+ },
67
+ "$type": "number",
68
+ "$value": "{spacing.40}"
69
+ },
70
+ "large": {
71
+ "$extensions": {
72
+ "com.figma.scopes": [
73
+ "GAP"
74
+ ]
75
+ },
76
+ "$type": "number",
77
+ "$value": "{spacing.60}"
78
+ }
79
+ }
80
+ }
81
+ },
82
+ "borders": {
83
+ "split": {
84
+ "border-radius": {
85
+ "inner-corner": {
86
+ "small": {
87
+ "$extensions": {
88
+ "com.figma.scopes": [
89
+ "CORNER_RADIUS"
90
+ ]
91
+ },
92
+ "$type": "number",
93
+ "$value": "{border-radius.0}"
94
+ },
95
+ "medium": {
96
+ "$extensions": {
97
+ "com.figma.scopes": [
98
+ "CORNER_RADIUS"
99
+ ]
100
+ },
101
+ "$type": "number",
102
+ "$value": "{border-radius.0}"
103
+ },
104
+ "large": {
105
+ "$extensions": {
106
+ "com.figma.scopes": [
107
+ "CORNER_RADIUS"
108
+ ]
109
+ },
110
+ "$type": "number",
111
+ "$value": "{border-radius.0}"
112
+ }
113
+ }
114
+ },
115
+ "border-width": {
116
+ "inner-border": {
117
+ "small": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "STROKE_FLOAT"
121
+ ]
122
+ },
123
+ "$type": "number",
124
+ "$value": "{spacing.0}"
125
+ },
126
+ "medium": {
127
+ "$extensions": {
128
+ "com.figma.scopes": [
129
+ "STROKE_FLOAT"
130
+ ]
131
+ },
132
+ "$type": "number",
133
+ "$value": "{spacing.0}"
134
+ },
135
+ "large": {
136
+ "$extensions": {
137
+ "com.figma.scopes": [
138
+ "STROKE_FLOAT"
139
+ ]
140
+ },
141
+ "$type": "number",
142
+ "$value": "{spacing.0}"
143
+ }
144
+ }
145
+ }
146
+ }
147
+ }
148
+ },
149
+ "button-base": {
150
+ "color": {
151
+ "bg": {
152
+ "rest": {
153
+ "$extensions": {
154
+ "com.figma.scopes": [
155
+ "FRAME_FILL"
156
+ ]
157
+ },
158
+ "$type": "color",
159
+ "$value": "{color.surface.transparent.rest}"
160
+ },
161
+ "hovered": {
162
+ "$extensions": {
163
+ "com.figma.scopes": [
164
+ "FRAME_FILL"
165
+ ]
166
+ },
167
+ "$type": "color",
168
+ "$value": "{color.surface.neutral.default.hovered}"
169
+ },
170
+ "active": {
171
+ "$extensions": {
172
+ "com.figma.scopes": [
173
+ "FRAME_FILL"
174
+ ]
175
+ },
176
+ "$type": "color",
177
+ "$value": "{color.surface.neutral.default.active}"
178
+ },
179
+ "selected": {
180
+ "$extensions": {
181
+ "com.figma.scopes": [
182
+ "FRAME_FILL"
183
+ ]
184
+ },
185
+ "$type": "color",
186
+ "$value": "{color.surface.neutral.default.selected}"
187
+ }
188
+ },
189
+ "border": {
190
+ "rest": {
191
+ "$extensions": {
192
+ "com.figma.scopes": [
193
+ "STROKE_COLOR"
194
+ ]
195
+ },
196
+ "$type": "color",
197
+ "$value": "{color.border.transparent.rest}"
198
+ },
199
+ "selected": {
200
+ "$extensions": {
201
+ "com.figma.scopes": [
202
+ "STROKE_COLOR"
203
+ ]
204
+ },
205
+ "$type": "color",
206
+ "$value": "{color.border.neutral.default.static-dark.rest}"
207
+ }
208
+ },
209
+ "text": {
210
+ "disabled": {
211
+ "$extensions": {
212
+ "com.figma.scopes": [
213
+ "TEXT_FILL"
214
+ ]
215
+ },
216
+ "$type": "color",
217
+ "$value": "{color.content.neutral.default.disabled}"
218
+ }
219
+ },
220
+ "icon": {
221
+ "rest": {
222
+ "$extensions": {
223
+ "com.figma.scopes": [
224
+ "SHAPE_FILL"
225
+ ]
226
+ },
227
+ "$type": "color",
228
+ "$value": "{color.content.neutral.default.rest}"
229
+ },
230
+ "disabled": {
231
+ "$extensions": {
232
+ "com.figma.scopes": [
233
+ "SHAPE_FILL"
234
+ ]
235
+ },
236
+ "$type": "color",
237
+ "$value": "{color.content.neutral.default.disabled}"
238
+ }
239
+ }
240
+ },
241
+ "layout": {
242
+ "simplified": {
243
+ "outer-box": {
244
+ "horizontal": {
245
+ "medium": {
246
+ "$extensions": {
247
+ "com.figma.scopes": [
248
+ "GAP"
249
+ ]
250
+ },
251
+ "$type": "number",
252
+ "$value": "{spacing.50}"
253
+ },
254
+ "small": {
255
+ "$extensions": {
256
+ "com.figma.scopes": [
257
+ "GAP"
258
+ ]
259
+ },
260
+ "$type": "number",
261
+ "$value": "{spacing.30}"
262
+ },
263
+ "large": {
264
+ "$extensions": {
265
+ "com.figma.scopes": [
266
+ "GAP"
267
+ ]
268
+ },
269
+ "$type": "number",
270
+ "$value": "{spacing.70}"
271
+ }
272
+ },
273
+ "vertical": {
274
+ "small": {
275
+ "$extensions": {
276
+ "com.figma.scopes": [
277
+ "GAP"
278
+ ]
279
+ },
280
+ "$type": "number",
281
+ "$value": "{spacing.30}"
282
+ },
283
+ "medium": {
284
+ "$extensions": {
285
+ "com.figma.scopes": [
286
+ "GAP"
287
+ ]
288
+ },
289
+ "$type": "number",
290
+ "$value": "{spacing.50}"
291
+ },
292
+ "large": {
293
+ "$extensions": {
294
+ "com.figma.scopes": [
295
+ "GAP"
296
+ ]
297
+ },
298
+ "$type": "number",
299
+ "$value": "{spacing.70}"
300
+ }
301
+ },
302
+ "gap": {
303
+ "small": {
304
+ "$extensions": {
305
+ "com.figma.scopes": [
306
+ "GAP"
307
+ ]
308
+ },
309
+ "$type": "number",
310
+ "$value": "{spacing.20}"
311
+ },
312
+ "medium": {
313
+ "$extensions": {
314
+ "com.figma.scopes": [
315
+ "GAP"
316
+ ]
317
+ },
318
+ "$type": "number",
319
+ "$value": "{spacing.20}"
320
+ },
321
+ "large": {
322
+ "$extensions": {
323
+ "com.figma.scopes": [
324
+ "GAP"
325
+ ]
326
+ },
327
+ "$type": "number",
328
+ "$value": "{spacing.20}"
329
+ }
330
+ }
331
+ }
332
+ },
333
+ "classic-standard": {
334
+ "outer-box": {
335
+ "horizontal": {
336
+ "small": {
337
+ "$extensions": {
338
+ "com.figma.scopes": [
339
+ "GAP"
340
+ ]
341
+ },
342
+ "$type": "number",
343
+ "$value": "{spacing.30}"
344
+ },
345
+ "medium": {
346
+ "$extensions": {
347
+ "com.figma.scopes": [
348
+ "GAP"
349
+ ]
350
+ },
351
+ "$type": "number",
352
+ "$value": "{spacing.30}"
353
+ },
354
+ "large": {
355
+ "$extensions": {
356
+ "com.figma.scopes": [
357
+ "GAP"
358
+ ]
359
+ },
360
+ "$type": "number",
361
+ "$value": "{spacing.50}"
362
+ }
363
+ },
364
+ "vertical": {
365
+ "small": {
366
+ "$extensions": {
367
+ "com.figma.scopes": [
368
+ "GAP"
369
+ ]
370
+ },
371
+ "$type": "number",
372
+ "$value": "{spacing.10}"
373
+ },
374
+ "medium": {
375
+ "$extensions": {
376
+ "com.figma.scopes": [
377
+ "GAP"
378
+ ]
379
+ },
380
+ "$type": "number",
381
+ "$value": "{spacing.10}"
382
+ },
383
+ "large": {
384
+ "$extensions": {
385
+ "com.figma.scopes": [
386
+ "GAP"
387
+ ]
388
+ },
389
+ "$type": "number",
390
+ "$value": "{spacing.10}"
391
+ }
392
+ },
393
+ "min-width": {
394
+ "small": {
395
+ "$extensions": {
396
+ "com.figma.scopes": [
397
+ "WIDTH_HEIGHT"
398
+ ]
399
+ },
400
+ "$type": "number",
401
+ "$value": "{spacing.400}"
402
+ },
403
+ "medium": {
404
+ "$extensions": {
405
+ "com.figma.scopes": [
406
+ "WIDTH_HEIGHT"
407
+ ]
408
+ },
409
+ "$type": "number",
410
+ "$value": "{spacing.480}"
411
+ },
412
+ "large": {
413
+ "$extensions": {
414
+ "com.figma.scopes": [
415
+ "WIDTH_HEIGHT"
416
+ ]
417
+ },
418
+ "$type": "number",
419
+ "$value": "{spacing.560}"
420
+ }
421
+ },
422
+ "max-width": {
423
+ "small": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "WIDTH_HEIGHT"
427
+ ]
428
+ },
429
+ "$type": "number",
430
+ "$value": "{spacing.640}"
431
+ },
432
+ "medium": {
433
+ "$extensions": {
434
+ "com.figma.scopes": [
435
+ "WIDTH_HEIGHT"
436
+ ]
437
+ },
438
+ "$type": "number",
439
+ "$value": "{spacing.720}"
440
+ },
441
+ "large": {
442
+ "$extensions": {
443
+ "com.figma.scopes": [
444
+ "WIDTH_HEIGHT"
445
+ ]
446
+ },
447
+ "$type": "number",
448
+ "$value": "{spacing.800}"
449
+ }
450
+ },
451
+ "gap": {
452
+ "small": {
453
+ "$extensions": {
454
+ "com.figma.scopes": [
455
+ "GAP"
456
+ ]
457
+ },
458
+ "$type": "number",
459
+ "$value": "{spacing.0}"
460
+ },
461
+ "medium": {
462
+ "$extensions": {
463
+ "com.figma.scopes": [
464
+ "GAP"
465
+ ]
466
+ },
467
+ "$type": "number",
468
+ "$value": "{spacing.0}"
469
+ },
470
+ "large": {
471
+ "$extensions": {
472
+ "com.figma.scopes": [
473
+ "GAP"
474
+ ]
475
+ },
476
+ "$type": "number",
477
+ "$value": "{spacing.0}"
478
+ }
479
+ }
480
+ }
481
+ },
482
+ "classic-compact": {
483
+ "outer-box": {
484
+ "horizontal": {
485
+ "small": {
486
+ "$extensions": {
487
+ "com.figma.scopes": [
488
+ "GAP"
489
+ ]
490
+ },
491
+ "$type": "number",
492
+ "$value": "{spacing.30}"
493
+ },
494
+ "medium": {
495
+ "$extensions": {
496
+ "com.figma.scopes": [
497
+ "GAP"
498
+ ]
499
+ },
500
+ "$type": "number",
501
+ "$value": "{spacing.30}"
502
+ },
503
+ "large": {
504
+ "$extensions": {
505
+ "com.figma.scopes": [
506
+ "GAP"
507
+ ]
508
+ },
509
+ "$type": "number",
510
+ "$value": "{spacing.40}"
511
+ }
512
+ },
513
+ "vertical": {
514
+ "small": {
515
+ "$extensions": {
516
+ "com.figma.scopes": [
517
+ "GAP"
518
+ ]
519
+ },
520
+ "$type": "number",
521
+ "$value": "{spacing.10}"
522
+ },
523
+ "medium": {
524
+ "$extensions": {
525
+ "com.figma.scopes": [
526
+ "GAP"
527
+ ]
528
+ },
529
+ "$type": "number",
530
+ "$value": "{spacing.10}"
531
+ },
532
+ "large": {
533
+ "$extensions": {
534
+ "com.figma.scopes": [
535
+ "GAP"
536
+ ]
537
+ },
538
+ "$type": "number",
539
+ "$value": "{spacing.10}"
540
+ }
541
+ },
542
+ "gap": {
543
+ "small": {
544
+ "$extensions": {
545
+ "com.figma.scopes": [
546
+ "GAP"
547
+ ]
548
+ },
549
+ "$type": "number",
550
+ "$value": "{spacing.20}"
551
+ },
552
+ "medium": {
553
+ "$extensions": {
554
+ "com.figma.scopes": [
555
+ "GAP"
556
+ ]
557
+ },
558
+ "$type": "number",
559
+ "$value": "{spacing.20}"
560
+ },
561
+ "large": {
562
+ "$extensions": {
563
+ "com.figma.scopes": [
564
+ "GAP"
565
+ ]
566
+ },
567
+ "$type": "number",
568
+ "$value": "{spacing.20}"
569
+ }
570
+ }
571
+ }
572
+ }
573
+ },
574
+ "borders": {
575
+ "border-radius": {
576
+ "small": {
577
+ "$extensions": {
578
+ "com.figma.scopes": [
579
+ "CORNER_RADIUS"
580
+ ]
581
+ },
582
+ "$type": "number",
583
+ "$value": "{border-radius.40}"
584
+ },
585
+ "medium": {
586
+ "$extensions": {
587
+ "com.figma.scopes": [
588
+ "CORNER_RADIUS"
589
+ ]
590
+ },
591
+ "$type": "number",
592
+ "$value": "{border-radius.40}"
593
+ },
594
+ "large": {
595
+ "$extensions": {
596
+ "com.figma.scopes": [
597
+ "CORNER_RADIUS"
598
+ ]
599
+ },
600
+ "$type": "number",
601
+ "$value": "{border-radius.40}"
602
+ }
603
+ },
604
+ "border-width": {
605
+ "small": {
606
+ "$extensions": {
607
+ "com.figma.scopes": [
608
+ "STROKE_FLOAT"
609
+ ]
610
+ },
611
+ "$type": "number",
612
+ "$value": "{border-width.10}"
613
+ },
614
+ "medium": {
615
+ "$extensions": {
616
+ "com.figma.scopes": [
617
+ "STROKE_FLOAT"
618
+ ]
619
+ },
620
+ "$type": "number",
621
+ "$value": "{border-width.10}"
622
+ },
623
+ "large": {
624
+ "$extensions": {
625
+ "com.figma.scopes": [
626
+ "STROKE_FLOAT"
627
+ ]
628
+ },
629
+ "$type": "number",
630
+ "$value": "{border-width.10}"
631
+ }
632
+ }
633
+ }
634
+ },
635
+ "classic-items": {
636
+ "dropdown": {
637
+ "color": {
638
+ "border": {
639
+ "selected": {
640
+ "$extensions": {
641
+ "com.figma.scopes": [
642
+ "SHAPE_FILL",
643
+ "STROKE_COLOR"
644
+ ]
645
+ },
646
+ "$type": "color",
647
+ "$value": "{color.border.transparent.rest}"
648
+ }
649
+ }
650
+ },
651
+ "layout": {
652
+ "height": {
653
+ "small": {
654
+ "$extensions": {
655
+ "com.figma.scopes": [
656
+ "WIDTH_HEIGHT"
657
+ ]
658
+ },
659
+ "$type": "number",
660
+ "$value": "{spacing.560}"
661
+ },
662
+ "medium": {
663
+ "$extensions": {
664
+ "com.figma.scopes": [
665
+ "WIDTH_HEIGHT"
666
+ ]
667
+ },
668
+ "$type": "number",
669
+ "$value": "{spacing.760}"
670
+ },
671
+ "large": {
672
+ "$extensions": {
673
+ "com.figma.scopes": [
674
+ "WIDTH_HEIGHT"
675
+ ]
676
+ },
677
+ "$type": "number",
678
+ "$value": "{spacing.940}"
679
+ }
680
+ }
681
+ }
682
+ },
683
+ "split": {
684
+ "layout": {
685
+ "gap": {
686
+ "small": {
687
+ "$extensions": {
688
+ "com.figma.scopes": [
689
+ "GAP"
690
+ ]
691
+ },
692
+ "$type": "number",
693
+ "$value": "{spacing.minus-10}"
694
+ },
695
+ "medium": {
696
+ "$extensions": {
697
+ "com.figma.scopes": [
698
+ "GAP"
699
+ ]
700
+ },
701
+ "$type": "number",
702
+ "$value": "{spacing.minus-10}"
703
+ },
704
+ "large": {
705
+ "$extensions": {
706
+ "com.figma.scopes": [
707
+ "GAP"
708
+ ]
709
+ },
710
+ "$type": "number",
711
+ "$value": "{spacing.minus-10}"
712
+ }
713
+ },
714
+ "height": {
715
+ "small": {
716
+ "$extensions": {
717
+ "com.figma.scopes": [
718
+ "WIDTH_HEIGHT"
719
+ ]
720
+ },
721
+ "$type": "number",
722
+ "$value": "{spacing.560}"
723
+ },
724
+ "medium": {
725
+ "$extensions": {
726
+ "com.figma.scopes": [
727
+ "WIDTH_HEIGHT"
728
+ ]
729
+ },
730
+ "$type": "number",
731
+ "$value": "{spacing.760}"
732
+ },
733
+ "large": {
734
+ "$extensions": {
735
+ "com.figma.scopes": [
736
+ "WIDTH_HEIGHT"
737
+ ]
738
+ },
739
+ "$type": "number",
740
+ "$value": "{spacing.940}"
741
+ }
742
+ }
743
+ },
744
+ "borders": {
745
+ "border-radius": {
746
+ "inner-corner": {
747
+ "small": {
748
+ "$extensions": {
749
+ "com.figma.scopes": [
750
+ "CORNER_RADIUS"
751
+ ]
752
+ },
753
+ "$type": "number",
754
+ "$value": "{border-radius.0}"
755
+ },
756
+ "medium": {
757
+ "$extensions": {
758
+ "com.figma.scopes": [
759
+ "CORNER_RADIUS"
760
+ ]
761
+ },
762
+ "$type": "number",
763
+ "$value": "{border-radius.0}"
764
+ },
765
+ "large": {
766
+ "$extensions": {
767
+ "com.figma.scopes": [
768
+ "CORNER_RADIUS"
769
+ ]
770
+ },
771
+ "$type": "number",
772
+ "$value": "{border-radius.0}"
773
+ }
774
+ }
775
+ },
776
+ "border-width": {
777
+ "inner-width": {
778
+ "small": {
779
+ "$extensions": {
780
+ "com.figma.scopes": [
781
+ "STROKE_FLOAT"
782
+ ]
783
+ },
784
+ "$type": "number",
785
+ "$value": "{spacing.0}"
786
+ },
787
+ "medium": {
788
+ "$extensions": {
789
+ "com.figma.scopes": [
790
+ "STROKE_FLOAT"
791
+ ]
792
+ },
793
+ "$type": "number",
794
+ "$value": "{spacing.0}"
795
+ },
796
+ "large": {
797
+ "$extensions": {
798
+ "com.figma.scopes": [
799
+ "STROKE_FLOAT"
800
+ ]
801
+ },
802
+ "$type": "number",
803
+ "$value": "{spacing.0}"
804
+ }
805
+ }
806
+ }
807
+ }
808
+ },
809
+ "default": {
810
+ "layout": {
811
+ "height": {
812
+ "small": {
813
+ "$extensions": {
814
+ "com.figma.scopes": [
815
+ "WIDTH_HEIGHT"
816
+ ]
817
+ },
818
+ "$type": "number",
819
+ "$value": "{spacing.560}"
820
+ },
821
+ "medium": {
822
+ "$extensions": {
823
+ "com.figma.scopes": [
824
+ "WIDTH_HEIGHT"
825
+ ]
826
+ },
827
+ "$type": "number",
828
+ "$value": "{spacing.760}"
829
+ },
830
+ "large": {
831
+ "$extensions": {
832
+ "com.figma.scopes": [
833
+ "WIDTH_HEIGHT"
834
+ ]
835
+ },
836
+ "$type": "number",
837
+ "$value": "{spacing.940}"
838
+ }
839
+ }
840
+ }
841
+ }
842
+ },
843
+ "classic-compact-items": {
844
+ "dropdown": {
845
+ "color": {
846
+ "border": {
847
+ "selected": {
848
+ "$extensions": {
849
+ "com.figma.scopes": [
850
+ "ALL_SCOPES"
851
+ ]
852
+ },
853
+ "$type": "color",
854
+ "$value": "{color.border.transparent.rest}"
855
+ }
856
+ }
857
+ }
858
+ },
859
+ "split": {
860
+ "layout": {
861
+ "gap": {
862
+ "small": {
863
+ "$extensions": {
864
+ "com.figma.scopes": [
865
+ "GAP"
866
+ ]
867
+ },
868
+ "$type": "number",
869
+ "$value": "{spacing.minus-10}"
870
+ },
871
+ "medium": {
872
+ "$extensions": {
873
+ "com.figma.scopes": [
874
+ "GAP"
875
+ ]
876
+ },
877
+ "$type": "number",
878
+ "$value": "{spacing.minus-10}"
879
+ },
880
+ "large": {
881
+ "$extensions": {
882
+ "com.figma.scopes": [
883
+ "GAP"
884
+ ]
885
+ },
886
+ "$type": "number",
887
+ "$value": "{spacing.minus-20}"
888
+ }
889
+ },
890
+ "right": {
891
+ "small": {
892
+ "$extensions": {
893
+ "com.figma.scopes": [
894
+ "GAP"
895
+ ]
896
+ },
897
+ "$type": "number",
898
+ "$value": "{spacing.20}"
899
+ },
900
+ "medium": {
901
+ "$extensions": {
902
+ "com.figma.scopes": [
903
+ "GAP"
904
+ ]
905
+ },
906
+ "$type": "number",
907
+ "$value": "{spacing.20}"
908
+ },
909
+ "large": {
910
+ "$extensions": {
911
+ "com.figma.scopes": [
912
+ "GAP"
913
+ ]
914
+ },
915
+ "$type": "number",
916
+ "$value": "{spacing.40}"
917
+ }
918
+ }
919
+ },
920
+ "borders": {
921
+ "border-radius": {
922
+ "inner-corner": {
923
+ "small": {
924
+ "$extensions": {
925
+ "com.figma.scopes": [
926
+ "CORNER_RADIUS"
927
+ ]
928
+ },
929
+ "$type": "number",
930
+ "$value": "{border-radius.0}"
931
+ },
932
+ "medium": {
933
+ "$extensions": {
934
+ "com.figma.scopes": [
935
+ "CORNER_RADIUS"
936
+ ]
937
+ },
938
+ "$type": "number",
939
+ "$value": "{border-radius.0}"
940
+ },
941
+ "large": {
942
+ "$extensions": {
943
+ "com.figma.scopes": [
944
+ "CORNER_RADIUS"
945
+ ]
946
+ },
947
+ "$type": "number",
948
+ "$value": "{border-radius.0}"
949
+ }
950
+ }
951
+ },
952
+ "border-width": {
953
+ "inner-border": {
954
+ "small": {
955
+ "$extensions": {
956
+ "com.figma.scopes": [
957
+ "STROKE_FLOAT"
958
+ ]
959
+ },
960
+ "$type": "number",
961
+ "$value": "{spacing.0}"
962
+ },
963
+ "medium": {
964
+ "$extensions": {
965
+ "com.figma.scopes": [
966
+ "STROKE_FLOAT"
967
+ ]
968
+ },
969
+ "$type": "number",
970
+ "$value": "{spacing.0}"
971
+ },
972
+ "large": {
973
+ "$extensions": {
974
+ "com.figma.scopes": [
975
+ "STROKE_FLOAT"
976
+ ]
977
+ },
978
+ "$type": "number",
979
+ "$value": "{spacing.0}"
980
+ }
981
+ }
982
+ }
983
+ }
984
+ }
985
+ },
986
+ "сaption": {
987
+ "color": {
988
+ "text": {
989
+ "rest": {
990
+ "$extensions": {
991
+ "com.figma.scopes": [
992
+ "TEXT_FILL"
993
+ ]
994
+ },
995
+ "$type": "color",
996
+ "$value": "{color.content.neutral.subdued.rest}"
997
+ }
998
+ }
999
+ },
1000
+ "typography": {
1001
+ "font-size": {
1002
+ "small": {
1003
+ "$extensions": {
1004
+ "com.figma.scopes": [
1005
+ "FONT_SIZE"
1006
+ ]
1007
+ },
1008
+ "$type": "number",
1009
+ "$value": "{font-size.base.xs}"
1010
+ },
1011
+ "medium": {
1012
+ "$extensions": {
1013
+ "com.figma.scopes": [
1014
+ "FONT_SIZE"
1015
+ ]
1016
+ },
1017
+ "$type": "number",
1018
+ "$value": "{font-size.base.xs}"
1019
+ },
1020
+ "large": {
1021
+ "$extensions": {
1022
+ "com.figma.scopes": [
1023
+ "FONT_SIZE"
1024
+ ]
1025
+ },
1026
+ "$type": "number",
1027
+ "$value": "{font-size.base.sm}"
1028
+ }
1029
+ },
1030
+ "line-height": {
1031
+ "medium": {
1032
+ "$extensions": {
1033
+ "com.figma.scopes": [
1034
+ "LINE_HEIGHT"
1035
+ ]
1036
+ },
1037
+ "$type": "number",
1038
+ "$value": "{line-height.base.xs}"
1039
+ },
1040
+ "small": {
1041
+ "$extensions": {
1042
+ "com.figma.scopes": [
1043
+ "LINE_HEIGHT"
1044
+ ]
1045
+ },
1046
+ "$type": "number",
1047
+ "$value": "{line-height.base.xs}"
1048
+ },
1049
+ "large": {
1050
+ "$extensions": {
1051
+ "com.figma.scopes": [
1052
+ "LINE_HEIGHT"
1053
+ ]
1054
+ },
1055
+ "$type": "number",
1056
+ "$value": "{line-height.base.sm}"
1057
+ }
1058
+ },
1059
+ "font-weight": {
1060
+ "small": {
1061
+ "$extensions": {
1062
+ "com.figma.scopes": [
1063
+ "FONT_WEIGHT"
1064
+ ]
1065
+ },
1066
+ "$type": "number",
1067
+ "$value": "{font-weight.base.default}"
1068
+ },
1069
+ "medium": {
1070
+ "$extensions": {
1071
+ "com.figma.scopes": [
1072
+ "FONT_WEIGHT"
1073
+ ]
1074
+ },
1075
+ "$type": "number",
1076
+ "$value": "{font-weight.base.default}"
1077
+ },
1078
+ "large": {
1079
+ "$extensions": {
1080
+ "com.figma.scopes": [
1081
+ "FONT_WEIGHT"
1082
+ ]
1083
+ },
1084
+ "$type": "number",
1085
+ "$value": "{font-weight.base.default}"
1086
+ }
1087
+ }
1088
+ }
1089
+ },
1090
+ "toolbar": {
1091
+ "color": {
1092
+ "bg": {
1093
+ "rest": {
1094
+ "$extensions": {
1095
+ "com.figma.scopes": [
1096
+ "FRAME_FILL"
1097
+ ]
1098
+ },
1099
+ "$type": "color",
1100
+ "$value": "{color.surface.neutral.default.rest}"
1101
+ }
1102
+ },
1103
+ "border": {
1104
+ "rest": {
1105
+ "$extensions": {
1106
+ "com.figma.scopes": [
1107
+ "STROKE_COLOR"
1108
+ ]
1109
+ },
1110
+ "$type": "color",
1111
+ "$value": "{color.border.transparent.rest}"
1112
+ }
1113
+ }
1114
+ },
1115
+ "box-shadow": {
1116
+ "layer-1": {
1117
+ "color": {
1118
+ "$extensions": {
1119
+ "com.figma.scopes": [
1120
+ "ALL_SCOPES"
1121
+ ]
1122
+ },
1123
+ "$type": "color",
1124
+ "$value": "{box-shadow.layer-1.color.sm}"
1125
+ },
1126
+ "x": {
1127
+ "$extensions": {
1128
+ "com.figma.scopes": [
1129
+ "ALL_SCOPES"
1130
+ ]
1131
+ },
1132
+ "$type": "number",
1133
+ "$value": "{box-shadow.layer-1.x.sm}"
1134
+ },
1135
+ "y": {
1136
+ "$extensions": {
1137
+ "com.figma.scopes": [
1138
+ "ALL_SCOPES"
1139
+ ]
1140
+ },
1141
+ "$type": "number",
1142
+ "$value": "{box-shadow.layer-1.y.sm}"
1143
+ },
1144
+ "blur": {
1145
+ "$extensions": {
1146
+ "com.figma.scopes": [
1147
+ "ALL_SCOPES"
1148
+ ]
1149
+ },
1150
+ "$type": "number",
1151
+ "$value": "{box-shadow.layer-1.blur.sm}"
1152
+ },
1153
+ "spread": {
1154
+ "$extensions": {
1155
+ "com.figma.scopes": [
1156
+ "ALL_SCOPES"
1157
+ ]
1158
+ },
1159
+ "$type": "number",
1160
+ "$value": "{box-shadow.layer-1.spread.sm}"
1161
+ }
1162
+ },
1163
+ "layer-2": {
1164
+ "color": {
1165
+ "$extensions": {
1166
+ "com.figma.scopes": [
1167
+ "ALL_SCOPES"
1168
+ ]
1169
+ },
1170
+ "$type": "color",
1171
+ "$value": "{box-shadow.layer-2.color.sm}"
1172
+ },
1173
+ "x": {
1174
+ "$extensions": {
1175
+ "com.figma.scopes": [
1176
+ "ALL_SCOPES"
1177
+ ]
1178
+ },
1179
+ "$type": "number",
1180
+ "$value": "{box-shadow.layer-2.x.sm}"
1181
+ },
1182
+ "y": {
1183
+ "$extensions": {
1184
+ "com.figma.scopes": [
1185
+ "ALL_SCOPES"
1186
+ ]
1187
+ },
1188
+ "$type": "number",
1189
+ "$value": "{box-shadow.layer-2.y.sm}"
1190
+ },
1191
+ "blur": {
1192
+ "$extensions": {
1193
+ "com.figma.scopes": [
1194
+ "ALL_SCOPES"
1195
+ ]
1196
+ },
1197
+ "$type": "number",
1198
+ "$value": "{box-shadow.layer-2.blur.sm}"
1199
+ },
1200
+ "spread": {
1201
+ "$extensions": {
1202
+ "com.figma.scopes": [
1203
+ "ALL_SCOPES"
1204
+ ]
1205
+ },
1206
+ "$type": "number",
1207
+ "$value": "{box-shadow.layer-2.spread.sm}"
1208
+ }
1209
+ },
1210
+ "composite": {
1211
+ "$type": "text",
1212
+ "$value": "{box-shadow.md}"
1213
+ }
1214
+ },
1215
+ "layout": {
1216
+ "outer-box": {
1217
+ "horizontal": {
1218
+ "small": {
1219
+ "$extensions": {
1220
+ "com.figma.scopes": [
1221
+ "GAP"
1222
+ ]
1223
+ },
1224
+ "$type": "number",
1225
+ "$value": "{spacing.50}"
1226
+ },
1227
+ "medium": {
1228
+ "$extensions": {
1229
+ "com.figma.scopes": [
1230
+ "GAP"
1231
+ ]
1232
+ },
1233
+ "$type": "number",
1234
+ "$value": "{spacing.70}"
1235
+ },
1236
+ "large": {
1237
+ "$extensions": {
1238
+ "com.figma.scopes": [
1239
+ "GAP"
1240
+ ]
1241
+ },
1242
+ "$type": "number",
1243
+ "$value": "{spacing.90}"
1244
+ }
1245
+ },
1246
+ "vertical": {
1247
+ "small": {
1248
+ "$extensions": {
1249
+ "com.figma.scopes": [
1250
+ "GAP"
1251
+ ]
1252
+ },
1253
+ "$type": "number",
1254
+ "$value": "{spacing.30}"
1255
+ },
1256
+ "medium": {
1257
+ "$extensions": {
1258
+ "com.figma.scopes": [
1259
+ "GAP"
1260
+ ]
1261
+ },
1262
+ "$type": "number",
1263
+ "$value": "{spacing.30}"
1264
+ },
1265
+ "large": {
1266
+ "$extensions": {
1267
+ "com.figma.scopes": [
1268
+ "GAP"
1269
+ ]
1270
+ },
1271
+ "$type": "number",
1272
+ "$value": "{spacing.30}"
1273
+ }
1274
+ },
1275
+ "height": {
1276
+ "classic": {
1277
+ "small": {
1278
+ "$extensions": {
1279
+ "com.figma.scopes": [
1280
+ "WIDTH_HEIGHT"
1281
+ ]
1282
+ },
1283
+ "$type": "number",
1284
+ "$value": "{spacing.800}"
1285
+ },
1286
+ "medium": {
1287
+ "$extensions": {
1288
+ "com.figma.scopes": [
1289
+ "WIDTH_HEIGHT"
1290
+ ]
1291
+ },
1292
+ "$type": "number",
1293
+ "$value": "{spacing.1000}"
1294
+ },
1295
+ "large": {
1296
+ "$extensions": {
1297
+ "com.figma.scopes": [
1298
+ "WIDTH_HEIGHT"
1299
+ ]
1300
+ },
1301
+ "$type": "number",
1302
+ "$value": "{spacing.1200}"
1303
+ }
1304
+ },
1305
+ "simplified": {
1306
+ "small": {
1307
+ "$extensions": {
1308
+ "com.figma.scopes": [
1309
+ "WIDTH_HEIGHT"
1310
+ ]
1311
+ },
1312
+ "$type": "number",
1313
+ "$value": "{spacing.320}"
1314
+ },
1315
+ "medium": {
1316
+ "$extensions": {
1317
+ "com.figma.scopes": [
1318
+ "WIDTH_HEIGHT"
1319
+ ]
1320
+ },
1321
+ "$type": "number",
1322
+ "$value": "{spacing.400}"
1323
+ },
1324
+ "large": {
1325
+ "$extensions": {
1326
+ "com.figma.scopes": [
1327
+ "WIDTH_HEIGHT"
1328
+ ]
1329
+ },
1330
+ "$type": "number",
1331
+ "$value": "{spacing.480}"
1332
+ }
1333
+ }
1334
+ }
1335
+ },
1336
+ "content-box": {
1337
+ "gap": {
1338
+ "small": {
1339
+ "$extensions": {
1340
+ "com.figma.scopes": [
1341
+ "GAP"
1342
+ ]
1343
+ },
1344
+ "$type": "number",
1345
+ "$value": "{spacing.0}"
1346
+ },
1347
+ "medium": {
1348
+ "$extensions": {
1349
+ "com.figma.scopes": [
1350
+ "GAP"
1351
+ ]
1352
+ },
1353
+ "$type": "number",
1354
+ "$value": "{spacing.0}"
1355
+ },
1356
+ "large": {
1357
+ "$extensions": {
1358
+ "com.figma.scopes": [
1359
+ "GAP"
1360
+ ]
1361
+ },
1362
+ "$type": "number",
1363
+ "$value": "{spacing.0}"
1364
+ }
1365
+ }
1366
+ }
1367
+ },
1368
+ "borders": {
1369
+ "corner-radius": {
1370
+ "small": {
1371
+ "$extensions": {
1372
+ "com.figma.scopes": [
1373
+ "CORNER_RADIUS"
1374
+ ]
1375
+ },
1376
+ "$type": "number",
1377
+ "$value": "{border-radius.60}"
1378
+ },
1379
+ "medium": {
1380
+ "$extensions": {
1381
+ "com.figma.scopes": [
1382
+ "CORNER_RADIUS"
1383
+ ]
1384
+ },
1385
+ "$type": "number",
1386
+ "$value": "{border-radius.80}"
1387
+ },
1388
+ "large": {
1389
+ "$extensions": {
1390
+ "com.figma.scopes": [
1391
+ "CORNER_RADIUS"
1392
+ ]
1393
+ },
1394
+ "$type": "number",
1395
+ "$value": "{border-radius.80}"
1396
+ }
1397
+ },
1398
+ "border-width": {
1399
+ "small": {
1400
+ "$extensions": {
1401
+ "com.figma.scopes": [
1402
+ "STROKE_FLOAT"
1403
+ ]
1404
+ },
1405
+ "$type": "number",
1406
+ "$value": "{border-width.10}"
1407
+ },
1408
+ "medium": {
1409
+ "$extensions": {
1410
+ "com.figma.scopes": [
1411
+ "STROKE_FLOAT"
1412
+ ]
1413
+ },
1414
+ "$type": "number",
1415
+ "$value": "{border-width.10}"
1416
+ },
1417
+ "large": {
1418
+ "$extensions": {
1419
+ "com.figma.scopes": [
1420
+ "STROKE_FLOAT"
1421
+ ]
1422
+ },
1423
+ "$type": "number",
1424
+ "$value": "{border-width.10}"
1425
+ }
1426
+ }
1427
+ }
1428
+ },
1429
+ "button-group": {
1430
+ "layout": {
1431
+ "gap": {
1432
+ "small": {
1433
+ "$extensions": {
1434
+ "com.figma.scopes": [
1435
+ "GAP"
1436
+ ]
1437
+ },
1438
+ "$type": "number",
1439
+ "$value": "{spacing.10}"
1440
+ },
1441
+ "medium": {
1442
+ "$extensions": {
1443
+ "com.figma.scopes": [
1444
+ "GAP"
1445
+ ]
1446
+ },
1447
+ "$type": "number",
1448
+ "$value": "{spacing.10}"
1449
+ },
1450
+ "large": {
1451
+ "$extensions": {
1452
+ "com.figma.scopes": [
1453
+ "GAP"
1454
+ ]
1455
+ },
1456
+ "$type": "number",
1457
+ "$value": "{spacing.10}"
1458
+ }
1459
+ }
1460
+ }
1461
+ },
1462
+ "group-container": {
1463
+ "layout": {
1464
+ "outer-box": {
1465
+ "gap": {
1466
+ "small": {
1467
+ "$extensions": {
1468
+ "com.figma.scopes": [
1469
+ "GAP"
1470
+ ]
1471
+ },
1472
+ "$type": "number",
1473
+ "$value": "{spacing.0}"
1474
+ },
1475
+ "medium": {
1476
+ "$extensions": {
1477
+ "com.figma.scopes": [
1478
+ "GAP"
1479
+ ]
1480
+ },
1481
+ "$type": "number",
1482
+ "$value": "{spacing.0}"
1483
+ },
1484
+ "large": {
1485
+ "$extensions": {
1486
+ "com.figma.scopes": [
1487
+ "GAP"
1488
+ ]
1489
+ },
1490
+ "$type": "number",
1491
+ "$value": "{spacing.0}"
1492
+ }
1493
+ }
1494
+ },
1495
+ "group-box": {
1496
+ "gap": {
1497
+ "small": {
1498
+ "$extensions": {
1499
+ "com.figma.scopes": [
1500
+ "GAP"
1501
+ ]
1502
+ },
1503
+ "$type": "number",
1504
+ "$value": "{spacing.20}"
1505
+ },
1506
+ "medium": {
1507
+ "$extensions": {
1508
+ "com.figma.scopes": [
1509
+ "GAP"
1510
+ ]
1511
+ },
1512
+ "$type": "number",
1513
+ "$value": "{spacing.20}"
1514
+ },
1515
+ "large": {
1516
+ "$extensions": {
1517
+ "com.figma.scopes": [
1518
+ "GAP"
1519
+ ]
1520
+ },
1521
+ "$type": "number",
1522
+ "$value": "{spacing.20}"
1523
+ }
1524
+ },
1525
+ "horizontal": {
1526
+ "small": {
1527
+ "$extensions": {
1528
+ "com.figma.scopes": [
1529
+ "GAP"
1530
+ ]
1531
+ },
1532
+ "$type": "number",
1533
+ "$value": "{spacing.20}"
1534
+ },
1535
+ "medium": {
1536
+ "$extensions": {
1537
+ "com.figma.scopes": [
1538
+ "GAP"
1539
+ ]
1540
+ },
1541
+ "$type": "number",
1542
+ "$value": "{spacing.20}"
1543
+ },
1544
+ "large": {
1545
+ "$extensions": {
1546
+ "com.figma.scopes": [
1547
+ "GAP"
1548
+ ]
1549
+ },
1550
+ "$type": "number",
1551
+ "$value": "{spacing.20}"
1552
+ }
1553
+ }
1554
+ },
1555
+ "separator-box": {
1556
+ "horizontal": {
1557
+ "small": {
1558
+ "$extensions": {
1559
+ "com.figma.scopes": [
1560
+ "GAP"
1561
+ ]
1562
+ },
1563
+ "$type": "number",
1564
+ "$value": "{spacing.20}"
1565
+ },
1566
+ "medium": {
1567
+ "$extensions": {
1568
+ "com.figma.scopes": [
1569
+ "GAP"
1570
+ ]
1571
+ },
1572
+ "$type": "number",
1573
+ "$value": "{spacing.20}"
1574
+ },
1575
+ "large": {
1576
+ "$extensions": {
1577
+ "com.figma.scopes": [
1578
+ "GAP"
1579
+ ]
1580
+ },
1581
+ "$type": "number",
1582
+ "$value": "{spacing.20}"
1583
+ }
1584
+ },
1585
+ "vertical": {
1586
+ "small": {
1587
+ "$extensions": {
1588
+ "com.figma.scopes": [
1589
+ "GAP"
1590
+ ]
1591
+ },
1592
+ "$type": "number",
1593
+ "$value": "{spacing.40}"
1594
+ },
1595
+ "medium": {
1596
+ "$extensions": {
1597
+ "com.figma.scopes": [
1598
+ "GAP"
1599
+ ]
1600
+ },
1601
+ "$type": "number",
1602
+ "$value": "{spacing.40}"
1603
+ },
1604
+ "large": {
1605
+ "$extensions": {
1606
+ "com.figma.scopes": [
1607
+ "GAP"
1608
+ ]
1609
+ },
1610
+ "$type": "number",
1611
+ "$value": "{spacing.40}"
1612
+ }
1613
+ }
1614
+ },
1615
+ "content-box": {
1616
+ "gap": {
1617
+ "small": {
1618
+ "$extensions": {
1619
+ "com.figma.scopes": [
1620
+ "GAP"
1621
+ ]
1622
+ },
1623
+ "$type": "number",
1624
+ "$value": "{spacing.20}"
1625
+ },
1626
+ "medium": {
1627
+ "$extensions": {
1628
+ "com.figma.scopes": [
1629
+ "GAP"
1630
+ ]
1631
+ },
1632
+ "$type": "number",
1633
+ "$value": "{spacing.20}"
1634
+ },
1635
+ "large": {
1636
+ "$extensions": {
1637
+ "com.figma.scopes": [
1638
+ "GAP"
1639
+ ]
1640
+ },
1641
+ "$type": "number",
1642
+ "$value": "{spacing.20}"
1643
+ }
1644
+ }
1645
+ }
1646
+ }
1647
+ },
1648
+ "root": {
1649
+ "layout": {
1650
+ "gap": {
1651
+ "small": {
1652
+ "$extensions": {
1653
+ "com.figma.scopes": [
1654
+ "GAP"
1655
+ ]
1656
+ },
1657
+ "$type": "number",
1658
+ "$value": "{spacing.40}"
1659
+ },
1660
+ "medium": {
1661
+ "$extensions": {
1662
+ "com.figma.scopes": [
1663
+ "GAP"
1664
+ ]
1665
+ },
1666
+ "$type": "number",
1667
+ "$value": "{spacing.60}"
1668
+ },
1669
+ "large": {
1670
+ "$extensions": {
1671
+ "com.figma.scopes": [
1672
+ "GAP"
1673
+ ]
1674
+ },
1675
+ "$type": "number",
1676
+ "$value": "{spacing.60}"
1677
+ }
1678
+ }
1679
+ }
1680
+ }
1681
+ },
1682
+ "tabs": {
1683
+ "tab-item": {
1684
+ "layout": {
1685
+ "vertical": {
1686
+ "small": {
1687
+ "$extensions": {
1688
+ "com.figma.scopes": [
1689
+ "ALL_SCOPES"
1690
+ ]
1691
+ },
1692
+ "$type": "number",
1693
+ "$value": "{spacing.60}"
1694
+ },
1695
+ "medium": {
1696
+ "$extensions": {
1697
+ "com.figma.scopes": [
1698
+ "ALL_SCOPES"
1699
+ ]
1700
+ },
1701
+ "$type": "number",
1702
+ "$value": "{spacing.80}"
1703
+ },
1704
+ "large": {
1705
+ "$extensions": {
1706
+ "com.figma.scopes": [
1707
+ "ALL_SCOPES"
1708
+ ]
1709
+ },
1710
+ "$type": "number",
1711
+ "$value": "{spacing.100}"
1712
+ }
1713
+ }
1714
+ }
1715
+ }
1716
+ }
1717
+ }