@devexpress/design-tokens-internal 261.0.3 → 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 (117) hide show
  1. package/package.json +1 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +376 -1
  4. package/tokens/components/core/ai-chat/fluent.json +1281 -1
  5. package/tokens/components/core/badge/fluent.json +75 -0
  6. package/tokens/components/core/button/fluent.json +147 -0
  7. package/tokens/components/core/calendar/fluent.json +766 -1
  8. package/tokens/components/core/checkbox/fluent.json +438 -10
  9. package/tokens/components/core/collapse-button/fluent.json +165 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +80 -0
  12. package/tokens/components/core/container-footer/fluent.json +98 -0
  13. package/tokens/components/core/container-header/fluent.json +163 -0
  14. package/tokens/components/core/dialog/fluent.json +85 -0
  15. package/tokens/components/core/drawer/fluent.json +79 -1
  16. package/tokens/components/core/empty-item/fluent.json +170 -0
  17. package/tokens/components/core/focus-rect/fluent.json +40 -0
  18. package/tokens/components/core/form/fluent.json +185 -49
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +75 -0
  21. package/tokens/components/core/indent-space/fluent.json +51 -1
  22. package/tokens/components/core/label/fluent.json +60 -0
  23. package/tokens/components/core/link/fluent.json +147 -0
  24. package/tokens/components/core/listbox/fluent.json +417 -67
  25. package/tokens/components/core/menu/fluent.json +331 -1
  26. package/tokens/components/core/message-bar/fluent.json +120 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +382 -26
  28. package/tokens/components/core/pagination/fluent.json +276 -2
  29. package/tokens/components/core/popover/fluent.json +91 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +20 -0
  31. package/tokens/components/core/popover-body/fluent.json +80 -0
  32. package/tokens/components/core/popover-footer/fluent.json +65 -0
  33. package/tokens/components/core/popover-header/fluent.json +140 -0
  34. package/tokens/components/core/popup/fluent.json +86 -0
  35. package/tokens/components/core/progress-bar/fluent.json +125 -1
  36. package/tokens/components/core/radio-button/fluent.json +261 -7
  37. package/tokens/components/core/ribbon/fluent.json +915 -120
  38. package/tokens/components/core/scroll-bar/fluent.json +66 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +180 -0
  41. package/tokens/components/core/splitter/fluent.json +426 -1
  42. package/tokens/components/core/switch/fluent.json +366 -22
  43. package/tokens/components/core/tabs/fluent.json +519 -194
  44. package/tokens/components/core/tag/fluent.json +145 -0
  45. package/tokens/components/core/text-box/fluent.json +200 -0
  46. package/tokens/components/core/text-edit/fluent.json +315 -0
  47. package/tokens/components/core/toast/fluent.json +180 -0
  48. package/tokens/components/core/toolbar/fluent.json +219 -102
  49. package/tokens/components/core/tooltip/fluent.json +105 -0
  50. package/tokens/components/core/treeview/fluent.json +435 -41
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +95 -124
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +464 -130
  55. package/tokens/components/desktop/button-edit/fluent.json +340 -128
  56. package/tokens/components/desktop/button-group/fluent.json +30 -0
  57. package/tokens/components/desktop/button-text/fluent.json +114 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +29 -43
  59. package/tokens/components/desktop/datapager/fluent.json +180 -88
  60. package/tokens/components/desktop/filter-edit/fluent.json +203 -3
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +552 -105
  63. package/tokens/components/desktop/pagercontrol/fluent.json +432 -210
  64. package/tokens/components/desktop/progress-bar/fluent.json +277 -3
  65. package/tokens/components/desktop/radio-button/fluent.json +38 -47
  66. package/tokens/components/desktop/scroll-bar/fluent.json +176 -60
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +20 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +148 -10
  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 +1608 -0
  74. package/tokens/components/web/button-group/fluent.json +30 -0
  75. package/tokens/components/web/carousel/fluent.json +1386 -1
  76. package/tokens/components/web/checkbox/fluent.json +120 -0
  77. package/tokens/components/web/color-palette/fluent.json +612 -1
  78. package/tokens/components/web/column-chooser/fluent.json +155 -0
  79. package/tokens/components/web/filter-builder/fluent.json +517 -2
  80. package/tokens/components/web/form-layout/fluent.json +525 -0
  81. package/tokens/components/web/html-editor/fluent.json +130 -0
  82. package/tokens/components/web/listbox/fluent.json +139 -1
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +107 -0
  84. package/tokens/components/web/memo/fluent.json +20 -0
  85. package/tokens/components/web/menu/fluent.json +16 -1
  86. package/tokens/components/web/message-bar/fluent.json +75 -0
  87. package/tokens/components/web/message-box/fluent.json +25 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +47 -2
  89. package/tokens/components/web/pager/fluent.json +85 -0
  90. package/tokens/components/web/progress-bar/fluent.json +81 -0
  91. package/tokens/components/web/radio/fluent.json +122 -2
  92. package/tokens/components/web/ribbon/fluent.json +60 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +471 -0
  94. package/tokens/components/web/scheduler/fluent.json +1284 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +230 -0
  96. package/tokens/components/web/split-button/fluent.json +65 -0
  97. package/tokens/components/web/switcher/fluent.json +90 -0
  98. package/tokens/components/web/tabs/fluent.json +110 -0
  99. package/tokens/components/web/tagbox/fluent.json +65 -0
  100. package/tokens/components/web/text-edit/fluent.json +152 -2
  101. package/tokens/components/web/toast/fluent.json +540 -0
  102. package/tokens/components/web/toolbar/fluent.json +110 -1015
  103. package/tokens/components/web/tooltip/fluent.json +11 -0
  104. package/tokens/components/web/treeview/fluent.json +1196 -1
  105. package/tokens/components/web/uploader/fluent.json +1436 -1
  106. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  107. package/tokens/semantic/colors/dx-office/light.json +12 -0
  108. package/tokens/semantic/colors/fluent/dark.json +24 -12
  109. package/tokens/semantic/colors/fluent/light.json +24 -12
  110. package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +0 -308
  111. package/tokens/components/desktop/toggle-switch/Fluent.json +0 -268
  112. package/tokens/components/desktop/tooltip/fluent.json +0 -198
  113. package/tokens/components/web/accordion/fluent.json +0 -24
  114. package/tokens/components/web/scroll-bar/fluent.json +0 -92
  115. package/tokens/components/web/splitter/fluent.json +0 -1214
  116. package/tokens/global/dx-office/theme-builder.json +0 -56
  117. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/web/splitter/fluent.json DELETED
@@ -1,1214 +0,0 @@
1
- {
2
- "splitter": {
3
- "pane-content": {
4
- "color": {
5
- "caption": {
6
- "$type": "color",
7
- "$value": "{color.content.neutral.subdued.rest}"
8
- },
9
- "title": {
10
- "$type": "color",
11
- "$value": "{color.content.neutral.default.rest}"
12
- },
13
- "bg": {
14
- "$type": "color",
15
- "$value": "{color.surface.neutral.default.rest}"
16
- },
17
- "subtitle": {
18
- "$type": "color",
19
- "$value": "{color.content.neutral.default.rest}"
20
- }
21
- },
22
- "typography": {
23
- "caption": {
24
- "small": {
25
- "font-family": {
26
- "$type": "text",
27
- "$value": "{font-family.sans-serif}"
28
- },
29
- "font-size": {
30
- "$type": "number",
31
- "$value": "{font-size.caption-2}"
32
- },
33
- "line-height": {
34
- "$type": "number",
35
- "$value": "{line-height.caption-2}"
36
- },
37
- "font-weight": {
38
- "$type": "number",
39
- "$value": "{font-weight.caption-1}"
40
- }
41
- },
42
- "medium": {
43
- "font-family": {
44
- "$type": "text",
45
- "$value": "{font-family.sans-serif}"
46
- },
47
- "line-height": {
48
- "$type": "number",
49
- "$value": "{line-height.caption-1}"
50
- },
51
- "font-weight": {
52
- "$type": "number",
53
- "$value": "{font-weight.caption-1}"
54
- },
55
- "font-size": {
56
- "$type": "number",
57
- "$value": "{font-size.caption-1}"
58
- }
59
- },
60
- "large": {
61
- "font-family": {
62
- "$type": "text",
63
- "$value": "{font-family.sans-serif}"
64
- },
65
- "font-weight": {
66
- "$type": "number",
67
- "$value": "{font-weight.body-1}"
68
- },
69
- "line-height": {
70
- "$type": "number",
71
- "$value": "{line-height.body-1}"
72
- },
73
- "font-size": {
74
- "$type": "number",
75
- "$value": "{font-size.body-1}"
76
- }
77
- }
78
- },
79
- "subtitle": {
80
- "medium": {
81
- "font-family": {
82
- "$type": "text",
83
- "$value": "{font-family.sans-serif}"
84
- },
85
- "font-weight": {
86
- "$type": "number",
87
- "$value": "{font-weight.body-1}"
88
- },
89
- "line-height": {
90
- "$type": "number",
91
- "$value": "{line-height.body-1}"
92
- },
93
- "font-size": {
94
- "$type": "number",
95
- "$value": "{font-size.body-1}"
96
- }
97
- },
98
- "small": {
99
- "font-family": {
100
- "$type": "text",
101
- "$value": "{font-family.sans-serif}"
102
- },
103
- "font-size": {
104
- "$type": "number",
105
- "$value": "{font-size.caption-1}"
106
- },
107
- "font-weight": {
108
- "$type": "number",
109
- "$value": "{font-weight.caption-1}"
110
- },
111
- "line-height": {
112
- "$type": "number",
113
- "$value": "{line-height.caption-1}"
114
- }
115
- },
116
- "large": {
117
- "font-family": {
118
- "$type": "text",
119
- "$value": "{font-family.sans-serif}"
120
- },
121
- "line-height": {
122
- "$type": "number",
123
- "$value": "{line-height.body-2}"
124
- },
125
- "font-weight": {
126
- "$type": "number",
127
- "$value": "{font-weight.body-2}"
128
- },
129
- "font-size": {
130
- "$type": "number",
131
- "$value": "{font-size.body-2}"
132
- }
133
- }
134
- },
135
- "title": {
136
- "large": {
137
- "font-family": {
138
- "$type": "text",
139
- "$value": "{font-family.sans-serif}"
140
- },
141
- "font-size": {
142
- "$type": "number",
143
- "$value": "{font-size.subtitle-2}"
144
- },
145
- "line-height": {
146
- "$type": "number",
147
- "$value": "{line-height.subtitle-2}"
148
- },
149
- "font-weight": {
150
- "$type": "number",
151
- "$value": "{font-weight.subtitle-2}"
152
- }
153
- },
154
- "small": {
155
- "font-family": {
156
- "$type": "text",
157
- "$value": "{font-family.sans-serif}"
158
- },
159
- "font-weight": {
160
- "$type": "number",
161
- "$value": "{font-weight.caption-1-strong}"
162
- },
163
- "line-height": {
164
- "$type": "number",
165
- "$value": "{line-height.caption-1}"
166
- },
167
- "font-size": {
168
- "$type": "number",
169
- "$value": "{font-size.caption-1}"
170
- }
171
- },
172
- "medium": {
173
- "font-family": {
174
- "$type": "text",
175
- "$value": "{font-family.sans-serif}"
176
- },
177
- "line-height": {
178
- "$type": "number",
179
- "$value": "{line-height.body-1}"
180
- },
181
- "font-size": {
182
- "$type": "number",
183
- "$value": "{font-size.body-1}"
184
- },
185
- "font-weight": {
186
- "$type": "number",
187
- "$value": "{font-weight.body-1-strong}"
188
- }
189
- }
190
- }
191
- },
192
- "layout": {
193
- "outer-box": {
194
- "large": {
195
- "vertical": {
196
- "$type": "number",
197
- "$value": "{spacing.0}"
198
- },
199
- "horizontal": {
200
- "$type": "number",
201
- "$value": "{spacing.0}"
202
- },
203
- "gap": {
204
- "$type": "number",
205
- "$value": "{spacing.60}"
206
- }
207
- },
208
- "medium": {
209
- "horizontal": {
210
- "$type": "number",
211
- "$value": "{spacing.0}"
212
- },
213
- "gap": {
214
- "$type": "number",
215
- "$value": "{spacing.40}"
216
- },
217
- "vertical": {
218
- "$type": "number",
219
- "$value": "{spacing.0}"
220
- }
221
- },
222
- "small": {
223
- "vertical": {
224
- "$type": "number",
225
- "$value": "{spacing.0}"
226
- },
227
- "horizontal": {
228
- "$type": "number",
229
- "$value": "{spacing.0}"
230
- },
231
- "gap": {
232
- "$type": "number",
233
- "$value": "{spacing.40}"
234
- }
235
- }
236
- },
237
- "title-subtitle": {
238
- "medium": {
239
- "gap": {
240
- "$type": "number",
241
- "$value": "{spacing.20}"
242
- }
243
- },
244
- "small": {
245
- "gap": {
246
- "$type": "number",
247
- "$value": "{spacing.20}"
248
- }
249
- },
250
- "large": {
251
- "gap": {
252
- "$type": "number",
253
- "$value": "{spacing.20}"
254
- }
255
- }
256
- }
257
- }
258
- },
259
- "splitter-bar": {
260
- "color": {
261
- "focused": {
262
- "inner-bg": {
263
- "$type": "color",
264
- "$value": "{color.surface.primary.default.rest}"
265
- },
266
- "outer-bg": {
267
- "$type": "color",
268
- "$value": "{color.surface.neutral.subdued.rest}"
269
- }
270
- },
271
- "normal": {
272
- "inner-bg": {
273
- "$type": "color",
274
- "$value": "{color.surface.neutral.subdued.rest}"
275
- },
276
- "outer-bg": {
277
- "$type": "color",
278
- "$value": "{color.surface.neutral.subdued.rest}"
279
- }
280
- },
281
- "pressed": {
282
- "inner-bg": {
283
- "$type": "color",
284
- "$value": "{color.surface.primary.default.rest}"
285
- },
286
- "outer-bg": {
287
- "$type": "color",
288
- "$value": "{color.surface.neutral.subdued.rest}"
289
- }
290
- },
291
- "hover": {
292
- "outer-bg": {
293
- "$type": "color",
294
- "$value": "{color.surface.neutral.subdued.rest}"
295
- },
296
- "inner-bg": {
297
- "$type": "color",
298
- "$value": "{color.surface.neutral.subdued.hovered}"
299
- }
300
- },
301
- "disabled": {
302
- "inner-bg": {
303
- "$type": "color",
304
- "$value": "{color.surface.neutral.subdued.disabled}"
305
- },
306
- "outer-bg": {
307
- "$type": "color",
308
- "$value": "{color.surface.neutral.subdued.disabled}"
309
- }
310
- }
311
- },
312
- "layout": {
313
- "inner-box": {
314
- "horizontal": {
315
- "disabled": {
316
- "medium": {
317
- "height": {
318
- "$type": "number",
319
- "$value": "{spacing.60}"
320
- },
321
- "horizontal": {
322
- "$type": "number",
323
- "$value": "{spacing.0}"
324
- },
325
- "vertical": {
326
- "$type": "number",
327
- "$value": "{spacing.0}"
328
- }
329
- },
330
- "small": {
331
- "vertical": {
332
- "$type": "number",
333
- "$value": "{spacing.0}"
334
- },
335
- "horizontal": {
336
- "$type": "number",
337
- "$value": "{spacing.0}"
338
- },
339
- "height": {
340
- "$type": "number",
341
- "$value": "{spacing.40}"
342
- }
343
- },
344
- "large": {
345
- "height": {
346
- "$type": "number",
347
- "$value": "{spacing.80}"
348
- },
349
- "horizontal": {
350
- "$type": "number",
351
- "$value": "{spacing.0}"
352
- },
353
- "vertical": {
354
- "$type": "number",
355
- "$value": "{spacing.0}"
356
- }
357
- }
358
- },
359
- "default": {
360
- "large": {
361
- "horizontal": {
362
- "$type": "number",
363
- "$value": "{spacing.0}"
364
- },
365
- "height": {
366
- "$type": "number",
367
- "$value": "{spacing.120}"
368
- },
369
- "vertical": {
370
- "$type": "number",
371
- "$value": "{spacing.0}"
372
- }
373
- },
374
- "small": {
375
- "vertical": {
376
- "$type": "number",
377
- "$value": "{spacing.0}"
378
- },
379
- "horizontal": {
380
- "$type": "number",
381
- "$value": "{spacing.0}"
382
- },
383
- "height": {
384
- "$type": "number",
385
- "$value": "{spacing.80}"
386
- }
387
- },
388
- "medium": {
389
- "horizontal": {
390
- "$type": "number",
391
- "$value": "{spacing.0}"
392
- },
393
- "height": {
394
- "$type": "number",
395
- "$value": "{spacing.100}"
396
- },
397
- "vertical": {
398
- "$type": "number",
399
- "$value": "{spacing.0}"
400
- }
401
- }
402
- }
403
- },
404
- "vertical": {
405
- "disabled": {
406
- "small": {
407
- "width": {
408
- "$type": "number",
409
- "$value": "{spacing.40}"
410
- },
411
- "horizontal": {
412
- "$type": "number",
413
- "$value": "{spacing.0}"
414
- },
415
- "vertical": {
416
- "$type": "number",
417
- "$value": "{spacing.0}"
418
- }
419
- },
420
- "large": {
421
- "width": {
422
- "$type": "number",
423
- "$value": "{spacing.80}"
424
- },
425
- "vertical": {
426
- "$type": "number",
427
- "$value": "{spacing.0}"
428
- },
429
- "horizontal": {
430
- "$type": "number",
431
- "$value": "{spacing.0}"
432
- }
433
- },
434
- "medium": {
435
- "vertical": {
436
- "$type": "number",
437
- "$value": "{spacing.0}"
438
- },
439
- "horizontal": {
440
- "$type": "number",
441
- "$value": "{spacing.0}"
442
- },
443
- "width": {
444
- "$type": "number",
445
- "$value": "{spacing.60}"
446
- }
447
- }
448
- },
449
- "default": {
450
- "small": {
451
- "width": {
452
- "$type": "number",
453
- "$value": "{spacing.80}"
454
- },
455
- "horizontal": {
456
- "$type": "number",
457
- "$value": "{spacing.0}"
458
- },
459
- "vertical": {
460
- "$type": "number",
461
- "$value": "{spacing.0}"
462
- }
463
- },
464
- "medium": {
465
- "vertical": {
466
- "$type": "number",
467
- "$value": "{spacing.0}"
468
- },
469
- "width": {
470
- "$type": "number",
471
- "$value": "{spacing.100}"
472
- },
473
- "horizontal": {
474
- "$type": "number",
475
- "$value": "{spacing.0}"
476
- }
477
- },
478
- "large": {
479
- "vertical": {
480
- "$type": "number",
481
- "$value": "{spacing.0}"
482
- },
483
- "horizontal": {
484
- "$type": "number",
485
- "$value": "{spacing.0}"
486
- },
487
- "width": {
488
- "$type": "number",
489
- "$value": "{spacing.120}"
490
- }
491
- }
492
- }
493
- }
494
- },
495
- "outer-box": {
496
- "vertical": {
497
- "default": {
498
- "large": {
499
- "vertical": {
500
- "$type": "number",
501
- "$value": "{spacing.0}"
502
- },
503
- "gap": {
504
- "$type": "number",
505
- "$value": "{spacing.0}"
506
- },
507
- "horizontal": {
508
- "$type": "number",
509
- "$value": "{spacing.0}"
510
- }
511
- },
512
- "medium": {
513
- "vertical": {
514
- "$type": "number",
515
- "$value": "{spacing.0}"
516
- },
517
- "horizontal": {
518
- "$type": "number",
519
- "$value": "{spacing.0}"
520
- },
521
- "gap": {
522
- "$type": "number",
523
- "$value": "{spacing.0}"
524
- }
525
- },
526
- "small": {
527
- "horizontal": {
528
- "$type": "number",
529
- "$value": "{spacing.0}"
530
- },
531
- "vertical": {
532
- "$type": "number",
533
- "$value": "{spacing.0}"
534
- },
535
- "gap": {
536
- "$type": "number",
537
- "$value": "{spacing.0}"
538
- }
539
- }
540
- },
541
- "disabled": {
542
- "large": {
543
- "horizontal": {
544
- "$type": "number",
545
- "$value": "{spacing.0}"
546
- },
547
- "gap": {
548
- "$type": "number",
549
- "$value": "{spacing.100}"
550
- },
551
- "vertical": {
552
- "$type": "number",
553
- "$value": "{spacing.0}"
554
- }
555
- },
556
- "medium": {
557
- "vertical": {
558
- "$type": "number",
559
- "$value": "{spacing.0}"
560
- },
561
- "gap": {
562
- "$type": "number",
563
- "$value": "{spacing.100}"
564
- },
565
- "horizontal": {
566
- "$type": "number",
567
- "$value": "{spacing.0}"
568
- }
569
- },
570
- "small": {
571
- "gap": {
572
- "$type": "number",
573
- "$value": "{spacing.80}"
574
- },
575
- "horizontal": {
576
- "$type": "number",
577
- "$value": "{spacing.0}"
578
- },
579
- "vertical": {
580
- "$type": "number",
581
- "$value": "{spacing.0}"
582
- }
583
- }
584
- }
585
- },
586
- "horizontal": {
587
- "default": {
588
- "medium": {
589
- "gap": {
590
- "$type": "number",
591
- "$value": "{spacing.0}"
592
- },
593
- "vertical": {
594
- "$type": "number",
595
- "$value": "{spacing.0}"
596
- },
597
- "horizontal": {
598
- "$type": "number",
599
- "$value": "{spacing.0}"
600
- }
601
- },
602
- "large": {
603
- "horizontal": {
604
- "$type": "number",
605
- "$value": "{spacing.0}"
606
- },
607
- "gap": {
608
- "$type": "number",
609
- "$value": "{spacing.0}"
610
- },
611
- "vertical": {
612
- "$type": "number",
613
- "$value": "{spacing.0}"
614
- }
615
- },
616
- "small": {
617
- "horizontal": {
618
- "$type": "number",
619
- "$value": "{spacing.0}"
620
- },
621
- "vertical": {
622
- "$type": "number",
623
- "$value": "{spacing.0}"
624
- },
625
- "gap": {
626
- "$type": "number",
627
- "$value": "{spacing.0}"
628
- }
629
- }
630
- },
631
- "disabled": {
632
- "medium": {
633
- "gap": {
634
- "$type": "number",
635
- "$value": "{spacing.100}"
636
- },
637
- "vertical": {
638
- "$type": "number",
639
- "$value": "{spacing.0}"
640
- },
641
- "horizontal": {
642
- "$type": "number",
643
- "$value": "{spacing.0}"
644
- }
645
- },
646
- "large": {
647
- "gap": {
648
- "$type": "number",
649
- "$value": "{spacing.100}"
650
- },
651
- "vertical": {
652
- "$type": "number",
653
- "$value": "{spacing.0}"
654
- },
655
- "horizontal": {
656
- "$type": "number",
657
- "$value": "{spacing.0}"
658
- }
659
- },
660
- "small": {
661
- "horizontal": {
662
- "$type": "number",
663
- "$value": "{spacing.0}"
664
- },
665
- "gap": {
666
- "$type": "number",
667
- "$value": "{spacing.80}"
668
- },
669
- "vertical": {
670
- "$type": "number",
671
- "$value": "{spacing.0}"
672
- }
673
- }
674
- }
675
- }
676
- },
677
- "buttons": {
678
- "vertical": {
679
- "small": {
680
- "horizontal": {
681
- "$type": "number",
682
- "$value": "{spacing.0}"
683
- },
684
- "vertical": {
685
- "$type": "number",
686
- "$value": "{spacing.0}"
687
- },
688
- "gap": {
689
- "$type": "number",
690
- "$value": "{spacing.40}"
691
- }
692
- },
693
- "medium": {
694
- "vertical": {
695
- "$type": "number",
696
- "$value": "{spacing.0}"
697
- },
698
- "horizontal": {
699
- "$type": "number",
700
- "$value": "{spacing.0}"
701
- },
702
- "gap": {
703
- "$type": "number",
704
- "$value": "{spacing.60}"
705
- }
706
- },
707
- "large": {
708
- "horizontal": {
709
- "$type": "number",
710
- "$value": "{spacing.0}"
711
- },
712
- "gap": {
713
- "$type": "number",
714
- "$value": "{spacing.80}"
715
- },
716
- "vertical": {
717
- "$type": "number",
718
- "$value": "{spacing.0}"
719
- }
720
- }
721
- },
722
- "horizontal": {
723
- "small": {
724
- "vertical": {
725
- "$type": "number",
726
- "$value": "{spacing.0}"
727
- },
728
- "gap": {
729
- "$type": "number",
730
- "$value": "{spacing.40}"
731
- },
732
- "horizontal": {
733
- "$type": "number",
734
- "$value": "{spacing.0}"
735
- }
736
- },
737
- "large": {
738
- "gap": {
739
- "$type": "number",
740
- "$value": "{spacing.80}"
741
- },
742
- "horizontal": {
743
- "$type": "number",
744
- "$value": "{spacing.0}"
745
- },
746
- "vertical": {
747
- "$type": "number",
748
- "$value": "{spacing.0}"
749
- }
750
- },
751
- "medium": {
752
- "vertical": {
753
- "$type": "number",
754
- "$value": "{spacing.0}"
755
- },
756
- "horizontal": {
757
- "$type": "number",
758
- "$value": "{spacing.0}"
759
- },
760
- "gap": {
761
- "$type": "number",
762
- "$value": "{spacing.60}"
763
- }
764
- }
765
- }
766
- }
767
- },
768
- "border-radius": {
769
- "outer-box": {
770
- "large": {
771
- "$type": "number",
772
- "$value": "{border-radius.0}"
773
- },
774
- "medium": {
775
- "$type": "number",
776
- "$value": "{border-radius.0}"
777
- },
778
- "small": {
779
- "$type": "number",
780
- "$value": "{border-radius.0}"
781
- }
782
- },
783
- "inner-box": {
784
- "small": {
785
- "$type": "number",
786
- "$value": "{border-radius.full}"
787
- },
788
- "medium": {
789
- "$type": "number",
790
- "$value": "{border-radius.full}"
791
- },
792
- "large": {
793
- "$type": "number",
794
- "$value": "{border-radius.full}"
795
- }
796
- }
797
- }
798
- },
799
- "expand-collapse-button": {
800
- "color": {
801
- "pressed": {
802
- "icon": {
803
- "$type": "color",
804
- "$value": "{color.content.neutral.default.static-dark.active}"
805
- }
806
- },
807
- "normal": {
808
- "icon": {
809
- "$type": "color",
810
- "$value": "{color.content.neutral.subdued.rest}"
811
- }
812
- },
813
- "hover": {
814
- "icon": {
815
- "$type": "color",
816
- "$value": "{color.content.primary.default.hovered}"
817
- }
818
- },
819
- "focused": {
820
- "icon": {
821
- "$type": "color",
822
- "$value": "{color.content.neutral.default.static-dark.rest}"
823
- }
824
- }
825
- },
826
- "icon": {
827
- "style": {
828
- "default": {
829
- "$type": "text",
830
- "$value": "{icon.style.filled}"
831
- }
832
- },
833
- "size": {
834
- "medium": {
835
- "$type": "number",
836
- "$value": "{icon.size.16px}"
837
- },
838
- "large": {
839
- "$type": "number",
840
- "$value": "{icon.size.20px}"
841
- },
842
- "small": {
843
- "$type": "number",
844
- "$value": "{icon.size.12px}"
845
- }
846
- }
847
- },
848
- "layout": {
849
- "vertical": {
850
- "small": {
851
- "width": {
852
- "$type": "number",
853
- "$value": "{spacing.80}"
854
- },
855
- "height": {
856
- "$type": "number",
857
- "$value": "{spacing.200}"
858
- }
859
- },
860
- "medium": {
861
- "height": {
862
- "$type": "number",
863
- "$value": "{spacing.240}"
864
- },
865
- "width": {
866
- "$type": "number",
867
- "$value": "{spacing.100}"
868
- }
869
- },
870
- "large": {
871
- "width": {
872
- "$type": "number",
873
- "$value": "{spacing.120}"
874
- },
875
- "height": {
876
- "$type": "number",
877
- "$value": "{spacing.320}"
878
- }
879
- }
880
- },
881
- "horizontal": {
882
- "medium": {
883
- "height": {
884
- "$type": "number",
885
- "$value": "{spacing.100}"
886
- },
887
- "width": {
888
- "$type": "number",
889
- "$value": "{spacing.240}"
890
- }
891
- },
892
- "small": {
893
- "width": {
894
- "$type": "number",
895
- "$value": "{spacing.200}"
896
- },
897
- "height": {
898
- "$type": "number",
899
- "$value": "{spacing.80}"
900
- }
901
- },
902
- "large": {
903
- "width": {
904
- "$type": "number",
905
- "$value": "{spacing.320}"
906
- },
907
- "height": {
908
- "$type": "number",
909
- "$value": "{spacing.120}"
910
- }
911
- }
912
- },
913
- "icon-wrapper": {
914
- "large": {
915
- "$type": "number",
916
- "$value": "{spacing.200}"
917
- },
918
- "small": {
919
- "$type": "number",
920
- "$value": "{spacing.120}"
921
- },
922
- "medium": {
923
- "$type": "number",
924
- "$value": "{spacing.160}"
925
- }
926
- }
927
- }
928
- },
929
- "pane": {
930
- "color": {
931
- "bg": {
932
- "$type": "color",
933
- "$value": "{color.surface.neutral.default.rest}"
934
- },
935
- "frame": {
936
- "$type": "color",
937
- "$value": "{color.theme-builder.focus}"
938
- }
939
- },
940
- "layout": {
941
- "small": {
942
- "vertical": {
943
- "$type": "number",
944
- "$value": "{spacing.80}"
945
- },
946
- "horizontal": {
947
- "$type": "number",
948
- "$value": "{spacing.80}"
949
- }
950
- },
951
- "medium": {
952
- "vertical": {
953
- "$type": "number",
954
- "$value": "{spacing.120}"
955
- },
956
- "horizontal": {
957
- "$type": "number",
958
- "$value": "{spacing.120}"
959
- }
960
- },
961
- "large": {
962
- "horizontal": {
963
- "$type": "number",
964
- "$value": "{spacing.160}"
965
- },
966
- "vertical": {
967
- "$type": "number",
968
- "$value": "{spacing.160}"
969
- }
970
- }
971
- },
972
- "border-width": {
973
- "focus": {
974
- "small": {
975
- "$type": "number",
976
- "$value": "{border-width.theme-builder.focus}"
977
- },
978
- "large": {
979
- "$type": "number",
980
- "$value": "{border-width.theme-builder.focus}"
981
- },
982
- "medium": {
983
- "$type": "number",
984
- "$value": "{border-width.theme-builder.focus}"
985
- }
986
- }
987
- }
988
- },
989
- "resize-handler": {
990
- "color": {
991
- "pressed": {
992
- "icon": {
993
- "$type": "color",
994
- "$value": "{color.content.neutral.default.static-dark.rest}"
995
- }
996
- },
997
- "hover": {
998
- "icon": {
999
- "$type": "color",
1000
- "$value": "{color.content.primary.default.hovered}"
1001
- }
1002
- },
1003
- "normal": {
1004
- "icon": {
1005
- "$type": "color",
1006
- "$value": "{color.content.neutral.subdued.rest}"
1007
- }
1008
- },
1009
- "focused": {
1010
- "icon": {
1011
- "$type": "color",
1012
- "$value": "{color.content.neutral.default.static-dark.rest}"
1013
- }
1014
- }
1015
- },
1016
- "layout": {
1017
- "vertical": {
1018
- "large": {
1019
- "height": {
1020
- "$type": "number",
1021
- "$value": "{spacing.400}"
1022
- },
1023
- "horizontal": {
1024
- "$type": "number",
1025
- "$value": "{spacing.40}"
1026
- },
1027
- "width": {
1028
- "$type": "number",
1029
- "$value": "{spacing.120}"
1030
- }
1031
- },
1032
- "small": {
1033
- "width": {
1034
- "$type": "number",
1035
- "$value": "{spacing.80}"
1036
- },
1037
- "horizontal": {
1038
- "$type": "number",
1039
- "$value": "{spacing.30}"
1040
- },
1041
- "height": {
1042
- "$type": "number",
1043
- "$value": "{spacing.240}"
1044
- }
1045
- },
1046
- "medium": {
1047
- "width": {
1048
- "$type": "number",
1049
- "$value": "{spacing.100}"
1050
- },
1051
- "height": {
1052
- "$type": "number",
1053
- "$value": "{spacing.320}"
1054
- },
1055
- "horizontal": {
1056
- "$type": "number",
1057
- "$value": "{spacing.30}"
1058
- }
1059
- }
1060
- },
1061
- "horizontal": {
1062
- "small": {
1063
- "height": {
1064
- "$type": "number",
1065
- "$value": "{spacing.80}"
1066
- },
1067
- "width": {
1068
- "$type": "number",
1069
- "$value": "{spacing.240}"
1070
- },
1071
- "vertical": {
1072
- "$type": "number",
1073
- "$value": "{spacing.30}"
1074
- }
1075
- },
1076
- "large": {
1077
- "height": {
1078
- "$type": "number",
1079
- "$value": "{spacing.120}"
1080
- },
1081
- "width": {
1082
- "$type": "number",
1083
- "$value": "{spacing.400}"
1084
- },
1085
- "vertical": {
1086
- "$type": "number",
1087
- "$value": "{spacing.40}"
1088
- }
1089
- },
1090
- "medium": {
1091
- "height": {
1092
- "$type": "number",
1093
- "$value": "{spacing.100}"
1094
- },
1095
- "width": {
1096
- "$type": "number",
1097
- "$value": "{spacing.320}"
1098
- },
1099
- "vertical": {
1100
- "$type": "number",
1101
- "$value": "{spacing.30}"
1102
- }
1103
- }
1104
- }
1105
- },
1106
- "border-radius": {
1107
- "medium": {
1108
- "$type": "number",
1109
- "$value": "{border-radius.full}"
1110
- },
1111
- "large": {
1112
- "$type": "number",
1113
- "$value": "{border-radius.full}"
1114
- },
1115
- "small": {
1116
- "$type": "number",
1117
- "$value": "{border-radius.full}"
1118
- }
1119
- }
1120
- },
1121
- "splitter": {
1122
- "layout": {
1123
- "large": {
1124
- "horizontal": {
1125
- "$type": "number",
1126
- "$value": "{spacing.0}"
1127
- },
1128
- "gap": {
1129
- "$type": "number",
1130
- "$value": "{spacing.0}"
1131
- },
1132
- "vertical": {
1133
- "$type": "number",
1134
- "$value": "{spacing.0}"
1135
- }
1136
- },
1137
- "medium": {
1138
- "horizontal": {
1139
- "$type": "number",
1140
- "$value": "{spacing.0}"
1141
- },
1142
- "gap": {
1143
- "$type": "number",
1144
- "$value": "{spacing.0}"
1145
- },
1146
- "vertical": {
1147
- "$type": "number",
1148
- "$value": "{spacing.0}"
1149
- }
1150
- },
1151
- "small": {
1152
- "vertical": {
1153
- "$type": "number",
1154
- "$value": "{spacing.0}"
1155
- },
1156
- "gap": {
1157
- "$type": "number",
1158
- "$value": "{spacing.0}"
1159
- },
1160
- "horizontal": {
1161
- "$type": "number",
1162
- "$value": "{spacing.0}"
1163
- }
1164
- }
1165
- }
1166
- },
1167
- "splitter-group": {
1168
- "layout": {
1169
- "small": {
1170
- "vertical": {
1171
- "$type": "number",
1172
- "$value": "{spacing.0}"
1173
- },
1174
- "horizontal": {
1175
- "$type": "number",
1176
- "$value": "{spacing.0}"
1177
- },
1178
- "gap": {
1179
- "$type": "number",
1180
- "$value": "{spacing.0}"
1181
- }
1182
- },
1183
- "medium": {
1184
- "horizontal": {
1185
- "$type": "number",
1186
- "$value": "{spacing.0}"
1187
- },
1188
- "gap": {
1189
- "$type": "number",
1190
- "$value": "{spacing.0}"
1191
- },
1192
- "vertical": {
1193
- "$type": "number",
1194
- "$value": "{spacing.0}"
1195
- }
1196
- },
1197
- "large": {
1198
- "horizontal": {
1199
- "$type": "number",
1200
- "$value": "{spacing.0}"
1201
- },
1202
- "vertical": {
1203
- "$type": "number",
1204
- "$value": "{spacing.0}"
1205
- },
1206
- "gap": {
1207
- "$type": "number",
1208
- "$value": "{spacing.0}"
1209
- }
1210
- }
1211
- }
1212
- }
1213
- }
1214
- }