@devexpress/design-tokens-internal 261.0.6 → 261.0.7

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 (14) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/borders.json +4 -0
  3. package/tokens/components/core/color-palette/fluent.json +137 -383
  4. package/tokens/components/core/listbox/fluent.json +110 -66
  5. package/tokens/components/core/treeview/fluent.json +156 -74
  6. package/tokens/components/wpf/accordion/fluent.json +33 -9
  7. package/tokens/components/wpf/bars/fluent.json +1002 -462
  8. package/tokens/components/wpf/button-edit/fluent.json +545 -321
  9. package/tokens/components/wpf/compact-icon-button/fluent.json +60 -14
  10. package/tokens/components/wpf/listbox-edit/fluent.json +121 -192
  11. package/tokens/components/wpf/popup/fluent.json +208 -0
  12. package/tokens/components/wpf/toggle-switch/fluent.json +48 -0
  13. package/tokens/figma-utils/decorative-colors/dark.json +1 -1
  14. package/tokens/figma-utils/decorative-colors/light.json +2 -2
package/tokens/components/core/listbox/fluent.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "com.figma.hiddenFromPublishing": false
13
13
  },
14
14
  "$type": "color",
15
- "$value": "{color.surface.transparent.rest}"
15
+ "$value": "{color.surface.neutral.alpha.rest}"
16
16
  },
17
17
  "hovered": {
18
18
  "$extensions": {
@@ -22,7 +22,7 @@
22
22
  "com.figma.hiddenFromPublishing": false
23
23
  },
24
24
  "$type": "color",
25
- "$value": "{color.surface.neutral.default.hovered}"
25
+ "$value": "{color.surface.neutral.alpha.hovered}"
26
26
  },
27
27
  "active": {
28
28
  "$extensions": {
@@ -32,7 +32,7 @@
32
32
  "com.figma.hiddenFromPublishing": false
33
33
  },
34
34
  "$type": "color",
35
- "$value": "{color.surface.neutral.default.active}"
35
+ "$value": "{color.surface.neutral.alpha.active}"
36
36
  },
37
37
  "disabled": {
38
38
  "$extensions": {
@@ -42,7 +42,7 @@
42
42
  "com.figma.hiddenFromPublishing": false
43
43
  },
44
44
  "$type": "color",
45
- "$value": "{color.surface.transparent.rest}"
45
+ "$value": "{color.surface.neutral.alpha.disabled}"
46
46
  }
47
47
  }
48
48
  },
@@ -56,7 +56,7 @@
56
56
  "com.figma.hiddenFromPublishing": false
57
57
  },
58
58
  "$type": "color",
59
- "$value": "{color.surface.primary.default.rest}"
59
+ "$value": "{color.surface.neutral.alpha.selected}"
60
60
  },
61
61
  "hovered": {
62
62
  "$extensions": {
@@ -66,7 +66,7 @@
66
66
  "com.figma.hiddenFromPublishing": false
67
67
  },
68
68
  "$type": "color",
69
- "$value": "{color.surface.primary.default.hovered}"
69
+ "$value": "{color.surface.neutral.alpha.hovered}"
70
70
  },
71
71
  "active": {
72
72
  "$extensions": {
@@ -76,7 +76,7 @@
76
76
  "com.figma.hiddenFromPublishing": false
77
77
  },
78
78
  "$type": "color",
79
- "$value": "{color.surface.primary.default.active}"
79
+ "$value": "{color.surface.neutral.alpha.active}"
80
80
  },
81
81
  "disabled": {
82
82
  "$extensions": {
@@ -86,7 +86,7 @@
86
86
  "com.figma.hiddenFromPublishing": false
87
87
  },
88
88
  "$type": "color",
89
- "$value": "{color.surface.neutral.subdued.disabled}"
89
+ "$value": "{color.surface.neutral.alpha.disabled}"
90
90
  }
91
91
  }
92
92
  },
@@ -100,7 +100,7 @@
100
100
  "com.figma.hiddenFromPublishing": false
101
101
  },
102
102
  "$type": "color",
103
- "$value": "{color.surface.neutral.subdued.rest}"
103
+ "$value": "{color.surface.neutral.alpha.selected}"
104
104
  },
105
105
  "hovered": {
106
106
  "$extensions": {
@@ -110,7 +110,7 @@
110
110
  "com.figma.hiddenFromPublishing": false
111
111
  },
112
112
  "$type": "color",
113
- "$value": "{color.surface.neutral.subdued.hovered}"
113
+ "$value": "{color.surface.neutral.alpha.hovered}"
114
114
  },
115
115
  "active": {
116
116
  "$extensions": {
@@ -120,7 +120,7 @@
120
120
  "com.figma.hiddenFromPublishing": false
121
121
  },
122
122
  "$type": "color",
123
- "$value": "{color.surface.neutral.subdued.active}"
123
+ "$value": "{color.surface.neutral.alpha.active}"
124
124
  },
125
125
  "disabled": {
126
126
  "$extensions": {
@@ -130,7 +130,7 @@
130
130
  "com.figma.hiddenFromPublishing": false
131
131
  },
132
132
  "$type": "color",
133
- "$value": "{color.surface.neutral.subdued.disabled}"
133
+ "$value": "{color.surface.neutral.alpha.disabled}"
134
134
  }
135
135
  }
136
136
  }
@@ -454,28 +454,6 @@
454
454
  "$value": "{color.surface.transparent.rest}"
455
455
  }
456
456
  },
457
- "border": {
458
- "rest": {
459
- "$extensions": {
460
- "com.figma.scopes": [
461
- "STROKE_COLOR"
462
- ],
463
- "com.figma.hiddenFromPublishing": false
464
- },
465
- "$type": "color",
466
- "$value": "{color.border.neutral.default.rest}"
467
- },
468
- "disabled": {
469
- "$extensions": {
470
- "com.figma.scopes": [
471
- "STROKE_COLOR"
472
- ],
473
- "com.figma.hiddenFromPublishing": false
474
- },
475
- "$type": "color",
476
- "$value": "{color.border.neutral.default.disabled}"
477
- }
478
- },
479
457
  "text": {
480
458
  "rest": {
481
459
  "$extensions": {
@@ -599,38 +577,6 @@
599
577
  "$type": "number",
600
578
  "$value": "{border-radius.0}"
601
579
  }
602
- },
603
- "border-width": {
604
- "small": {
605
- "$extensions": {
606
- "com.figma.scopes": [
607
- "STROKE_FLOAT"
608
- ],
609
- "com.figma.hiddenFromPublishing": false
610
- },
611
- "$type": "number",
612
- "$value": "{border-width.10}"
613
- },
614
- "medium": {
615
- "$extensions": {
616
- "com.figma.scopes": [
617
- "STROKE_FLOAT"
618
- ],
619
- "com.figma.hiddenFromPublishing": false
620
- },
621
- "$type": "number",
622
- "$value": "{border-width.10}"
623
- },
624
- "large": {
625
- "$extensions": {
626
- "com.figma.scopes": [
627
- "STROKE_FLOAT"
628
- ],
629
- "com.figma.hiddenFromPublishing": false
630
- },
631
- "$type": "number",
632
- "$value": "{border-width.10}"
633
- }
634
580
  }
635
581
  },
636
582
  "typography": {
@@ -899,6 +845,104 @@
899
845
  "$value": "{spacing.20}"
900
846
  }
901
847
  }
848
+ },
849
+ "content-box": {
850
+ "horizontal": {
851
+ "small": {
852
+ "$extensions": {
853
+ "com.figma.scopes": [
854
+ "GAP"
855
+ ],
856
+ "com.figma.hiddenFromPublishing": false
857
+ },
858
+ "$type": "number",
859
+ "$value": "{spacing.0}"
860
+ },
861
+ "medium": {
862
+ "$extensions": {
863
+ "com.figma.scopes": [
864
+ "GAP"
865
+ ],
866
+ "com.figma.hiddenFromPublishing": false
867
+ },
868
+ "$type": "number",
869
+ "$value": "{spacing.0}"
870
+ },
871
+ "large": {
872
+ "$extensions": {
873
+ "com.figma.scopes": [
874
+ "GAP"
875
+ ],
876
+ "com.figma.hiddenFromPublishing": false
877
+ },
878
+ "$type": "number",
879
+ "$value": "{spacing.0}"
880
+ }
881
+ },
882
+ "vertical": {
883
+ "small": {
884
+ "$extensions": {
885
+ "com.figma.scopes": [
886
+ "GAP"
887
+ ],
888
+ "com.figma.hiddenFromPublishing": false
889
+ },
890
+ "$type": "number",
891
+ "$value": "{spacing.0}"
892
+ },
893
+ "medium": {
894
+ "$extensions": {
895
+ "com.figma.scopes": [
896
+ "GAP"
897
+ ],
898
+ "com.figma.hiddenFromPublishing": false
899
+ },
900
+ "$type": "number",
901
+ "$value": "{spacing.0}"
902
+ },
903
+ "large": {
904
+ "$extensions": {
905
+ "com.figma.scopes": [
906
+ "GAP"
907
+ ],
908
+ "com.figma.hiddenFromPublishing": false
909
+ },
910
+ "$type": "number",
911
+ "$value": "{spacing.0}"
912
+ }
913
+ },
914
+ "gap": {
915
+ "small": {
916
+ "$extensions": {
917
+ "com.figma.scopes": [
918
+ "GAP"
919
+ ],
920
+ "com.figma.hiddenFromPublishing": false
921
+ },
922
+ "$type": "number",
923
+ "$value": "{spacing.20}"
924
+ },
925
+ "medium": {
926
+ "$extensions": {
927
+ "com.figma.scopes": [
928
+ "GAP"
929
+ ],
930
+ "com.figma.hiddenFromPublishing": false
931
+ },
932
+ "$type": "number",
933
+ "$value": "{spacing.20}"
934
+ },
935
+ "large": {
936
+ "$extensions": {
937
+ "com.figma.scopes": [
938
+ "GAP"
939
+ ],
940
+ "com.figma.hiddenFromPublishing": false
941
+ },
942
+ "$type": "number",
943
+ "$value": "{spacing.20}"
944
+ }
945
+ }
902
946
  }
903
947
  }
904
948
  }
package/tokens/components/core/treeview/fluent.json CHANGED
@@ -2,92 +2,174 @@
2
2
  "treeview": {
3
3
  "item": {
4
4
  "color": {
5
- "bg": {
6
- "active": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "FRAME_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": false
5
+ "default": {
6
+ "bg": {
7
+ "active": {
8
+ "$extensions": {
9
+ "com.figma.scopes": [
10
+ "FRAME_FILL"
11
+ ],
12
+ "com.figma.hiddenFromPublishing": false
13
+ },
14
+ "$type": "color",
15
+ "$value": "{color.surface.neutral.alpha.active}"
12
16
  },
13
- "$type": "color",
14
- "$value": "{color.surface.neutral.alpha.active}"
15
- },
16
- "hovered": {
17
- "$extensions": {
18
- "com.figma.scopes": [
19
- "FRAME_FILL"
20
- ],
21
- "com.figma.hiddenFromPublishing": false
17
+ "hovered": {
18
+ "$extensions": {
19
+ "com.figma.scopes": [
20
+ "FRAME_FILL"
21
+ ],
22
+ "com.figma.hiddenFromPublishing": false
23
+ },
24
+ "$type": "color",
25
+ "$value": "{color.surface.neutral.alpha.hovered}"
22
26
  },
23
- "$type": "color",
24
- "$value": "{color.surface.neutral.alpha.hovered}"
27
+ "rest": {
28
+ "$extensions": {
29
+ "com.figma.scopes": [
30
+ "FRAME_FILL"
31
+ ],
32
+ "com.figma.hiddenFromPublishing": false
33
+ },
34
+ "$type": "color",
35
+ "$value": "{color.surface.neutral.alpha.rest}"
36
+ }
25
37
  },
26
- "selected": {
27
- "$extensions": {
28
- "com.figma.scopes": [
29
- "FRAME_FILL"
30
- ],
31
- "com.figma.hiddenFromPublishing": false
38
+ "content": {
39
+ "hovered": {
40
+ "$extensions": {
41
+ "com.figma.scopes": [
42
+ "SHAPE_FILL",
43
+ "TEXT_FILL"
44
+ ],
45
+ "com.figma.hiddenFromPublishing": false
46
+ },
47
+ "$type": "color",
48
+ "$value": "{color.content.neutral.subdued.hovered}"
32
49
  },
33
- "$type": "color",
34
- "$value": "{color.surface.neutral.alpha.selected}"
35
- },
36
- "rest": {
37
- "$extensions": {
38
- "com.figma.scopes": [
39
- "FRAME_FILL"
40
- ],
41
- "com.figma.hiddenFromPublishing": false
50
+ "disabled": {
51
+ "$extensions": {
52
+ "com.figma.scopes": [
53
+ "SHAPE_FILL",
54
+ "TEXT_FILL"
55
+ ],
56
+ "com.figma.hiddenFromPublishing": false
57
+ },
58
+ "$type": "color",
59
+ "$value": "{color.content.neutral.subdued.disabled}"
42
60
  },
43
- "$type": "color",
44
- "$value": "{color.surface.neutral.alpha.rest}"
61
+ "active": {
62
+ "$extensions": {
63
+ "com.figma.scopes": [
64
+ "SHAPE_FILL",
65
+ "TEXT_FILL"
66
+ ],
67
+ "com.figma.hiddenFromPublishing": false
68
+ },
69
+ "$type": "color",
70
+ "$value": "{color.content.neutral.subdued.active}"
71
+ },
72
+ "rest": {
73
+ "$extensions": {
74
+ "com.figma.scopes": [
75
+ "SHAPE_FILL",
76
+ "TEXT_FILL"
77
+ ],
78
+ "com.figma.hiddenFromPublishing": false
79
+ },
80
+ "$type": "color",
81
+ "$value": "{color.content.neutral.subdued.rest}"
82
+ }
45
83
  }
46
84
  },
47
- "content": {
48
- "hovered": {
49
- "$extensions": {
50
- "com.figma.scopes": [
51
- "SHAPE_FILL",
52
- "TEXT_FILL"
53
- ],
54
- "com.figma.hiddenFromPublishing": false
85
+ "selected": {
86
+ "bg": {
87
+ "rest": {
88
+ "$extensions": {
89
+ "com.figma.scopes": [
90
+ "FRAME_FILL"
91
+ ],
92
+ "com.figma.hiddenFromPublishing": false
93
+ },
94
+ "$type": "color",
95
+ "$value": "{color.surface.neutral.alpha.selected}"
55
96
  },
56
- "$type": "color",
57
- "$value": "{color.content.neutral.subdued.hovered}"
58
- },
59
- "disabled": {
60
- "$extensions": {
61
- "com.figma.scopes": [
62
- "SHAPE_FILL",
63
- "TEXT_FILL"
64
- ],
65
- "com.figma.hiddenFromPublishing": false
97
+ "hovered": {
98
+ "$extensions": {
99
+ "com.figma.scopes": [
100
+ "FRAME_FILL"
101
+ ],
102
+ "com.figma.hiddenFromPublishing": false
103
+ },
104
+ "$type": "color",
105
+ "$value": "{color.surface.neutral.alpha.hovered}"
66
106
  },
67
- "$type": "color",
68
- "$value": "{color.content.neutral.subdued.disabled}"
69
- },
70
- "active": {
71
- "$extensions": {
72
- "com.figma.scopes": [
73
- "SHAPE_FILL",
74
- "TEXT_FILL"
75
- ],
76
- "com.figma.hiddenFromPublishing": false
107
+ "active": {
108
+ "$extensions": {
109
+ "com.figma.scopes": [
110
+ "FRAME_FILL"
111
+ ],
112
+ "com.figma.hiddenFromPublishing": false
113
+ },
114
+ "$type": "color",
115
+ "$value": "{color.surface.neutral.alpha.active}"
77
116
  },
78
- "$type": "color",
79
- "$value": "{color.content.neutral.subdued.active}"
117
+ "disabled": {
118
+ "$extensions": {
119
+ "com.figma.scopes": [
120
+ "FRAME_FILL"
121
+ ],
122
+ "com.figma.hiddenFromPublishing": false
123
+ },
124
+ "$type": "color",
125
+ "$value": "{color.surface.neutral.alpha.disabled}"
126
+ }
80
127
  },
81
- "rest": {
82
- "$extensions": {
83
- "com.figma.scopes": [
84
- "SHAPE_FILL",
85
- "TEXT_FILL"
86
- ],
87
- "com.figma.hiddenFromPublishing": false
128
+ "content": {
129
+ "rest": {
130
+ "$extensions": {
131
+ "com.figma.scopes": [
132
+ "SHAPE_FILL",
133
+ "TEXT_FILL"
134
+ ],
135
+ "com.figma.hiddenFromPublishing": false
136
+ },
137
+ "$type": "color",
138
+ "$value": "{color.content.neutral.subdued.rest}"
88
139
  },
89
- "$type": "color",
90
- "$value": "{color.content.neutral.subdued.rest}"
140
+ "hovered": {
141
+ "$extensions": {
142
+ "com.figma.scopes": [
143
+ "SHAPE_FILL",
144
+ "TEXT_FILL"
145
+ ],
146
+ "com.figma.hiddenFromPublishing": false
147
+ },
148
+ "$type": "color",
149
+ "$value": "{color.content.neutral.subdued.hovered}"
150
+ },
151
+ "active": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "SHAPE_FILL",
155
+ "TEXT_FILL"
156
+ ],
157
+ "com.figma.hiddenFromPublishing": false
158
+ },
159
+ "$type": "color",
160
+ "$value": "{color.content.neutral.subdued.active}"
161
+ },
162
+ "disabled": {
163
+ "$extensions": {
164
+ "com.figma.scopes": [
165
+ "SHAPE_FILL",
166
+ "TEXT_FILL"
167
+ ],
168
+ "com.figma.hiddenFromPublishing": false
169
+ },
170
+ "$type": "color",
171
+ "$value": "{color.content.neutral.subdued.disabled}"
172
+ }
91
173
  }
92
174
  }
93
175
  },
package/tokens/components/wpf/accordion/fluent.json CHANGED
@@ -60,7 +60,7 @@
60
60
  "com.figma.hiddenFromPublishing": false
61
61
  },
62
62
  "$type": "color",
63
- "$value": "{color.surface.neutral.subdued.rest}"
63
+ "$value": "{color.surface.neutral.alpha.selected}"
64
64
  },
65
65
  "disabled": {
66
66
  "$extensions": {
@@ -70,7 +70,7 @@
70
70
  "com.figma.hiddenFromPublishing": false
71
71
  },
72
72
  "$type": "color",
73
- "$value": "{color.surface.neutral.subdued.disabled}"
73
+ "$value": "{color.surface.neutral.alpha.disabled}"
74
74
  }
75
75
  },
76
76
  "icon": {
@@ -286,7 +286,7 @@
286
286
  "com.figma.hiddenFromPublishing": false
287
287
  },
288
288
  "$type": "number",
289
- "$value": "{spacing.10}"
289
+ "$value": "{spacing.40}"
290
290
  },
291
291
  "medium": {
292
292
  "$extensions": {
@@ -296,7 +296,7 @@
296
296
  "com.figma.hiddenFromPublishing": false
297
297
  },
298
298
  "$type": "number",
299
- "$value": "{spacing.30}"
299
+ "$value": "{spacing.80}"
300
300
  }
301
301
  },
302
302
  "horizontal-start": {
@@ -411,6 +411,30 @@
411
411
  "$value": "{spacing.0}"
412
412
  }
413
413
  }
414
+ },
415
+ "text-box": {
416
+ "horizontal": {
417
+ "small": {
418
+ "$extensions": {
419
+ "com.figma.scopes": [
420
+ "GAP"
421
+ ],
422
+ "com.figma.hiddenFromPublishing": false
423
+ },
424
+ "$type": "number",
425
+ "$value": "{spacing.0}"
426
+ },
427
+ "medium": {
428
+ "$extensions": {
429
+ "com.figma.scopes": [
430
+ "GAP"
431
+ ],
432
+ "com.figma.hiddenFromPublishing": false
433
+ },
434
+ "$type": "number",
435
+ "$value": "{spacing.0}"
436
+ }
437
+ }
414
438
  }
415
439
  },
416
440
  "borders": {
@@ -476,7 +500,7 @@
476
500
  "com.figma.hiddenFromPublishing": false
477
501
  },
478
502
  "$type": "color",
479
- "$value": "{color.surface.neutral.default.hovered}"
503
+ "$value": "{color.surface.neutral.alpha.hovered}"
480
504
  },
481
505
  "active": {
482
506
  "$extensions": {
@@ -486,7 +510,7 @@
486
510
  "com.figma.hiddenFromPublishing": false
487
511
  },
488
512
  "$type": "color",
489
- "$value": "{color.surface.neutral.default.active}"
513
+ "$value": "{color.surface.neutral.alpha.active}"
490
514
  },
491
515
  "rest": {
492
516
  "$extensions": {
@@ -496,7 +520,7 @@
496
520
  "com.figma.hiddenFromPublishing": false
497
521
  },
498
522
  "$type": "color",
499
- "$value": "{color.surface.transparent.rest}"
523
+ "$value": "{color.surface.neutral.alpha.rest}"
500
524
  }
501
525
  },
502
526
  "trigger": {
@@ -544,7 +568,7 @@
544
568
  "com.figma.hiddenFromPublishing": false
545
569
  },
546
570
  "$type": "color",
547
- "$value": "{color.surface.neutral.subdued.rest}"
571
+ "$value": "{color.surface.neutral.alpha.selected}"
548
572
  },
549
573
  "disabled": {
550
574
  "$extensions": {
@@ -554,7 +578,7 @@
554
578
  "com.figma.hiddenFromPublishing": false
555
579
  },
556
580
  "$type": "color",
557
- "$value": "{color.surface.neutral.subdued.disabled}"
581
+ "$value": "{color.surface.neutral.alpha.disabled}"
558
582
  }
559
583
  }
560
584
  }