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