@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/standard-groupbox/fluent.json DELETED
@@ -1,362 +0,0 @@
1
- {
2
- "standard-groupbox": {
3
- "header": {
4
- "color": {
5
- "bg": {
6
- "rest": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "FRAME_FILL"
10
- ],
11
- "com.figma.hiddenFromPublishing": true
12
- },
13
- "$type": "color",
14
- "$value": "{color.surface.transparent.rest}"
15
- }
16
- }
17
- },
18
- "layout": {
19
- "text-box": {
20
- "horizontal": {
21
- "medium": {
22
- "$extensions": {
23
- "com.figma.scopes": [
24
- "GAP"
25
- ],
26
- "com.figma.hiddenFromPublishing": true
27
- },
28
- "$type": "number",
29
- "$value": "{spacing.60}"
30
- },
31
- "small": {
32
- "$extensions": {
33
- "com.figma.scopes": [
34
- "GAP"
35
- ],
36
- "com.figma.hiddenFromPublishing": true
37
- },
38
- "$type": "number",
39
- "$value": "{spacing.40}"
40
- }
41
- }
42
- },
43
- "outer-box": {
44
- "vertical": {
45
- "medium": {
46
- "$extensions": {
47
- "com.figma.scopes": [
48
- "GAP"
49
- ],
50
- "com.figma.hiddenFromPublishing": true
51
- },
52
- "$type": "number",
53
- "$value": "{spacing.0}"
54
- },
55
- "small": {
56
- "$extensions": {
57
- "com.figma.scopes": [
58
- "GAP"
59
- ],
60
- "com.figma.hiddenFromPublishing": true
61
- },
62
- "$type": "number",
63
- "$value": "{spacing.0}"
64
- }
65
- },
66
- "horizontal": {
67
- "medium": {
68
- "$extensions": {
69
- "com.figma.scopes": [
70
- "GAP"
71
- ],
72
- "com.figma.hiddenFromPublishing": true
73
- },
74
- "$type": "number",
75
- "$value": "{spacing.0}"
76
- },
77
- "small": {
78
- "$extensions": {
79
- "com.figma.scopes": [
80
- "GAP"
81
- ],
82
- "com.figma.hiddenFromPublishing": true
83
- },
84
- "$type": "number",
85
- "$value": "{spacing.0}"
86
- }
87
- }
88
- }
89
- }
90
- },
91
- "root": {
92
- "color": {
93
- "border": {
94
- "rest": {
95
- "$extensions": {
96
- "com.figma.scopes": [
97
- "STROKE_COLOR"
98
- ],
99
- "com.figma.hiddenFromPublishing": true
100
- },
101
- "$type": "color",
102
- "$value": "{color.border.neutral.default.rest}"
103
- },
104
- "disabled": {
105
- "$extensions": {
106
- "com.figma.scopes": [
107
- "STROKE_COLOR"
108
- ],
109
- "com.figma.hiddenFromPublishing": true
110
- },
111
- "$type": "color",
112
- "$value": "{color.border.neutral.default.disabled}"
113
- }
114
- },
115
- "bg": {
116
- "rest": {
117
- "$extensions": {
118
- "com.figma.scopes": [
119
- "FRAME_FILL"
120
- ],
121
- "com.figma.hiddenFromPublishing": true
122
- },
123
- "$type": "color",
124
- "$value": "{color.surface.transparent.rest}"
125
- }
126
- }
127
- },
128
- "layout": {
129
- "outer-box": {
130
- "horizontal": {
131
- "small": {
132
- "$extensions": {
133
- "com.figma.scopes": [
134
- "GAP"
135
- ],
136
- "com.figma.hiddenFromPublishing": true
137
- },
138
- "$type": "number",
139
- "$value": "{spacing.0}"
140
- },
141
- "medium": {
142
- "$extensions": {
143
- "com.figma.scopes": [
144
- "GAP"
145
- ],
146
- "com.figma.hiddenFromPublishing": true
147
- },
148
- "$type": "number",
149
- "$value": "{spacing.0}"
150
- }
151
- },
152
- "vertical": {
153
- "medium": {
154
- "$extensions": {
155
- "com.figma.scopes": [
156
- "GAP"
157
- ],
158
- "com.figma.hiddenFromPublishing": true
159
- },
160
- "$type": "number",
161
- "$value": "{spacing.0}"
162
- },
163
- "small": {
164
- "$extensions": {
165
- "com.figma.scopes": [
166
- "GAP"
167
- ],
168
- "com.figma.hiddenFromPublishing": true
169
- },
170
- "$type": "number",
171
- "$value": "{spacing.0}"
172
- }
173
- },
174
- "gap": {
175
- "small": {
176
- "$extensions": {
177
- "com.figma.scopes": [
178
- "GAP"
179
- ],
180
- "com.figma.hiddenFromPublishing": true
181
- },
182
- "$type": "number",
183
- "$value": "{spacing.minus-80}"
184
- },
185
- "medium": {
186
- "$extensions": {
187
- "com.figma.scopes": [
188
- "GAP"
189
- ],
190
- "com.figma.hiddenFromPublishing": true
191
- },
192
- "$type": "number",
193
- "$value": "{spacing.minus-100}"
194
- }
195
- }
196
- },
197
- "content-box": {
198
- "horizontal": {
199
- "medium": {
200
- "$extensions": {
201
- "com.figma.scopes": [
202
- "GAP"
203
- ],
204
- "com.figma.hiddenFromPublishing": true
205
- },
206
- "$type": "number",
207
- "$value": "{spacing.100}"
208
- },
209
- "small": {
210
- "$extensions": {
211
- "com.figma.scopes": [
212
- "GAP"
213
- ],
214
- "com.figma.hiddenFromPublishing": true
215
- },
216
- "$type": "number",
217
- "$value": "{spacing.60}"
218
- }
219
- },
220
- "vertical": {
221
- "small": {
222
- "$extensions": {
223
- "com.figma.scopes": [
224
- "GAP"
225
- ],
226
- "com.figma.hiddenFromPublishing": true
227
- },
228
- "$type": "number",
229
- "$value": "{spacing.80}"
230
- },
231
- "medium": {
232
- "$extensions": {
233
- "com.figma.scopes": [
234
- "GAP"
235
- ],
236
- "com.figma.hiddenFromPublishing": true
237
- },
238
- "$type": "number",
239
- "$value": "{spacing.120}"
240
- }
241
- }
242
- },
243
- "header-box": {
244
- "horizontal-end": {
245
- "small": {
246
- "$extensions": {
247
- "com.figma.scopes": [
248
- "GAP"
249
- ],
250
- "com.figma.hiddenFromPublishing": true
251
- },
252
- "$type": "number",
253
- "$value": "{spacing.0}"
254
- },
255
- "medium": {
256
- "$extensions": {
257
- "com.figma.scopes": [
258
- "GAP"
259
- ],
260
- "com.figma.hiddenFromPublishing": true
261
- },
262
- "$type": "number",
263
- "$value": "{spacing.0}"
264
- }
265
- },
266
- "vertical": {
267
- "small": {
268
- "$extensions": {
269
- "com.figma.scopes": [
270
- "GAP"
271
- ],
272
- "com.figma.hiddenFromPublishing": true
273
- },
274
- "$type": "number",
275
- "$value": "{spacing.0}"
276
- },
277
- "medium": {
278
- "$extensions": {
279
- "com.figma.scopes": [
280
- "GAP"
281
- ],
282
- "com.figma.hiddenFromPublishing": true
283
- },
284
- "$type": "number",
285
- "$value": "{spacing.0}"
286
- }
287
- },
288
- "horizontal-start": {
289
- "medium": {
290
- "$extensions": {
291
- "com.figma.scopes": [
292
- "GAP"
293
- ],
294
- "com.figma.hiddenFromPublishing": true
295
- },
296
- "$type": "number",
297
- "$value": "{spacing.110}"
298
- },
299
- "small": {
300
- "$extensions": {
301
- "com.figma.scopes": [
302
- "GAP"
303
- ],
304
- "com.figma.hiddenFromPublishing": true
305
- },
306
- "$type": "number",
307
- "$value": "{spacing.70}"
308
- }
309
- }
310
- }
311
- },
312
- "borders": {
313
- "border-width": {
314
- "small": {
315
- "$extensions": {
316
- "com.figma.scopes": [
317
- "WIDTH_HEIGHT",
318
- "STROKE_FLOAT"
319
- ],
320
- "com.figma.hiddenFromPublishing": true
321
- },
322
- "$type": "number",
323
- "$value": "{border-width.10}"
324
- },
325
- "medium": {
326
- "$extensions": {
327
- "com.figma.scopes": [
328
- "WIDTH_HEIGHT",
329
- "STROKE_FLOAT"
330
- ],
331
- "com.figma.hiddenFromPublishing": true
332
- },
333
- "$type": "number",
334
- "$value": "{border-width.10}"
335
- }
336
- },
337
- "border-radius": {
338
- "medium": {
339
- "$extensions": {
340
- "com.figma.scopes": [
341
- "CORNER_RADIUS"
342
- ],
343
- "com.figma.hiddenFromPublishing": true
344
- },
345
- "$type": "number",
346
- "$value": "{border-radius.80}"
347
- },
348
- "small": {
349
- "$extensions": {
350
- "com.figma.scopes": [
351
- "CORNER_RADIUS"
352
- ],
353
- "com.figma.hiddenFromPublishing": true
354
- },
355
- "$type": "number",
356
- "$value": "{border-radius.80}"
357
- }
358
- }
359
- }
360
- }
361
- }
362
- }
package/tokens/components/wpf/text-edit/fluent.json DELETED
@@ -1,337 +0,0 @@
1
- {
2
- "text-edit": {
3
- "text-box": {
4
- "color": {
5
- "bg": {
6
- "selected": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "FRAME_FILL",
10
- "SHAPE_FILL"
11
- ],
12
- "com.figma.hiddenFromPublishing": true
13
- },
14
- "$type": "color",
15
- "$value": "{color.surface.primary.subdued.rest}"
16
- }
17
- }
18
- }
19
- },
20
- "custom-text-edit": {
21
- "color": {
22
- "content-label": {
23
- "rest": {
24
- "$extensions": {
25
- "com.figma.scopes": [
26
- "SHAPE_FILL",
27
- "TEXT_FILL"
28
- ],
29
- "com.figma.hiddenFromPublishing": true
30
- },
31
- "$type": "color",
32
- "$value": "{color.content.neutral.subdued.rest}"
33
- }
34
- }
35
- },
36
- "typography": {
37
- "font-family": {
38
- "$extensions": {
39
- "com.figma.scopes": [
40
- "FONT_FAMILY"
41
- ],
42
- "com.figma.hiddenFromPublishing": true
43
- },
44
- "$type": "text",
45
- "$value": "{font-family.sans-serif}"
46
- },
47
- "label-box": {
48
- "font-weight": {
49
- "small": {
50
- "$extensions": {
51
- "com.figma.scopes": [
52
- "FONT_WEIGHT"
53
- ],
54
- "com.figma.hiddenFromPublishing": true
55
- },
56
- "$type": "number",
57
- "$value": "{font-weight.caption.default}"
58
- },
59
- "medium": {
60
- "$extensions": {
61
- "com.figma.scopes": [
62
- "FONT_WEIGHT"
63
- ],
64
- "com.figma.hiddenFromPublishing": true
65
- },
66
- "$type": "number",
67
- "$value": "{font-weight.caption.default}"
68
- }
69
- },
70
- "line-height": {
71
- "small": {
72
- "$extensions": {
73
- "com.figma.scopes": [
74
- "LINE_HEIGHT"
75
- ],
76
- "com.figma.hiddenFromPublishing": true
77
- },
78
- "$type": "number",
79
- "$value": "{line-height.caption.sm}"
80
- },
81
- "medium": {
82
- "$extensions": {
83
- "com.figma.scopes": [
84
- "LINE_HEIGHT"
85
- ],
86
- "com.figma.hiddenFromPublishing": true
87
- },
88
- "$type": "number",
89
- "$value": "{line-height.caption.md}"
90
- }
91
- },
92
- "font-size": {
93
- "medium": {
94
- "$extensions": {
95
- "com.figma.scopes": [
96
- "FONT_SIZE"
97
- ],
98
- "com.figma.hiddenFromPublishing": true
99
- },
100
- "$type": "number",
101
- "$value": "{font-size.caption.md}"
102
- },
103
- "small": {
104
- "$extensions": {
105
- "com.figma.scopes": [
106
- "FONT_SIZE"
107
- ],
108
- "com.figma.hiddenFromPublishing": true
109
- },
110
- "$type": "number",
111
- "$value": "{font-size.caption.sm}"
112
- }
113
- }
114
- }
115
- },
116
- "layout": {
117
- "label-text-box": {
118
- "vertical": {
119
- "small": {
120
- "$extensions": {
121
- "com.figma.scopes": [
122
- "GAP"
123
- ],
124
- "com.figma.hiddenFromPublishing": true
125
- },
126
- "$type": "number",
127
- "$value": "{spacing.0}"
128
- },
129
- "medium": {
130
- "$extensions": {
131
- "com.figma.scopes": [
132
- "GAP"
133
- ],
134
- "com.figma.hiddenFromPublishing": true
135
- },
136
- "$type": "number",
137
- "$value": "{spacing.0}"
138
- }
139
- },
140
- "height": {
141
- "small": {
142
- "$extensions": {
143
- "com.figma.scopes": [
144
- "WIDTH_HEIGHT"
145
- ],
146
- "com.figma.hiddenFromPublishing": true
147
- },
148
- "$type": "number",
149
- "$value": "{spacing.300}"
150
- },
151
- "medium": {
152
- "$extensions": {
153
- "com.figma.scopes": [
154
- "WIDTH_HEIGHT"
155
- ],
156
- "com.figma.hiddenFromPublishing": true
157
- },
158
- "$type": "number",
159
- "$value": "{spacing.360}"
160
- }
161
- },
162
- "gap": {
163
- "medium": {
164
- "$extensions": {
165
- "com.figma.scopes": [
166
- "GAP"
167
- ],
168
- "com.figma.hiddenFromPublishing": true
169
- },
170
- "$type": "number",
171
- "$value": "{spacing.0}"
172
- },
173
- "small": {
174
- "$extensions": {
175
- "com.figma.scopes": [
176
- "GAP"
177
- ],
178
- "com.figma.hiddenFromPublishing": true
179
- },
180
- "$type": "number",
181
- "$value": "{spacing.0}"
182
- }
183
- }
184
- }
185
- }
186
- },
187
- "icon-validate": {
188
- "color": {
189
- "info": {
190
- "content": {
191
- "rest": {
192
- "$extensions": {
193
- "com.figma.scopes": [
194
- "SHAPE_FILL",
195
- "TEXT_FILL"
196
- ],
197
- "com.figma.hiddenFromPublishing": true
198
- },
199
- "$type": "color",
200
- "$value": "{color.content.info.default.rest}"
201
- }
202
- }
203
- },
204
- "error": {
205
- "content": {
206
- "rest": {
207
- "$extensions": {
208
- "com.figma.scopes": [
209
- "SHAPE_FILL",
210
- "TEXT_FILL"
211
- ],
212
- "com.figma.hiddenFromPublishing": true
213
- },
214
- "$type": "color",
215
- "$value": "{color.content.danger.default.rest}"
216
- }
217
- }
218
- },
219
- "default": {
220
- "content": {
221
- "disabled": {
222
- "$extensions": {
223
- "com.figma.scopes": [
224
- "SHAPE_FILL",
225
- "TEXT_FILL"
226
- ],
227
- "com.figma.hiddenFromPublishing": true
228
- },
229
- "$type": "color",
230
- "$value": "{color.content.neutral.default.disabled}"
231
- },
232
- "rest": {
233
- "$extensions": {
234
- "com.figma.scopes": [
235
- "SHAPE_FILL",
236
- "TEXT_FILL"
237
- ],
238
- "com.figma.hiddenFromPublishing": true
239
- },
240
- "$type": "color",
241
- "$value": "{color.content.neutral.default.rest}"
242
- }
243
- }
244
- },
245
- "warning": {
246
- "content": {
247
- "rest": {
248
- "$extensions": {
249
- "com.figma.scopes": [
250
- "SHAPE_FILL",
251
- "TEXT_FILL"
252
- ],
253
- "com.figma.hiddenFromPublishing": true
254
- },
255
- "$type": "color",
256
- "$value": "{color.content.warning.default.rest}"
257
- }
258
- }
259
- }
260
- }
261
- },
262
- "root": {
263
- "layout": {
264
- "custom-content": {
265
- "vertical": {
266
- "medium": {
267
- "$extensions": {
268
- "com.figma.scopes": [
269
- "GAP"
270
- ],
271
- "com.figma.hiddenFromPublishing": true
272
- },
273
- "$type": "number",
274
- "$value": "{spacing.20}"
275
- },
276
- "small": {
277
- "$extensions": {
278
- "com.figma.scopes": [
279
- "GAP"
280
- ],
281
- "com.figma.hiddenFromPublishing": true
282
- },
283
- "$type": "number",
284
- "$value": "{spacing.10}"
285
- }
286
- },
287
- "horizontal": {
288
- "medium": {
289
- "$extensions": {
290
- "com.figma.scopes": [
291
- "GAP"
292
- ],
293
- "com.figma.hiddenFromPublishing": true
294
- },
295
- "$type": "number",
296
- "$value": "{spacing.20}"
297
- },
298
- "small": {
299
- "$extensions": {
300
- "com.figma.scopes": [
301
- "GAP"
302
- ],
303
- "com.figma.hiddenFromPublishing": true
304
- },
305
- "$type": "number",
306
- "$value": "{spacing.10}"
307
- }
308
- }
309
- },
310
- "outer-box": {
311
- "min-width": {
312
- "small": {
313
- "$extensions": {
314
- "com.figma.scopes": [
315
- "WIDTH_HEIGHT"
316
- ],
317
- "com.figma.hiddenFromPublishing": true
318
- },
319
- "$type": "number",
320
- "$value": "{spacing.1200}"
321
- },
322
- "medium": {
323
- "$extensions": {
324
- "com.figma.scopes": [
325
- "WIDTH_HEIGHT"
326
- ],
327
- "com.figma.hiddenFromPublishing": true
328
- },
329
- "$type": "number",
330
- "$value": "{spacing.1600}"
331
- }
332
- }
333
- }
334
- }
335
- }
336
- }
337
- }