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