@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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