@devexpress/design-tokens-internal 261.0.2 → 261.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/package.json +3 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +783 -0
  4. package/tokens/components/core/ai-chat/fluent.json +2236 -0
  5. package/tokens/components/core/badge/fluent.json +159 -0
  6. package/tokens/components/core/button/fluent.json +301 -0
  7. package/tokens/components/core/calendar/fluent.json +1601 -0
  8. package/tokens/components/core/checkbox/fluent.json +812 -0
  9. package/tokens/components/core/collapse-button/fluent.json +333 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +170 -0
  12. package/tokens/components/core/container-footer/fluent.json +202 -0
  13. package/tokens/components/core/container-header/fluent.json +329 -0
  14. package/tokens/components/core/dialog/fluent.json +173 -0
  15. package/tokens/components/core/drawer/fluent.json +158 -0
  16. package/tokens/components/core/empty-item/fluent.json +350 -0
  17. package/tokens/components/core/focus-rect/fluent.json +82 -0
  18. package/tokens/components/core/form/fluent.json +344 -0
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +147 -0
  21. package/tokens/components/core/indent-space/fluent.json +110 -0
  22. package/tokens/components/core/label/fluent.json +138 -0
  23. package/tokens/components/core/link/fluent.json +291 -0
  24. package/tokens/components/core/listbox/fluent.json +826 -0
  25. package/tokens/components/core/menu/fluent.json +682 -0
  26. package/tokens/components/core/message-bar/fluent.json +252 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +788 -0
  28. package/tokens/components/core/pagination/fluent.json +536 -0
  29. package/tokens/components/core/popover/fluent.json +185 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +46 -0
  31. package/tokens/components/core/popover-body/fluent.json +172 -0
  32. package/tokens/components/core/popover-footer/fluent.json +139 -0
  33. package/tokens/components/core/popover-header/fluent.json +290 -0
  34. package/tokens/components/core/popup/fluent.json +182 -0
  35. package/tokens/components/core/progress-bar/fluent.json +258 -0
  36. package/tokens/components/core/radio-button/fluent.json +486 -0
  37. package/tokens/components/core/ribbon/fluent.json +1717 -0
  38. package/tokens/components/core/scroll-bar/fluent.json +148 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +390 -0
  41. package/tokens/components/core/splitter/fluent.json +877 -0
  42. package/tokens/components/core/switch/fluent.json +722 -0
  43. package/tokens/components/core/tabs/fluent.json +607 -0
  44. package/tokens/components/core/tag/fluent.json +303 -0
  45. package/tokens/components/core/text-box/fluent.json +404 -0
  46. package/tokens/components/core/text-edit/fluent.json +623 -0
  47. package/tokens/components/core/toast/fluent.json +372 -0
  48. package/tokens/components/core/toolbar/fluent.json +423 -0
  49. package/tokens/components/core/tooltip/fluent.json +221 -0
  50. package/tokens/components/core/treeview/fluent.json +818 -0
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +117 -0
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +546 -0
  55. package/tokens/components/desktop/button-edit/fluent.json +454 -0
  56. package/tokens/components/desktop/button-group/fluent.json +70 -0
  57. package/tokens/components/desktop/button-text/fluent.json +228 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +54 -0
  59. package/tokens/components/desktop/datapager/fluent.json +202 -0
  60. package/tokens/components/desktop/filter-edit/fluent.json +454 -0
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +881 -0
  63. package/tokens/components/desktop/pagercontrol/fluent.json +480 -0
  64. package/tokens/components/desktop/progress-bar/fluent.json +568 -0
  65. package/tokens/components/desktop/radio-button/fluent.json +67 -0
  66. package/tokens/components/desktop/scroll-bar/fluent.json +206 -0
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +50 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +312 -0
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +3068 -0
  74. package/tokens/components/web/button-group/fluent.json +70 -0
  75. package/tokens/components/web/carousel/fluent.json +2843 -0
  76. package/tokens/components/web/checkbox/fluent.json +256 -0
  77. package/tokens/components/web/color-palette/fluent.json +1245 -0
  78. package/tokens/components/web/column-chooser/fluent.json +331 -0
  79. package/tokens/components/web/filter-builder/fluent.json +1085 -0
  80. package/tokens/components/web/form-layout/fluent.json +1103 -0
  81. package/tokens/components/web/html-editor/fluent.json +276 -0
  82. package/tokens/components/web/listbox/fluent.json +298 -0
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +225 -0
  84. package/tokens/components/web/memo/fluent.json +50 -0
  85. package/tokens/components/web/menu/fluent.json +39 -0
  86. package/tokens/components/web/message-bar/fluent.json +181 -0
  87. package/tokens/components/web/message-box/fluent.json +61 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +109 -0
  89. package/tokens/components/web/pager/fluent.json +187 -0
  90. package/tokens/components/web/progress-bar/fluent.json +197 -0
  91. package/tokens/components/web/radio/fluent.json +260 -0
  92. package/tokens/components/web/ribbon/fluent.json +122 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +1005 -0
  94. package/tokens/components/web/scheduler/fluent.json +2662 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +520 -0
  96. package/tokens/components/web/split-button/fluent.json +143 -0
  97. package/tokens/components/web/switcher/fluent.json +192 -0
  98. package/tokens/components/web/tabs/fluent.json +258 -0
  99. package/tokens/components/web/tagbox/fluent.json +147 -0
  100. package/tokens/components/web/text-edit/fluent.json +334 -0
  101. package/tokens/components/web/toast/fluent.json +1228 -0
  102. package/tokens/components/web/toolbar/fluent.json +165 -0
  103. package/tokens/components/web/tooltip/fluent.json +31 -0
  104. package/tokens/components/web/treeview/fluent.json +2409 -0
  105. package/tokens/components/web/uploader/fluent.json +2963 -0
  106. package/tokens/figma-utils/box-shadow/semantic/dx-office.json +308 -0
  107. package/tokens/figma-utils/box-shadow/semantic/fluent.json +308 -0
  108. package/tokens/figma-utils/box-shadow/styles.json +181 -0
  109. package/tokens/figma-utils/decorative-colors/dark.json +56 -0
  110. package/tokens/figma-utils/decorative-colors/light.json +56 -0
  111. package/tokens/figma-utils/icon/property.json +48 -0
  112. package/tokens/figma-utils/icon/set/dx-office.json +8 -0
  113. package/tokens/figma-utils/icon/set/fluent.json +8 -0
  114. package/tokens/figma-utils/typography/font-family/dx-office.json +12 -0
  115. package/tokens/figma-utils/typography/font-family/fluent.json +12 -0
  116. package/tokens/figma-utils/typography/styles.json +400 -0
  117. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  118. package/tokens/semantic/colors/dx-office/light.json +12 -0
  119. package/tokens/semantic/colors/fluent/dark.json +24 -12
  120. package/tokens/semantic/colors/fluent/light.json +24 -12
  121. package/tokens/global/dx-office/theme-builder.json +0 -56
  122. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/desktop/button-edit/fluent.json ADDED
@@ -0,0 +1,454 @@
1
+ {
2
+ "button-edit": {
3
+ "color": {
4
+ "bg": {
5
+ "rest": {
6
+ "$extensions": {
7
+ "com.figma.scopes": [
8
+ "FRAME_FILL"
9
+ ]
10
+ },
11
+ "$type": "color",
12
+ "$value": "{color.surface.transparent.rest}"
13
+ },
14
+ "active": {
15
+ "$extensions": {
16
+ "com.figma.scopes": [
17
+ "FRAME_FILL"
18
+ ]
19
+ },
20
+ "$type": "color",
21
+ "$value": "{color.surface.neutral.default.active}"
22
+ },
23
+ "hovered": {
24
+ "$extensions": {
25
+ "com.figma.scopes": [
26
+ "FRAME_FILL"
27
+ ]
28
+ },
29
+ "$type": "color",
30
+ "$value": "{color.surface.neutral.subdued.hovered}"
31
+ },
32
+ "disabled": {
33
+ "$extensions": {
34
+ "com.figma.scopes": [
35
+ "FRAME_FILL"
36
+ ]
37
+ },
38
+ "$type": "color",
39
+ "$value": "{color.surface.transparent.rest}"
40
+ }
41
+ },
42
+ "content": {
43
+ "disabled": {
44
+ "$extensions": {
45
+ "com.figma.scopes": [
46
+ "SHAPE_FILL"
47
+ ]
48
+ },
49
+ "$type": "color",
50
+ "$value": "{color.content.neutral.default.disabled}"
51
+ },
52
+ "rest": {
53
+ "$extensions": {
54
+ "com.figma.scopes": [
55
+ "SHAPE_FILL"
56
+ ]
57
+ },
58
+ "$type": "color",
59
+ "$value": "{color.content.neutral.default.rest}"
60
+ }
61
+ }
62
+ },
63
+ "borders": {
64
+ "border-radius": {
65
+ "medium": {
66
+ "$extensions": {
67
+ "com.figma.scopes": [
68
+ "CORNER_RADIUS"
69
+ ]
70
+ },
71
+ "$type": "number",
72
+ "$value": "{border-radius.30}"
73
+ },
74
+ "small": {
75
+ "$extensions": {
76
+ "com.figma.scopes": [
77
+ "CORNER_RADIUS"
78
+ ]
79
+ },
80
+ "$type": "number",
81
+ "$value": "{border-radius.30}"
82
+ }
83
+ }
84
+ },
85
+ "layout": {
86
+ "outer-box": {
87
+ "vertical": {
88
+ "medium": {
89
+ "$extensions": {
90
+ "com.figma.scopes": [
91
+ "GAP"
92
+ ]
93
+ },
94
+ "$type": "number",
95
+ "$value": "{spacing.30}"
96
+ },
97
+ "small": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "GAP"
101
+ ]
102
+ },
103
+ "$type": "number",
104
+ "$value": "{spacing.20}"
105
+ }
106
+ },
107
+ "horizontal": {
108
+ "medium": {
109
+ "$extensions": {
110
+ "com.figma.scopes": [
111
+ "GAP"
112
+ ]
113
+ },
114
+ "$type": "number",
115
+ "$value": "{spacing.30}"
116
+ },
117
+ "small": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "GAP"
121
+ ]
122
+ },
123
+ "$type": "number",
124
+ "$value": "{spacing.20}"
125
+ }
126
+ }
127
+ }
128
+ }
129
+ },
130
+ "spin-button-edit": {
131
+ "item": {
132
+ "color": {
133
+ "bg": {
134
+ "disabled": {
135
+ "$extensions": {
136
+ "com.figma.scopes": [
137
+ "FRAME_FILL"
138
+ ]
139
+ },
140
+ "$type": "color",
141
+ "$value": "{color.surface.transparent.rest}"
142
+ },
143
+ "active": {
144
+ "$extensions": {
145
+ "com.figma.scopes": [
146
+ "FRAME_FILL"
147
+ ]
148
+ },
149
+ "$type": "color",
150
+ "$value": "{color.surface.neutral.default.active}"
151
+ },
152
+ "hovered": {
153
+ "$extensions": {
154
+ "com.figma.scopes": [
155
+ "FRAME_FILL"
156
+ ]
157
+ },
158
+ "$type": "color",
159
+ "$value": "{color.surface.neutral.subdued.hovered}"
160
+ },
161
+ "rest": {
162
+ "$extensions": {
163
+ "com.figma.scopes": [
164
+ "FRAME_FILL"
165
+ ]
166
+ },
167
+ "$type": "color",
168
+ "$value": "{color.surface.transparent.rest}"
169
+ }
170
+ },
171
+ "content": {
172
+ "rest": {
173
+ "$extensions": {
174
+ "com.figma.scopes": [
175
+ "SHAPE_FILL"
176
+ ]
177
+ },
178
+ "$type": "color",
179
+ "$value": "{color.content.neutral.default.rest}"
180
+ },
181
+ "disabled": {
182
+ "$extensions": {
183
+ "com.figma.scopes": [
184
+ "SHAPE_FILL"
185
+ ]
186
+ },
187
+ "$type": "color",
188
+ "$value": "{color.content.neutral.default.disabled}"
189
+ }
190
+ }
191
+ },
192
+ "layout": {
193
+ "outer-box": {
194
+ "width": {
195
+ "medium": {
196
+ "$extensions": {
197
+ "com.figma.scopes": [
198
+ "WIDTH_HEIGHT"
199
+ ]
200
+ },
201
+ "$type": "number",
202
+ "$value": "{spacing.260}"
203
+ },
204
+ "small": {
205
+ "$extensions": {
206
+ "com.figma.scopes": [
207
+ "WIDTH_HEIGHT"
208
+ ]
209
+ },
210
+ "$type": "number",
211
+ "$value": "{spacing.200}"
212
+ }
213
+ },
214
+ "horizontal": {
215
+ "medium": {
216
+ "$extensions": {
217
+ "com.figma.scopes": [
218
+ "GAP"
219
+ ]
220
+ },
221
+ "$type": "number",
222
+ "$value": "{spacing.30}"
223
+ },
224
+ "small": {
225
+ "$extensions": {
226
+ "com.figma.scopes": [
227
+ "GAP"
228
+ ]
229
+ },
230
+ "$type": "number",
231
+ "$value": "{spacing.20}"
232
+ }
233
+ },
234
+ "height": {
235
+ "small": {
236
+ "$extensions": {
237
+ "com.figma.scopes": [
238
+ "WIDTH_HEIGHT"
239
+ ]
240
+ },
241
+ "$type": "number",
242
+ "$value": "{spacing.100}"
243
+ },
244
+ "medium": {
245
+ "$extensions": {
246
+ "com.figma.scopes": [
247
+ "WIDTH_HEIGHT"
248
+ ]
249
+ },
250
+ "$type": "number",
251
+ "$value": "{spacing.130}"
252
+ }
253
+ },
254
+ "vertical": {
255
+ "medium": {
256
+ "$extensions": {
257
+ "com.figma.scopes": [
258
+ "GAP"
259
+ ]
260
+ },
261
+ "$type": "number",
262
+ "$value": "{spacing.0}"
263
+ },
264
+ "small": {
265
+ "$extensions": {
266
+ "com.figma.scopes": [
267
+ "GAP"
268
+ ]
269
+ },
270
+ "$type": "number",
271
+ "$value": "{spacing.0}"
272
+ }
273
+ }
274
+ }
275
+ },
276
+ "borders": {
277
+ "border-radius": {
278
+ "medium": {
279
+ "$extensions": {
280
+ "com.figma.scopes": [
281
+ "CORNER_RADIUS"
282
+ ]
283
+ },
284
+ "$type": "number",
285
+ "$value": "{border-radius.0}"
286
+ },
287
+ "small": {
288
+ "$extensions": {
289
+ "com.figma.scopes": [
290
+ "CORNER_RADIUS"
291
+ ]
292
+ },
293
+ "$type": "number",
294
+ "$value": "{border-radius.0}"
295
+ }
296
+ }
297
+ }
298
+ },
299
+ "root": {
300
+ "color": {
301
+ "bg": {
302
+ "rest": {
303
+ "$extensions": {
304
+ "com.figma.scopes": [
305
+ "FRAME_FILL"
306
+ ]
307
+ },
308
+ "$type": "color",
309
+ "$value": "{color.surface.transparent.rest}"
310
+ },
311
+ "hovered": {
312
+ "$extensions": {
313
+ "com.figma.scopes": [
314
+ "FRAME_FILL"
315
+ ]
316
+ },
317
+ "$type": "color",
318
+ "$value": "{color.surface.neutral.subdued.hovered}"
319
+ },
320
+ "active": {
321
+ "$extensions": {
322
+ "com.figma.scopes": [
323
+ "FRAME_FILL"
324
+ ]
325
+ },
326
+ "$type": "color",
327
+ "$value": "{color.surface.neutral.default.active}"
328
+ },
329
+ "disabled": {
330
+ "$extensions": {
331
+ "com.figma.scopes": [
332
+ "FRAME_FILL"
333
+ ]
334
+ },
335
+ "$type": "color",
336
+ "$value": "{color.surface.transparent.rest}"
337
+ }
338
+ }
339
+ },
340
+ "layout": {
341
+ "outer-box": {
342
+ "gap": {
343
+ "medium": {
344
+ "$extensions": {
345
+ "com.figma.scopes": [
346
+ "GAP"
347
+ ]
348
+ },
349
+ "$type": "number",
350
+ "$value": "{spacing.0}"
351
+ },
352
+ "small": {
353
+ "$extensions": {
354
+ "com.figma.scopes": [
355
+ "GAP"
356
+ ]
357
+ },
358
+ "$type": "number",
359
+ "$value": "{spacing.0}"
360
+ }
361
+ },
362
+ "width": {
363
+ "medium": {
364
+ "$extensions": {
365
+ "com.figma.scopes": [
366
+ "WIDTH_HEIGHT"
367
+ ]
368
+ },
369
+ "$type": "number",
370
+ "$value": "{spacing.260}"
371
+ },
372
+ "small": {
373
+ "$extensions": {
374
+ "com.figma.scopes": [
375
+ "WIDTH_HEIGHT"
376
+ ]
377
+ },
378
+ "$type": "number",
379
+ "$value": "{spacing.200}"
380
+ }
381
+ },
382
+ "height": {
383
+ "medium": {
384
+ "$extensions": {
385
+ "com.figma.scopes": [
386
+ "WIDTH_HEIGHT"
387
+ ]
388
+ },
389
+ "$type": "number",
390
+ "$value": "{spacing.260}"
391
+ },
392
+ "small": {
393
+ "$extensions": {
394
+ "com.figma.scopes": [
395
+ "WIDTH_HEIGHT"
396
+ ]
397
+ },
398
+ "$type": "number",
399
+ "$value": "{spacing.200}"
400
+ }
401
+ }
402
+ }
403
+ },
404
+ "borders": {
405
+ "border-radius": {
406
+ "small": {
407
+ "$extensions": {
408
+ "com.figma.scopes": [
409
+ "CORNER_RADIUS"
410
+ ]
411
+ },
412
+ "$type": "number",
413
+ "$value": "{border-radius.30}"
414
+ },
415
+ "medium": {
416
+ "$extensions": {
417
+ "com.figma.scopes": [
418
+ "CORNER_RADIUS"
419
+ ]
420
+ },
421
+ "$type": "number",
422
+ "$value": "{border-radius.30}"
423
+ }
424
+ }
425
+ }
426
+ }
427
+ },
428
+ "button-edit-group": {
429
+ "layout": {
430
+ "outer-box": {
431
+ "gap": {
432
+ "small": {
433
+ "$extensions": {
434
+ "com.figma.scopes": [
435
+ "GAP"
436
+ ]
437
+ },
438
+ "$type": "number",
439
+ "$value": "{spacing.20}"
440
+ },
441
+ "medium": {
442
+ "$extensions": {
443
+ "com.figma.scopes": [
444
+ "GAP"
445
+ ]
446
+ },
447
+ "$type": "number",
448
+ "$value": "{spacing.40}"
449
+ }
450
+ }
451
+ }
452
+ }
453
+ }
454
+ }
package/tokens/components/desktop/button-group/fluent.json ADDED
@@ -0,0 +1,70 @@
1
+ {
2
+ "button-group": {
3
+ "borders": {
4
+ "border-radius": {
5
+ "inner-corner": {
6
+ "medium": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "CORNER_RADIUS"
10
+ ]
11
+ },
12
+ "$type": "number",
13
+ "$value": "{border-radius.0}"
14
+ },
15
+ "small": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "CORNER_RADIUS"
19
+ ]
20
+ },
21
+ "$type": "number",
22
+ "$value": "{border-radius.0}"
23
+ },
24
+ "large": {
25
+ "$extensions": {
26
+ "com.figma.scopes": [
27
+ "CORNER_RADIUS"
28
+ ]
29
+ },
30
+ "$type": "number",
31
+ "$value": "{border-radius.0}"
32
+ }
33
+ }
34
+ }
35
+ },
36
+ "layout": {
37
+ "outer-box": {
38
+ "gap": {
39
+ "small": {
40
+ "$extensions": {
41
+ "com.figma.scopes": [
42
+ "GAP"
43
+ ]
44
+ },
45
+ "$type": "number",
46
+ "$value": "{spacing.minus-10}"
47
+ },
48
+ "medium": {
49
+ "$extensions": {
50
+ "com.figma.scopes": [
51
+ "GAP"
52
+ ]
53
+ },
54
+ "$type": "number",
55
+ "$value": "{spacing.minus-10}"
56
+ },
57
+ "large": {
58
+ "$extensions": {
59
+ "com.figma.scopes": [
60
+ "GAP"
61
+ ]
62
+ },
63
+ "$type": "number",
64
+ "$value": "{spacing.minus-10}"
65
+ }
66
+ }
67
+ }
68
+ }
69
+ }
70
+ }