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