@devexpress/design-tokens-internal 262.2.0 → 262.3.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.
- package/package.json +1 -1
- package/tokens/components/blazor/size/fluent_large.json +2 -2
- package/tokens/components/blazor/size/fluent_medium.json +2 -2
- package/tokens/components/blazor/size/fluent_small.json +2 -2
- package/tokens/components/core/size/fluent_large.json +288 -96
- package/tokens/components/core/size/fluent_medium.json +286 -94
- package/tokens/components/core/size/fluent_small.json +286 -94
- package/tokens/components/core/size/material_medium.json +288 -96
- package/tokens/components/core/theme/fluent.json +82 -27
- package/tokens/components/core/theme/material.json +82 -27
- package/tokens/components/wpf/accordion/fluent.json +32 -27
- package/tokens/components/wpf/bars/fluent.json +26 -34
- package/tokens/components/wpf/button-edit/fluent.json +26 -13
- package/tokens/components/wpf/card-view/fluent.json +22 -17
- package/tokens/components/wpf/docking/fluent.json +17 -21
- package/tokens/components/wpf/filter-edit/fluent.json +52 -36
- package/tokens/components/wpf/gallery/fluent.json +28 -33
- package/tokens/components/wpf/grid/fluent.json +14 -32
- package/tokens/components/wpf/groupbox/fluent.json +14 -10
- package/tokens/components/wpf/listbox-edit/fluent.json +12 -12
- package/tokens/components/wpf/pagercontrol/fluent.json +4 -3
- package/tokens/components/wpf/popup/fluent.json +2 -1
- package/tokens/components/wpf/progress-bar/fluent.json +70 -47
- package/tokens/components/wpf/ribbon/fluent.json +30 -30
- package/tokens/components/wpf/text-content/fluent.json +20 -0
- package/tokens/components/wpf/text-edit/fluent.json +9 -10
- package/tokens/components/wpf/themed-window/fluent.json +21 -21
- package/tokens/components/wpf/toggle-switch/fluent.json +14 -7
- package/tokens/components/wpf/treeview/fluent.json +8 -7
- package/tokens.flat.json +140 -65
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"text-content": {
|
|
3
|
+
"color": {
|
|
4
|
+
"default": {
|
|
5
|
+
"cursor": {
|
|
6
|
+
"rest": {
|
|
7
|
+
"$extensions": {
|
|
8
|
+
"com.figma.scopes": [
|
|
9
|
+
"ALL_SCOPES"
|
|
10
|
+
],
|
|
11
|
+
"com.figma.hiddenFromPublishing": false
|
|
12
|
+
},
|
|
13
|
+
"$type": "color",
|
|
14
|
+
"$value": "{color.content.neutral.default.rest}"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
"selected": {
|
|
7
7
|
"$extensions": {
|
|
8
8
|
"com.figma.scopes": [
|
|
9
|
-
"FRAME_FILL"
|
|
9
|
+
"FRAME_FILL",
|
|
10
|
+
"SHAPE_FILL"
|
|
10
11
|
],
|
|
11
12
|
"com.figma.hiddenFromPublishing": true
|
|
12
13
|
},
|
|
@@ -53,7 +54,7 @@
|
|
|
53
54
|
"com.figma.hiddenFromPublishing": true
|
|
54
55
|
},
|
|
55
56
|
"$type": "number",
|
|
56
|
-
"$value": "{font-weight.caption
|
|
57
|
+
"$value": "{font-weight.caption.default}"
|
|
57
58
|
},
|
|
58
59
|
"medium": {
|
|
59
60
|
"$extensions": {
|
|
@@ -63,7 +64,7 @@
|
|
|
63
64
|
"com.figma.hiddenFromPublishing": true
|
|
64
65
|
},
|
|
65
66
|
"$type": "number",
|
|
66
|
-
"$value": "{font-weight.caption
|
|
67
|
+
"$value": "{font-weight.caption.default}"
|
|
67
68
|
}
|
|
68
69
|
},
|
|
69
70
|
"line-height": {
|
|
@@ -75,7 +76,7 @@
|
|
|
75
76
|
"com.figma.hiddenFromPublishing": true
|
|
76
77
|
},
|
|
77
78
|
"$type": "number",
|
|
78
|
-
"$value": "{line-height.caption
|
|
79
|
+
"$value": "{line-height.caption.sm}"
|
|
79
80
|
},
|
|
80
81
|
"medium": {
|
|
81
82
|
"$extensions": {
|
|
@@ -85,7 +86,7 @@
|
|
|
85
86
|
"com.figma.hiddenFromPublishing": true
|
|
86
87
|
},
|
|
87
88
|
"$type": "number",
|
|
88
|
-
"$value": "{line-height.caption
|
|
89
|
+
"$value": "{line-height.caption.md}"
|
|
89
90
|
}
|
|
90
91
|
},
|
|
91
92
|
"font-size": {
|
|
@@ -97,7 +98,7 @@
|
|
|
97
98
|
"com.figma.hiddenFromPublishing": true
|
|
98
99
|
},
|
|
99
100
|
"$type": "number",
|
|
100
|
-
"$value": "{font-size.caption
|
|
101
|
+
"$value": "{font-size.caption.md}"
|
|
101
102
|
},
|
|
102
103
|
"small": {
|
|
103
104
|
"$extensions": {
|
|
@@ -107,7 +108,7 @@
|
|
|
107
108
|
"com.figma.hiddenFromPublishing": true
|
|
108
109
|
},
|
|
109
110
|
"$type": "number",
|
|
110
|
-
"$value": "{font-size.caption
|
|
111
|
+
"$value": "{font-size.caption.sm}"
|
|
111
112
|
}
|
|
112
113
|
}
|
|
113
114
|
}
|
|
@@ -191,9 +192,7 @@
|
|
|
191
192
|
"$extensions": {
|
|
192
193
|
"com.figma.scopes": [
|
|
193
194
|
"SHAPE_FILL",
|
|
194
|
-
"TEXT_FILL"
|
|
195
|
-
"STROKE_COLOR",
|
|
196
|
-
"EFFECT_COLOR"
|
|
195
|
+
"TEXT_FILL"
|
|
197
196
|
],
|
|
198
197
|
"com.figma.hiddenFromPublishing": true
|
|
199
198
|
},
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
"rest": {
|
|
7
7
|
"$extensions": {
|
|
8
8
|
"com.figma.scopes": [
|
|
9
|
-
"FRAME_FILL"
|
|
9
|
+
"FRAME_FILL",
|
|
10
|
+
"SHAPE_FILL"
|
|
10
11
|
],
|
|
11
12
|
"com.figma.hiddenFromPublishing": true
|
|
12
13
|
},
|
|
@@ -18,7 +19,6 @@
|
|
|
18
19
|
"rest": {
|
|
19
20
|
"$extensions": {
|
|
20
21
|
"com.figma.scopes": [
|
|
21
|
-
"SHAPE_FILL",
|
|
22
22
|
"STROKE_COLOR"
|
|
23
23
|
],
|
|
24
24
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -246,7 +246,6 @@
|
|
|
246
246
|
"medium": {
|
|
247
247
|
"$extensions": {
|
|
248
248
|
"com.figma.scopes": [
|
|
249
|
-
"WIDTH_HEIGHT",
|
|
250
249
|
"STROKE_FLOAT"
|
|
251
250
|
],
|
|
252
251
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -263,7 +262,8 @@
|
|
|
263
262
|
"active": {
|
|
264
263
|
"$extensions": {
|
|
265
264
|
"com.figma.scopes": [
|
|
266
|
-
"FRAME_FILL"
|
|
265
|
+
"FRAME_FILL",
|
|
266
|
+
"SHAPE_FILL"
|
|
267
267
|
],
|
|
268
268
|
"com.figma.hiddenFromPublishing": true
|
|
269
269
|
},
|
|
@@ -273,7 +273,8 @@
|
|
|
273
273
|
"hovered": {
|
|
274
274
|
"$extensions": {
|
|
275
275
|
"com.figma.scopes": [
|
|
276
|
-
"FRAME_FILL"
|
|
276
|
+
"FRAME_FILL",
|
|
277
|
+
"SHAPE_FILL"
|
|
277
278
|
],
|
|
278
279
|
"com.figma.hiddenFromPublishing": true
|
|
279
280
|
},
|
|
@@ -283,7 +284,8 @@
|
|
|
283
284
|
"rest": {
|
|
284
285
|
"$extensions": {
|
|
285
286
|
"com.figma.scopes": [
|
|
286
|
-
"FRAME_FILL"
|
|
287
|
+
"FRAME_FILL",
|
|
288
|
+
"SHAPE_FILL"
|
|
287
289
|
],
|
|
288
290
|
"com.figma.hiddenFromPublishing": true
|
|
289
291
|
},
|
|
@@ -295,7 +297,6 @@
|
|
|
295
297
|
"rest": {
|
|
296
298
|
"$extensions": {
|
|
297
299
|
"com.figma.scopes": [
|
|
298
|
-
"SHAPE_FILL",
|
|
299
300
|
"STROKE_COLOR"
|
|
300
301
|
],
|
|
301
302
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -306,7 +307,6 @@
|
|
|
306
307
|
"active": {
|
|
307
308
|
"$extensions": {
|
|
308
309
|
"com.figma.scopes": [
|
|
309
|
-
"SHAPE_FILL",
|
|
310
310
|
"STROKE_COLOR"
|
|
311
311
|
],
|
|
312
312
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -344,7 +344,6 @@
|
|
|
344
344
|
"medium": {
|
|
345
345
|
"$extensions": {
|
|
346
346
|
"com.figma.scopes": [
|
|
347
|
-
"WIDTH_HEIGHT",
|
|
348
347
|
"STROKE_FLOAT"
|
|
349
348
|
],
|
|
350
349
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -355,7 +354,6 @@
|
|
|
355
354
|
"small": {
|
|
356
355
|
"$extensions": {
|
|
357
356
|
"com.figma.scopes": [
|
|
358
|
-
"WIDTH_HEIGHT",
|
|
359
357
|
"STROKE_FLOAT"
|
|
360
358
|
],
|
|
361
359
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -368,7 +366,6 @@
|
|
|
368
366
|
"small": {
|
|
369
367
|
"$extensions": {
|
|
370
368
|
"com.figma.scopes": [
|
|
371
|
-
"WIDTH_HEIGHT",
|
|
372
369
|
"STROKE_FLOAT"
|
|
373
370
|
],
|
|
374
371
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -379,7 +376,6 @@
|
|
|
379
376
|
"medium": {
|
|
380
377
|
"$extensions": {
|
|
381
378
|
"com.figma.scopes": [
|
|
382
|
-
"WIDTH_HEIGHT",
|
|
383
379
|
"STROKE_FLOAT"
|
|
384
380
|
],
|
|
385
381
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -513,7 +509,6 @@
|
|
|
513
509
|
"rest": {
|
|
514
510
|
"$extensions": {
|
|
515
511
|
"com.figma.scopes": [
|
|
516
|
-
"SHAPE_FILL",
|
|
517
512
|
"TEXT_FILL"
|
|
518
513
|
],
|
|
519
514
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -557,7 +552,8 @@
|
|
|
557
552
|
"active": {
|
|
558
553
|
"$extensions": {
|
|
559
554
|
"com.figma.scopes": [
|
|
560
|
-
"FRAME_FILL"
|
|
555
|
+
"FRAME_FILL",
|
|
556
|
+
"SHAPE_FILL"
|
|
561
557
|
],
|
|
562
558
|
"com.figma.hiddenFromPublishing": true
|
|
563
559
|
},
|
|
@@ -567,7 +563,8 @@
|
|
|
567
563
|
"hovered": {
|
|
568
564
|
"$extensions": {
|
|
569
565
|
"com.figma.scopes": [
|
|
570
|
-
"FRAME_FILL"
|
|
566
|
+
"FRAME_FILL",
|
|
567
|
+
"SHAPE_FILL"
|
|
571
568
|
],
|
|
572
569
|
"com.figma.hiddenFromPublishing": true
|
|
573
570
|
},
|
|
@@ -577,7 +574,8 @@
|
|
|
577
574
|
"rest": {
|
|
578
575
|
"$extensions": {
|
|
579
576
|
"com.figma.scopes": [
|
|
580
|
-
"FRAME_FILL"
|
|
577
|
+
"FRAME_FILL",
|
|
578
|
+
"SHAPE_FILL"
|
|
581
579
|
],
|
|
582
580
|
"com.figma.hiddenFromPublishing": true
|
|
583
581
|
},
|
|
@@ -603,7 +601,8 @@
|
|
|
603
601
|
"active": {
|
|
604
602
|
"$extensions": {
|
|
605
603
|
"com.figma.scopes": [
|
|
606
|
-
"FRAME_FILL"
|
|
604
|
+
"FRAME_FILL",
|
|
605
|
+
"SHAPE_FILL"
|
|
607
606
|
],
|
|
608
607
|
"com.figma.hiddenFromPublishing": true
|
|
609
608
|
},
|
|
@@ -613,7 +612,8 @@
|
|
|
613
612
|
"hovered": {
|
|
614
613
|
"$extensions": {
|
|
615
614
|
"com.figma.scopes": [
|
|
616
|
-
"FRAME_FILL"
|
|
615
|
+
"FRAME_FILL",
|
|
616
|
+
"SHAPE_FILL"
|
|
617
617
|
],
|
|
618
618
|
"com.figma.hiddenFromPublishing": true
|
|
619
619
|
},
|
|
@@ -705,7 +705,7 @@
|
|
|
705
705
|
"medium": {
|
|
706
706
|
"$extensions": {
|
|
707
707
|
"com.figma.scopes": [
|
|
708
|
-
"
|
|
708
|
+
"GAP"
|
|
709
709
|
],
|
|
710
710
|
"com.figma.hiddenFromPublishing": true
|
|
711
711
|
},
|
|
@@ -717,7 +717,7 @@
|
|
|
717
717
|
"medium": {
|
|
718
718
|
"$extensions": {
|
|
719
719
|
"com.figma.scopes": [
|
|
720
|
-
"
|
|
720
|
+
"GAP"
|
|
721
721
|
],
|
|
722
722
|
"com.figma.hiddenFromPublishing": true
|
|
723
723
|
},
|
|
@@ -733,7 +733,7 @@
|
|
|
733
733
|
"medium": {
|
|
734
734
|
"$extensions": {
|
|
735
735
|
"com.figma.scopes": [
|
|
736
|
-
"
|
|
736
|
+
"GAP"
|
|
737
737
|
],
|
|
738
738
|
"com.figma.hiddenFromPublishing": true
|
|
739
739
|
},
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"hovered": {
|
|
7
7
|
"$extensions": {
|
|
8
8
|
"com.figma.scopes": [
|
|
9
|
+
"SHAPE_FILL",
|
|
9
10
|
"TEXT_FILL"
|
|
10
11
|
],
|
|
11
12
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
"rest": {
|
|
17
18
|
"$extensions": {
|
|
18
19
|
"com.figma.scopes": [
|
|
20
|
+
"SHAPE_FILL",
|
|
19
21
|
"TEXT_FILL"
|
|
20
22
|
],
|
|
21
23
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -26,6 +28,7 @@
|
|
|
26
28
|
"disabled": {
|
|
27
29
|
"$extensions": {
|
|
28
30
|
"com.figma.scopes": [
|
|
31
|
+
"SHAPE_FILL",
|
|
29
32
|
"TEXT_FILL"
|
|
30
33
|
],
|
|
31
34
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -36,6 +39,7 @@
|
|
|
36
39
|
"active": {
|
|
37
40
|
"$extensions": {
|
|
38
41
|
"com.figma.scopes": [
|
|
42
|
+
"SHAPE_FILL",
|
|
39
43
|
"TEXT_FILL"
|
|
40
44
|
],
|
|
41
45
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -50,6 +54,7 @@
|
|
|
50
54
|
"disabled": {
|
|
51
55
|
"$extensions": {
|
|
52
56
|
"com.figma.scopes": [
|
|
57
|
+
"SHAPE_FILL",
|
|
53
58
|
"TEXT_FILL"
|
|
54
59
|
],
|
|
55
60
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -60,6 +65,7 @@
|
|
|
60
65
|
"rest": {
|
|
61
66
|
"$extensions": {
|
|
62
67
|
"com.figma.scopes": [
|
|
68
|
+
"SHAPE_FILL",
|
|
63
69
|
"TEXT_FILL"
|
|
64
70
|
],
|
|
65
71
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -158,7 +164,8 @@
|
|
|
158
164
|
"rest": {
|
|
159
165
|
"$extensions": {
|
|
160
166
|
"com.figma.scopes": [
|
|
161
|
-
"FRAME_FILL"
|
|
167
|
+
"FRAME_FILL",
|
|
168
|
+
"SHAPE_FILL"
|
|
162
169
|
],
|
|
163
170
|
"com.figma.hiddenFromPublishing": true
|
|
164
171
|
},
|
|
@@ -179,7 +186,7 @@
|
|
|
179
186
|
"com.figma.hiddenFromPublishing": true
|
|
180
187
|
},
|
|
181
188
|
"$type": "number",
|
|
182
|
-
"$value": "{line-height.caption
|
|
189
|
+
"$value": "{line-height.caption.sm}"
|
|
183
190
|
},
|
|
184
191
|
"medium": {
|
|
185
192
|
"$extensions": {
|
|
@@ -189,7 +196,7 @@
|
|
|
189
196
|
"com.figma.hiddenFromPublishing": true
|
|
190
197
|
},
|
|
191
198
|
"$type": "number",
|
|
192
|
-
"$value": "{line-height.caption
|
|
199
|
+
"$value": "{line-height.caption.md}"
|
|
193
200
|
}
|
|
194
201
|
},
|
|
195
202
|
"font-weight": {
|
|
@@ -201,7 +208,7 @@
|
|
|
201
208
|
"com.figma.hiddenFromPublishing": true
|
|
202
209
|
},
|
|
203
210
|
"$type": "number",
|
|
204
|
-
"$value": "{font-weight.caption
|
|
211
|
+
"$value": "{font-weight.caption.default}"
|
|
205
212
|
},
|
|
206
213
|
"small": {
|
|
207
214
|
"$extensions": {
|
|
@@ -211,7 +218,7 @@
|
|
|
211
218
|
"com.figma.hiddenFromPublishing": true
|
|
212
219
|
},
|
|
213
220
|
"$type": "number",
|
|
214
|
-
"$value": "{font-weight.caption
|
|
221
|
+
"$value": "{font-weight.caption.default}"
|
|
215
222
|
}
|
|
216
223
|
},
|
|
217
224
|
"font-size": {
|
|
@@ -223,7 +230,7 @@
|
|
|
223
230
|
"com.figma.hiddenFromPublishing": true
|
|
224
231
|
},
|
|
225
232
|
"$type": "number",
|
|
226
|
-
"$value": "{font-size.caption
|
|
233
|
+
"$value": "{font-size.caption.sm}"
|
|
227
234
|
},
|
|
228
235
|
"medium": {
|
|
229
236
|
"$extensions": {
|
|
@@ -233,7 +240,7 @@
|
|
|
233
240
|
"com.figma.hiddenFromPublishing": true
|
|
234
241
|
},
|
|
235
242
|
"$type": "number",
|
|
236
|
-
"$value": "{font-size.caption
|
|
243
|
+
"$value": "{font-size.caption.md}"
|
|
237
244
|
}
|
|
238
245
|
}
|
|
239
246
|
}
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
"active": {
|
|
7
7
|
"$extensions": {
|
|
8
8
|
"com.figma.scopes": [
|
|
9
|
-
"FRAME_FILL"
|
|
9
|
+
"FRAME_FILL",
|
|
10
|
+
"SHAPE_FILL"
|
|
10
11
|
],
|
|
11
12
|
"com.figma.hiddenFromPublishing": true
|
|
12
13
|
},
|
|
@@ -16,7 +17,8 @@
|
|
|
16
17
|
"hovered": {
|
|
17
18
|
"$extensions": {
|
|
18
19
|
"com.figma.scopes": [
|
|
19
|
-
"FRAME_FILL"
|
|
20
|
+
"FRAME_FILL",
|
|
21
|
+
"SHAPE_FILL"
|
|
20
22
|
],
|
|
21
23
|
"com.figma.hiddenFromPublishing": true
|
|
22
24
|
},
|
|
@@ -26,7 +28,8 @@
|
|
|
26
28
|
"rest": {
|
|
27
29
|
"$extensions": {
|
|
28
30
|
"com.figma.scopes": [
|
|
29
|
-
"FRAME_FILL"
|
|
31
|
+
"FRAME_FILL",
|
|
32
|
+
"SHAPE_FILL"
|
|
30
33
|
],
|
|
31
34
|
"com.figma.hiddenFromPublishing": true
|
|
32
35
|
},
|
|
@@ -80,7 +83,6 @@
|
|
|
80
83
|
"rest": {
|
|
81
84
|
"$extensions": {
|
|
82
85
|
"com.figma.scopes": [
|
|
83
|
-
"SHAPE_FILL",
|
|
84
86
|
"STROKE_COLOR"
|
|
85
87
|
],
|
|
86
88
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -117,7 +119,6 @@
|
|
|
117
119
|
"medium": {
|
|
118
120
|
"$extensions": {
|
|
119
121
|
"com.figma.scopes": [
|
|
120
|
-
"WIDTH_HEIGHT",
|
|
121
122
|
"STROKE_FLOAT"
|
|
122
123
|
],
|
|
123
124
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -128,7 +129,6 @@
|
|
|
128
129
|
"small": {
|
|
129
130
|
"$extensions": {
|
|
130
131
|
"com.figma.scopes": [
|
|
131
|
-
"WIDTH_HEIGHT",
|
|
132
132
|
"STROKE_FLOAT"
|
|
133
133
|
],
|
|
134
134
|
"com.figma.hiddenFromPublishing": true
|
|
@@ -193,7 +193,8 @@
|
|
|
193
193
|
"rest": {
|
|
194
194
|
"$extensions": {
|
|
195
195
|
"com.figma.scopes": [
|
|
196
|
-
"FRAME_FILL"
|
|
196
|
+
"FRAME_FILL",
|
|
197
|
+
"SHAPE_FILL"
|
|
197
198
|
],
|
|
198
199
|
"com.figma.hiddenFromPublishing": true
|
|
199
200
|
},
|