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