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