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