@devexpress/design-tokens-internal 261.0.7 → 261.0.8

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 (21) hide show
  1. package/package.json +2 -1
  2. package/tokens/components/core/ai-chat/fluent.json +867 -213
  3. package/tokens/components/core/button/fluent.json +1 -1
  4. package/tokens/components/core/grid/fluent.json +763 -22
  5. package/tokens/components/core/listbox/fluent.json +0 -10
  6. package/tokens/components/core/pagination/fluent.json +107 -23
  7. package/tokens/components/core/popover/fluent.json +90 -41
  8. package/tokens/components/core/popover-card/fluent.json +512 -0
  9. package/tokens/components/core/skeleton/fluent.json +100 -0
  10. package/tokens/components/core/text-content/fluent.json +87 -17
  11. package/tokens/components/core/treeview/fluent.json +86 -95
  12. package/tokens/components/wpf/bars/fluent.json +12 -0
  13. package/tokens/components/wpf/button-edit/fluent.json +30 -138
  14. package/tokens/components/wpf/button-text/fluent.json +0 -62
  15. package/tokens/global/fluent/theme-builder.json +56 -0
  16. package/tokens/global/material/theme-builder.json +56 -0
  17. package/tokens/components/core/popover-arrow/fluent.json +0 -50
  18. package/tokens/components/core/popover-body/fluent.json +0 -188
  19. package/tokens/components/core/popover-footer/fluent.json +0 -152
  20. package/tokens/components/core/popover-header/fluent.json +0 -318
  21. package/tokens/components/core/text-box/fluent.json +0 -444
package/tokens/components/core/text-content/fluent.json CHANGED
@@ -1,26 +1,96 @@
1
1
  {
2
2
  "text-content": {
3
3
  "color": {
4
- "text": {
5
- "disabled": {
6
- "$extensions": {
7
- "com.figma.scopes": [
8
- "TEXT_FILL"
9
- ],
10
- "com.figma.hiddenFromPublishing": false
4
+ "default": {
5
+ "text": {
6
+ "disabled": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "TEXT_FILL"
10
+ ],
11
+ "com.figma.hiddenFromPublishing": false
12
+ },
13
+ "$type": "color",
14
+ "$value": "{color.content.neutral.default.disabled}"
11
15
  },
12
- "$type": "color",
13
- "$value": "{color.content.neutral.default.disabled}"
16
+ "rest": {
17
+ "$extensions": {
18
+ "com.figma.scopes": [
19
+ "TEXT_FILL"
20
+ ],
21
+ "com.figma.hiddenFromPublishing": false
22
+ },
23
+ "$type": "color",
24
+ "$value": "{color.content.neutral.default.rest}"
25
+ }
14
26
  },
15
- "rest": {
16
- "$extensions": {
17
- "com.figma.scopes": [
18
- "TEXT_FILL"
19
- ],
20
- "com.figma.hiddenFromPublishing": false
27
+ "placeholder": {
28
+ "disabled": {
29
+ "$extensions": {
30
+ "com.figma.scopes": [
31
+ "TEXT_FILL"
32
+ ],
33
+ "com.figma.hiddenFromPublishing": false
34
+ },
35
+ "$type": "color",
36
+ "$value": "{color.content.neutral.deep.disabled}"
37
+ },
38
+ "rest": {
39
+ "$extensions": {
40
+ "com.figma.scopes": [
41
+ "TEXT_FILL"
42
+ ],
43
+ "com.figma.hiddenFromPublishing": false
44
+ },
45
+ "$type": "color",
46
+ "$value": "{color.content.neutral.deep.rest}"
47
+ }
48
+ }
49
+ },
50
+ "on-surface": {
51
+ "placeholder": {
52
+ "rest": {
53
+ "$extensions": {
54
+ "com.figma.scopes": [
55
+ "TEXT_FILL"
56
+ ],
57
+ "com.figma.hiddenFromPublishing": false
58
+ },
59
+ "$type": "color",
60
+ "$value": "{color.content.neutral.deep.on-surface.rest}"
61
+ },
62
+ "disabled": {
63
+ "$extensions": {
64
+ "com.figma.scopes": [
65
+ "TEXT_FILL"
66
+ ],
67
+ "com.figma.hiddenFromPublishing": false
68
+ },
69
+ "$type": "color",
70
+ "$value": "{color.content.neutral.deep.on-surface.disabled}"
71
+ }
72
+ },
73
+ "text": {
74
+ "rest": {
75
+ "$extensions": {
76
+ "com.figma.scopes": [
77
+ "TEXT_FILL"
78
+ ],
79
+ "com.figma.hiddenFromPublishing": false
80
+ },
81
+ "$type": "color",
82
+ "$value": "{color.content.neutral.default.on-surface.rest}"
21
83
  },
22
- "$type": "color",
23
- "$value": "{color.content.neutral.default.rest}"
84
+ "disabled": {
85
+ "$extensions": {
86
+ "com.figma.scopes": [
87
+ "TEXT_FILL"
88
+ ],
89
+ "com.figma.hiddenFromPublishing": false
90
+ },
91
+ "$type": "color",
92
+ "$value": "{color.content.neutral.default.on-surface.disabled}"
93
+ }
24
94
  }
25
95
  }
26
96
  },
package/tokens/components/core/treeview/fluent.json CHANGED
@@ -306,40 +306,6 @@
306
306
  }
307
307
  }
308
308
  },
309
- "collapse-button": {
310
- "vertical": {
311
- "large": {
312
- "$extensions": {
313
- "com.figma.scopes": [
314
- "GAP"
315
- ],
316
- "com.figma.hiddenFromPublishing": false
317
- },
318
- "$type": "number",
319
- "$value": "{spacing.40}"
320
- },
321
- "small": {
322
- "$extensions": {
323
- "com.figma.scopes": [
324
- "GAP"
325
- ],
326
- "com.figma.hiddenFromPublishing": false
327
- },
328
- "$type": "number",
329
- "$value": "{spacing.0}"
330
- },
331
- "medium": {
332
- "$extensions": {
333
- "com.figma.scopes": [
334
- "GAP"
335
- ],
336
- "com.figma.hiddenFromPublishing": false
337
- },
338
- "$type": "number",
339
- "$value": "{spacing.40}"
340
- }
341
- }
342
- },
343
309
  "select-box": {
344
310
  "height": {
345
311
  "large": {
@@ -442,68 +408,11 @@
442
408
  }
443
409
  }
444
410
  },
445
- "collapse-button": {
446
- "color": {
447
- "border": {
448
- "rest": {
449
- "$extensions": {
450
- "com.figma.scopes": [
451
- "SHAPE_FILL",
452
- "STROKE_COLOR"
453
- ],
454
- "com.figma.hiddenFromPublishing": false
455
- },
456
- "$type": "color",
457
- "$value": "{color.border.transparent.rest}"
458
- }
459
- },
460
- "bg": {
461
- "rest": {
462
- "$extensions": {
463
- "com.figma.scopes": [
464
- "FRAME_FILL"
465
- ],
466
- "com.figma.hiddenFromPublishing": false
467
- },
468
- "$type": "color",
469
- "$value": "{color.surface.transparent.rest}"
470
- }
471
- }
472
- },
473
- "layout": {
474
- "inner-box": {
475
- "vertical": {
476
- "small": {
477
- "$extensions": {
478
- "com.figma.scopes": [
479
- "GAP"
480
- ],
481
- "com.figma.hiddenFromPublishing": false
482
- },
483
- "$type": "number",
484
- "$value": "{spacing.50}"
485
- }
486
- },
487
- "horizontal": {
488
- "small": {
489
- "$extensions": {
490
- "com.figma.scopes": [
491
- "GAP"
492
- ],
493
- "com.figma.hiddenFromPublishing": false
494
- },
495
- "$type": "number",
496
- "$value": "{spacing.50}"
497
- }
498
- }
499
- }
500
- }
501
- },
502
411
  "root": {
503
412
  "layout": {
504
413
  "search-box": {
505
414
  "layout": {
506
- "vertical": {
415
+ "vertical-start": {
507
416
  "medium": {
508
417
  "$extensions": {
509
418
  "com.figma.scopes": [
@@ -566,6 +475,38 @@
566
475
  "$type": "number",
567
476
  "$value": "{spacing.40}"
568
477
  }
478
+ },
479
+ "vertical-end": {
480
+ "small": {
481
+ "$extensions": {
482
+ "com.figma.scopes": [
483
+ "GAP"
484
+ ],
485
+ "com.figma.hiddenFromPublishing": false
486
+ },
487
+ "$type": "number",
488
+ "$value": "{spacing.0}"
489
+ },
490
+ "medium": {
491
+ "$extensions": {
492
+ "com.figma.scopes": [
493
+ "GAP"
494
+ ],
495
+ "com.figma.hiddenFromPublishing": false
496
+ },
497
+ "$type": "number",
498
+ "$value": "{spacing.0}"
499
+ },
500
+ "large": {
501
+ "$extensions": {
502
+ "com.figma.scopes": [
503
+ "GAP"
504
+ ],
505
+ "com.figma.hiddenFromPublishing": false
506
+ },
507
+ "$type": "number",
508
+ "$value": "{spacing.0}"
509
+ }
569
510
  }
570
511
  }
571
512
  },
@@ -773,6 +714,56 @@
773
714
  }
774
715
  }
775
716
  },
717
+ "collapse-button": {
718
+ "layout": {
719
+ "inner-box": {
720
+ "vertical": {
721
+ "small": {
722
+ "$extensions": {
723
+ "com.figma.scopes": [
724
+ "GAP"
725
+ ],
726
+ "com.figma.hiddenFromPublishing": false
727
+ },
728
+ "$type": "number",
729
+ "$value": "{spacing.50}"
730
+ },
731
+ "medium": {
732
+ "$extensions": {
733
+ "com.figma.scopes": [
734
+ "GAP"
735
+ ],
736
+ "com.figma.hiddenFromPublishing": false
737
+ },
738
+ "$type": "number",
739
+ "$value": "{spacing.90}"
740
+ },
741
+ "large": {
742
+ "$extensions": {
743
+ "com.figma.scopes": [
744
+ "GAP"
745
+ ],
746
+ "com.figma.hiddenFromPublishing": false
747
+ },
748
+ "$type": "number",
749
+ "$value": "{spacing.110}"
750
+ }
751
+ },
752
+ "horizontal": {
753
+ "small": {
754
+ "$extensions": {
755
+ "com.figma.scopes": [
756
+ "GAP"
757
+ ],
758
+ "com.figma.hiddenFromPublishing": false
759
+ },
760
+ "$type": "number",
761
+ "$value": "{spacing.50}"
762
+ }
763
+ }
764
+ }
765
+ }
766
+ },
776
767
  "select-all-item": {
777
768
  "layout": {
778
769
  "vertical": {
@@ -784,7 +775,7 @@
784
775
  "com.figma.hiddenFromPublishing": false
785
776
  },
786
777
  "$type": "number",
787
- "$value": "{spacing.0}"
778
+ "$value": "{spacing.40}"
788
779
  },
789
780
  "medium": {
790
781
  "$extensions": {
@@ -794,7 +785,7 @@
794
785
  "com.figma.hiddenFromPublishing": false
795
786
  },
796
787
  "$type": "number",
797
- "$value": "{spacing.0}"
788
+ "$value": "{spacing.40}"
798
789
  },
799
790
  "small": {
800
791
  "$extensions": {
@@ -804,7 +795,7 @@
804
795
  "com.figma.hiddenFromPublishing": false
805
796
  },
806
797
  "$type": "number",
807
- "$value": "{spacing.0}"
798
+ "$value": "{spacing.40}"
808
799
  }
809
800
  },
810
801
  "horizontal": {
package/tokens/components/wpf/bars/fluent.json CHANGED
@@ -255,6 +255,18 @@
255
255
  }
256
256
  }
257
257
  }
258
+ },
259
+ "opacity": {
260
+ "disabled": {
261
+ "$extensions": {
262
+ "com.figma.scopes": [
263
+ "OPACITY"
264
+ ],
265
+ "com.figma.hiddenFromPublishing": false
266
+ },
267
+ "$type": "number",
268
+ "$value": "{opacity.35}"
269
+ }
258
270
  }
259
271
  },
260
272
  "edit-item": {
package/tokens/components/wpf/button-edit/fluent.json CHANGED
@@ -314,116 +314,50 @@
314
314
  }
315
315
  }
316
316
  },
317
- "spin-button": {
318
- "item": {
319
- "color": {
320
- "bg": {
321
- "disabled": {
322
- "$extensions": {
323
- "com.figma.scopes": [
324
- "FRAME_FILL"
325
- ],
326
- "com.figma.hiddenFromPublishing": false
327
- },
328
- "$type": "color",
329
- "$value": "{color.surface.transparent.rest}"
330
- },
331
- "active": {
332
- "$extensions": {
333
- "com.figma.scopes": [
334
- "FRAME_FILL"
335
- ],
336
- "com.figma.hiddenFromPublishing": false
337
- },
338
- "$type": "color",
339
- "$value": "{color.surface.neutral.default.active}"
340
- },
341
- "hovered": {
342
- "$extensions": {
343
- "com.figma.scopes": [
344
- "FRAME_FILL"
345
- ],
346
- "com.figma.hiddenFromPublishing": false
347
- },
348
- "$type": "color",
349
- "$value": "{color.surface.neutral.default.hovered}"
350
- },
351
- "rest": {
352
- "$extensions": {
353
- "com.figma.scopes": [
354
- "FRAME_FILL"
355
- ],
356
- "com.figma.hiddenFromPublishing": false
357
- },
358
- "$type": "color",
359
- "$value": "{color.surface.transparent.rest}"
360
- }
361
- },
362
- "content": {
363
- "rest": {
364
- "$extensions": {
365
- "com.figma.scopes": [
366
- "SHAPE_FILL"
367
- ],
368
- "com.figma.hiddenFromPublishing": false
369
- },
370
- "$type": "color",
371
- "$value": "{color.content.neutral.default.rest}"
372
- },
373
- "disabled": {
374
- "$extensions": {
375
- "com.figma.scopes": [
376
- "SHAPE_FILL"
377
- ],
378
- "com.figma.hiddenFromPublishing": false
379
- },
380
- "$type": "color",
381
- "$value": "{color.content.neutral.default.disabled}"
382
- }
383
- },
384
- "border": {
385
- "rest": {
386
- "$extensions": {
387
- "com.figma.scopes": [
388
- "STROKE_COLOR"
389
- ],
390
- "com.figma.hiddenFromPublishing": false
391
- },
392
- "$type": "color",
393
- "$value": "{color.border.transparent.rest}"
394
- },
395
- "hovered": {
396
- "$extensions": {
397
- "com.figma.scopes": [
398
- "STROKE_COLOR"
399
- ],
400
- "com.figma.hiddenFromPublishing": false
401
- },
402
- "$type": "color",
403
- "$value": "{color.surface.neutral.default.hovered}"
317
+ "button-group": {
318
+ "color": {
319
+ "bg": {
320
+ "rest": {
321
+ "$extensions": {
322
+ "com.figma.scopes": [
323
+ "FRAME_FILL"
324
+ ],
325
+ "com.figma.hiddenFromPublishing": false
404
326
  },
405
- "active": {
327
+ "$type": "color",
328
+ "$value": "{color.surface.transparent.rest}"
329
+ }
330
+ }
331
+ },
332
+ "layout": {
333
+ "content-box": {
334
+ "gap": {
335
+ "small": {
406
336
  "$extensions": {
407
337
  "com.figma.scopes": [
408
- "STROKE_COLOR"
338
+ "GAP"
409
339
  ],
410
340
  "com.figma.hiddenFromPublishing": false
411
341
  },
412
- "$type": "color",
413
- "$value": "{color.surface.neutral.default.active}"
342
+ "$type": "number",
343
+ "$value": "{spacing.20}"
414
344
  },
415
- "disabled": {
345
+ "medium": {
416
346
  "$extensions": {
417
347
  "com.figma.scopes": [
418
- "STROKE_COLOR"
348
+ "GAP"
419
349
  ],
420
350
  "com.figma.hiddenFromPublishing": false
421
351
  },
422
- "$type": "color",
423
- "$value": "{color.border.transparent.rest}"
352
+ "$type": "number",
353
+ "$value": "{spacing.40}"
424
354
  }
425
355
  }
426
- },
356
+ }
357
+ }
358
+ },
359
+ "spin-button": {
360
+ "item": {
427
361
  "layout": {
428
362
  "outer-box": {
429
363
  "width": {
@@ -659,48 +593,6 @@
659
593
  }
660
594
  }
661
595
  }
662
- },
663
- "button-group": {
664
- "color": {
665
- "bg": {
666
- "rest": {
667
- "$extensions": {
668
- "com.figma.scopes": [
669
- "FRAME_FILL"
670
- ],
671
- "com.figma.hiddenFromPublishing": false
672
- },
673
- "$type": "color",
674
- "$value": "{color.surface.transparent.rest}"
675
- }
676
- }
677
- },
678
- "layout": {
679
- "content-box": {
680
- "gap": {
681
- "small": {
682
- "$extensions": {
683
- "com.figma.scopes": [
684
- "GAP"
685
- ],
686
- "com.figma.hiddenFromPublishing": false
687
- },
688
- "$type": "number",
689
- "$value": "{spacing.20}"
690
- },
691
- "medium": {
692
- "$extensions": {
693
- "com.figma.scopes": [
694
- "GAP"
695
- ],
696
- "com.figma.hiddenFromPublishing": false
697
- },
698
- "$type": "number",
699
- "$value": "{spacing.40}"
700
- }
701
- }
702
- }
703
- }
704
596
  }
705
597
  },
706
598
  "focus-rect": {
package/tokens/components/wpf/button-text/fluent.json CHANGED
@@ -22,16 +22,6 @@
22
22
  "$type": "color",
23
23
  "$value": "{color.surface.primary.default.hovered}"
24
24
  },
25
- "hovered": {
26
- "$extensions": {
27
- "com.figma.scopes": [
28
- "FRAME_FILL"
29
- ],
30
- "com.figma.hiddenFromPublishing": false
31
- },
32
- "$type": "color",
33
- "$value": "{color.surface.neutral.subdued.hovered}"
34
- },
35
25
  "checked-rest": {
36
26
  "$extensions": {
37
27
  "com.figma.scopes": [
@@ -42,36 +32,6 @@
42
32
  "$type": "color",
43
33
  "$value": "{color.surface.primary.default.rest}"
44
34
  },
45
- "active": {
46
- "$extensions": {
47
- "com.figma.scopes": [
48
- "FRAME_FILL"
49
- ],
50
- "com.figma.hiddenFromPublishing": false
51
- },
52
- "$type": "color",
53
- "$value": "{color.surface.neutral.default.active}"
54
- },
55
- "rest": {
56
- "$extensions": {
57
- "com.figma.scopes": [
58
- "FRAME_FILL"
59
- ],
60
- "com.figma.hiddenFromPublishing": false
61
- },
62
- "$type": "color",
63
- "$value": "{color.surface.transparent.rest}"
64
- },
65
- "disabled": {
66
- "$extensions": {
67
- "com.figma.scopes": [
68
- "FRAME_FILL"
69
- ],
70
- "com.figma.hiddenFromPublishing": false
71
- },
72
- "$type": "color",
73
- "$value": "{color.surface.transparent.rest}"
74
- },
75
35
  "checked-disabled": {
76
36
  "$extensions": {
77
37
  "com.figma.scopes": [
@@ -84,17 +44,6 @@
84
44
  }
85
45
  },
86
46
  "content": {
87
- "disabled": {
88
- "$extensions": {
89
- "com.figma.scopes": [
90
- "SHAPE_FILL",
91
- "TEXT_FILL"
92
- ],
93
- "com.figma.hiddenFromPublishing": false
94
- },
95
- "$type": "color",
96
- "$value": "{color.content.neutral.default.disabled}"
97
- },
98
47
  "checked-disabled": {
99
48
  "$extensions": {
100
49
  "com.figma.scopes": [
@@ -116,17 +65,6 @@
116
65
  },
117
66
  "$type": "color",
118
67
  "$value": "{color.content.neutral.default.static-dark.rest}"
119
- },
120
- "rest": {
121
- "$extensions": {
122
- "com.figma.scopes": [
123
- "SHAPE_FILL",
124
- "TEXT_FILL"
125
- ],
126
- "com.figma.hiddenFromPublishing": false
127
- },
128
- "$type": "color",
129
- "$value": "{color.content.neutral.default.rest}"
130
68
  }
131
69
  }
132
70
  },