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