@primer/primitives 11.4.1-rc.6196071f → 11.4.1-rc.eb8ee149
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/dist/build/schemas/durationToken.d.ts +1 -7
- package/dist/build/schemas/durationValue.d.ts +1 -11
- package/dist/build/schemas/durationValue.js +3 -13
- package/dist/build/schemas/transitionToken.d.ts +2 -14
- package/dist/build/transformers/durationToCss.d.ts +1 -2
- package/dist/build/transformers/durationToCss.js +11 -18
- package/dist/docs/base/motion/motion.json +24 -96
- package/dist/fallbacks/base/motion/motion.json +12 -48
- package/dist/styleLint/base/motion/motion.json +24 -96
- package/package.json +1 -1
- package/src/tokens/base/motion/timing.json5 +12 -12
|
@@ -2,13 +2,7 @@ import { z } from 'zod';
|
|
|
2
2
|
export declare const durationToken: z.ZodObject<{
|
|
3
3
|
$description: z.ZodOptional<z.ZodString>;
|
|
4
4
|
$deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
|
|
5
|
-
$value: z.ZodUnion<readonly [z.
|
|
6
|
-
value: z.ZodNumber;
|
|
7
|
-
unit: z.ZodEnum<{
|
|
8
|
-
s: "s";
|
|
9
|
-
ms: "ms";
|
|
10
|
-
}>;
|
|
11
|
-
}, z.core.$strict>, z.ZodString]>;
|
|
5
|
+
$value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
|
|
12
6
|
$type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
|
|
13
7
|
$extensions: z.ZodOptional<z.ZodObject<{
|
|
14
8
|
'org.primer.llm': z.ZodOptional<z.ZodObject<{
|
|
@@ -1,12 +1,2 @@
|
|
|
1
1
|
import { z } from 'zod';
|
|
2
|
-
|
|
3
|
-
* W3C DTCG duration value format
|
|
4
|
-
* @see https://www.designtokens.org/tr/2025.10/format/#duration
|
|
5
|
-
*/
|
|
6
|
-
export declare const durationValue: z.ZodObject<{
|
|
7
|
-
value: z.ZodNumber;
|
|
8
|
-
unit: z.ZodEnum<{
|
|
9
|
-
s: "s";
|
|
10
|
-
ms: "ms";
|
|
11
|
-
}>;
|
|
12
|
-
}, z.core.$strict>;
|
|
2
|
+
export declare const durationValue: z.ZodString;
|
|
@@ -1,20 +1,10 @@
|
|
|
1
1
|
import { z } from 'zod';
|
|
2
2
|
import { schemaErrorMessage } from '../utilities/index.js';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* @see https://www.designtokens.org/tr/2025.10/format/#duration
|
|
6
|
-
*/
|
|
7
|
-
export const durationValue = z
|
|
8
|
-
.object({
|
|
9
|
-
value: z.number(),
|
|
10
|
-
unit: z.enum(['ms', 's']),
|
|
11
|
-
})
|
|
12
|
-
.strict()
|
|
13
|
-
.superRefine((duration, ctx) => {
|
|
14
|
-
if (typeof duration.value !== 'number') {
|
|
3
|
+
export const durationValue = z.string().superRefine((duration, ctx) => {
|
|
4
|
+
if (!/^[0-9]+ms$/.test(duration)) {
|
|
15
5
|
ctx.addIssue({
|
|
16
6
|
code: 'custom',
|
|
17
|
-
message: schemaErrorMessage(`Invalid duration
|
|
7
|
+
message: schemaErrorMessage(`Invalid duration: "${duration}"`, `A duration must be a string with an "ms"`),
|
|
18
8
|
});
|
|
19
9
|
}
|
|
20
10
|
});
|
|
@@ -3,21 +3,9 @@ export declare const transitionToken: z.ZodObject<{
|
|
|
3
3
|
$description: z.ZodOptional<z.ZodString>;
|
|
4
4
|
$deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
|
|
5
5
|
$value: z.ZodUnion<readonly [z.ZodObject<{
|
|
6
|
-
duration: z.ZodUnion<readonly [z.ZodUnion<readonly [z.
|
|
7
|
-
value: z.ZodNumber;
|
|
8
|
-
unit: z.ZodEnum<{
|
|
9
|
-
s: "s";
|
|
10
|
-
ms: "ms";
|
|
11
|
-
}>;
|
|
12
|
-
}, z.core.$strict>, z.ZodString]>, z.ZodString]>;
|
|
6
|
+
duration: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodString]>, z.ZodString]>;
|
|
13
7
|
timingFunction: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodArray<z.ZodNumber>, z.ZodString]>, z.ZodString]>;
|
|
14
|
-
delay: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.
|
|
15
|
-
value: z.ZodNumber;
|
|
16
|
-
unit: z.ZodEnum<{
|
|
17
|
-
s: "s";
|
|
18
|
-
ms: "ms";
|
|
19
|
-
}>;
|
|
20
|
-
}, z.core.$strict>, z.ZodString]>, z.ZodString]>>;
|
|
8
|
+
delay: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodString]>, z.ZodString]>>;
|
|
21
9
|
}, z.core.$strip>, z.ZodString]>;
|
|
22
10
|
$type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
|
|
23
11
|
$extensions: z.ZodOptional<z.ZodObject<{
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { Transform } from 'style-dictionary/types';
|
|
2
2
|
/**
|
|
3
|
-
* @description converts duration tokens to
|
|
3
|
+
* @description converts duration tokens string value to number with `ms` unit
|
|
4
4
|
* @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
|
|
5
5
|
* @matcher matches all tokens of $type `duration`
|
|
6
6
|
* @transformer returns a css duration
|
|
7
|
-
* @note W3C DTCG format: { value: number, unit: "ms" | "s" }
|
|
8
7
|
*/
|
|
9
8
|
export declare const durationToCss: Transform;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { isDuration } from '../filters/index.js';
|
|
2
2
|
/**
|
|
3
|
-
* @description converts duration tokens to
|
|
3
|
+
* @description converts duration tokens string value to number with `ms` unit
|
|
4
4
|
* @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
|
|
5
5
|
* @matcher matches all tokens of $type `duration`
|
|
6
6
|
* @transformer returns a css duration
|
|
7
|
-
* @note W3C DTCG format: { value: number, unit: "ms" | "s" }
|
|
8
7
|
*/
|
|
9
8
|
export const durationToCss = {
|
|
10
9
|
name: 'duration/css',
|
|
@@ -13,24 +12,18 @@ export const durationToCss = {
|
|
|
13
12
|
filter: isDuration,
|
|
14
13
|
transform: (token, _config, options) => {
|
|
15
14
|
const valueProp = options.usesDtcg ? '$value' : 'value';
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
throw new Error(`duration token value must be an object with "value" and "unit" properties (W3C DTCG format). Invalid token: ${token.name} with value: ${JSON.stringify(tokenValue)}`);
|
|
15
|
+
// throw an error if token value is not a string or does not end with `ms`
|
|
16
|
+
if (typeof token[valueProp] !== `string` || !(token[valueProp].endsWith(`ms`) || token[valueProp].endsWith(`s`))) {
|
|
17
|
+
throw new Error(`duration token value must be a string with an "ms" || "s" unit, invalid token: ${token.name} with value: ${token[valueProp]}`);
|
|
20
18
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
|
|
28
|
-
throw new Error(`duration token value must be a finite, non-negative number, invalid token: ${token.name} with value: ${value}`);
|
|
29
|
-
}
|
|
30
|
-
// Convert ms >= 1000 to seconds for cleaner output
|
|
31
|
-
if (unit === 'ms' && value >= 1000) {
|
|
32
|
-
return `${value / 1000}s`;
|
|
19
|
+
// get value
|
|
20
|
+
let value = parseInt(token[valueProp].replace('ms', ''));
|
|
21
|
+
let unit = `ms`;
|
|
22
|
+
if (value >= 1000) {
|
|
23
|
+
value = value / 1000;
|
|
24
|
+
unit = `s`;
|
|
33
25
|
}
|
|
26
|
+
// return value
|
|
34
27
|
return `${value}${unit}`;
|
|
35
28
|
},
|
|
36
29
|
};
|
|
@@ -4,20 +4,14 @@
|
|
|
4
4
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
5
5
|
"isSource": true,
|
|
6
6
|
"original": {
|
|
7
|
-
"$value":
|
|
8
|
-
"value": 0,
|
|
9
|
-
"unit": "ms"
|
|
10
|
-
},
|
|
7
|
+
"$value": "0ms",
|
|
11
8
|
"$type": "duration",
|
|
12
9
|
"key": "{base.duration.0}"
|
|
13
10
|
},
|
|
14
11
|
"name": "base-duration-0",
|
|
15
12
|
"attributes": {},
|
|
16
13
|
"path": ["base", "duration", "0"],
|
|
17
|
-
"value":
|
|
18
|
-
"value": 0,
|
|
19
|
-
"unit": "ms"
|
|
20
|
-
},
|
|
14
|
+
"value": "0ms",
|
|
21
15
|
"type": "duration"
|
|
22
16
|
},
|
|
23
17
|
"base-duration-100": {
|
|
@@ -25,20 +19,14 @@
|
|
|
25
19
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
26
20
|
"isSource": true,
|
|
27
21
|
"original": {
|
|
28
|
-
"$value":
|
|
29
|
-
"value": 100,
|
|
30
|
-
"unit": "ms"
|
|
31
|
-
},
|
|
22
|
+
"$value": "100ms",
|
|
32
23
|
"$type": "duration",
|
|
33
24
|
"key": "{base.duration.100}"
|
|
34
25
|
},
|
|
35
26
|
"name": "base-duration-100",
|
|
36
27
|
"attributes": {},
|
|
37
28
|
"path": ["base", "duration", "100"],
|
|
38
|
-
"value":
|
|
39
|
-
"value": 100,
|
|
40
|
-
"unit": "ms"
|
|
41
|
-
},
|
|
29
|
+
"value": "100ms",
|
|
42
30
|
"type": "duration"
|
|
43
31
|
},
|
|
44
32
|
"base-duration-1000": {
|
|
@@ -46,20 +34,14 @@
|
|
|
46
34
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
47
35
|
"isSource": true,
|
|
48
36
|
"original": {
|
|
49
|
-
"$value":
|
|
50
|
-
"value": 1000,
|
|
51
|
-
"unit": "ms"
|
|
52
|
-
},
|
|
37
|
+
"$value": "1000ms",
|
|
53
38
|
"$type": "duration",
|
|
54
39
|
"key": "{base.duration.1000}"
|
|
55
40
|
},
|
|
56
41
|
"name": "base-duration-1000",
|
|
57
42
|
"attributes": {},
|
|
58
43
|
"path": ["base", "duration", "1000"],
|
|
59
|
-
"value":
|
|
60
|
-
"value": 1000,
|
|
61
|
-
"unit": "ms"
|
|
62
|
-
},
|
|
44
|
+
"value": "1000ms",
|
|
63
45
|
"type": "duration"
|
|
64
46
|
},
|
|
65
47
|
"base-duration-200": {
|
|
@@ -67,20 +49,14 @@
|
|
|
67
49
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
68
50
|
"isSource": true,
|
|
69
51
|
"original": {
|
|
70
|
-
"$value":
|
|
71
|
-
"value": 200,
|
|
72
|
-
"unit": "ms"
|
|
73
|
-
},
|
|
52
|
+
"$value": "200ms",
|
|
74
53
|
"$type": "duration",
|
|
75
54
|
"key": "{base.duration.200}"
|
|
76
55
|
},
|
|
77
56
|
"name": "base-duration-200",
|
|
78
57
|
"attributes": {},
|
|
79
58
|
"path": ["base", "duration", "200"],
|
|
80
|
-
"value":
|
|
81
|
-
"value": 200,
|
|
82
|
-
"unit": "ms"
|
|
83
|
-
},
|
|
59
|
+
"value": "200ms",
|
|
84
60
|
"type": "duration"
|
|
85
61
|
},
|
|
86
62
|
"base-duration-300": {
|
|
@@ -88,20 +64,14 @@
|
|
|
88
64
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
89
65
|
"isSource": true,
|
|
90
66
|
"original": {
|
|
91
|
-
"$value":
|
|
92
|
-
"value": 300,
|
|
93
|
-
"unit": "ms"
|
|
94
|
-
},
|
|
67
|
+
"$value": "300ms",
|
|
95
68
|
"$type": "duration",
|
|
96
69
|
"key": "{base.duration.300}"
|
|
97
70
|
},
|
|
98
71
|
"name": "base-duration-300",
|
|
99
72
|
"attributes": {},
|
|
100
73
|
"path": ["base", "duration", "300"],
|
|
101
|
-
"value":
|
|
102
|
-
"value": 300,
|
|
103
|
-
"unit": "ms"
|
|
104
|
-
},
|
|
74
|
+
"value": "300ms",
|
|
105
75
|
"type": "duration"
|
|
106
76
|
},
|
|
107
77
|
"base-duration-400": {
|
|
@@ -109,20 +79,14 @@
|
|
|
109
79
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
110
80
|
"isSource": true,
|
|
111
81
|
"original": {
|
|
112
|
-
"$value":
|
|
113
|
-
"value": 400,
|
|
114
|
-
"unit": "ms"
|
|
115
|
-
},
|
|
82
|
+
"$value": "400ms",
|
|
116
83
|
"$type": "duration",
|
|
117
84
|
"key": "{base.duration.400}"
|
|
118
85
|
},
|
|
119
86
|
"name": "base-duration-400",
|
|
120
87
|
"attributes": {},
|
|
121
88
|
"path": ["base", "duration", "400"],
|
|
122
|
-
"value":
|
|
123
|
-
"value": 400,
|
|
124
|
-
"unit": "ms"
|
|
125
|
-
},
|
|
89
|
+
"value": "400ms",
|
|
126
90
|
"type": "duration"
|
|
127
91
|
},
|
|
128
92
|
"base-duration-50": {
|
|
@@ -130,20 +94,14 @@
|
|
|
130
94
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
131
95
|
"isSource": true,
|
|
132
96
|
"original": {
|
|
133
|
-
"$value":
|
|
134
|
-
"value": 50,
|
|
135
|
-
"unit": "ms"
|
|
136
|
-
},
|
|
97
|
+
"$value": "50ms",
|
|
137
98
|
"$type": "duration",
|
|
138
99
|
"key": "{base.duration.50}"
|
|
139
100
|
},
|
|
140
101
|
"name": "base-duration-50",
|
|
141
102
|
"attributes": {},
|
|
142
103
|
"path": ["base", "duration", "50"],
|
|
143
|
-
"value":
|
|
144
|
-
"value": 50,
|
|
145
|
-
"unit": "ms"
|
|
146
|
-
},
|
|
104
|
+
"value": "50ms",
|
|
147
105
|
"type": "duration"
|
|
148
106
|
},
|
|
149
107
|
"base-duration-500": {
|
|
@@ -151,20 +109,14 @@
|
|
|
151
109
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
152
110
|
"isSource": true,
|
|
153
111
|
"original": {
|
|
154
|
-
"$value":
|
|
155
|
-
"value": 500,
|
|
156
|
-
"unit": "ms"
|
|
157
|
-
},
|
|
112
|
+
"$value": "500ms",
|
|
158
113
|
"$type": "duration",
|
|
159
114
|
"key": "{base.duration.500}"
|
|
160
115
|
},
|
|
161
116
|
"name": "base-duration-500",
|
|
162
117
|
"attributes": {},
|
|
163
118
|
"path": ["base", "duration", "500"],
|
|
164
|
-
"value":
|
|
165
|
-
"value": 500,
|
|
166
|
-
"unit": "ms"
|
|
167
|
-
},
|
|
119
|
+
"value": "500ms",
|
|
168
120
|
"type": "duration"
|
|
169
121
|
},
|
|
170
122
|
"base-duration-600": {
|
|
@@ -172,20 +124,14 @@
|
|
|
172
124
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
173
125
|
"isSource": true,
|
|
174
126
|
"original": {
|
|
175
|
-
"$value":
|
|
176
|
-
"value": 600,
|
|
177
|
-
"unit": "ms"
|
|
178
|
-
},
|
|
127
|
+
"$value": "600ms",
|
|
179
128
|
"$type": "duration",
|
|
180
129
|
"key": "{base.duration.600}"
|
|
181
130
|
},
|
|
182
131
|
"name": "base-duration-600",
|
|
183
132
|
"attributes": {},
|
|
184
133
|
"path": ["base", "duration", "600"],
|
|
185
|
-
"value":
|
|
186
|
-
"value": 600,
|
|
187
|
-
"unit": "ms"
|
|
188
|
-
},
|
|
134
|
+
"value": "600ms",
|
|
189
135
|
"type": "duration"
|
|
190
136
|
},
|
|
191
137
|
"base-duration-700": {
|
|
@@ -193,20 +139,14 @@
|
|
|
193
139
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
194
140
|
"isSource": true,
|
|
195
141
|
"original": {
|
|
196
|
-
"$value":
|
|
197
|
-
"value": 700,
|
|
198
|
-
"unit": "ms"
|
|
199
|
-
},
|
|
142
|
+
"$value": "700ms",
|
|
200
143
|
"$type": "duration",
|
|
201
144
|
"key": "{base.duration.700}"
|
|
202
145
|
},
|
|
203
146
|
"name": "base-duration-700",
|
|
204
147
|
"attributes": {},
|
|
205
148
|
"path": ["base", "duration", "700"],
|
|
206
|
-
"value":
|
|
207
|
-
"value": 700,
|
|
208
|
-
"unit": "ms"
|
|
209
|
-
},
|
|
149
|
+
"value": "700ms",
|
|
210
150
|
"type": "duration"
|
|
211
151
|
},
|
|
212
152
|
"base-duration-800": {
|
|
@@ -214,20 +154,14 @@
|
|
|
214
154
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
215
155
|
"isSource": true,
|
|
216
156
|
"original": {
|
|
217
|
-
"$value":
|
|
218
|
-
"value": 800,
|
|
219
|
-
"unit": "ms"
|
|
220
|
-
},
|
|
157
|
+
"$value": "800ms",
|
|
221
158
|
"$type": "duration",
|
|
222
159
|
"key": "{base.duration.800}"
|
|
223
160
|
},
|
|
224
161
|
"name": "base-duration-800",
|
|
225
162
|
"attributes": {},
|
|
226
163
|
"path": ["base", "duration", "800"],
|
|
227
|
-
"value":
|
|
228
|
-
"value": 800,
|
|
229
|
-
"unit": "ms"
|
|
230
|
-
},
|
|
164
|
+
"value": "800ms",
|
|
231
165
|
"type": "duration"
|
|
232
166
|
},
|
|
233
167
|
"base-duration-900": {
|
|
@@ -235,20 +169,14 @@
|
|
|
235
169
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
236
170
|
"isSource": true,
|
|
237
171
|
"original": {
|
|
238
|
-
"$value":
|
|
239
|
-
"value": 900,
|
|
240
|
-
"unit": "ms"
|
|
241
|
-
},
|
|
172
|
+
"$value": "900ms",
|
|
242
173
|
"$type": "duration",
|
|
243
174
|
"key": "{base.duration.900}"
|
|
244
175
|
},
|
|
245
176
|
"name": "base-duration-900",
|
|
246
177
|
"attributes": {},
|
|
247
178
|
"path": ["base", "duration", "900"],
|
|
248
|
-
"value":
|
|
249
|
-
"value": 900,
|
|
250
|
-
"unit": "ms"
|
|
251
|
-
},
|
|
179
|
+
"value": "900ms",
|
|
252
180
|
"type": "duration"
|
|
253
181
|
},
|
|
254
182
|
"base-easing-ease": {
|
|
@@ -4,52 +4,16 @@
|
|
|
4
4
|
"--base-easing-easeIn": [0.7, 0.1, 0.75, 0.9],
|
|
5
5
|
"--base-easing-easeOut": [0.3, 0.8, 0.6, 1],
|
|
6
6
|
"--base-easing-easeInOut": [0.6, 0, 0.2, 1],
|
|
7
|
-
"--base-duration-0":
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"--base-duration-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"--base-duration-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"--base-duration-200": {
|
|
20
|
-
"value": 200,
|
|
21
|
-
"unit": "ms"
|
|
22
|
-
},
|
|
23
|
-
"--base-duration-300": {
|
|
24
|
-
"value": 300,
|
|
25
|
-
"unit": "ms"
|
|
26
|
-
},
|
|
27
|
-
"--base-duration-400": {
|
|
28
|
-
"value": 400,
|
|
29
|
-
"unit": "ms"
|
|
30
|
-
},
|
|
31
|
-
"--base-duration-500": {
|
|
32
|
-
"value": 500,
|
|
33
|
-
"unit": "ms"
|
|
34
|
-
},
|
|
35
|
-
"--base-duration-600": {
|
|
36
|
-
"value": 600,
|
|
37
|
-
"unit": "ms"
|
|
38
|
-
},
|
|
39
|
-
"--base-duration-700": {
|
|
40
|
-
"value": 700,
|
|
41
|
-
"unit": "ms"
|
|
42
|
-
},
|
|
43
|
-
"--base-duration-800": {
|
|
44
|
-
"value": 800,
|
|
45
|
-
"unit": "ms"
|
|
46
|
-
},
|
|
47
|
-
"--base-duration-900": {
|
|
48
|
-
"value": 900,
|
|
49
|
-
"unit": "ms"
|
|
50
|
-
},
|
|
51
|
-
"--base-duration-1000": {
|
|
52
|
-
"value": 1000,
|
|
53
|
-
"unit": "ms"
|
|
54
|
-
}
|
|
7
|
+
"--base-duration-0": "0ms",
|
|
8
|
+
"--base-duration-50": "50ms",
|
|
9
|
+
"--base-duration-100": "100ms",
|
|
10
|
+
"--base-duration-200": "200ms",
|
|
11
|
+
"--base-duration-300": "300ms",
|
|
12
|
+
"--base-duration-400": "400ms",
|
|
13
|
+
"--base-duration-500": "500ms",
|
|
14
|
+
"--base-duration-600": "600ms",
|
|
15
|
+
"--base-duration-700": "700ms",
|
|
16
|
+
"--base-duration-800": "800ms",
|
|
17
|
+
"--base-duration-900": "900ms",
|
|
18
|
+
"--base-duration-1000": "1000ms"
|
|
55
19
|
}
|
|
@@ -1,18 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"base-duration-0": {
|
|
3
3
|
"key": "{base.duration.0}",
|
|
4
|
-
"$value":
|
|
5
|
-
"value": 0,
|
|
6
|
-
"unit": "ms"
|
|
7
|
-
},
|
|
4
|
+
"$value": "0ms",
|
|
8
5
|
"$type": "duration",
|
|
9
6
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
10
7
|
"isSource": true,
|
|
11
8
|
"original": {
|
|
12
|
-
"$value":
|
|
13
|
-
"value": 0,
|
|
14
|
-
"unit": "ms"
|
|
15
|
-
},
|
|
9
|
+
"$value": "0ms",
|
|
16
10
|
"$type": "duration",
|
|
17
11
|
"key": "{base.duration.0}"
|
|
18
12
|
},
|
|
@@ -22,18 +16,12 @@
|
|
|
22
16
|
},
|
|
23
17
|
"base-duration-100": {
|
|
24
18
|
"key": "{base.duration.100}",
|
|
25
|
-
"$value":
|
|
26
|
-
"value": 100,
|
|
27
|
-
"unit": "ms"
|
|
28
|
-
},
|
|
19
|
+
"$value": "100ms",
|
|
29
20
|
"$type": "duration",
|
|
30
21
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
31
22
|
"isSource": true,
|
|
32
23
|
"original": {
|
|
33
|
-
"$value":
|
|
34
|
-
"value": 100,
|
|
35
|
-
"unit": "ms"
|
|
36
|
-
},
|
|
24
|
+
"$value": "100ms",
|
|
37
25
|
"$type": "duration",
|
|
38
26
|
"key": "{base.duration.100}"
|
|
39
27
|
},
|
|
@@ -43,18 +31,12 @@
|
|
|
43
31
|
},
|
|
44
32
|
"base-duration-1000": {
|
|
45
33
|
"key": "{base.duration.1000}",
|
|
46
|
-
"$value":
|
|
47
|
-
"value": 1000,
|
|
48
|
-
"unit": "ms"
|
|
49
|
-
},
|
|
34
|
+
"$value": "1000ms",
|
|
50
35
|
"$type": "duration",
|
|
51
36
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
52
37
|
"isSource": true,
|
|
53
38
|
"original": {
|
|
54
|
-
"$value":
|
|
55
|
-
"value": 1000,
|
|
56
|
-
"unit": "ms"
|
|
57
|
-
},
|
|
39
|
+
"$value": "1000ms",
|
|
58
40
|
"$type": "duration",
|
|
59
41
|
"key": "{base.duration.1000}"
|
|
60
42
|
},
|
|
@@ -64,18 +46,12 @@
|
|
|
64
46
|
},
|
|
65
47
|
"base-duration-200": {
|
|
66
48
|
"key": "{base.duration.200}",
|
|
67
|
-
"$value":
|
|
68
|
-
"value": 200,
|
|
69
|
-
"unit": "ms"
|
|
70
|
-
},
|
|
49
|
+
"$value": "200ms",
|
|
71
50
|
"$type": "duration",
|
|
72
51
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
73
52
|
"isSource": true,
|
|
74
53
|
"original": {
|
|
75
|
-
"$value":
|
|
76
|
-
"value": 200,
|
|
77
|
-
"unit": "ms"
|
|
78
|
-
},
|
|
54
|
+
"$value": "200ms",
|
|
79
55
|
"$type": "duration",
|
|
80
56
|
"key": "{base.duration.200}"
|
|
81
57
|
},
|
|
@@ -85,18 +61,12 @@
|
|
|
85
61
|
},
|
|
86
62
|
"base-duration-300": {
|
|
87
63
|
"key": "{base.duration.300}",
|
|
88
|
-
"$value":
|
|
89
|
-
"value": 300,
|
|
90
|
-
"unit": "ms"
|
|
91
|
-
},
|
|
64
|
+
"$value": "300ms",
|
|
92
65
|
"$type": "duration",
|
|
93
66
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
94
67
|
"isSource": true,
|
|
95
68
|
"original": {
|
|
96
|
-
"$value":
|
|
97
|
-
"value": 300,
|
|
98
|
-
"unit": "ms"
|
|
99
|
-
},
|
|
69
|
+
"$value": "300ms",
|
|
100
70
|
"$type": "duration",
|
|
101
71
|
"key": "{base.duration.300}"
|
|
102
72
|
},
|
|
@@ -106,18 +76,12 @@
|
|
|
106
76
|
},
|
|
107
77
|
"base-duration-400": {
|
|
108
78
|
"key": "{base.duration.400}",
|
|
109
|
-
"$value":
|
|
110
|
-
"value": 400,
|
|
111
|
-
"unit": "ms"
|
|
112
|
-
},
|
|
79
|
+
"$value": "400ms",
|
|
113
80
|
"$type": "duration",
|
|
114
81
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
115
82
|
"isSource": true,
|
|
116
83
|
"original": {
|
|
117
|
-
"$value":
|
|
118
|
-
"value": 400,
|
|
119
|
-
"unit": "ms"
|
|
120
|
-
},
|
|
84
|
+
"$value": "400ms",
|
|
121
85
|
"$type": "duration",
|
|
122
86
|
"key": "{base.duration.400}"
|
|
123
87
|
},
|
|
@@ -127,18 +91,12 @@
|
|
|
127
91
|
},
|
|
128
92
|
"base-duration-50": {
|
|
129
93
|
"key": "{base.duration.50}",
|
|
130
|
-
"$value":
|
|
131
|
-
"value": 50,
|
|
132
|
-
"unit": "ms"
|
|
133
|
-
},
|
|
94
|
+
"$value": "50ms",
|
|
134
95
|
"$type": "duration",
|
|
135
96
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
136
97
|
"isSource": true,
|
|
137
98
|
"original": {
|
|
138
|
-
"$value":
|
|
139
|
-
"value": 50,
|
|
140
|
-
"unit": "ms"
|
|
141
|
-
},
|
|
99
|
+
"$value": "50ms",
|
|
142
100
|
"$type": "duration",
|
|
143
101
|
"key": "{base.duration.50}"
|
|
144
102
|
},
|
|
@@ -148,18 +106,12 @@
|
|
|
148
106
|
},
|
|
149
107
|
"base-duration-500": {
|
|
150
108
|
"key": "{base.duration.500}",
|
|
151
|
-
"$value":
|
|
152
|
-
"value": 500,
|
|
153
|
-
"unit": "ms"
|
|
154
|
-
},
|
|
109
|
+
"$value": "500ms",
|
|
155
110
|
"$type": "duration",
|
|
156
111
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
157
112
|
"isSource": true,
|
|
158
113
|
"original": {
|
|
159
|
-
"$value":
|
|
160
|
-
"value": 500,
|
|
161
|
-
"unit": "ms"
|
|
162
|
-
},
|
|
114
|
+
"$value": "500ms",
|
|
163
115
|
"$type": "duration",
|
|
164
116
|
"key": "{base.duration.500}"
|
|
165
117
|
},
|
|
@@ -169,18 +121,12 @@
|
|
|
169
121
|
},
|
|
170
122
|
"base-duration-600": {
|
|
171
123
|
"key": "{base.duration.600}",
|
|
172
|
-
"$value":
|
|
173
|
-
"value": 600,
|
|
174
|
-
"unit": "ms"
|
|
175
|
-
},
|
|
124
|
+
"$value": "600ms",
|
|
176
125
|
"$type": "duration",
|
|
177
126
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
178
127
|
"isSource": true,
|
|
179
128
|
"original": {
|
|
180
|
-
"$value":
|
|
181
|
-
"value": 600,
|
|
182
|
-
"unit": "ms"
|
|
183
|
-
},
|
|
129
|
+
"$value": "600ms",
|
|
184
130
|
"$type": "duration",
|
|
185
131
|
"key": "{base.duration.600}"
|
|
186
132
|
},
|
|
@@ -190,18 +136,12 @@
|
|
|
190
136
|
},
|
|
191
137
|
"base-duration-700": {
|
|
192
138
|
"key": "{base.duration.700}",
|
|
193
|
-
"$value":
|
|
194
|
-
"value": 700,
|
|
195
|
-
"unit": "ms"
|
|
196
|
-
},
|
|
139
|
+
"$value": "700ms",
|
|
197
140
|
"$type": "duration",
|
|
198
141
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
199
142
|
"isSource": true,
|
|
200
143
|
"original": {
|
|
201
|
-
"$value":
|
|
202
|
-
"value": 700,
|
|
203
|
-
"unit": "ms"
|
|
204
|
-
},
|
|
144
|
+
"$value": "700ms",
|
|
205
145
|
"$type": "duration",
|
|
206
146
|
"key": "{base.duration.700}"
|
|
207
147
|
},
|
|
@@ -211,18 +151,12 @@
|
|
|
211
151
|
},
|
|
212
152
|
"base-duration-800": {
|
|
213
153
|
"key": "{base.duration.800}",
|
|
214
|
-
"$value":
|
|
215
|
-
"value": 800,
|
|
216
|
-
"unit": "ms"
|
|
217
|
-
},
|
|
154
|
+
"$value": "800ms",
|
|
218
155
|
"$type": "duration",
|
|
219
156
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
220
157
|
"isSource": true,
|
|
221
158
|
"original": {
|
|
222
|
-
"$value":
|
|
223
|
-
"value": 800,
|
|
224
|
-
"unit": "ms"
|
|
225
|
-
},
|
|
159
|
+
"$value": "800ms",
|
|
226
160
|
"$type": "duration",
|
|
227
161
|
"key": "{base.duration.800}"
|
|
228
162
|
},
|
|
@@ -232,18 +166,12 @@
|
|
|
232
166
|
},
|
|
233
167
|
"base-duration-900": {
|
|
234
168
|
"key": "{base.duration.900}",
|
|
235
|
-
"$value":
|
|
236
|
-
"value": 900,
|
|
237
|
-
"unit": "ms"
|
|
238
|
-
},
|
|
169
|
+
"$value": "900ms",
|
|
239
170
|
"$type": "duration",
|
|
240
171
|
"filePath": "src/tokens/base/motion/timing.json5",
|
|
241
172
|
"isSource": true,
|
|
242
173
|
"original": {
|
|
243
|
-
"$value":
|
|
244
|
-
"value": 900,
|
|
245
|
-
"unit": "ms"
|
|
246
|
-
},
|
|
174
|
+
"$value": "900ms",
|
|
247
175
|
"$type": "duration",
|
|
248
176
|
"key": "{base.duration.900}"
|
|
249
177
|
},
|
package/package.json
CHANGED
|
@@ -2,51 +2,51 @@
|
|
|
2
2
|
base: {
|
|
3
3
|
duration: {
|
|
4
4
|
'0': {
|
|
5
|
-
$value:
|
|
5
|
+
$value: '0ms',
|
|
6
6
|
$type: 'duration',
|
|
7
7
|
},
|
|
8
8
|
'50': {
|
|
9
|
-
$value:
|
|
9
|
+
$value: '50ms',
|
|
10
10
|
$type: 'duration',
|
|
11
11
|
},
|
|
12
12
|
'100': {
|
|
13
|
-
$value:
|
|
13
|
+
$value: '100ms',
|
|
14
14
|
$type: 'duration',
|
|
15
15
|
},
|
|
16
16
|
'200': {
|
|
17
|
-
$value:
|
|
17
|
+
$value: '200ms',
|
|
18
18
|
$type: 'duration',
|
|
19
19
|
},
|
|
20
20
|
'300': {
|
|
21
|
-
$value:
|
|
21
|
+
$value: '300ms',
|
|
22
22
|
$type: 'duration',
|
|
23
23
|
},
|
|
24
24
|
'400': {
|
|
25
|
-
$value:
|
|
25
|
+
$value: '400ms',
|
|
26
26
|
$type: 'duration',
|
|
27
27
|
},
|
|
28
28
|
'500': {
|
|
29
|
-
$value:
|
|
29
|
+
$value: '500ms',
|
|
30
30
|
$type: 'duration',
|
|
31
31
|
},
|
|
32
32
|
'600': {
|
|
33
|
-
$value:
|
|
33
|
+
$value: '600ms',
|
|
34
34
|
$type: 'duration',
|
|
35
35
|
},
|
|
36
36
|
'700': {
|
|
37
|
-
$value:
|
|
37
|
+
$value: '700ms',
|
|
38
38
|
$type: 'duration',
|
|
39
39
|
},
|
|
40
40
|
'800': {
|
|
41
|
-
$value:
|
|
41
|
+
$value: '800ms',
|
|
42
42
|
$type: 'duration',
|
|
43
43
|
},
|
|
44
44
|
'900': {
|
|
45
|
-
$value:
|
|
45
|
+
$value: '900ms',
|
|
46
46
|
$type: 'duration',
|
|
47
47
|
},
|
|
48
48
|
'1000': {
|
|
49
|
-
$value:
|
|
49
|
+
$value: '1000ms',
|
|
50
50
|
$type: 'duration',
|
|
51
51
|
},
|
|
52
52
|
},
|