@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/button-text/fluent.json DELETED
@@ -1,188 +0,0 @@
1
- {
2
- "button-text": {
3
- "color": {
4
- "content": {
5
- "checked-disabled": {
6
- "$extensions": {
7
- "com.figma.scopes": [
8
- "SHAPE_FILL",
9
- "TEXT_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "color",
14
- "$value": "{color.content.neutral.default.disabled}"
15
- },
16
- "checked-rest": {
17
- "$extensions": {
18
- "com.figma.scopes": [
19
- "SHAPE_FILL",
20
- "TEXT_FILL"
21
- ],
22
- "com.figma.hiddenFromPublishing": true
23
- },
24
- "$type": "color",
25
- "$value": "{color.content.neutral.default.static-dark.rest}"
26
- }
27
- },
28
- "bg": {
29
- "checked-disabled": {
30
- "$extensions": {
31
- "com.figma.scopes": [
32
- "FRAME_FILL"
33
- ],
34
- "com.figma.hiddenFromPublishing": true
35
- },
36
- "$type": "color",
37
- "$value": "{color.surface.neutral.default.disabled}"
38
- },
39
- "checked-active": {
40
- "$extensions": {
41
- "com.figma.scopes": [
42
- "FRAME_FILL"
43
- ],
44
- "com.figma.hiddenFromPublishing": true
45
- },
46
- "$type": "color",
47
- "$value": "{color.surface.primary.default.active}"
48
- },
49
- "checked-hovered": {
50
- "$extensions": {
51
- "com.figma.scopes": [
52
- "FRAME_FILL"
53
- ],
54
- "com.figma.hiddenFromPublishing": true
55
- },
56
- "$type": "color",
57
- "$value": "{color.surface.primary.default.hovered}"
58
- },
59
- "checked-rest": {
60
- "$extensions": {
61
- "com.figma.scopes": [
62
- "FRAME_FILL"
63
- ],
64
- "com.figma.hiddenFromPublishing": true
65
- },
66
- "$type": "color",
67
- "$value": "{color.surface.primary.default.rest}"
68
- }
69
- }
70
- },
71
- "borders": {
72
- "border-radius": {
73
- "medium": {
74
- "$extensions": {
75
- "com.figma.scopes": [
76
- "CORNER_RADIUS"
77
- ],
78
- "com.figma.hiddenFromPublishing": true
79
- },
80
- "$type": "number",
81
- "$value": "{border-radius.30}"
82
- },
83
- "small": {
84
- "$extensions": {
85
- "com.figma.scopes": [
86
- "CORNER_RADIUS"
87
- ],
88
- "com.figma.hiddenFromPublishing": true
89
- },
90
- "$type": "number",
91
- "$value": "{border-radius.30}"
92
- }
93
- }
94
- },
95
- "layout": {
96
- "outer-box": {
97
- "horizontal": {
98
- "small": {
99
- "$extensions": {
100
- "com.figma.scopes": [
101
- "GAP"
102
- ],
103
- "com.figma.hiddenFromPublishing": true
104
- },
105
- "$type": "number",
106
- "$value": "{spacing.20}"
107
- },
108
- "medium": {
109
- "$extensions": {
110
- "com.figma.scopes": [
111
- "GAP"
112
- ],
113
- "com.figma.hiddenFromPublishing": true
114
- },
115
- "$type": "number",
116
- "$value": "{spacing.30}"
117
- }
118
- },
119
- "gap": {
120
- "small": {
121
- "$extensions": {
122
- "com.figma.scopes": [
123
- "GAP"
124
- ],
125
- "com.figma.hiddenFromPublishing": true
126
- },
127
- "$type": "number",
128
- "$value": "{spacing.0}"
129
- },
130
- "medium": {
131
- "$extensions": {
132
- "com.figma.scopes": [
133
- "GAP"
134
- ],
135
- "com.figma.hiddenFromPublishing": true
136
- },
137
- "$type": "number",
138
- "$value": "{spacing.0}"
139
- }
140
- },
141
- "vertical": {
142
- "small": {
143
- "$extensions": {
144
- "com.figma.scopes": [
145
- "GAP"
146
- ],
147
- "com.figma.hiddenFromPublishing": true
148
- },
149
- "$type": "number",
150
- "$value": "{spacing.20}"
151
- },
152
- "medium": {
153
- "$extensions": {
154
- "com.figma.scopes": [
155
- "GAP"
156
- ],
157
- "com.figma.hiddenFromPublishing": true
158
- },
159
- "$type": "number",
160
- "$value": "{spacing.30}"
161
- }
162
- }
163
- },
164
- "min-width": {
165
- "small": {
166
- "$extensions": {
167
- "com.figma.scopes": [
168
- "WIDTH_HEIGHT"
169
- ],
170
- "com.figma.hiddenFromPublishing": true
171
- },
172
- "$type": "number",
173
- "$value": "{spacing.200}"
174
- },
175
- "medium": {
176
- "$extensions": {
177
- "com.figma.scopes": [
178
- "WIDTH_HEIGHT"
179
- ],
180
- "com.figma.hiddenFromPublishing": true
181
- },
182
- "$type": "number",
183
- "$value": "{spacing.260}"
184
- }
185
- }
186
- }
187
- }
188
- }
package/tokens/components/wpf/checkedit/fluent.json DELETED
@@ -1,58 +0,0 @@
1
- {
2
- "check-edit": {
3
- "layout": {
4
- "outer-box": {
5
- "vertical": {
6
- "medium": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "GAP"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "number",
14
- "$value": "{spacing.60}"
15
- }
16
- },
17
- "horizontal": {
18
- "medium": {
19
- "$extensions": {
20
- "com.figma.scopes": [
21
- "GAP"
22
- ],
23
- "com.figma.hiddenFromPublishing": true
24
- },
25
- "$type": "number",
26
- "$value": "{spacing.60}"
27
- }
28
- }
29
- },
30
- "checkbox": {
31
- "vertical": {
32
- "medium": {
33
- "$extensions": {
34
- "com.figma.scopes": [
35
- "GAP"
36
- ],
37
- "com.figma.hiddenFromPublishing": true
38
- },
39
- "$type": "number",
40
- "$value": "{spacing.30}"
41
- }
42
- },
43
- "horizontal": {
44
- "medium": {
45
- "$extensions": {
46
- "com.figma.scopes": [
47
- "GAP"
48
- ],
49
- "com.figma.hiddenFromPublishing": true
50
- },
51
- "$type": "number",
52
- "$value": "{spacing.30}"
53
- }
54
- }
55
- }
56
- }
57
- }
58
- }
package/tokens/components/wpf/compact-icon-button/fluent.json DELETED
@@ -1,190 +0,0 @@
1
- {
2
- "compact-icon-button": {
3
- "color": {
4
- "content": {
5
- "disabled": {
6
- "$extensions": {
7
- "com.figma.scopes": [
8
- "SHAPE_FILL",
9
- "TEXT_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "color",
14
- "$value": "{color.content.neutral.subdued.disabled}"
15
- },
16
- "active": {
17
- "$extensions": {
18
- "com.figma.scopes": [
19
- "SHAPE_FILL",
20
- "TEXT_FILL"
21
- ],
22
- "com.figma.hiddenFromPublishing": true
23
- },
24
- "$type": "color",
25
- "$value": "{color.content.neutral.subdued.active}"
26
- },
27
- "hovered": {
28
- "$extensions": {
29
- "com.figma.scopes": [
30
- "SHAPE_FILL",
31
- "TEXT_FILL"
32
- ],
33
- "com.figma.hiddenFromPublishing": true
34
- },
35
- "$type": "color",
36
- "$value": "{color.content.neutral.subdued.hovered}"
37
- },
38
- "rest": {
39
- "$extensions": {
40
- "com.figma.scopes": [
41
- "SHAPE_FILL",
42
- "TEXT_FILL"
43
- ],
44
- "com.figma.hiddenFromPublishing": true
45
- },
46
- "$type": "color",
47
- "$value": "{color.content.neutral.subdued.rest}"
48
- }
49
- },
50
- "bg": {
51
- "active": {
52
- "$extensions": {
53
- "com.figma.scopes": [
54
- "FRAME_FILL"
55
- ],
56
- "com.figma.hiddenFromPublishing": true
57
- },
58
- "$type": "color",
59
- "$value": "{color.surface.neutral.alpha.active}"
60
- },
61
- "hovered": {
62
- "$extensions": {
63
- "com.figma.scopes": [
64
- "FRAME_FILL"
65
- ],
66
- "com.figma.hiddenFromPublishing": true
67
- },
68
- "$type": "color",
69
- "$value": "{color.surface.neutral.alpha.hovered}"
70
- },
71
- "rest": {
72
- "$extensions": {
73
- "com.figma.scopes": [
74
- "FRAME_FILL"
75
- ],
76
- "com.figma.hiddenFromPublishing": true
77
- },
78
- "$type": "color",
79
- "$value": "{color.surface.transparent.rest}"
80
- }
81
- },
82
- "border": {
83
- "rest": {
84
- "$extensions": {
85
- "com.figma.scopes": [
86
- "STROKE_COLOR"
87
- ],
88
- "com.figma.hiddenFromPublishing": true
89
- },
90
- "$type": "color",
91
- "$value": "{color.surface.transparent.rest}"
92
- }
93
- }
94
- },
95
- "borders": {
96
- "border-radius": {
97
- "medium": {
98
- "$extensions": {
99
- "com.figma.scopes": [
100
- "CORNER_RADIUS"
101
- ],
102
- "com.figma.hiddenFromPublishing": true
103
- },
104
- "$type": "number",
105
- "$value": "{border-radius.30}"
106
- },
107
- "small": {
108
- "$extensions": {
109
- "com.figma.scopes": [
110
- "CORNER_RADIUS"
111
- ],
112
- "com.figma.hiddenFromPublishing": true
113
- },
114
- "$type": "number",
115
- "$value": "{border-radius.30}"
116
- }
117
- },
118
- "border-width": {
119
- "small": {
120
- "$extensions": {
121
- "com.figma.scopes": [
122
- "STROKE_FLOAT"
123
- ],
124
- "com.figma.hiddenFromPublishing": true
125
- },
126
- "$type": "number",
127
- "$value": "{border-width.10}"
128
- },
129
- "medium": {
130
- "$extensions": {
131
- "com.figma.scopes": [
132
- "STROKE_FLOAT"
133
- ],
134
- "com.figma.hiddenFromPublishing": true
135
- },
136
- "$type": "number",
137
- "$value": "{border-width.10}"
138
- }
139
- }
140
- },
141
- "layout": {
142
- "outer-box": {
143
- "vertical": {
144
- "small": {
145
- "$extensions": {
146
- "com.figma.scopes": [
147
- "GAP"
148
- ],
149
- "com.figma.hiddenFromPublishing": true
150
- },
151
- "$type": "number",
152
- "$value": "{spacing.10}"
153
- },
154
- "medium": {
155
- "$extensions": {
156
- "com.figma.scopes": [
157
- "GAP"
158
- ],
159
- "com.figma.hiddenFromPublishing": true
160
- },
161
- "$type": "number",
162
- "$value": "{spacing.10}"
163
- }
164
- },
165
- "horizontal": {
166
- "medium": {
167
- "$extensions": {
168
- "com.figma.scopes": [
169
- "GAP"
170
- ],
171
- "com.figma.hiddenFromPublishing": true
172
- },
173
- "$type": "number",
174
- "$value": "{spacing.10}"
175
- },
176
- "small": {
177
- "$extensions": {
178
- "com.figma.scopes": [
179
- "GAP"
180
- ],
181
- "com.figma.hiddenFromPublishing": true
182
- },
183
- "$type": "number",
184
- "$value": "{spacing.10}"
185
- }
186
- }
187
- }
188
- }
189
- }
190
- }
package/tokens/components/wpf/popup/fluent.json DELETED
@@ -1,208 +0,0 @@
1
- {
2
- "popup": {
3
- "color": {
4
- "border": {
5
- "rest": {
6
- "$extensions": {
7
- "com.figma.scopes": [
8
- "STROKE_COLOR"
9
- ],
10
- "com.figma.hiddenFromPublishing": true
11
- },
12
- "$type": "color",
13
- "$value": "{color.border.neutral.default.rest}"
14
- }
15
- },
16
- "bg": {
17
- "rest": {
18
- "$extensions": {
19
- "com.figma.scopes": [
20
- "FRAME_FILL"
21
- ],
22
- "com.figma.hiddenFromPublishing": true
23
- },
24
- "$type": "color",
25
- "$value": "{color.surface.neutral.default.rest}"
26
- }
27
- }
28
- },
29
- "box-shadow": {
30
- "layer-2": {
31
- "color": {
32
- "$extensions": {
33
- "com.figma.scopes": [
34
- "EFFECT_COLOR"
35
- ],
36
- "com.figma.hiddenFromPublishing": true
37
- },
38
- "$type": "color",
39
- "$value": "{box-shadow.layer-2.color.lg}"
40
- },
41
- "blur": {
42
- "$extensions": {
43
- "com.figma.scopes": [
44
- "EFFECT_FLOAT"
45
- ],
46
- "com.figma.hiddenFromPublishing": true
47
- },
48
- "$type": "number",
49
- "$value": "{box-shadow.layer-2.blur.lg}"
50
- },
51
- "y": {
52
- "$extensions": {
53
- "com.figma.scopes": [
54
- "EFFECT_FLOAT"
55
- ],
56
- "com.figma.hiddenFromPublishing": true
57
- },
58
- "$type": "number",
59
- "$value": "{box-shadow.layer-2.y.lg}"
60
- },
61
- "x": {
62
- "$extensions": {
63
- "com.figma.scopes": [
64
- "EFFECT_FLOAT"
65
- ],
66
- "com.figma.hiddenFromPublishing": true
67
- },
68
- "$type": "number",
69
- "$value": "{box-shadow.layer-2.x.lg}"
70
- },
71
- "spread": {
72
- "$extensions": {
73
- "com.figma.scopes": [
74
- "EFFECT_FLOAT"
75
- ],
76
- "com.figma.hiddenFromPublishing": true
77
- },
78
- "$type": "number",
79
- "$value": "{box-shadow.layer-2.spread.lg}"
80
- }
81
- },
82
- "layer-1": {
83
- "color": {
84
- "$extensions": {
85
- "com.figma.scopes": [
86
- "EFFECT_COLOR"
87
- ],
88
- "com.figma.hiddenFromPublishing": true
89
- },
90
- "$type": "color",
91
- "$value": "{box-shadow.layer-1.color.lg}"
92
- },
93
- "spread": {
94
- "$extensions": {
95
- "com.figma.scopes": [
96
- "EFFECT_FLOAT"
97
- ],
98
- "com.figma.hiddenFromPublishing": true
99
- },
100
- "$type": "number",
101
- "$value": "{box-shadow.layer-1.spread.lg}"
102
- },
103
- "y": {
104
- "$extensions": {
105
- "com.figma.scopes": [
106
- "EFFECT_FLOAT"
107
- ],
108
- "com.figma.hiddenFromPublishing": true
109
- },
110
- "$type": "number",
111
- "$value": "{box-shadow.layer-1.y.lg}"
112
- },
113
- "blur": {
114
- "$extensions": {
115
- "com.figma.scopes": [
116
- "EFFECT_FLOAT"
117
- ],
118
- "com.figma.hiddenFromPublishing": true
119
- },
120
- "$type": "number",
121
- "$value": "{box-shadow.layer-1.blur.lg}"
122
- },
123
- "x": {
124
- "$extensions": {
125
- "com.figma.scopes": [
126
- "EFFECT_FLOAT"
127
- ],
128
- "com.figma.hiddenFromPublishing": true
129
- },
130
- "$type": "number",
131
- "$value": "{box-shadow.layer-1.x.lg}"
132
- }
133
- }
134
- },
135
- "borders": {
136
- "border-radius": {
137
- "medium": {
138
- "$extensions": {
139
- "com.figma.scopes": [
140
- "CORNER_RADIUS"
141
- ],
142
- "com.figma.hiddenFromPublishing": true
143
- },
144
- "$type": "number",
145
- "$value": "{border-radius.40}"
146
- },
147
- "small": {
148
- "$extensions": {
149
- "com.figma.scopes": [
150
- "CORNER_RADIUS"
151
- ],
152
- "com.figma.hiddenFromPublishing": true
153
- },
154
- "$type": "number",
155
- "$value": "{border-radius.40}"
156
- }
157
- },
158
- "border-width": {
159
- "small": {
160
- "$extensions": {
161
- "com.figma.scopes": [
162
- "STROKE_FLOAT"
163
- ],
164
- "com.figma.hiddenFromPublishing": true
165
- },
166
- "$type": "number",
167
- "$value": "{border-width.10}"
168
- },
169
- "medium": {
170
- "$extensions": {
171
- "com.figma.scopes": [
172
- "STROKE_FLOAT"
173
- ],
174
- "com.figma.hiddenFromPublishing": true
175
- },
176
- "$type": "number",
177
- "$value": "{border-width.10}"
178
- }
179
- }
180
- },
181
- "layout": {
182
- "content-box": {
183
- "horizontal": {
184
- "medium": {
185
- "$extensions": {
186
- "com.figma.scopes": [
187
- "GAP"
188
- ],
189
- "com.figma.hiddenFromPublishing": true
190
- },
191
- "$type": "number",
192
- "$value": "{spacing.0}"
193
- },
194
- "small": {
195
- "$extensions": {
196
- "com.figma.scopes": [
197
- "GAP"
198
- ],
199
- "com.figma.hiddenFromPublishing": true
200
- },
201
- "$type": "number",
202
- "$value": "{spacing.0}"
203
- }
204
- }
205
- }
206
- }
207
- }
208
- }