@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/core/overflow-menu/fluent.json ADDED
@@ -0,0 +1,788 @@
1
+ {
2
+ "overflow-menu": {
3
+ "menu-item": {
4
+ "color": {
5
+ "button": {
6
+ "rest": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "SHAPE_FILL"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.content.neutral.subdued.rest}"
14
+ },
15
+ "disabled": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "SHAPE_FILL"
19
+ ]
20
+ },
21
+ "$type": "color",
22
+ "$value": "{color.content.neutral.subdued.disabled}"
23
+ }
24
+ },
25
+ "chevron": {
26
+ "rest": {
27
+ "$extensions": {
28
+ "com.figma.scopes": [
29
+ "SHAPE_FILL"
30
+ ]
31
+ },
32
+ "$type": "color",
33
+ "$value": "{color.content.neutral.subdued.rest}"
34
+ },
35
+ "disabled": {
36
+ "$extensions": {
37
+ "com.figma.scopes": [
38
+ "SHAPE_FILL"
39
+ ]
40
+ },
41
+ "$type": "color",
42
+ "$value": "{color.content.neutral.subdued.disabled}"
43
+ }
44
+ },
45
+ "icon": {
46
+ "rest": {
47
+ "$extensions": {
48
+ "com.figma.scopes": [
49
+ "SHAPE_FILL"
50
+ ]
51
+ },
52
+ "$type": "color",
53
+ "$value": "{color.content.neutral.default.rest}"
54
+ },
55
+ "disabled": {
56
+ "$extensions": {
57
+ "com.figma.scopes": [
58
+ "SHAPE_FILL"
59
+ ]
60
+ },
61
+ "$type": "color",
62
+ "$value": "{color.content.neutral.default.disabled}"
63
+ }
64
+ },
65
+ "separator": {
66
+ "rest": {
67
+ "$extensions": {
68
+ "com.figma.scopes": [
69
+ "FRAME_FILL",
70
+ "SHAPE_FILL"
71
+ ]
72
+ },
73
+ "$type": "color",
74
+ "$value": "{color.border.neutral.default.rest}"
75
+ },
76
+ "disabled": {
77
+ "$extensions": {
78
+ "com.figma.scopes": [
79
+ "FRAME_FILL",
80
+ "SHAPE_FILL"
81
+ ]
82
+ },
83
+ "$type": "color",
84
+ "$value": "{color.border.neutral.default.disabled}"
85
+ }
86
+ },
87
+ "shortcut": {
88
+ "disabled": {
89
+ "$extensions": {
90
+ "com.figma.scopes": [
91
+ "TEXT_FILL"
92
+ ]
93
+ },
94
+ "$type": "color",
95
+ "$value": "{color.content.neutral.subdued.disabled}"
96
+ },
97
+ "rest": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "TEXT_FILL"
101
+ ]
102
+ },
103
+ "$type": "color",
104
+ "$value": "{color.content.neutral.subdued.rest}"
105
+ }
106
+ },
107
+ "bg": {
108
+ "rest": {
109
+ "$extensions": {
110
+ "com.figma.scopes": [
111
+ "FRAME_FILL"
112
+ ]
113
+ },
114
+ "$type": "color",
115
+ "$value": "{color.surface.neutral.default.rest}"
116
+ },
117
+ "hovered": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "FRAME_FILL"
121
+ ]
122
+ },
123
+ "$type": "color",
124
+ "$value": "{color.surface.neutral.default.hovered}"
125
+ },
126
+ "active": {
127
+ "$extensions": {
128
+ "com.figma.scopes": [
129
+ "FRAME_FILL"
130
+ ]
131
+ },
132
+ "$type": "color",
133
+ "$value": "{color.surface.neutral.default.active}"
134
+ }
135
+ }
136
+ },
137
+ "layout": {
138
+ "button": {
139
+ "inner-box": {
140
+ "horizontal": {
141
+ "small": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "GAP"
145
+ ]
146
+ },
147
+ "$type": "number",
148
+ "$value": "{spacing.10}"
149
+ },
150
+ "medium": {
151
+ "$extensions": {
152
+ "com.figma.scopes": [
153
+ "GAP"
154
+ ]
155
+ },
156
+ "$type": "number",
157
+ "$value": "{spacing.10}"
158
+ },
159
+ "large": {
160
+ "$extensions": {
161
+ "com.figma.scopes": [
162
+ "GAP"
163
+ ]
164
+ },
165
+ "$type": "number",
166
+ "$value": "{spacing.20}"
167
+ }
168
+ }
169
+ }
170
+ },
171
+ "content-box": {
172
+ "horizontal": {
173
+ "small": {
174
+ "$extensions": {
175
+ "com.figma.scopes": [
176
+ "GAP"
177
+ ]
178
+ },
179
+ "$type": "number",
180
+ "$value": "{spacing.40}"
181
+ },
182
+ "medium": {
183
+ "$extensions": {
184
+ "com.figma.scopes": [
185
+ "GAP"
186
+ ]
187
+ },
188
+ "$type": "number",
189
+ "$value": "{spacing.60}"
190
+ },
191
+ "large": {
192
+ "$extensions": {
193
+ "com.figma.scopes": [
194
+ "GAP"
195
+ ]
196
+ },
197
+ "$type": "number",
198
+ "$value": "{spacing.80}"
199
+ }
200
+ },
201
+ "gap": {
202
+ "small": {
203
+ "$extensions": {
204
+ "com.figma.scopes": [
205
+ "GAP"
206
+ ]
207
+ },
208
+ "$type": "number",
209
+ "$value": "{spacing.40}"
210
+ },
211
+ "large": {
212
+ "$extensions": {
213
+ "com.figma.scopes": [
214
+ "GAP"
215
+ ]
216
+ },
217
+ "$type": "number",
218
+ "$value": "{spacing.80}"
219
+ },
220
+ "medium": {
221
+ "$extensions": {
222
+ "com.figma.scopes": [
223
+ "GAP"
224
+ ]
225
+ },
226
+ "$type": "number",
227
+ "$value": "{spacing.60}"
228
+ }
229
+ },
230
+ "vertical": {
231
+ "small": {
232
+ "$extensions": {
233
+ "com.figma.scopes": [
234
+ "GAP"
235
+ ]
236
+ },
237
+ "$type": "number",
238
+ "$value": "{spacing.40}"
239
+ },
240
+ "large": {
241
+ "$extensions": {
242
+ "com.figma.scopes": [
243
+ "GAP"
244
+ ]
245
+ },
246
+ "$type": "number",
247
+ "$value": "{spacing.80}"
248
+ },
249
+ "medium": {
250
+ "$extensions": {
251
+ "com.figma.scopes": [
252
+ "GAP"
253
+ ]
254
+ },
255
+ "$type": "number",
256
+ "$value": "{spacing.60}"
257
+ }
258
+ }
259
+ },
260
+ "text-box": {
261
+ "horizontal": {
262
+ "small": {
263
+ "$extensions": {
264
+ "com.figma.scopes": [
265
+ "GAP"
266
+ ]
267
+ },
268
+ "$type": "number",
269
+ "$value": "{spacing.20}"
270
+ },
271
+ "medium": {
272
+ "$extensions": {
273
+ "com.figma.scopes": [
274
+ "GAP"
275
+ ]
276
+ },
277
+ "$type": "number",
278
+ "$value": "{spacing.20}"
279
+ },
280
+ "large": {
281
+ "$extensions": {
282
+ "com.figma.scopes": [
283
+ "GAP"
284
+ ]
285
+ },
286
+ "$type": "number",
287
+ "$value": "{spacing.20}"
288
+ }
289
+ }
290
+ },
291
+ "separator-box": {
292
+ "vertical": {
293
+ "small": {
294
+ "$extensions": {
295
+ "com.figma.scopes": [
296
+ "GAP"
297
+ ]
298
+ },
299
+ "$type": "number",
300
+ "$value": "{spacing.40}"
301
+ },
302
+ "medium": {
303
+ "$extensions": {
304
+ "com.figma.scopes": [
305
+ "GAP"
306
+ ]
307
+ },
308
+ "$type": "number",
309
+ "$value": "{spacing.40}"
310
+ },
311
+ "large": {
312
+ "$extensions": {
313
+ "com.figma.scopes": [
314
+ "GAP"
315
+ ]
316
+ },
317
+ "$type": "number",
318
+ "$value": "{spacing.40}"
319
+ }
320
+ }
321
+ },
322
+ "shortcut-box": {
323
+ "horizontal-start": {
324
+ "small": {
325
+ "$extensions": {
326
+ "com.figma.scopes": [
327
+ "GAP"
328
+ ]
329
+ },
330
+ "$type": "number",
331
+ "$value": "{spacing.20}"
332
+ },
333
+ "medium": {
334
+ "$extensions": {
335
+ "com.figma.scopes": [
336
+ "GAP"
337
+ ]
338
+ },
339
+ "$type": "number",
340
+ "$value": "{spacing.20}"
341
+ },
342
+ "large": {
343
+ "$extensions": {
344
+ "com.figma.scopes": [
345
+ "GAP"
346
+ ]
347
+ },
348
+ "$type": "number",
349
+ "$value": "{spacing.40}"
350
+ }
351
+ },
352
+ "horizontal-end": {
353
+ "small": {
354
+ "$extensions": {
355
+ "com.figma.scopes": [
356
+ "GAP"
357
+ ]
358
+ },
359
+ "$type": "number",
360
+ "$value": "{spacing.40}"
361
+ },
362
+ "medium": {
363
+ "$extensions": {
364
+ "com.figma.scopes": [
365
+ "GAP"
366
+ ]
367
+ },
368
+ "$type": "number",
369
+ "$value": "{spacing.40}"
370
+ },
371
+ "large": {
372
+ "$extensions": {
373
+ "com.figma.scopes": [
374
+ "GAP"
375
+ ]
376
+ },
377
+ "$type": "number",
378
+ "$value": "{spacing.60}"
379
+ }
380
+ }
381
+ }
382
+ },
383
+ "borders": {
384
+ "border-radius": {
385
+ "small": {
386
+ "$extensions": {
387
+ "com.figma.scopes": [
388
+ "CORNER_RADIUS"
389
+ ]
390
+ },
391
+ "$type": "number",
392
+ "$value": "{border-radius.theme-builder.default}"
393
+ },
394
+ "medium": {
395
+ "$extensions": {
396
+ "com.figma.scopes": [
397
+ "CORNER_RADIUS"
398
+ ]
399
+ },
400
+ "$type": "number",
401
+ "$value": "{border-radius.theme-builder.default}"
402
+ },
403
+ "large": {
404
+ "$extensions": {
405
+ "com.figma.scopes": [
406
+ "CORNER_RADIUS"
407
+ ]
408
+ },
409
+ "$type": "number",
410
+ "$value": "{border-radius.theme-builder.default}"
411
+ }
412
+ }
413
+ }
414
+ },
415
+ "section-header": {
416
+ "color": {
417
+ "text": {
418
+ "rest": {
419
+ "$extensions": {
420
+ "com.figma.scopes": [
421
+ "TEXT_FILL"
422
+ ]
423
+ },
424
+ "$type": "color",
425
+ "$value": "{color.content.neutral.subdued.rest}"
426
+ }
427
+ },
428
+ "bg": {
429
+ "rest": {
430
+ "$extensions": {
431
+ "com.figma.scopes": [
432
+ "FRAME_FILL"
433
+ ]
434
+ },
435
+ "$type": "color",
436
+ "$value": "{color.surface.neutral.default.rest}"
437
+ }
438
+ }
439
+ },
440
+ "typography": {
441
+ "font-family": {
442
+ "$extensions": {
443
+ "com.figma.scopes": [
444
+ "FONT_FAMILY"
445
+ ]
446
+ },
447
+ "$type": "text",
448
+ "$value": "{font-family.sans-serif}"
449
+ },
450
+ "font-weight": {
451
+ "large": {
452
+ "$extensions": {
453
+ "com.figma.scopes": [
454
+ "FONT_WEIGHT"
455
+ ]
456
+ },
457
+ "$type": "number",
458
+ "$value": "{font-weight.base.strong}"
459
+ },
460
+ "medium": {
461
+ "$extensions": {
462
+ "com.figma.scopes": [
463
+ "FONT_WEIGHT"
464
+ ]
465
+ },
466
+ "$type": "number",
467
+ "$value": "{font-weight.base.strong}"
468
+ },
469
+ "small": {
470
+ "$extensions": {
471
+ "com.figma.scopes": [
472
+ "FONT_WEIGHT"
473
+ ]
474
+ },
475
+ "$type": "number",
476
+ "$value": "{font-weight.base.strong}"
477
+ }
478
+ },
479
+ "font-size": {
480
+ "large": {
481
+ "$extensions": {
482
+ "com.figma.scopes": [
483
+ "FONT_SIZE"
484
+ ]
485
+ },
486
+ "$type": "number",
487
+ "$value": "{font-size.base.md}"
488
+ },
489
+ "medium": {
490
+ "$extensions": {
491
+ "com.figma.scopes": [
492
+ "FONT_SIZE"
493
+ ]
494
+ },
495
+ "$type": "number",
496
+ "$value": "{font-size.base.sm}"
497
+ },
498
+ "small": {
499
+ "$extensions": {
500
+ "com.figma.scopes": [
501
+ "FONT_SIZE"
502
+ ]
503
+ },
504
+ "$type": "number",
505
+ "$value": "{font-size.base.sm}"
506
+ }
507
+ },
508
+ "line-height": {
509
+ "large": {
510
+ "$extensions": {
511
+ "com.figma.scopes": [
512
+ "LINE_HEIGHT"
513
+ ]
514
+ },
515
+ "$type": "number",
516
+ "$value": "{line-height.base.md}"
517
+ },
518
+ "medium": {
519
+ "$extensions": {
520
+ "com.figma.scopes": [
521
+ "LINE_HEIGHT"
522
+ ]
523
+ },
524
+ "$type": "number",
525
+ "$value": "{line-height.base.sm}"
526
+ },
527
+ "small": {
528
+ "$extensions": {
529
+ "com.figma.scopes": [
530
+ "LINE_HEIGHT"
531
+ ]
532
+ },
533
+ "$type": "number",
534
+ "$value": "{line-height.base.sm}"
535
+ }
536
+ },
537
+ "letter-spacing": {
538
+ "large": {
539
+ "$extensions": {
540
+ "com.figma.scopes": [
541
+ "LETTER_SPACING"
542
+ ]
543
+ },
544
+ "$type": "number",
545
+ "$value": "{letter-spacing.base.lg}"
546
+ },
547
+ "medium": {
548
+ "$extensions": {
549
+ "com.figma.scopes": [
550
+ "LETTER_SPACING"
551
+ ]
552
+ },
553
+ "$type": "number",
554
+ "$value": "{letter-spacing.base.md}"
555
+ },
556
+ "small": {
557
+ "$extensions": {
558
+ "com.figma.scopes": [
559
+ "LETTER_SPACING"
560
+ ]
561
+ },
562
+ "$type": "number",
563
+ "$value": "{letter-spacing.base.sm}"
564
+ }
565
+ }
566
+ },
567
+ "layout": {
568
+ "outer-box": {
569
+ "horizontal": {
570
+ "small": {
571
+ "$extensions": {
572
+ "com.figma.scopes": [
573
+ "GAP"
574
+ ]
575
+ },
576
+ "$type": "number",
577
+ "$value": "{spacing.40}"
578
+ },
579
+ "medium": {
580
+ "$extensions": {
581
+ "com.figma.scopes": [
582
+ "GAP"
583
+ ]
584
+ },
585
+ "$type": "number",
586
+ "$value": "{spacing.60}"
587
+ },
588
+ "large": {
589
+ "$extensions": {
590
+ "com.figma.scopes": [
591
+ "GAP"
592
+ ]
593
+ },
594
+ "$type": "number",
595
+ "$value": "{spacing.80}"
596
+ }
597
+ },
598
+ "vertical": {
599
+ "small": {
600
+ "$extensions": {
601
+ "com.figma.scopes": [
602
+ "GAP"
603
+ ]
604
+ },
605
+ "$type": "number",
606
+ "$value": "{spacing.40}"
607
+ },
608
+ "medium": {
609
+ "$extensions": {
610
+ "com.figma.scopes": [
611
+ "GAP"
612
+ ]
613
+ },
614
+ "$type": "number",
615
+ "$value": "{spacing.80}"
616
+ },
617
+ "large": {
618
+ "$extensions": {
619
+ "com.figma.scopes": [
620
+ "GAP"
621
+ ]
622
+ },
623
+ "$type": "number",
624
+ "$value": "{spacing.100}"
625
+ }
626
+ }
627
+ }
628
+ },
629
+ "borders": {
630
+ "border-radius": {
631
+ "small": {
632
+ "$extensions": {
633
+ "com.figma.scopes": [
634
+ "CORNER_RADIUS"
635
+ ]
636
+ },
637
+ "$type": "number",
638
+ "$value": "{border-radius.40}"
639
+ },
640
+ "medium": {
641
+ "$extensions": {
642
+ "com.figma.scopes": [
643
+ "CORNER_RADIUS"
644
+ ]
645
+ },
646
+ "$type": "number",
647
+ "$value": "{border-radius.40}"
648
+ },
649
+ "large": {
650
+ "$extensions": {
651
+ "com.figma.scopes": [
652
+ "CORNER_RADIUS"
653
+ ]
654
+ },
655
+ "$type": "number",
656
+ "$value": "{border-radius.40}"
657
+ }
658
+ }
659
+ }
660
+ },
661
+ "item-group": {
662
+ "layout": {
663
+ "item-box": {
664
+ "horizontal": {
665
+ "small": {
666
+ "$extensions": {
667
+ "com.figma.scopes": [
668
+ "GAP"
669
+ ]
670
+ },
671
+ "$type": "number",
672
+ "$value": "{spacing.40}"
673
+ },
674
+ "medium": {
675
+ "$extensions": {
676
+ "com.figma.scopes": [
677
+ "GAP"
678
+ ]
679
+ },
680
+ "$type": "number",
681
+ "$value": "{spacing.40}"
682
+ },
683
+ "large": {
684
+ "$extensions": {
685
+ "com.figma.scopes": [
686
+ "GAP"
687
+ ]
688
+ },
689
+ "$type": "number",
690
+ "$value": "{spacing.40}"
691
+ }
692
+ },
693
+ "vertical": {
694
+ "small": {
695
+ "$extensions": {
696
+ "com.figma.scopes": [
697
+ "GAP"
698
+ ]
699
+ },
700
+ "$type": "number",
701
+ "$value": "{spacing.40}"
702
+ },
703
+ "medium": {
704
+ "$extensions": {
705
+ "com.figma.scopes": [
706
+ "GAP"
707
+ ]
708
+ },
709
+ "$type": "number",
710
+ "$value": "{spacing.40}"
711
+ },
712
+ "large": {
713
+ "$extensions": {
714
+ "com.figma.scopes": [
715
+ "GAP"
716
+ ]
717
+ },
718
+ "$type": "number",
719
+ "$value": "{spacing.40}"
720
+ }
721
+ },
722
+ "gap": {
723
+ "small": {
724
+ "$extensions": {
725
+ "com.figma.scopes": [
726
+ "GAP"
727
+ ]
728
+ },
729
+ "$type": "number",
730
+ "$value": "{spacing.20}"
731
+ },
732
+ "medium": {
733
+ "$extensions": {
734
+ "com.figma.scopes": [
735
+ "GAP"
736
+ ]
737
+ },
738
+ "$type": "number",
739
+ "$value": "{spacing.20}"
740
+ },
741
+ "large": {
742
+ "$extensions": {
743
+ "com.figma.scopes": [
744
+ "GAP"
745
+ ]
746
+ },
747
+ "$type": "number",
748
+ "$value": "{spacing.20}"
749
+ }
750
+ }
751
+ }
752
+ }
753
+ },
754
+ "focus-rect": {
755
+ "borders": {
756
+ "border-radius": {
757
+ "$extensions": {
758
+ "com.figma.scopes": [
759
+ "CORNER_RADIUS"
760
+ ]
761
+ },
762
+ "$type": "number",
763
+ "$value": "{border-radius.40}"
764
+ }
765
+ },
766
+ "layout": {
767
+ "outer-box": {
768
+ "$extensions": {
769
+ "com.figma.scopes": [
770
+ "GAP"
771
+ ]
772
+ },
773
+ "$type": "number",
774
+ "$value": "{spacing.0}"
775
+ },
776
+ "offset": {
777
+ "$extensions": {
778
+ "com.figma.scopes": [
779
+ "GAP"
780
+ ]
781
+ },
782
+ "$type": "number",
783
+ "$value": "{spacing.0}"
784
+ }
785
+ }
786
+ }
787
+ }
788
+ }