@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
@@ -0,0 +1,534 @@
1
+ {
2
+ "rich-text-editor": {
3
+ "division": {
4
+ "color": {
5
+ "major": {
6
+ "bg": {
7
+ "$type": "color",
8
+ "$value": "{color.border.neutral.default.active}"
9
+ }
10
+ },
11
+ "number": {
12
+ "bg": {
13
+ "$type": "color",
14
+ "$value": "{color.border.transparent.rest}"
15
+ },
16
+ "Text": {
17
+ "$type": "color",
18
+ "$value": "{color.content.neutral.default.rest}"
19
+ }
20
+ },
21
+ "minor": {
22
+ "bg": {
23
+ "$type": "color",
24
+ "$value": "{color.border.neutral.default.active}"
25
+ }
26
+ }
27
+ },
28
+ "typography": {
29
+ "font-family": {
30
+ "$type": "text",
31
+ "$value": "{font-family.sans-serif}"
32
+ },
33
+ "font-weight": {
34
+ "$type": "number",
35
+ "$value": "{font-weight.caption-2}"
36
+ },
37
+ "line-height": {
38
+ "$type": "number",
39
+ "$value": "{line-height.caption-2}"
40
+ },
41
+ "font-size": {
42
+ "$type": "number",
43
+ "$value": "{font-size.caption-2}"
44
+ }
45
+ },
46
+ "layout": {
47
+ "content-box": {
48
+ "major": {
49
+ "width": {
50
+ "$type": "number",
51
+ "$value": "{spacing.10}"
52
+ },
53
+ "hight": {
54
+ "$type": "number",
55
+ "$value": "{spacing.120}"
56
+ }
57
+ },
58
+ "minor": {
59
+ "width": {
60
+ "$type": "number",
61
+ "$value": "{spacing.10}"
62
+ },
63
+ "hight": {
64
+ "$type": "number",
65
+ "$value": "{spacing.80}"
66
+ }
67
+ },
68
+ "number": {
69
+ "width": {
70
+ "$type": "number",
71
+ "$value": "{spacing.10}"
72
+ },
73
+ "hight": {
74
+ "$type": "number",
75
+ "$value": "{spacing.120}"
76
+ }
77
+ }
78
+ },
79
+ "inner-box": {
80
+ "major": {
81
+ "right": {
82
+ "$type": "number",
83
+ "$value": "{spacing.0}"
84
+ },
85
+ "left": {
86
+ "$type": "number",
87
+ "$value": "{spacing.120}"
88
+ }
89
+ },
90
+ "minor": {
91
+ "left": {
92
+ "$type": "number",
93
+ "$value": "{spacing.120}"
94
+ },
95
+ "right": {
96
+ "$type": "number",
97
+ "$value": "{spacing.0}"
98
+ }
99
+ },
100
+ "number": {
101
+ "right": {
102
+ "$type": "number",
103
+ "$value": "{spacing.0}"
104
+ },
105
+ "left": {
106
+ "$type": "number",
107
+ "$value": "{spacing.120}"
108
+ }
109
+ }
110
+ }
111
+ },
112
+ "border-radius": {
113
+ "content box": {
114
+ "division": {
115
+ "$type": "number",
116
+ "$value": "{border-radius.0}"
117
+ }
118
+ }
119
+ }
120
+ },
121
+ "demo-item": {
122
+ "demo-footer": {
123
+ "color": {
124
+ "bg": {
125
+ "$type": "color",
126
+ "$value": "{color.surface.neutral.default.rest}"
127
+ }
128
+ },
129
+ "gap": {
130
+ "gap": {
131
+ "$type": "number",
132
+ "$value": "{spacing.120}"
133
+ },
134
+ "top": {
135
+ "$type": "number",
136
+ "$value": "{spacing.120}"
137
+ },
138
+ "bottom": {
139
+ "$type": "number",
140
+ "$value": "{spacing.120}"
141
+ }
142
+ }
143
+ },
144
+ "demo-item": {
145
+ "color": {
146
+ "text": {
147
+ "$type": "color",
148
+ "$value": "{color.content.neutral.default.rest}"
149
+ }
150
+ },
151
+ "typography": {
152
+ "title": {
153
+ "font-family": {
154
+ "$type": "text",
155
+ "$value": "{font-family.sans-serif}"
156
+ },
157
+ "font-weight": {
158
+ "$type": "number",
159
+ "$value": "{font-weight.title-1}"
160
+ },
161
+ "line-height": {
162
+ "$type": "number",
163
+ "$value": "{line-height.title-1}"
164
+ },
165
+ "font-size": {
166
+ "$type": "number",
167
+ "$value": "{font-size.title-1}"
168
+ }
169
+ },
170
+ "body": {
171
+ "font-size": {
172
+ "$type": "number",
173
+ "$value": "{font-size.body-1}"
174
+ },
175
+ "line-height": {
176
+ "$type": "number",
177
+ "$value": "{line-height.body-1}"
178
+ },
179
+ "font-weight": {
180
+ "$type": "number",
181
+ "$value": "{font-weight.body-1}"
182
+ }
183
+ }
184
+ }
185
+ },
186
+ "demo-body": {
187
+ "color": {
188
+ "text": {
189
+ "$type": "color",
190
+ "$value": "{color.content.neutral.default.rest}"
191
+ },
192
+ "bg": {
193
+ "$type": "color",
194
+ "$value": "{color.surface.neutral.default.rest}"
195
+ }
196
+ },
197
+ "typography": {
198
+ "font-family": {
199
+ "$type": "text",
200
+ "$value": "{font-family.sans-serif}"
201
+ },
202
+ "font-weight": {
203
+ "$type": "number",
204
+ "$value": "{font-weight.body-1}"
205
+ },
206
+ "line-height": {
207
+ "$type": "number",
208
+ "$value": "{line-height.body-1}"
209
+ },
210
+ "font-size": {
211
+ "$type": "number",
212
+ "$value": "{font-size.body-1}"
213
+ }
214
+ },
215
+ "spacing": {
216
+ "body": {
217
+ "$type": "number",
218
+ "$value": "{spacing.100}"
219
+ },
220
+ "content-box": {
221
+ "$type": "number",
222
+ "$value": "{spacing.100}"
223
+ }
224
+ }
225
+ }
226
+ },
227
+ "drag-handle": {
228
+ "color": {
229
+ "bg": {
230
+ "$type": "color",
231
+ "$value": "{color.surface.neutral.default.rest}"
232
+ },
233
+ "border": {
234
+ "$type": "color",
235
+ "$value": "{color.border.neutral.accessible.rest}"
236
+ }
237
+ },
238
+ "layout": {
239
+ "inner-box": {
240
+ "right-indent-handle": {
241
+ "bottom": {
242
+ "$type": "number",
243
+ "$value": "{spacing.60}"
244
+ },
245
+ "hight": {
246
+ "$type": "number",
247
+ "$value": "{spacing.280}"
248
+ },
249
+ "width": {
250
+ "$type": "number",
251
+ "$value": "{spacing.120}"
252
+ },
253
+ "top": {
254
+ "$type": "number",
255
+ "$value": "{spacing.110}"
256
+ }
257
+ },
258
+ "left-indent-handle-body": {
259
+ "bottom": {
260
+ "$type": "number",
261
+ "$value": "{spacing.0}"
262
+ },
263
+ "top": {
264
+ "$type": "number",
265
+ "$value": "{spacing.220}"
266
+ },
267
+ "hight": {
268
+ "$type": "number",
269
+ "$value": "{spacing.280}"
270
+ },
271
+ "width": {
272
+ "$type": "number",
273
+ "$value": "{spacing.120}"
274
+ }
275
+ },
276
+ "first-line-indent-handle": {
277
+ "top": {
278
+ "$type": "number",
279
+ "$value": "{spacing.0}"
280
+ },
281
+ "width": {
282
+ "$type": "number",
283
+ "$value": "{spacing.120}"
284
+ },
285
+ "bottom": {
286
+ "$type": "number",
287
+ "$value": "{spacing.170}"
288
+ },
289
+ "hight": {
290
+ "$type": "number",
291
+ "$value": "{spacing.280}"
292
+ }
293
+ },
294
+ "left-indent-handle": {
295
+ "hight": {
296
+ "$type": "number",
297
+ "$value": "{spacing.280}"
298
+ },
299
+ "width": {
300
+ "$type": "number",
301
+ "$value": "{spacing.120}"
302
+ },
303
+ "bottom": {
304
+ "$type": "number",
305
+ "$value": "{spacing.60}"
306
+ },
307
+ "top": {
308
+ "$type": "number",
309
+ "$value": "{spacing.110}"
310
+ }
311
+ }
312
+ },
313
+ "handle": {
314
+ "hight": {
315
+ "$type": "number",
316
+ "$value": "{spacing.110}"
317
+ },
318
+ "width": {
319
+ "$type": "number",
320
+ "$value": "{spacing.120}"
321
+ }
322
+ },
323
+ "ruler": {
324
+ "width": {
325
+ "$type": "number",
326
+ "$value": "{spacing.120}"
327
+ },
328
+ "hight": {
329
+ "$type": "number",
330
+ "$value": "{spacing.60}"
331
+ }
332
+ }
333
+ },
334
+ "border-width": {
335
+ "handle": {
336
+ "$type": "number",
337
+ "$value": "{border-width.10}"
338
+ },
339
+ "ruler": {
340
+ "$type": "number",
341
+ "$value": "{border-width.10}"
342
+ }
343
+ }
344
+ },
345
+ "handle-panel": {
346
+ "color": {
347
+ "left": {
348
+ "shape": {
349
+ "$type": "color",
350
+ "$value": "{color.surface.neutral.default.disabled}"
351
+ }
352
+ },
353
+ "right": {
354
+ "shape": {
355
+ "$type": "color",
356
+ "$value": "{color.surface.neutral.default.disabled}"
357
+ }
358
+ }
359
+ },
360
+ "layout": {
361
+ "inner-box": {
362
+ "right": {
363
+ "width": {
364
+ "$type": "number",
365
+ "$value": "{spacing.160}"
366
+ }
367
+ },
368
+ "left": {
369
+ "width": {
370
+ "$type": "number",
371
+ "$value": "{spacing.160}"
372
+ }
373
+ }
374
+ }
375
+ }
376
+ },
377
+ "alignbox-item": {
378
+ "color": {
379
+ "icon": {
380
+ "$type": "color",
381
+ "$value": "{color.content.neutral.subdued.rest}"
382
+ },
383
+ "bg": {
384
+ "$type": "color",
385
+ "$value": "{color.surface.neutral.default.rest}"
386
+ }
387
+ }
388
+ },
389
+ "rich-text-editor": {
390
+ "color": {
391
+ "bg": {
392
+ "$type": "color",
393
+ "$value": "{color.surface.neutral.subdued.rest}"
394
+ },
395
+ "border": {
396
+ "$type": "color",
397
+ "$value": "{color.border.neutral.default.rest}"
398
+ }
399
+ },
400
+ "border-radius": {
401
+ "default": {
402
+ "$type": "number",
403
+ "$value": "{border-radius.40}"
404
+ }
405
+ },
406
+ "border-width": {
407
+ "default": {
408
+ "$type": "number",
409
+ "$value": "{border-width.10}"
410
+ }
411
+ },
412
+ "layout": {
413
+ "ruler-box": {
414
+ "top": {
415
+ "$type": "number",
416
+ "$value": "{spacing.60}"
417
+ }
418
+ }
419
+ }
420
+ },
421
+ "page": {
422
+ "color": {
423
+ "bg": {
424
+ "$type": "color",
425
+ "$value": "{color.surface.neutral.default.static-light.rest}"
426
+ },
427
+ "border": {
428
+ "$type": "color",
429
+ "$value": "{color.border.neutral.default.rest}"
430
+ }
431
+ },
432
+ "layout": {
433
+ "vertical": {
434
+ "$type": "number",
435
+ "$value": "{spacing.150}"
436
+ }
437
+ },
438
+ "border-width": {
439
+ "default": {
440
+ "$type": "number",
441
+ "$value": "{border-width.10}"
442
+ }
443
+ }
444
+ },
445
+ "alignbox": {
446
+ "color": {
447
+ "bg": {
448
+ "$type": "color",
449
+ "$value": "{color.border.neutral.default.rest}"
450
+ }
451
+ },
452
+ "layout": {
453
+ "outer-box": {
454
+ "vertical": {
455
+ "$type": "number",
456
+ "$value": "{spacing.50}"
457
+ },
458
+ "horizontal": {
459
+ "$type": "number",
460
+ "$value": "{spacing.50}"
461
+ }
462
+ },
463
+ "icon-wrapper": {
464
+ "normal": {
465
+ "$type": "number",
466
+ "$value": "{spacing.160}"
467
+ }
468
+ }
469
+ }
470
+ },
471
+ "ruler-division": {
472
+ "color": {
473
+ "bg": {
474
+ "$type": "color",
475
+ "$value": "{color.surface.neutral.default.rest}"
476
+ }
477
+ },
478
+ "layout": {
479
+ "outer-box": {
480
+ "vertical": {
481
+ "$type": "number",
482
+ "$value": "{spacing.20}"
483
+ }
484
+ }
485
+ }
486
+ },
487
+ "division-group": {
488
+ "typography": {
489
+ "font-family": {
490
+ "$type": "text",
491
+ "$value": "{font-family.sans-serif}"
492
+ },
493
+ "font-size": {
494
+ "$type": "number",
495
+ "$value": "{font-size.caption-2}"
496
+ },
497
+ "font-weight": {
498
+ "$type": "number",
499
+ "$value": "{font-weight.caption-2}"
500
+ },
501
+ "line-height": {
502
+ "$type": "number",
503
+ "$value": "{line-height.caption-2}"
504
+ },
505
+ "letter-spacing": {
506
+ "$type": "number",
507
+ "$value": "{letter-spacing.caption-2}"
508
+ }
509
+ },
510
+ "layout": {
511
+ "numbers": {
512
+ "gap": {
513
+ "$type": "number",
514
+ "$value": "{spacing.0}"
515
+ }
516
+ },
517
+ "default": {
518
+ "gap": {
519
+ "$type": "number",
520
+ "$value": "{spacing.0}"
521
+ }
522
+ }
523
+ }
524
+ },
525
+ "ruler": {
526
+ "layout": {
527
+ "vertical": {
528
+ "$type": "number",
529
+ "$value": "{spacing.50}"
530
+ }
531
+ }
532
+ }
533
+ }
534
+ }