@devexpress/design-tokens-internal 261.0.5 → 261.0.7

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 (26) hide show
  1. package/package.json +1 -1
  2. package/tokens/base/borders.json +4 -0
  3. package/tokens/base/spacing.json +4 -0
  4. package/tokens/components/{wpf/bar-control → blazor/accordion}/fluent.json +50 -49
  5. package/tokens/components/blazor/ribbon/fluent.json +237 -0
  6. package/tokens/components/blazor/tagbox/fluent.json +1 -1
  7. package/tokens/components/core/button/fluent.json +190 -0
  8. package/tokens/components/core/collapse-button/fluent.json +33 -33
  9. package/tokens/components/core/color-palette/fluent.json +137 -383
  10. package/tokens/components/core/grid/fluent.json +2485 -567
  11. package/tokens/components/core/listbox/fluent.json +110 -66
  12. package/tokens/components/core/overflow-menu/fluent.json +96 -2
  13. package/tokens/components/core/ribbon/fluent.json +8 -8
  14. package/tokens/components/core/treeview/fluent.json +348 -401
  15. package/tokens/components/wpf/accordion/fluent.json +33 -9
  16. package/tokens/components/wpf/bars/fluent.json +1887 -0
  17. package/tokens/components/wpf/button-edit/fluent.json +545 -321
  18. package/tokens/components/wpf/compact-icon-button/fluent.json +72 -26
  19. package/tokens/components/wpf/listbox-edit/fluent.json +121 -192
  20. package/tokens/components/wpf/popup/fluent.json +208 -0
  21. package/tokens/components/wpf/separator/fluent.json +40 -0
  22. package/tokens/components/wpf/toggle-switch/fluent.json +48 -0
  23. package/tokens/figma-utils/decorative-colors/dark.json +1 -1
  24. package/tokens/figma-utils/decorative-colors/light.json +2 -2
  25. package/tokens/semantic/colors/fluent/dark.json +1 -1
  26. package/tokens/semantic/colors/fluent/light.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devexpress/design-tokens-internal",
3
- "version": "261.0.5",
3
+ "version": "261.0.7",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
@@ -32,6 +32,10 @@
32
32
  "$type": "borderRadius",
33
33
  "$value": "0.5rem"
34
34
  },
35
+ "100": {
36
+ "$type": "borderRadius",
37
+ "$value": "0.625rem"
38
+ },
35
39
  "120": {
36
40
  "$type": "borderRadius",
37
41
  "$value": "0.75rem"
@@ -116,6 +116,10 @@
116
116
  "$type": "dimension",
117
117
  "$value": "2rem"
118
118
  },
119
+ "340": {
120
+ "$type": "dimension",
121
+ "$value": "2.125rem"
122
+ },
119
123
  "360": {
120
124
  "$type": "dimension",
121
125
  "$value": "2.25rem"
@@ -1,76 +1,57 @@
1
1
  {
2
- "bar-control": {
3
- "root": {
2
+ "accordion": {
3
+ "item-header": {
4
4
  "color": {
5
- "content": {
6
- "rest": {
7
- "$extensions": {
8
- "com.figma.scopes": [
9
- "SHAPE_FILL",
10
- "TEXT_FILL"
11
- ],
12
- "com.figma.hiddenFromPublishing": false
13
- },
14
- "$type": "color",
15
- "$value": "{color.content.neutral.default.rest}"
16
- }
17
- },
18
5
  "bg": {
19
- "rest": {
6
+ "selected": {
20
7
  "$extensions": {
21
8
  "com.figma.scopes": [
22
- "FRAME_FILL"
9
+ "ALL_SCOPES"
23
10
  ],
24
11
  "com.figma.hiddenFromPublishing": false
25
12
  },
26
13
  "$type": "color",
27
- "$value": "{color.surface.neutral.default.rest}"
14
+ "$value": "{color.surface.neutral.alpha.selected}"
28
15
  }
29
16
  }
30
- },
31
- "typography": {
32
- "label-box": {
33
- "font-weight": {
34
- "medium": {
17
+ }
18
+ },
19
+ "search-box": {
20
+ "layout": {
21
+ "outer-box": {
22
+ "horizontal": {
23
+ "small": {
35
24
  "$extensions": {
36
25
  "com.figma.scopes": [
37
- "FONT_WEIGHT"
26
+ "GAP"
38
27
  ],
39
- "com.figma.hiddenFromPublishing": true
28
+ "com.figma.hiddenFromPublishing": false
40
29
  },
41
30
  "$type": "number",
42
- "$value": "{font-weight.caption-1}"
43
- }
44
- }
45
- }
46
- },
47
- "layout": {
48
- "separator": {
49
- "height": {
50
- "small": {
31
+ "$value": "{spacing.80}"
32
+ },
33
+ "medium": {
51
34
  "$extensions": {
52
35
  "com.figma.scopes": [
53
- "WIDTH_HEIGHT"
36
+ "GAP"
54
37
  ],
55
38
  "com.figma.hiddenFromPublishing": false
56
39
  },
57
40
  "$type": "number",
58
- "$value": "{spacing.10}"
41
+ "$value": "{spacing.120}"
59
42
  },
60
- "medium": {
43
+ "large": {
61
44
  "$extensions": {
62
45
  "com.figma.scopes": [
63
- "WIDTH_HEIGHT"
46
+ "GAP"
64
47
  ],
65
48
  "com.figma.hiddenFromPublishing": false
66
49
  },
67
50
  "$type": "number",
68
- "$value": "{spacing.10}"
51
+ "$value": "{spacing.160}"
69
52
  }
70
- }
71
- },
72
- "inner-box": {
73
- "gap": {
53
+ },
54
+ "vertical": {
74
55
  "small": {
75
56
  "$extensions": {
76
57
  "com.figma.scopes": [
@@ -79,7 +60,7 @@
79
60
  "com.figma.hiddenFromPublishing": false
80
61
  },
81
62
  "$type": "number",
82
- "$value": "{spacing.80}"
63
+ "$value": "{spacing.40}"
83
64
  },
84
65
  "medium": {
85
66
  "$extensions": {
@@ -89,14 +70,24 @@
89
70
  "com.figma.hiddenFromPublishing": false
90
71
  },
91
72
  "$type": "number",
92
- "$value": "{spacing.80}"
73
+ "$value": "{spacing.40}"
74
+ },
75
+ "large": {
76
+ "$extensions": {
77
+ "com.figma.scopes": [
78
+ "GAP"
79
+ ],
80
+ "com.figma.hiddenFromPublishing": false
81
+ },
82
+ "$type": "number",
83
+ "$value": "{spacing.40}"
93
84
  }
94
85
  }
95
86
  }
96
87
  }
97
88
  },
98
- "item": {
99
- "layout": {
89
+ "root": {
90
+ "inner-box": {
100
91
  "gap": {
101
92
  "small": {
102
93
  "$extensions": {
@@ -106,7 +97,7 @@
106
97
  "com.figma.hiddenFromPublishing": false
107
98
  },
108
99
  "$type": "number",
109
- "$value": "{spacing.10}"
100
+ "$value": "{spacing.20}"
110
101
  },
111
102
  "medium": {
112
103
  "$extensions": {
@@ -116,7 +107,17 @@
116
107
  "com.figma.hiddenFromPublishing": false
117
108
  },
118
109
  "$type": "number",
119
- "$value": "{spacing.10}"
110
+ "$value": "{spacing.20}"
111
+ },
112
+ "large": {
113
+ "$extensions": {
114
+ "com.figma.scopes": [
115
+ "GAP"
116
+ ],
117
+ "com.figma.hiddenFromPublishing": false
118
+ },
119
+ "$type": "number",
120
+ "$value": "{spacing.20}"
120
121
  }
121
122
  }
122
123
  }
@@ -0,0 +1,237 @@
1
+ {
2
+ "ribbon-items": {
3
+ "simplified": {
4
+ "item-base": {
5
+ "color": {
6
+ "primary": {
7
+ "bg": {
8
+ "rest": {
9
+ "$extensions": {
10
+ "com.figma.scopes": [
11
+ "FRAME_FILL"
12
+ ],
13
+ "com.figma.hiddenFromPublishing": false
14
+ },
15
+ "$type": "color",
16
+ "$value": "{color.surface.primary.default.rest}"
17
+ },
18
+ "hovered": {
19
+ "$extensions": {
20
+ "com.figma.scopes": [
21
+ "FRAME_FILL"
22
+ ],
23
+ "com.figma.hiddenFromPublishing": false
24
+ },
25
+ "$type": "color",
26
+ "$value": "{color.surface.primary.default.hovered}"
27
+ },
28
+ "active": {
29
+ "$extensions": {
30
+ "com.figma.scopes": [
31
+ "FRAME_FILL"
32
+ ],
33
+ "com.figma.hiddenFromPublishing": false
34
+ },
35
+ "$type": "color",
36
+ "$value": "{color.surface.primary.default.active}"
37
+ },
38
+ "selected": {
39
+ "$extensions": {
40
+ "com.figma.scopes": [
41
+ "FRAME_FILL"
42
+ ],
43
+ "com.figma.hiddenFromPublishing": false
44
+ },
45
+ "$type": "color",
46
+ "$value": "{color.surface.primary.default.selected}"
47
+ },
48
+ "disabled": {
49
+ "$extensions": {
50
+ "com.figma.scopes": [
51
+ "FRAME_FILL"
52
+ ],
53
+ "com.figma.hiddenFromPublishing": false
54
+ },
55
+ "$type": "color",
56
+ "$value": "{color.surface.neutral.default.disabled}"
57
+ }
58
+ },
59
+ "content": {
60
+ "rest": {
61
+ "$extensions": {
62
+ "com.figma.scopes": [
63
+ "SHAPE_FILL",
64
+ "TEXT_FILL"
65
+ ],
66
+ "com.figma.hiddenFromPublishing": false
67
+ },
68
+ "$type": "color",
69
+ "$value": "{color.content.neutral.default.on-surface.rest}"
70
+ }
71
+ },
72
+ "border": {
73
+ "rest": {
74
+ "$extensions": {
75
+ "com.figma.scopes": [
76
+ "STROKE_COLOR"
77
+ ],
78
+ "com.figma.hiddenFromPublishing": false
79
+ },
80
+ "$type": "color",
81
+ "$value": "{color.border.transparent.rest}"
82
+ }
83
+ }
84
+ }
85
+ }
86
+ },
87
+ "edit-item": {
88
+ "command-button": {
89
+ "layout": {
90
+ "outer-box": {
91
+ "height": {
92
+ "medium": {
93
+ "$extensions": {
94
+ "com.figma.scopes": [
95
+ "WIDTH_HEIGHT"
96
+ ],
97
+ "com.figma.hiddenFromPublishing": false
98
+ },
99
+ "$type": "number",
100
+ "$value": "{spacing.260}"
101
+ },
102
+ "large": {
103
+ "$extensions": {
104
+ "com.figma.scopes": [
105
+ "WIDTH_HEIGHT"
106
+ ],
107
+ "com.figma.hiddenFromPublishing": false
108
+ },
109
+ "$type": "number",
110
+ "$value": "{spacing.320}"
111
+ },
112
+ "small": {
113
+ "$extensions": {
114
+ "com.figma.scopes": [
115
+ "WIDTH_HEIGHT"
116
+ ],
117
+ "com.figma.hiddenFromPublishing": false
118
+ },
119
+ "$type": "number",
120
+ "$value": "{spacing.200}"
121
+ }
122
+ }
123
+ }
124
+ }
125
+ }
126
+ },
127
+ "item": {
128
+ "layout": {
129
+ "primary": {
130
+ "horizontal": {
131
+ "small": {
132
+ "$extensions": {
133
+ "com.figma.scopes": [
134
+ "GAP"
135
+ ],
136
+ "com.figma.hiddenFromPublishing": false
137
+ },
138
+ "$type": "number",
139
+ "$value": "{spacing.70}"
140
+ },
141
+ "medium": {
142
+ "$extensions": {
143
+ "com.figma.scopes": [
144
+ "GAP"
145
+ ],
146
+ "com.figma.hiddenFromPublishing": false
147
+ },
148
+ "$type": "number",
149
+ "$value": "{spacing.110}"
150
+ },
151
+ "large": {
152
+ "$extensions": {
153
+ "com.figma.scopes": [
154
+ "GAP"
155
+ ],
156
+ "com.figma.hiddenFromPublishing": false
157
+ },
158
+ "$type": "number",
159
+ "$value": "{spacing.150}"
160
+ }
161
+ }
162
+ }
163
+ }
164
+ }
165
+ }
166
+ },
167
+ "ribbon": {
168
+ "root": {
169
+ "layout": {
170
+ "horizontal": {
171
+ "small": {
172
+ "$extensions": {
173
+ "com.figma.scopes": [
174
+ "GAP"
175
+ ],
176
+ "com.figma.hiddenFromPublishing": false
177
+ },
178
+ "$type": "number",
179
+ "$value": "{spacing.80}"
180
+ },
181
+ "medium": {
182
+ "$extensions": {
183
+ "com.figma.scopes": [
184
+ "GAP"
185
+ ],
186
+ "com.figma.hiddenFromPublishing": false
187
+ },
188
+ "$type": "number",
189
+ "$value": "{spacing.80}"
190
+ },
191
+ "large": {
192
+ "$extensions": {
193
+ "com.figma.scopes": [
194
+ "GAP"
195
+ ],
196
+ "com.figma.hiddenFromPublishing": false
197
+ },
198
+ "$type": "number",
199
+ "$value": "{spacing.80}"
200
+ }
201
+ },
202
+ "vertical-end": {
203
+ "small": {
204
+ "$extensions": {
205
+ "com.figma.scopes": [
206
+ "GAP"
207
+ ],
208
+ "com.figma.hiddenFromPublishing": false
209
+ },
210
+ "$type": "number",
211
+ "$value": "{spacing.80}"
212
+ },
213
+ "medium": {
214
+ "$extensions": {
215
+ "com.figma.scopes": [
216
+ "GAP"
217
+ ],
218
+ "com.figma.hiddenFromPublishing": false
219
+ },
220
+ "$type": "number",
221
+ "$value": "{spacing.80}"
222
+ },
223
+ "large": {
224
+ "$extensions": {
225
+ "com.figma.scopes": [
226
+ "GAP"
227
+ ],
228
+ "com.figma.hiddenFromPublishing": false
229
+ },
230
+ "$type": "number",
231
+ "$value": "{spacing.80}"
232
+ }
233
+ }
234
+ }
235
+ }
236
+ }
237
+ }
@@ -86,7 +86,7 @@
86
86
  }
87
87
  }
88
88
  },
89
- "outer-box": {
89
+ "outter-box": {
90
90
  "gap": {
91
91
  "vertical": {
92
92
  "small": {
@@ -326,5 +326,195 @@
326
326
  }
327
327
  }
328
328
  }
329
+ },
330
+ "button-text": {
331
+ "color": {
332
+ "bg": {
333
+ "rest": {
334
+ "$extensions": {
335
+ "com.figma.scopes": [
336
+ "FRAME_FILL"
337
+ ],
338
+ "com.figma.hiddenFromPublishing": false
339
+ },
340
+ "$type": "color",
341
+ "$value": "{color.surface.neutral.alpha.rest}"
342
+ },
343
+ "hovered": {
344
+ "$extensions": {
345
+ "com.figma.scopes": [
346
+ "FRAME_FILL"
347
+ ],
348
+ "com.figma.hiddenFromPublishing": false
349
+ },
350
+ "$type": "color",
351
+ "$value": "{color.surface.neutral.alpha.hovered}"
352
+ },
353
+ "active": {
354
+ "$extensions": {
355
+ "com.figma.scopes": [
356
+ "FRAME_FILL"
357
+ ],
358
+ "com.figma.hiddenFromPublishing": false
359
+ },
360
+ "$type": "color",
361
+ "$value": "{color.surface.neutral.alpha.active}"
362
+ }
363
+ },
364
+ "content": {
365
+ "rest": {
366
+ "$extensions": {
367
+ "com.figma.scopes": [
368
+ "TEXT_FILL"
369
+ ],
370
+ "com.figma.hiddenFromPublishing": false
371
+ },
372
+ "$type": "color",
373
+ "$value": "{color.content.neutral.subdued.rest}"
374
+ },
375
+ "hovered": {
376
+ "$extensions": {
377
+ "com.figma.scopes": [
378
+ "TEXT_FILL"
379
+ ],
380
+ "com.figma.hiddenFromPublishing": false
381
+ },
382
+ "$type": "color",
383
+ "$value": "{color.content.neutral.subdued.hovered}"
384
+ },
385
+ "active": {
386
+ "$extensions": {
387
+ "com.figma.scopes": [
388
+ "TEXT_FILL"
389
+ ],
390
+ "com.figma.hiddenFromPublishing": false
391
+ },
392
+ "$type": "color",
393
+ "$value": "{color.content.neutral.subdued.active}"
394
+ },
395
+ "disabled": {
396
+ "$extensions": {
397
+ "com.figma.scopes": [
398
+ "TEXT_FILL"
399
+ ],
400
+ "com.figma.hiddenFromPublishing": false
401
+ },
402
+ "$type": "color",
403
+ "$value": "{color.content.neutral.subdued.disabled}"
404
+ }
405
+ },
406
+ "border": {
407
+ "rest": {
408
+ "$extensions": {
409
+ "com.figma.scopes": [
410
+ "STROKE_COLOR"
411
+ ],
412
+ "com.figma.hiddenFromPublishing": false
413
+ },
414
+ "$type": "color",
415
+ "$value": "{color.border.transparent.rest}"
416
+ }
417
+ }
418
+ }
419
+ },
420
+ "button-outline": {
421
+ "color": {
422
+ "bg": {
423
+ "rest": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "FRAME_FILL"
427
+ ],
428
+ "com.figma.hiddenFromPublishing": false
429
+ },
430
+ "$type": "color",
431
+ "$value": "{color.surface.neutral.alpha.rest}"
432
+ },
433
+ "hovered": {
434
+ "$extensions": {
435
+ "com.figma.scopes": [
436
+ "FRAME_FILL"
437
+ ],
438
+ "com.figma.hiddenFromPublishing": false
439
+ },
440
+ "$type": "color",
441
+ "$value": "{color.surface.neutral.alpha.hovered}"
442
+ },
443
+ "active": {
444
+ "$extensions": {
445
+ "com.figma.scopes": [
446
+ "FRAME_FILL"
447
+ ],
448
+ "com.figma.hiddenFromPublishing": false
449
+ },
450
+ "$type": "color",
451
+ "$value": "{color.surface.neutral.alpha.active}"
452
+ }
453
+ },
454
+ "content": {
455
+ "rest": {
456
+ "$extensions": {
457
+ "com.figma.scopes": [
458
+ "TEXT_FILL"
459
+ ],
460
+ "com.figma.hiddenFromPublishing": false
461
+ },
462
+ "$type": "color",
463
+ "$value": "{color.content.neutral.default.rest}"
464
+ },
465
+ "disabled": {
466
+ "$extensions": {
467
+ "com.figma.scopes": [
468
+ "TEXT_FILL"
469
+ ],
470
+ "com.figma.hiddenFromPublishing": false
471
+ },
472
+ "$type": "color",
473
+ "$value": "{color.content.neutral.subdued.disabled}"
474
+ }
475
+ },
476
+ "border": {
477
+ "rest": {
478
+ "$extensions": {
479
+ "com.figma.scopes": [
480
+ "STROKE_COLOR"
481
+ ],
482
+ "com.figma.hiddenFromPublishing": false
483
+ },
484
+ "$type": "color",
485
+ "$value": "{color.border.neutral.default.rest}"
486
+ },
487
+ "hovered": {
488
+ "$extensions": {
489
+ "com.figma.scopes": [
490
+ "STROKE_COLOR"
491
+ ],
492
+ "com.figma.hiddenFromPublishing": false
493
+ },
494
+ "$type": "color",
495
+ "$value": "{color.border.neutral.default.hovered}"
496
+ },
497
+ "active": {
498
+ "$extensions": {
499
+ "com.figma.scopes": [
500
+ "STROKE_COLOR"
501
+ ],
502
+ "com.figma.hiddenFromPublishing": false
503
+ },
504
+ "$type": "color",
505
+ "$value": "{color.border.neutral.default.active}"
506
+ },
507
+ "disabled": {
508
+ "$extensions": {
509
+ "com.figma.scopes": [
510
+ "STROKE_COLOR"
511
+ ],
512
+ "com.figma.hiddenFromPublishing": false
513
+ },
514
+ "$type": "color",
515
+ "$value": "{color.border.neutral.default.disabled}"
516
+ }
517
+ }
518
+ }
329
519
  }
330
520
  }