@devexpress/design-tokens-internal 262.9.0 → 262.9.1

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 (16) hide show
  1. package/package.json +1 -1
  2. package/tokens/components/README.md +1 -1
  3. package/tokens/components/wpf/progress-bar/fluent.json +6 -6
  4. package/tokens/figma-utils/box-shadow/semantic/fluent.json +14 -14
  5. package/tokens/figma-utils/box-shadow/semantic/material.json +14 -14
  6. package/tokens/figma-utils/box-shadow/styles.json +70 -70
  7. package/tokens/figma-utils/typography/styles.json +148 -148
  8. package/tokens/global/fluent.json +4 -4
  9. package/tokens/global/material.json +4 -4
  10. package/tokens/semantic/box-shadow/fluent.json +14 -14
  11. package/tokens/semantic/box-shadow/material.json +14 -14
  12. package/tokens/semantic/colors/fluent/dark.json +55 -55
  13. package/tokens/semantic/colors/fluent/light.json +55 -55
  14. package/tokens/semantic/colors/material/dark.json +45 -45
  15. package/tokens/semantic/colors/material/light.json +45 -45
  16. package/tokens.flat.json +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devexpress/design-tokens-internal",
3
- "version": "262.9.0",
3
+ "version": "262.9.1",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
package/tokens/components/README.md CHANGED
@@ -51,7 +51,7 @@ All files use W3C DTCG JSON format:
51
51
  "bg": {
52
52
  "rest": {
53
53
  "$type": "color",
54
- "$value": "{color.surface.neutral.default.rest}",
54
+ "$value": "{color.bg}",
55
55
  "$extensions": {
56
56
  "com.figma.scopes": ["FRAME_FILL"]
57
57
  }
package/tokens/components/wpf/progress-bar/fluent.json CHANGED
@@ -286,7 +286,7 @@
286
286
  "com.figma.hiddenFromPublishing": false
287
287
  },
288
288
  "$type": "color",
289
- "$value": "{utility.teal.70}"
289
+ "$value": "{teal.70}"
290
290
  },
291
291
  "segment-2": {
292
292
  "$extensions": {
@@ -298,7 +298,7 @@
298
298
  "com.figma.hiddenFromPublishing": false
299
299
  },
300
300
  "$type": "color",
301
- "$value": "{utility.indigo.70}"
301
+ "$value": "{indigo.70}"
302
302
  },
303
303
  "segment-1": {
304
304
  "$extensions": {
@@ -310,7 +310,7 @@
310
310
  "com.figma.hiddenFromPublishing": false
311
311
  },
312
312
  "$type": "color",
313
- "$value": "{utility.yellow.70}"
313
+ "$value": "{yellow.70}"
314
314
  },
315
315
  "segment-3": {
316
316
  "$extensions": {
@@ -322,7 +322,7 @@
322
322
  "com.figma.hiddenFromPublishing": false
323
323
  },
324
324
  "$type": "color",
325
- "$value": "{utility.pink.70}"
325
+ "$value": "{pink.70}"
326
326
  }
327
327
  },
328
328
  "track": {
@@ -432,7 +432,7 @@
432
432
  "com.figma.hiddenFromPublishing": false
433
433
  },
434
434
  "$type": "color",
435
- "$value": "{utility.red.70}"
435
+ "$value": "{red.70}"
436
436
  },
437
437
  "start": {
438
438
  "$extensions": {
@@ -444,7 +444,7 @@
444
444
  "com.figma.hiddenFromPublishing": false
445
445
  },
446
446
  "$type": "color",
447
- "$value": "{utility.yellow.70}"
447
+ "$value": "{yellow.70}"
448
448
  }
449
449
  }
450
450
  },
package/tokens/figma-utils/box-shadow/semantic/fluent.json CHANGED
@@ -114,31 +114,31 @@
114
114
  },
115
115
  "layer-1-color-none": {
116
116
  "$type": "color",
117
- "$value": "{color.shadow.none}"
117
+ "$value": "{color.shadow-none}"
118
118
  },
119
119
  "layer-1-color-xs": {
120
120
  "$type": "color",
121
- "$value": "{color.shadow.key}"
121
+ "$value": "{color.shadow-key}"
122
122
  },
123
123
  "layer-1-color-sm": {
124
124
  "$type": "color",
125
- "$value": "{color.shadow.key}"
125
+ "$value": "{color.shadow-key}"
126
126
  },
127
127
  "layer-1-color-md": {
128
128
  "$type": "color",
129
- "$value": "{color.shadow.key}"
129
+ "$value": "{color.shadow-key}"
130
130
  },
131
131
  "layer-1-color-lg": {
132
132
  "$type": "color",
133
- "$value": "{color.shadow.key}"
133
+ "$value": "{color.shadow-key}"
134
134
  },
135
135
  "layer-1-color-xl": {
136
136
  "$type": "color",
137
- "$value": "{color.shadow.key-darker}"
137
+ "$value": "{color.shadow-key-darker}"
138
138
  },
139
139
  "layer-1-color-2xl": {
140
140
  "$type": "color",
141
- "$value": "{color.shadow.key-darker}"
141
+ "$value": "{color.shadow-key-darker}"
142
142
  },
143
143
  "layer-2-x-none": {
144
144
  "$type": "number",
@@ -254,31 +254,31 @@
254
254
  },
255
255
  "layer-2-color-none": {
256
256
  "$type": "color",
257
- "$value": "{color.shadow.none}"
257
+ "$value": "{color.shadow-none}"
258
258
  },
259
259
  "layer-2-color-xs": {
260
260
  "$type": "color",
261
- "$value": "{color.shadow.ambient}"
261
+ "$value": "{color.shadow-ambient}"
262
262
  },
263
263
  "layer-2-color-sm": {
264
264
  "$type": "color",
265
- "$value": "{color.shadow.ambient}"
265
+ "$value": "{color.shadow-ambient}"
266
266
  },
267
267
  "layer-2-color-md": {
268
268
  "$type": "color",
269
- "$value": "{color.shadow.ambient}"
269
+ "$value": "{color.shadow-ambient}"
270
270
  },
271
271
  "layer-2-color-lg": {
272
272
  "$type": "color",
273
- "$value": "{color.shadow.ambient}"
273
+ "$value": "{color.shadow-ambient}"
274
274
  },
275
275
  "layer-2-color-xl": {
276
276
  "$type": "color",
277
- "$value": "{color.shadow.ambient-darker}"
277
+ "$value": "{color.shadow-ambient-darker}"
278
278
  },
279
279
  "layer-2-color-2xl": {
280
280
  "$type": "color",
281
- "$value": "{color.shadow.ambient-darker}"
281
+ "$value": "{color.shadow-ambient-darker}"
282
282
  }
283
283
  }
284
284
  }
package/tokens/figma-utils/box-shadow/semantic/material.json CHANGED
@@ -114,31 +114,31 @@
114
114
  },
115
115
  "layer-1-color-none": {
116
116
  "$type": "color",
117
- "$value": "{color.shadow.none}"
117
+ "$value": "{color.shadow-none}"
118
118
  },
119
119
  "layer-1-color-xs": {
120
120
  "$type": "color",
121
- "$value": "{color.shadow.key}"
121
+ "$value": "{color.shadow-key}"
122
122
  },
123
123
  "layer-1-color-sm": {
124
124
  "$type": "color",
125
- "$value": "{color.shadow.key}"
125
+ "$value": "{color.shadow-key}"
126
126
  },
127
127
  "layer-1-color-md": {
128
128
  "$type": "color",
129
- "$value": "{color.shadow.key}"
129
+ "$value": "{color.shadow-key}"
130
130
  },
131
131
  "layer-1-color-lg": {
132
132
  "$type": "color",
133
- "$value": "{color.shadow.key}"
133
+ "$value": "{color.shadow-key}"
134
134
  },
135
135
  "layer-1-color-xl": {
136
136
  "$type": "color",
137
- "$value": "{color.shadow.key}"
137
+ "$value": "{color.shadow-key}"
138
138
  },
139
139
  "layer-1-color-2xl": {
140
140
  "$type": "color",
141
- "$value": "{color.shadow.key}"
141
+ "$value": "{color.shadow-key}"
142
142
  },
143
143
  "layer-2-x-none": {
144
144
  "$type": "number",
@@ -254,31 +254,31 @@
254
254
  },
255
255
  "layer-2-color-none": {
256
256
  "$type": "color",
257
- "$value": "{color.shadow.none}"
257
+ "$value": "{color.shadow-none}"
258
258
  },
259
259
  "layer-2-color-xs": {
260
260
  "$type": "color",
261
- "$value": "{color.shadow.ambient}"
261
+ "$value": "{color.shadow-ambient}"
262
262
  },
263
263
  "layer-2-color-sm": {
264
264
  "$type": "color",
265
- "$value": "{color.shadow.ambient}"
265
+ "$value": "{color.shadow-ambient}"
266
266
  },
267
267
  "layer-2-color-md": {
268
268
  "$type": "color",
269
- "$value": "{color.shadow.ambient}"
269
+ "$value": "{color.shadow-ambient}"
270
270
  },
271
271
  "layer-2-color-lg": {
272
272
  "$type": "color",
273
- "$value": "{color.shadow.ambient}"
273
+ "$value": "{color.shadow-ambient}"
274
274
  },
275
275
  "layer-2-color-xl": {
276
276
  "$type": "color",
277
- "$value": "{color.shadow.ambient}"
277
+ "$value": "{color.shadow-ambient}"
278
278
  },
279
279
  "layer-2-color-2xl": {
280
280
  "$type": "color",
281
- "$value": "{color.shadow.ambient}"
281
+ "$value": "{color.shadow-ambient}"
282
282
  }
283
283
  }
284
284
  }
package/tokens/figma-utils/box-shadow/styles.json CHANGED
@@ -4,19 +4,19 @@
4
4
  "$type": "boxShadow",
5
5
  "$value": [
6
6
  {
7
- "x": "{box-shadow.layer-1.x.none}",
8
- "y": "{box-shadow.layer-1.y.none}",
9
- "blur": "{box-shadow.layer-1.blur.none}",
10
- "spread": "{box-shadow.layer-1.spread.none}",
11
- "color": "{box-shadow.layer-1.color.none}",
7
+ "x": "{box-shadow.layer-1-x-none}",
8
+ "y": "{box-shadow.layer-1-y-none}",
9
+ "blur": "{box-shadow.layer-1-blur-none}",
10
+ "spread": "{box-shadow.layer-1-spread-none}",
11
+ "color": "{box-shadow.layer-1-color-none}",
12
12
  "type": "dropShadow"
13
13
  },
14
14
  {
15
- "x": "{box-shadow.layer-2.x.none}",
16
- "y": "{box-shadow.layer-2.y.none}",
17
- "blur": "{box-shadow.layer-2.blur.none}",
18
- "spread": "{box-shadow.layer-2.spread.none}",
19
- "color": "{box-shadow.layer-2.color.none}",
15
+ "x": "{box-shadow.layer-2-x-none}",
16
+ "y": "{box-shadow.layer-2-y-none}",
17
+ "blur": "{box-shadow.layer-2-blur-none}",
18
+ "spread": "{box-shadow.layer-2-spread-none}",
19
+ "color": "{box-shadow.layer-2-color-none}",
20
20
  "type": "dropShadow"
21
21
  }
22
22
  ]
@@ -25,19 +25,19 @@
25
25
  "$type": "boxShadow",
26
26
  "$value": [
27
27
  {
28
- "x": "{box-shadow.layer-1.x.xs}",
29
- "y": "{box-shadow.layer-1.y.xs}",
30
- "blur": "{box-shadow.layer-1.blur.xs}",
31
- "spread": "{box-shadow.layer-1.spread.xs}",
32
- "color": "{box-shadow.layer-1.color.xs}",
28
+ "x": "{box-shadow.layer-1-x-xs}",
29
+ "y": "{box-shadow.layer-1-y-xs}",
30
+ "blur": "{box-shadow.layer-1-blur-xs}",
31
+ "spread": "{box-shadow.layer-1-spread-xs}",
32
+ "color": "{box-shadow.layer-1-color-xs}",
33
33
  "type": "dropShadow"
34
34
  },
35
35
  {
36
- "x": "{box-shadow.layer-2.x.xs}",
37
- "y": "{box-shadow.layer-2.y.xs}",
38
- "blur": "{box-shadow.layer-2.blur.xs}",
39
- "spread": "{box-shadow.layer-2.spread.xs}",
40
- "color": "{box-shadow.layer-2.color.xs}",
36
+ "x": "{box-shadow.layer-2-x-xs}",
37
+ "y": "{box-shadow.layer-2-y-xs}",
38
+ "blur": "{box-shadow.layer-2-blur-xs}",
39
+ "spread": "{box-shadow.layer-2-spread-xs}",
40
+ "color": "{box-shadow.layer-2-color-xs}",
41
41
  "type": "dropShadow"
42
42
  }
43
43
  ]
@@ -46,19 +46,19 @@
46
46
  "$type": "boxShadow",
47
47
  "$value": [
48
48
  {
49
- "x": "{box-shadow.layer-1.x.sm}",
50
- "y": "{box-shadow.layer-1.y.sm}",
51
- "blur": "{box-shadow.layer-1.blur.sm}",
52
- "spread": "{box-shadow.layer-1.spread.sm}",
53
- "color": "{box-shadow.layer-1.color.sm}",
49
+ "x": "{box-shadow.layer-1-x-sm}",
50
+ "y": "{box-shadow.layer-1-y-sm}",
51
+ "blur": "{box-shadow.layer-1-blur-sm}",
52
+ "spread": "{box-shadow.layer-1-spread-sm}",
53
+ "color": "{box-shadow.layer-1-color-sm}",
54
54
  "type": "dropShadow"
55
55
  },
56
56
  {
57
- "x": "{box-shadow.layer-2.x.sm}",
58
- "y": "{box-shadow.layer-2.y.sm}",
59
- "blur": "{box-shadow.layer-2.blur.sm}",
60
- "spread": "{box-shadow.layer-2.spread.sm}",
61
- "color": "{box-shadow.layer-2.color.sm}",
57
+ "x": "{box-shadow.layer-2-x-sm}",
58
+ "y": "{box-shadow.layer-2-y-sm}",
59
+ "blur": "{box-shadow.layer-2-blur-sm}",
60
+ "spread": "{box-shadow.layer-2-spread-sm}",
61
+ "color": "{box-shadow.layer-2-color-sm}",
62
62
  "type": "dropShadow"
63
63
  }
64
64
  ]
@@ -67,19 +67,19 @@
67
67
  "$type": "boxShadow",
68
68
  "$value": [
69
69
  {
70
- "x": "{box-shadow.layer-1.x.md}",
71
- "y": "{box-shadow.layer-1.y.md}",
72
- "blur": "{box-shadow.layer-1.blur.md}",
73
- "spread": "{box-shadow.layer-1.spread.md}",
74
- "color": "{box-shadow.layer-1.color.md}",
70
+ "x": "{box-shadow.layer-1-x-md}",
71
+ "y": "{box-shadow.layer-1-y-md}",
72
+ "blur": "{box-shadow.layer-1-blur-md}",
73
+ "spread": "{box-shadow.layer-1-spread-md}",
74
+ "color": "{box-shadow.layer-1-color-md}",
75
75
  "type": "dropShadow"
76
76
  },
77
77
  {
78
- "x": "{box-shadow.layer-2.x.md}",
79
- "y": "{box-shadow.layer-2.y.md}",
80
- "blur": "{box-shadow.layer-2.blur.md}",
81
- "spread": "{box-shadow.layer-1.spread.md}",
82
- "color": "{box-shadow.layer-2.color.md}",
78
+ "x": "{box-shadow.layer-2-x-md}",
79
+ "y": "{box-shadow.layer-2-y-md}",
80
+ "blur": "{box-shadow.layer-2-blur-md}",
81
+ "spread": "{box-shadow.layer-1-spread-md}",
82
+ "color": "{box-shadow.layer-2-color-md}",
83
83
  "type": "dropShadow"
84
84
  }
85
85
  ]
@@ -88,19 +88,19 @@
88
88
  "$type": "boxShadow",
89
89
  "$value": [
90
90
  {
91
- "x": "{box-shadow.layer-1.x.lg}",
92
- "y": "{box-shadow.layer-1.y.lg}",
93
- "blur": "{box-shadow.layer-1.blur.lg}",
94
- "spread": "{box-shadow.layer-1.spread.lg}",
95
- "color": "{box-shadow.layer-1.color.lg}",
91
+ "x": "{box-shadow.layer-1-x-lg}",
92
+ "y": "{box-shadow.layer-1-y-lg}",
93
+ "blur": "{box-shadow.layer-1-blur-lg}",
94
+ "spread": "{box-shadow.layer-1-spread-lg}",
95
+ "color": "{box-shadow.layer-1-color-lg}",
96
96
  "type": "dropShadow"
97
97
  },
98
98
  {
99
- "x": "{box-shadow.layer-2.x.lg}",
100
- "y": "{box-shadow.layer-2.y.lg}",
101
- "blur": "{box-shadow.layer-1.blur.lg}",
102
- "spread": "{box-shadow.layer-2.spread.lg}",
103
- "color": "{box-shadow.layer-2.color.lg}",
99
+ "x": "{box-shadow.layer-2-x-lg}",
100
+ "y": "{box-shadow.layer-2-y-lg}",
101
+ "blur": "{box-shadow.layer-1-blur-lg}",
102
+ "spread": "{box-shadow.layer-2-spread-lg}",
103
+ "color": "{box-shadow.layer-2-color-lg}",
104
104
  "type": "dropShadow"
105
105
  }
106
106
  ]
@@ -109,19 +109,19 @@
109
109
  "$type": "boxShadow",
110
110
  "$value": [
111
111
  {
112
- "x": "{box-shadow.layer-1.x.xl}",
113
- "y": "{box-shadow.layer-1.y.xl}",
114
- "blur": "{box-shadow.layer-1.blur.xl}",
115
- "spread": "{box-shadow.layer-1.spread.xl}",
116
- "color": "{box-shadow.layer-1.color.xl}",
112
+ "x": "{box-shadow.layer-1-x-xl}",
113
+ "y": "{box-shadow.layer-1-y-xl}",
114
+ "blur": "{box-shadow.layer-1-blur-xl}",
115
+ "spread": "{box-shadow.layer-1-spread-xl}",
116
+ "color": "{box-shadow.layer-1-color-xl}",
117
117
  "type": "dropShadow"
118
118
  },
119
119
  {
120
- "x": "{box-shadow.layer-2.x.xl}",
121
- "y": "{box-shadow.layer-2.y.xl}",
122
- "blur": "{box-shadow.layer-2.blur.xl}",
123
- "spread": "{box-shadow.layer-2.spread.xl}",
124
- "color": "{box-shadow.layer-2.color.xl}",
120
+ "x": "{box-shadow.layer-2-x-xl}",
121
+ "y": "{box-shadow.layer-2-y-xl}",
122
+ "blur": "{box-shadow.layer-2-blur-xl}",
123
+ "spread": "{box-shadow.layer-2-spread-xl}",
124
+ "color": "{box-shadow.layer-2-color-xl}",
125
125
  "type": "dropShadow"
126
126
  }
127
127
  ]
@@ -130,19 +130,19 @@
130
130
  "$type": "boxShadow",
131
131
  "$value": [
132
132
  {
133
- "x": "{box-shadow.layer-1.x.2xl}",
134
- "y": "{box-shadow.layer-1.y.2xl}",
135
- "blur": "{box-shadow.layer-1.blur.2xl}",
136
- "spread": "{box-shadow.layer-1.spread.2xl}",
137
- "color": "{box-shadow.layer-1.color.2xl}",
133
+ "x": "{box-shadow.layer-1-x-2xl}",
134
+ "y": "{box-shadow.layer-1-y-2xl}",
135
+ "blur": "{box-shadow.layer-1-blur-2xl}",
136
+ "spread": "{box-shadow.layer-1-spread-2xl}",
137
+ "color": "{box-shadow.layer-1-color-2xl}",
138
138
  "type": "dropShadow"
139
139
  },
140
140
  {
141
- "x": "{box-shadow.layer-2.x.2xl}",
142
- "y": "{box-shadow.layer-2.y.2xl}",
143
- "blur": "{box-shadow.layer-2.blur.2xl}",
144
- "spread": "{box-shadow.layer-2.spread.2xl}",
145
- "color": "{box-shadow.layer-2.color.2xl}",
141
+ "x": "{box-shadow.layer-2-x-2xl}",
142
+ "y": "{box-shadow.layer-2-y-2xl}",
143
+ "blur": "{box-shadow.layer-2-blur-2xl}",
144
+ "spread": "{box-shadow.layer-2-spread-2xl}",
145
+ "color": "{box-shadow.layer-2-color-2xl}",
146
146
  "type": "dropShadow"
147
147
  }
148
148
  ]