@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/desktop/accordion/fluent.json ADDED
@@ -0,0 +1,1107 @@
1
+ {
2
+ "accordion": {
3
+ "item-header": {
4
+ "color": {
5
+ "default": {
6
+ "icon": {
7
+ "rest": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "SHAPE_FILL"
11
+ ]
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.content.neutral.default.rest}"
15
+ },
16
+ "disabled": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "SHAPE_FILL"
20
+ ]
21
+ },
22
+ "$type": "color",
23
+ "$value": "{color.content.neutral.default.disabled}"
24
+ }
25
+ },
26
+ "trigger": {
27
+ "rest": {
28
+ "$extensions": {
29
+ "com.figma.scopes": [
30
+ "SHAPE_FILL"
31
+ ]
32
+ },
33
+ "$type": "color",
34
+ "$value": "{color.content.transparent.rest}"
35
+ }
36
+ }
37
+ },
38
+ "selected": {
39
+ "bg": {
40
+ "rest": {
41
+ "$extensions": {
42
+ "com.figma.scopes": [
43
+ "FRAME_FILL"
44
+ ]
45
+ },
46
+ "$type": "color",
47
+ "$value": "{color.surface.neutral.subdued.rest}"
48
+ },
49
+ "disabled": {
50
+ "$extensions": {
51
+ "com.figma.scopes": [
52
+ "FRAME_FILL"
53
+ ]
54
+ },
55
+ "$type": "color",
56
+ "$value": "{color.surface.neutral.subdued.disabled}"
57
+ },
58
+ "hovered": {
59
+ "$extensions": {
60
+ "com.figma.scopes": [
61
+ "FRAME_FILL"
62
+ ]
63
+ },
64
+ "$type": "color",
65
+ "$value": "{color.surface.neutral.subdued.hovered}"
66
+ },
67
+ "active": {
68
+ "$extensions": {
69
+ "com.figma.scopes": [
70
+ "FRAME_FILL"
71
+ ]
72
+ },
73
+ "$type": "color",
74
+ "$value": "{color.surface.neutral.subdued.active}"
75
+ }
76
+ },
77
+ "icon": {
78
+ "rest": {
79
+ "$extensions": {
80
+ "com.figma.scopes": [
81
+ "SHAPE_FILL"
82
+ ]
83
+ },
84
+ "$type": "color",
85
+ "$value": "{color.content.neutral.default.rest}"
86
+ },
87
+ "disabled": {
88
+ "$extensions": {
89
+ "com.figma.scopes": [
90
+ "SHAPE_FILL"
91
+ ]
92
+ },
93
+ "$type": "color",
94
+ "$value": "{color.content.neutral.default.disabled}"
95
+ }
96
+ },
97
+ "trigger": {
98
+ "rest": {
99
+ "$extensions": {
100
+ "com.figma.scopes": [
101
+ "SHAPE_FILL"
102
+ ]
103
+ },
104
+ "$type": "color",
105
+ "$value": "{color.content.primary.default.rest}"
106
+ },
107
+ "disabled": {
108
+ "$extensions": {
109
+ "com.figma.scopes": [
110
+ "SHAPE_FILL"
111
+ ]
112
+ },
113
+ "$type": "color",
114
+ "$value": "{color.content.neutral.default.disabled}"
115
+ }
116
+ }
117
+ }
118
+ },
119
+ "layout": {
120
+ "icon-box": {
121
+ "horizontal": {
122
+ "small": {
123
+ "$extensions": {
124
+ "com.figma.scopes": [
125
+ "GAP"
126
+ ]
127
+ },
128
+ "$type": "number",
129
+ "$value": "{spacing.40}"
130
+ },
131
+ "medium": {
132
+ "$extensions": {
133
+ "com.figma.scopes": [
134
+ "GAP"
135
+ ]
136
+ },
137
+ "$type": "number",
138
+ "$value": "{spacing.60}"
139
+ }
140
+ },
141
+ "vertical": {
142
+ "small": {
143
+ "$extensions": {
144
+ "com.figma.scopes": [
145
+ "GAP"
146
+ ]
147
+ },
148
+ "$type": "number",
149
+ "$value": "{spacing.40}"
150
+ },
151
+ "medium": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "GAP"
155
+ ]
156
+ },
157
+ "$type": "number",
158
+ "$value": "{spacing.60}"
159
+ }
160
+ }
161
+ },
162
+ "trigger-box": {
163
+ "sizing": {
164
+ "width": {
165
+ "small": {
166
+ "$extensions": {
167
+ "com.figma.scopes": [
168
+ "WIDTH_HEIGHT",
169
+ "STROKE_FLOAT"
170
+ ]
171
+ },
172
+ "$type": "number",
173
+ "$value": "{spacing.30}"
174
+ },
175
+ "medium": {
176
+ "$extensions": {
177
+ "com.figma.scopes": [
178
+ "WIDTH_HEIGHT",
179
+ "STROKE_FLOAT"
180
+ ]
181
+ },
182
+ "$type": "number",
183
+ "$value": "{spacing.30}"
184
+ }
185
+ }
186
+ },
187
+ "vertical": {
188
+ "rest": {
189
+ "small": {
190
+ "$extensions": {
191
+ "com.figma.scopes": [
192
+ "GAP"
193
+ ]
194
+ },
195
+ "$type": "number",
196
+ "$value": "{spacing.40}"
197
+ },
198
+ "medium": {
199
+ "$extensions": {
200
+ "com.figma.scopes": [
201
+ "GAP"
202
+ ]
203
+ },
204
+ "$type": "number",
205
+ "$value": "{spacing.60}"
206
+ }
207
+ },
208
+ "active": {
209
+ "small": {
210
+ "$extensions": {
211
+ "com.figma.scopes": [
212
+ "GAP"
213
+ ]
214
+ },
215
+ "$type": "number",
216
+ "$value": "{spacing.70}"
217
+ },
218
+ "medium": {
219
+ "$extensions": {
220
+ "com.figma.scopes": [
221
+ "GAP"
222
+ ]
223
+ },
224
+ "$type": "number",
225
+ "$value": "{spacing.90}"
226
+ }
227
+ }
228
+ }
229
+ }
230
+ },
231
+ "borders": {
232
+ "trigger": {
233
+ "border-radius": {
234
+ "small": {
235
+ "$extensions": {
236
+ "com.figma.scopes": [
237
+ "CORNER_RADIUS"
238
+ ]
239
+ },
240
+ "$type": "number",
241
+ "$value": "{border-radius.40}"
242
+ },
243
+ "medium": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "CORNER_RADIUS"
247
+ ]
248
+ },
249
+ "$type": "number",
250
+ "$value": "{border-radius.40}"
251
+ }
252
+ }
253
+ }
254
+ }
255
+ },
256
+ "item-content": {
257
+ "color": {
258
+ "default": {
259
+ "bg": {
260
+ "hovered": {
261
+ "$extensions": {
262
+ "com.figma.scopes": [
263
+ "FRAME_FILL"
264
+ ]
265
+ },
266
+ "$type": "color",
267
+ "$value": "{color.surface.neutral.default.hovered}"
268
+ },
269
+ "active": {
270
+ "$extensions": {
271
+ "com.figma.scopes": [
272
+ "FRAME_FILL"
273
+ ]
274
+ },
275
+ "$type": "color",
276
+ "$value": "{color.surface.neutral.default.active}"
277
+ },
278
+ "rest": {
279
+ "$extensions": {
280
+ "com.figma.scopes": [
281
+ "FRAME_FILL"
282
+ ]
283
+ },
284
+ "$type": "color",
285
+ "$value": "{color.surface.transparent.rest}"
286
+ }
287
+ },
288
+ "trigger": {
289
+ "rest": {
290
+ "$extensions": {
291
+ "com.figma.scopes": [
292
+ "SHAPE_FILL"
293
+ ]
294
+ },
295
+ "$type": "color",
296
+ "$value": "{color.content.transparent.rest}"
297
+ }
298
+ }
299
+ },
300
+ "selected": {
301
+ "trigger": {
302
+ "rest": {
303
+ "$extensions": {
304
+ "com.figma.scopes": [
305
+ "SHAPE_FILL"
306
+ ]
307
+ },
308
+ "$type": "color",
309
+ "$value": "{color.content.primary.default.rest}"
310
+ },
311
+ "disabled": {
312
+ "$extensions": {
313
+ "com.figma.scopes": [
314
+ "SHAPE_FILL"
315
+ ]
316
+ },
317
+ "$type": "color",
318
+ "$value": "{color.content.neutral.default.disabled}"
319
+ }
320
+ },
321
+ "bg": {
322
+ "rest": {
323
+ "$extensions": {
324
+ "com.figma.scopes": [
325
+ "FRAME_FILL"
326
+ ]
327
+ },
328
+ "$type": "color",
329
+ "$value": "{color.surface.neutral.subdued.rest}"
330
+ },
331
+ "hovered": {
332
+ "$extensions": {
333
+ "com.figma.scopes": [
334
+ "FRAME_FILL"
335
+ ]
336
+ },
337
+ "$type": "color",
338
+ "$value": "{color.surface.neutral.subdued.hovered}"
339
+ },
340
+ "active": {
341
+ "$extensions": {
342
+ "com.figma.scopes": [
343
+ "FRAME_FILL"
344
+ ]
345
+ },
346
+ "$type": "color",
347
+ "$value": "{color.surface.neutral.subdued.active}"
348
+ },
349
+ "disabled": {
350
+ "$extensions": {
351
+ "com.figma.scopes": [
352
+ "FRAME_FILL"
353
+ ]
354
+ },
355
+ "$type": "color",
356
+ "$value": "{color.surface.neutral.subdued.disabled}"
357
+ }
358
+ }
359
+ }
360
+ },
361
+ "layout": {
362
+ "outer-box": {
363
+ "gap": {
364
+ "small": {
365
+ "$extensions": {
366
+ "com.figma.scopes": [
367
+ "GAP"
368
+ ]
369
+ },
370
+ "$type": "number",
371
+ "$value": "{spacing.0}"
372
+ },
373
+ "medium": {
374
+ "$extensions": {
375
+ "com.figma.scopes": [
376
+ "GAP"
377
+ ]
378
+ },
379
+ "$type": "number",
380
+ "$value": "{spacing.0}"
381
+ }
382
+ }
383
+ },
384
+ "trigger-box": {
385
+ "vertical": {
386
+ "rest": {
387
+ "small": {
388
+ "$extensions": {
389
+ "com.figma.scopes": [
390
+ "GAP"
391
+ ]
392
+ },
393
+ "$type": "number",
394
+ "$value": "{spacing.40}"
395
+ },
396
+ "medium": {
397
+ "$extensions": {
398
+ "com.figma.scopes": [
399
+ "GAP"
400
+ ]
401
+ },
402
+ "$type": "number",
403
+ "$value": "{spacing.60}"
404
+ }
405
+ },
406
+ "active": {
407
+ "small": {
408
+ "$extensions": {
409
+ "com.figma.scopes": [
410
+ "GAP"
411
+ ]
412
+ },
413
+ "$type": "number",
414
+ "$value": "{spacing.70}"
415
+ },
416
+ "medium": {
417
+ "$extensions": {
418
+ "com.figma.scopes": [
419
+ "GAP"
420
+ ]
421
+ },
422
+ "$type": "number",
423
+ "$value": "{spacing.90}"
424
+ }
425
+ }
426
+ },
427
+ "sizing": {
428
+ "width": {
429
+ "small": {
430
+ "$extensions": {
431
+ "com.figma.scopes": [
432
+ "WIDTH_HEIGHT"
433
+ ]
434
+ },
435
+ "$type": "number",
436
+ "$value": "{spacing.30}"
437
+ },
438
+ "medium": {
439
+ "$extensions": {
440
+ "com.figma.scopes": [
441
+ "WIDTH_HEIGHT"
442
+ ]
443
+ },
444
+ "$type": "number",
445
+ "$value": "{spacing.30}"
446
+ }
447
+ }
448
+ }
449
+ }
450
+ },
451
+ "borders": {
452
+ "trigger": {
453
+ "border-radius": {
454
+ "small": {
455
+ "$extensions": {
456
+ "com.figma.scopes": [
457
+ "CORNER_RADIUS"
458
+ ]
459
+ },
460
+ "$type": "number",
461
+ "$value": "{border-radius.40}"
462
+ },
463
+ "medium": {
464
+ "$extensions": {
465
+ "com.figma.scopes": [
466
+ "CORNER_RADIUS"
467
+ ]
468
+ },
469
+ "$type": "number",
470
+ "$value": "{border-radius.40}"
471
+ }
472
+ }
473
+ }
474
+ }
475
+ },
476
+ "item": {
477
+ "color": {
478
+ "separator": {
479
+ "rest": {
480
+ "$extensions": {
481
+ "com.figma.scopes": [
482
+ "SHAPE_FILL"
483
+ ]
484
+ },
485
+ "$type": "color",
486
+ "$value": "{color.border.neutral.default.rest}"
487
+ }
488
+ }
489
+ },
490
+ "layout": {
491
+ "outer-box": {
492
+ "gap": {
493
+ "small": {
494
+ "$extensions": {
495
+ "com.figma.scopes": [
496
+ "GAP"
497
+ ]
498
+ },
499
+ "$type": "number",
500
+ "$value": "{spacing.0}"
501
+ },
502
+ "medium": {
503
+ "$extensions": {
504
+ "com.figma.scopes": [
505
+ "GAP"
506
+ ]
507
+ },
508
+ "$type": "number",
509
+ "$value": "{spacing.0}"
510
+ }
511
+ }
512
+ }
513
+ },
514
+ "borders": {
515
+ "border-width": {
516
+ "separator": {
517
+ "medium": {
518
+ "$extensions": {
519
+ "com.figma.scopes": [
520
+ "WIDTH_HEIGHT",
521
+ "STROKE_FLOAT"
522
+ ]
523
+ },
524
+ "$type": "number",
525
+ "$value": "{border-width.10}"
526
+ },
527
+ "small": {
528
+ "$extensions": {
529
+ "com.figma.scopes": [
530
+ "WIDTH_HEIGHT",
531
+ "STROKE_FLOAT"
532
+ ]
533
+ },
534
+ "$type": "number",
535
+ "$value": "{border-width.10}"
536
+ }
537
+ }
538
+ }
539
+ }
540
+ },
541
+ "header": {
542
+ "color": {
543
+ "bg": {
544
+ "rest": {
545
+ "$extensions": {
546
+ "com.figma.scopes": [
547
+ "FRAME_FILL"
548
+ ]
549
+ },
550
+ "$type": "color",
551
+ "$value": "{color.surface.transparent.rest}"
552
+ }
553
+ }
554
+ },
555
+ "typography": {
556
+ "font-weight": {
557
+ "font-weight": {
558
+ "small": {
559
+ "$extensions": {
560
+ "com.figma.scopes": [
561
+ "FONT_WEIGHT"
562
+ ]
563
+ },
564
+ "$type": "number",
565
+ "$value": "{font-weight.title.default}"
566
+ },
567
+ "medium": {
568
+ "$extensions": {
569
+ "com.figma.scopes": [
570
+ "FONT_WEIGHT"
571
+ ]
572
+ },
573
+ "$type": "number",
574
+ "$value": "{font-weight.title.default}"
575
+ }
576
+ }
577
+ }
578
+ },
579
+ "layout": {
580
+ "default": {
581
+ "inner-box": {
582
+ "gap": {
583
+ "small": {
584
+ "$extensions": {
585
+ "com.figma.scopes": [
586
+ "GAP"
587
+ ]
588
+ },
589
+ "$type": "number",
590
+ "$value": "{spacing.0}"
591
+ },
592
+ "medium": {
593
+ "$extensions": {
594
+ "com.figma.scopes": [
595
+ "GAP"
596
+ ]
597
+ },
598
+ "$type": "number",
599
+ "$value": "{spacing.0}"
600
+ }
601
+ },
602
+ "horizontal": {
603
+ "small": {
604
+ "$extensions": {
605
+ "com.figma.scopes": [
606
+ "GAP"
607
+ ]
608
+ },
609
+ "$type": "number",
610
+ "$value": "{spacing.60}"
611
+ },
612
+ "medium": {
613
+ "$extensions": {
614
+ "com.figma.scopes": [
615
+ "GAP"
616
+ ]
617
+ },
618
+ "$type": "number",
619
+ "$value": "{spacing.60}"
620
+ }
621
+ },
622
+ "vertical": {
623
+ "small": {
624
+ "$extensions": {
625
+ "com.figma.scopes": [
626
+ "GAP"
627
+ ]
628
+ },
629
+ "$type": "number",
630
+ "$value": "{spacing.40}"
631
+ },
632
+ "medium": {
633
+ "$extensions": {
634
+ "com.figma.scopes": [
635
+ "GAP"
636
+ ]
637
+ },
638
+ "$type": "number",
639
+ "$value": "{spacing.60}"
640
+ }
641
+ }
642
+ },
643
+ "icon-box": {
644
+ "horizontal": {
645
+ "small": {
646
+ "$extensions": {
647
+ "com.figma.scopes": [
648
+ "GAP"
649
+ ]
650
+ },
651
+ "$type": "number",
652
+ "$value": "{spacing.40}"
653
+ },
654
+ "medium": {
655
+ "$extensions": {
656
+ "com.figma.scopes": [
657
+ "GAP"
658
+ ]
659
+ },
660
+ "$type": "number",
661
+ "$value": "{spacing.60}"
662
+ }
663
+ },
664
+ "vertical": {
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.60}"
682
+ }
683
+ }
684
+ },
685
+ "collapse-button": {
686
+ "horizontal": {
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
+ },
706
+ "vertical": {
707
+ "small": {
708
+ "$extensions": {
709
+ "com.figma.scopes": [
710
+ "GAP"
711
+ ]
712
+ },
713
+ "$type": "number",
714
+ "$value": "{spacing.0}"
715
+ },
716
+ "medium": {
717
+ "$extensions": {
718
+ "com.figma.scopes": [
719
+ "GAP"
720
+ ]
721
+ },
722
+ "$type": "number",
723
+ "$value": "{spacing.0}"
724
+ }
725
+ }
726
+ }
727
+ },
728
+ "collapsed": {
729
+ "inner-box": {
730
+ "gap": {
731
+ "small": {
732
+ "$extensions": {
733
+ "com.figma.scopes": [
734
+ "GAP"
735
+ ]
736
+ },
737
+ "$type": "number",
738
+ "$value": "{spacing.0}"
739
+ },
740
+ "medium": {
741
+ "$extensions": {
742
+ "com.figma.scopes": [
743
+ "GAP"
744
+ ]
745
+ },
746
+ "$type": "number",
747
+ "$value": "{spacing.0}"
748
+ }
749
+ },
750
+ "horizontal": {
751
+ "small": {
752
+ "$extensions": {
753
+ "com.figma.scopes": [
754
+ "GAP"
755
+ ]
756
+ },
757
+ "$type": "number",
758
+ "$value": "{spacing.40}"
759
+ },
760
+ "medium": {
761
+ "$extensions": {
762
+ "com.figma.scopes": [
763
+ "GAP"
764
+ ]
765
+ },
766
+ "$type": "number",
767
+ "$value": "{spacing.60}"
768
+ }
769
+ },
770
+ "vertical": {
771
+ "small": {
772
+ "$extensions": {
773
+ "com.figma.scopes": [
774
+ "GAP"
775
+ ]
776
+ },
777
+ "$type": "number",
778
+ "$value": "{spacing.40}"
779
+ },
780
+ "medium": {
781
+ "$extensions": {
782
+ "com.figma.scopes": [
783
+ "GAP"
784
+ ]
785
+ },
786
+ "$type": "number",
787
+ "$value": "{spacing.60}"
788
+ }
789
+ }
790
+ },
791
+ "collapse-button": {
792
+ "horizontal": {
793
+ "small": {
794
+ "$extensions": {
795
+ "com.figma.scopes": [
796
+ "GAP"
797
+ ]
798
+ },
799
+ "$type": "number",
800
+ "$value": "{spacing.0}"
801
+ },
802
+ "medium": {
803
+ "$extensions": {
804
+ "com.figma.scopes": [
805
+ "GAP"
806
+ ]
807
+ },
808
+ "$type": "number",
809
+ "$value": "{spacing.0}"
810
+ }
811
+ },
812
+ "vertical": {
813
+ "small": {
814
+ "$extensions": {
815
+ "com.figma.scopes": [
816
+ "GAP"
817
+ ]
818
+ },
819
+ "$type": "number",
820
+ "$value": "{spacing.0}"
821
+ },
822
+ "medium": {
823
+ "$extensions": {
824
+ "com.figma.scopes": [
825
+ "GAP"
826
+ ]
827
+ },
828
+ "$type": "number",
829
+ "$value": "{spacing.0}"
830
+ }
831
+ }
832
+ }
833
+ }
834
+ },
835
+ "borders": {
836
+ "border-radius": {
837
+ "small": {
838
+ "$extensions": {
839
+ "com.figma.scopes": [
840
+ "CORNER_RADIUS"
841
+ ]
842
+ },
843
+ "$type": "number",
844
+ "$value": "{border-radius.theme-builder.default}"
845
+ },
846
+ "medium": {
847
+ "$extensions": {
848
+ "com.figma.scopes": [
849
+ "CORNER_RADIUS"
850
+ ]
851
+ },
852
+ "$type": "number",
853
+ "$value": "{border-radius.theme-builder.default}"
854
+ }
855
+ }
856
+ }
857
+ },
858
+ "search-control": {
859
+ "color": {
860
+ "bg": {
861
+ "rest": {
862
+ "$extensions": {
863
+ "com.figma.scopes": [
864
+ "FRAME_FILL"
865
+ ]
866
+ },
867
+ "$type": "color",
868
+ "$value": "{color.surface.transparent.rest}"
869
+ }
870
+ }
871
+ },
872
+ "borders": {
873
+ "border-radius": {
874
+ "small": {
875
+ "$extensions": {
876
+ "com.figma.scopes": [
877
+ "CORNER_RADIUS"
878
+ ]
879
+ },
880
+ "$type": "number",
881
+ "$value": "{border-radius.theme-builder.default}"
882
+ },
883
+ "medium": {
884
+ "$extensions": {
885
+ "com.figma.scopes": [
886
+ "CORNER_RADIUS"
887
+ ]
888
+ },
889
+ "$type": "number",
890
+ "$value": "{border-radius.theme-builder.default}"
891
+ }
892
+ }
893
+ },
894
+ "layout": {
895
+ "inner-box": {
896
+ "horizontal": {
897
+ "small": {
898
+ "$extensions": {
899
+ "com.figma.scopes": [
900
+ "GAP"
901
+ ]
902
+ },
903
+ "$type": "number",
904
+ "$value": "{spacing.60}"
905
+ },
906
+ "medium": {
907
+ "$extensions": {
908
+ "com.figma.scopes": [
909
+ "GAP"
910
+ ]
911
+ },
912
+ "$type": "number",
913
+ "$value": "{spacing.60}"
914
+ }
915
+ },
916
+ "vertical": {
917
+ "small": {
918
+ "$extensions": {
919
+ "com.figma.scopes": [
920
+ "GAP"
921
+ ]
922
+ },
923
+ "$type": "number",
924
+ "$value": "{spacing.40}"
925
+ },
926
+ "medium": {
927
+ "$extensions": {
928
+ "com.figma.scopes": [
929
+ "GAP"
930
+ ]
931
+ },
932
+ "$type": "number",
933
+ "$value": "{spacing.60}"
934
+ }
935
+ }
936
+ }
937
+ }
938
+ },
939
+ "root": {
940
+ "color": {
941
+ "bg": {
942
+ "rest": {
943
+ "$extensions": {
944
+ "com.figma.scopes": [
945
+ "FRAME_FILL"
946
+ ]
947
+ },
948
+ "$type": "color",
949
+ "$value": "{color.surface.transparent.rest}"
950
+ }
951
+ }
952
+ },
953
+ "layout": {
954
+ "navigation": {
955
+ "inner-box": {
956
+ "vertical": {
957
+ "medium": {
958
+ "$extensions": {
959
+ "com.figma.scopes": [
960
+ "GAP"
961
+ ]
962
+ },
963
+ "$type": "number",
964
+ "$value": "{spacing.0}"
965
+ },
966
+ "small": {
967
+ "$extensions": {
968
+ "com.figma.scopes": [
969
+ "GAP"
970
+ ]
971
+ },
972
+ "$type": "number",
973
+ "$value": "{spacing.0}"
974
+ }
975
+ },
976
+ "horizontal": {
977
+ "small": {
978
+ "$extensions": {
979
+ "com.figma.scopes": [
980
+ "GAP"
981
+ ]
982
+ },
983
+ "$type": "number",
984
+ "$value": "{spacing.0}"
985
+ },
986
+ "medium": {
987
+ "$extensions": {
988
+ "com.figma.scopes": [
989
+ "GAP"
990
+ ]
991
+ },
992
+ "$type": "number",
993
+ "$value": "{spacing.0}"
994
+ }
995
+ },
996
+ "gap": {
997
+ "medium": {
998
+ "$extensions": {
999
+ "com.figma.scopes": [
1000
+ "GAP"
1001
+ ]
1002
+ },
1003
+ "$type": "number",
1004
+ "$value": "{spacing.20}"
1005
+ },
1006
+ "small": {
1007
+ "$extensions": {
1008
+ "com.figma.scopes": [
1009
+ "GAP"
1010
+ ]
1011
+ },
1012
+ "$type": "number",
1013
+ "$value": "{spacing.20}"
1014
+ }
1015
+ }
1016
+ }
1017
+ },
1018
+ "collapsed": {
1019
+ "inner-box": {
1020
+ "horizontal": {
1021
+ "small": {
1022
+ "$extensions": {
1023
+ "com.figma.scopes": [
1024
+ "GAP"
1025
+ ]
1026
+ },
1027
+ "$type": "number",
1028
+ "$value": "{spacing.0}"
1029
+ },
1030
+ "medium": {
1031
+ "$extensions": {
1032
+ "com.figma.scopes": [
1033
+ "GAP"
1034
+ ]
1035
+ },
1036
+ "$type": "number",
1037
+ "$value": "{spacing.0}"
1038
+ }
1039
+ },
1040
+ "vertical": {
1041
+ "small": {
1042
+ "$extensions": {
1043
+ "com.figma.scopes": [
1044
+ "GAP"
1045
+ ]
1046
+ },
1047
+ "$type": "number",
1048
+ "$value": "{spacing.0}"
1049
+ },
1050
+ "medium": {
1051
+ "$extensions": {
1052
+ "com.figma.scopes": [
1053
+ "GAP"
1054
+ ]
1055
+ },
1056
+ "$type": "number",
1057
+ "$value": "{spacing.0}"
1058
+ }
1059
+ },
1060
+ "gap": {
1061
+ "small": {
1062
+ "$extensions": {
1063
+ "com.figma.scopes": [
1064
+ "GAP"
1065
+ ]
1066
+ },
1067
+ "$type": "number",
1068
+ "$value": "{spacing.0}"
1069
+ },
1070
+ "medium": {
1071
+ "$extensions": {
1072
+ "com.figma.scopes": [
1073
+ "GAP"
1074
+ ]
1075
+ },
1076
+ "$type": "number",
1077
+ "$value": "{spacing.0}"
1078
+ }
1079
+ }
1080
+ }
1081
+ }
1082
+ },
1083
+ "borders": {
1084
+ "border-radius": {
1085
+ "medium": {
1086
+ "$extensions": {
1087
+ "com.figma.scopes": [
1088
+ "CORNER_RADIUS"
1089
+ ]
1090
+ },
1091
+ "$type": "number",
1092
+ "$value": "{border-radius.theme-builder.default}"
1093
+ },
1094
+ "small": {
1095
+ "$extensions": {
1096
+ "com.figma.scopes": [
1097
+ "CORNER_RADIUS"
1098
+ ]
1099
+ },
1100
+ "$type": "number",
1101
+ "$value": "{border-radius.theme-builder.default}"
1102
+ }
1103
+ }
1104
+ }
1105
+ }
1106
+ }
1107
+ }