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