@senakster/senui-tokens 1.0.0 → 1.1.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/CHANGELOG.md +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +6 -0
- package/dist/tokens.css +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @senakster/senui-tokens
|
|
2
2
|
|
|
3
|
+
## 1.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- e1cbee4: Adds `--senui-motion-duration-rotation` (960 ms): one turn of essential continuous rotation, such as a progress spinner, and nothing else. It has no reduced-motion value: slow it with the reduce factor instead, as `calc(var(--senui-motion-duration-rotation) * (4 - 3 * var(--senui-motion-reduce)))`, so a consumer who sets `--senui-motion-reduce` to `0` slows it too. The `motion.duration` descriptions now say that colour and opacity keep their duration under reduced motion.
|
|
8
|
+
|
|
3
9
|
## 1.0.0
|
|
4
10
|
|
|
5
11
|
### Major Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -287,6 +287,12 @@ export declare const tokens: {
|
|
|
287
287
|
readonly type: "duration";
|
|
288
288
|
readonly value: "200ms";
|
|
289
289
|
};
|
|
290
|
+
readonly "motion.duration.rotation": {
|
|
291
|
+
readonly cssVar: "--senui-motion-duration-rotation";
|
|
292
|
+
readonly type: "duration";
|
|
293
|
+
readonly value: "960ms";
|
|
294
|
+
readonly description: "One turn of essential continuous rotation (a progress spinner), and nothing else. Slow it by the factor rather than stopping it: × (4 − 3 × motion.reduce) (ADR-0017, ADR-0024).";
|
|
295
|
+
};
|
|
290
296
|
readonly "motion.duration.slow": {
|
|
291
297
|
readonly cssVar: "--senui-motion-duration-slow";
|
|
292
298
|
readonly type: "duration";
|
package/dist/index.js
CHANGED
|
@@ -287,6 +287,12 @@ const tokens = {
|
|
|
287
287
|
"type": "duration",
|
|
288
288
|
"value": "200ms"
|
|
289
289
|
},
|
|
290
|
+
"motion.duration.rotation": {
|
|
291
|
+
"cssVar": "--senui-motion-duration-rotation",
|
|
292
|
+
"type": "duration",
|
|
293
|
+
"value": "960ms",
|
|
294
|
+
"description": "One turn of essential continuous rotation (a progress spinner), and nothing else. Slow it by the factor rather than stopping it: × (4 − 3 × motion.reduce) (ADR-0017, ADR-0024)."
|
|
295
|
+
},
|
|
290
296
|
"motion.duration.slow": {
|
|
291
297
|
"cssVar": "--senui-motion-duration-slow",
|
|
292
298
|
"type": "duration",
|
package/dist/tokens.css
CHANGED
|
@@ -61,6 +61,7 @@
|
|
|
61
61
|
--senui-motion-distance-sm: 4px;
|
|
62
62
|
--senui-motion-duration-fast: 120ms;
|
|
63
63
|
--senui-motion-duration-moderate: 200ms;
|
|
64
|
+
--senui-motion-duration-rotation: 960ms;
|
|
64
65
|
--senui-motion-duration-slow: 320ms;
|
|
65
66
|
--senui-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
|
|
66
67
|
--senui-motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
|
package/package.json
CHANGED