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