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