@devexpress/design-tokens-internal 262.2.1 → 262.4.0

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