@devexpress/design-tokens-internal 262.3.0 → 262.5.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 +117 -97
  4. package/tokens/components/core/size/fluent_medium.json +117 -97
  5. package/tokens/components/core/size/fluent_small.json +117 -97
  6. package/tokens/components/core/size/material_medium.json +114 -94
  7. package/tokens/components/core/theme/fluent.json +62 -71
  8. package/tokens/components/core/theme/material.json +62 -71
  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 +792 -666
  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
@@ -1,72 +0,0 @@
1
- {
2
- "radio-button": {
3
- "icon": {
4
- "size": {
5
- "medium": {
6
- "$extensions": {
7
- "com.figma.scopes": [
8
- "ALL_SCOPES"
9
- ],
10
- "com.figma.hiddenFromPublishing": true
11
- },
12
- "$type": "number",
13
- "$value": "{icon.size.16px}"
14
- }
15
- }
16
- },
17
- "layout": {
18
- "outer-box": {
19
- "horizontal": {
20
- "medium": {
21
- "$extensions": {
22
- "com.figma.scopes": [
23
- "GAP"
24
- ],
25
- "com.figma.hiddenFromPublishing": true
26
- },
27
- "$type": "number",
28
- "$value": "{spacing.60}"
29
- }
30
- },
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.60}"
41
- }
42
- }
43
- },
44
- "radio": {
45
- "vertical": {
46
- "medium": {
47
- "$extensions": {
48
- "com.figma.scopes": [
49
- "GAP"
50
- ],
51
- "com.figma.hiddenFromPublishing": true
52
- },
53
- "$type": "number",
54
- "$value": "{spacing.40}"
55
- }
56
- },
57
- "horizontal": {
58
- "medium": {
59
- "$extensions": {
60
- "com.figma.scopes": [
61
- "GAP"
62
- ],
63
- "com.figma.hiddenFromPublishing": true
64
- },
65
- "$type": "number",
66
- "$value": "{spacing.40}"
67
- }
68
- }
69
- }
70
- }
71
- }
72
- }
@@ -1,224 +0,0 @@
1
- {
2
- "scroll-bar": {
3
- "root": {
4
- "color": {
5
- "thumb": {
6
- "disabled": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "SHAPE_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "color",
14
- "$value": "{color.content.neutral.subdued.disabled}"
15
- }
16
- },
17
- "bg": {
18
- "hovered": {
19
- "$extensions": {
20
- "com.figma.scopes": [
21
- "FRAME_FILL"
22
- ],
23
- "com.figma.hiddenFromPublishing": true
24
- },
25
- "$type": "color",
26
- "$value": "{color.surface.neutral.default.rest}"
27
- }
28
- }
29
- },
30
- "layout": {
31
- "thumb": {
32
- "touch": {
33
- "horizontal": {
34
- "height": {
35
- "$extensions": {
36
- "com.figma.scopes": [
37
- "WIDTH_HEIGHT"
38
- ],
39
- "com.figma.hiddenFromPublishing": true
40
- },
41
- "$type": "number",
42
- "$value": "{spacing.40}"
43
- }
44
- },
45
- "vertical": {
46
- "width": {
47
- "$extensions": {
48
- "com.figma.scopes": [
49
- "WIDTH_HEIGHT"
50
- ],
51
- "com.figma.hiddenFromPublishing": true
52
- },
53
- "$type": "number",
54
- "$value": "{spacing.40}"
55
- }
56
- }
57
- },
58
- "normal": {
59
- "horizontal": {
60
- "height": {
61
- "$extensions": {
62
- "com.figma.scopes": [
63
- "WIDTH_HEIGHT"
64
- ],
65
- "com.figma.hiddenFromPublishing": true
66
- },
67
- "$type": "number",
68
- "$value": "{spacing.80}"
69
- }
70
- },
71
- "vertical": {
72
- "width": {
73
- "$extensions": {
74
- "com.figma.scopes": [
75
- "WIDTH_HEIGHT"
76
- ],
77
- "com.figma.hiddenFromPublishing": true
78
- },
79
- "$type": "number",
80
- "$value": "{spacing.80}"
81
- }
82
- }
83
- }
84
- },
85
- "gap": {
86
- "$extensions": {
87
- "com.figma.scopes": [
88
- "GAP"
89
- ],
90
- "com.figma.hiddenFromPublishing": true
91
- },
92
- "$type": "number",
93
- "$value": "{spacing.40}"
94
- }
95
- },
96
- "borders": {
97
- "thumb": {
98
- "touch": {
99
- "$extensions": {
100
- "com.figma.scopes": [
101
- "CORNER_RADIUS"
102
- ],
103
- "com.figma.hiddenFromPublishing": true
104
- },
105
- "$type": "number",
106
- "$value": "{border-radius.20}"
107
- },
108
- "normal": {
109
- "$extensions": {
110
- "com.figma.scopes": [
111
- "CORNER_RADIUS"
112
- ],
113
- "com.figma.hiddenFromPublishing": true
114
- },
115
- "$type": "number",
116
- "$value": "{border-radius.40}"
117
- }
118
- },
119
- "scroll-box": {
120
- "border-radius": {
121
- "$extensions": {
122
- "com.figma.scopes": [
123
- "CORNER_RADIUS"
124
- ],
125
- "com.figma.hiddenFromPublishing": true
126
- },
127
- "$type": "number",
128
- "$value": "{border-radius.40}"
129
- }
130
- }
131
- }
132
- },
133
- "line-buttons": {
134
- "color": {
135
- "icon": {
136
- "disabled": {
137
- "$extensions": {
138
- "com.figma.scopes": [
139
- "SHAPE_FILL"
140
- ],
141
- "com.figma.hiddenFromPublishing": true
142
- },
143
- "$type": "color",
144
- "$value": "{color.content.neutral.subdued.disabled}"
145
- },
146
- "rest": {
147
- "$extensions": {
148
- "com.figma.scopes": [
149
- "SHAPE_FILL"
150
- ],
151
- "com.figma.hiddenFromPublishing": true
152
- },
153
- "$type": "color",
154
- "$value": "{color.content.neutral.subdued.rest}"
155
- },
156
- "hovered": {
157
- "$extensions": {
158
- "com.figma.scopes": [
159
- "SHAPE_FILL"
160
- ],
161
- "com.figma.hiddenFromPublishing": true
162
- },
163
- "$type": "color",
164
- "$value": "{color.content.neutral.subdued.hovered}"
165
- }
166
- }
167
- },
168
- "layout": {
169
- "height": {
170
- "$extensions": {
171
- "com.figma.scopes": [
172
- "WIDTH_HEIGHT"
173
- ],
174
- "com.figma.hiddenFromPublishing": true
175
- },
176
- "$type": "number",
177
- "$value": "{spacing.80}"
178
- },
179
- "width": {
180
- "$extensions": {
181
- "com.figma.scopes": [
182
- "WIDTH_HEIGHT"
183
- ],
184
- "com.figma.hiddenFromPublishing": true
185
- },
186
- "$type": "number",
187
- "$value": "{spacing.80}"
188
- }
189
- },
190
- "opacity": {
191
- "rest": {
192
- "$extensions": {
193
- "com.figma.scopes": [
194
- "OPACITY"
195
- ],
196
- "com.figma.hiddenFromPublishing": true
197
- },
198
- "$type": "number",
199
- "$value": "{opacity.50}"
200
- },
201
- "hovered": {
202
- "$extensions": {
203
- "com.figma.scopes": [
204
- "OPACITY"
205
- ],
206
- "com.figma.hiddenFromPublishing": true
207
- },
208
- "$type": "number",
209
- "$value": "{opacity.75}"
210
- },
211
- "disabled": {
212
- "$extensions": {
213
- "com.figma.scopes": [
214
- "OPACITY"
215
- ],
216
- "com.figma.hiddenFromPublishing": true
217
- },
218
- "$type": "number",
219
- "$value": "{opacity.50}"
220
- }
221
- }
222
- }
223
- }
224
- }
@@ -1,129 +0,0 @@
1
- {
2
- "scroll-view": {
3
- "root": {
4
- "color": {
5
- "bg": {
6
- "corner-rectangle": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "FRAME_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "color",
14
- "$value": "{color.surface.neutral.default.rest}"
15
- },
16
- "rest": {
17
- "$extensions": {
18
- "com.figma.scopes": [
19
- "FRAME_FILL"
20
- ],
21
- "com.figma.hiddenFromPublishing": true
22
- },
23
- "$type": "color",
24
- "$value": "{color.surface.transparent.rest}"
25
- }
26
- },
27
- "border": {
28
- "rest": {
29
- "$extensions": {
30
- "com.figma.scopes": [
31
- "STROKE_COLOR"
32
- ],
33
- "com.figma.hiddenFromPublishing": true
34
- },
35
- "$type": "color",
36
- "$value": "{color.border.transparent.rest}"
37
- }
38
- }
39
- },
40
- "borders": {
41
- "width": {
42
- "$extensions": {
43
- "com.figma.scopes": [
44
- "WIDTH_HEIGHT",
45
- "STROKE_FLOAT"
46
- ],
47
- "com.figma.hiddenFromPublishing": true
48
- },
49
- "$type": "number",
50
- "$value": "{border-width.0}"
51
- }
52
- }
53
- },
54
- "scroll-bar": {
55
- "borders": {
56
- "right": {
57
- "border-radius": {
58
- "$extensions": {
59
- "com.figma.scopes": [
60
- "CORNER_RADIUS"
61
- ],
62
- "com.figma.hiddenFromPublishing": true
63
- },
64
- "$type": "number",
65
- "$value": "{border-radius.0}"
66
- }
67
- },
68
- "bottom": {
69
- "border-radius": {
70
- "$extensions": {
71
- "com.figma.scopes": [
72
- "CORNER_RADIUS"
73
- ],
74
- "com.figma.hiddenFromPublishing": true
75
- },
76
- "$type": "number",
77
- "$value": "{border-radius.0}"
78
- }
79
- }
80
- }
81
- },
82
- "scroll-content": {
83
- "layout": {
84
- "gap": {
85
- "bottom": {
86
- "$extensions": {
87
- "com.figma.scopes": [
88
- "GAP"
89
- ],
90
- "com.figma.hiddenFromPublishing": true
91
- },
92
- "$type": "number",
93
- "$value": "{spacing.0}"
94
- },
95
- "right": {
96
- "$extensions": {
97
- "com.figma.scopes": [
98
- "GAP"
99
- ],
100
- "com.figma.hiddenFromPublishing": true
101
- },
102
- "$type": "number",
103
- "$value": "{spacing.0}"
104
- },
105
- "left": {
106
- "$extensions": {
107
- "com.figma.scopes": [
108
- "GAP"
109
- ],
110
- "com.figma.hiddenFromPublishing": true
111
- },
112
- "$type": "number",
113
- "$value": "{spacing.0}"
114
- },
115
- "top": {
116
- "$extensions": {
117
- "com.figma.scopes": [
118
- "GAP"
119
- ],
120
- "com.figma.hiddenFromPublishing": true
121
- },
122
- "$type": "number",
123
- "$value": "{spacing.0}"
124
- }
125
- }
126
- }
127
- }
128
- }
129
- }
@@ -1,40 +0,0 @@
1
- {
2
- "separator": {
3
- "color": {
4
- "rest": {
5
- "$extensions": {
6
- "com.figma.scopes": [
7
- "SHAPE_FILL"
8
- ],
9
- "com.figma.hiddenFromPublishing": true
10
- },
11
- "$type": "color",
12
- "$value": "{color.border.neutral.subdued.rest}"
13
- }
14
- },
15
- "borders": {
16
- "border-width": {
17
- "medium": {
18
- "$extensions": {
19
- "com.figma.scopes": [
20
- "WIDTH_HEIGHT"
21
- ],
22
- "com.figma.hiddenFromPublishing": true
23
- },
24
- "$type": "number",
25
- "$value": "{border-width.10}"
26
- },
27
- "small": {
28
- "$extensions": {
29
- "com.figma.scopes": [
30
- "WIDTH_HEIGHT"
31
- ],
32
- "com.figma.hiddenFromPublishing": true
33
- },
34
- "$type": "number",
35
- "$value": "{border-width.10}"
36
- }
37
- }
38
- }
39
- }
40
- }
@@ -1,54 +0,0 @@
1
- {
2
- "split-button": {
3
- "borders": {
4
- "border-radius": {
5
- "inner-corner": {
6
- "medium": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "CORNER_RADIUS"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "number",
14
- "$value": "{border-radius.0}"
15
- },
16
- "small": {
17
- "$extensions": {
18
- "com.figma.scopes": [
19
- "CORNER_RADIUS"
20
- ],
21
- "com.figma.hiddenFromPublishing": true
22
- },
23
- "$type": "number",
24
- "$value": "{border-radius.0}"
25
- }
26
- }
27
- }
28
- },
29
- "layout": {
30
- "gap": {
31
- "medium": {
32
- "$extensions": {
33
- "com.figma.scopes": [
34
- "GAP"
35
- ],
36
- "com.figma.hiddenFromPublishing": true
37
- },
38
- "$type": "number",
39
- "$value": "{spacing.minus-10}"
40
- },
41
- "small": {
42
- "$extensions": {
43
- "com.figma.scopes": [
44
- "GAP"
45
- ],
46
- "com.figma.hiddenFromPublishing": true
47
- },
48
- "$type": "number",
49
- "$value": "{spacing.minus-10}"
50
- }
51
- }
52
- }
53
- }
54
- }