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