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