framer-motion 8.1.0 → 8.1.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.
- package/dist/cjs/index.js +8 -8
- package/dist/es/animation/legacy-popmotion/index.mjs +6 -6
- package/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/value/index.mjs +1 -1
- package/dist/framer-motion.dev.js +8 -8
- package/dist/framer-motion.js +1 -1
- package/dist/projection.dev.js +8 -8
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/size-webpack-dom-animation.js +1 -1
- package/dist/size-webpack-dom-max.js +1 -1
- package/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -2061,7 +2061,7 @@ class MotionValue {
|
|
|
2061
2061
|
* This will be replaced by the build step with the latest version number.
|
|
2062
2062
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
2063
2063
|
*/
|
|
2064
|
-
this.version = "8.1.
|
|
2064
|
+
this.version = "8.1.1";
|
|
2065
2065
|
/**
|
|
2066
2066
|
* Duration, in milliseconds, since last updating frame.
|
|
2067
2067
|
*
|
|
@@ -3482,7 +3482,7 @@ const framesync = (update) => {
|
|
|
3482
3482
|
stop: () => cancelSync.update(passTimestamp),
|
|
3483
3483
|
};
|
|
3484
3484
|
};
|
|
3485
|
-
function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
3485
|
+
function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
3486
3486
|
var _a, _b;
|
|
3487
3487
|
let driverControls;
|
|
3488
3488
|
let repeatCount = 0;
|
|
@@ -3491,19 +3491,19 @@ function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMa
|
|
|
3491
3491
|
let isComplete = false;
|
|
3492
3492
|
let isForwardPlayback = true;
|
|
3493
3493
|
let interpolateFromNumber;
|
|
3494
|
-
const animator = types[keyframes.length > 2 ? "keyframes" : type];
|
|
3495
|
-
const origin = keyframes[0];
|
|
3496
|
-
const target = keyframes[keyframes.length - 1];
|
|
3494
|
+
const animator = types[keyframes$1.length > 2 ? "keyframes" : type] || keyframes;
|
|
3495
|
+
const origin = keyframes$1[0];
|
|
3496
|
+
const target = keyframes$1[keyframes$1.length - 1];
|
|
3497
3497
|
if ((_b = (_a = animator).needsInterpolation) === null || _b === void 0 ? void 0 : _b.call(_a, origin, target)) {
|
|
3498
3498
|
interpolateFromNumber = interpolate([0, 100], [origin, target], {
|
|
3499
3499
|
clamp: false,
|
|
3500
3500
|
});
|
|
3501
|
-
keyframes = [0, 100];
|
|
3501
|
+
keyframes$1 = [0, 100];
|
|
3502
3502
|
}
|
|
3503
3503
|
const animation = animator({
|
|
3504
3504
|
...options,
|
|
3505
3505
|
duration,
|
|
3506
|
-
keyframes,
|
|
3506
|
+
keyframes: keyframes$1,
|
|
3507
3507
|
});
|
|
3508
3508
|
function repeat() {
|
|
3509
3509
|
repeatCount++;
|
|
@@ -5880,7 +5880,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
5880
5880
|
* and warn against mismatches.
|
|
5881
5881
|
*/
|
|
5882
5882
|
if (process.env.NODE_ENV === "development") {
|
|
5883
|
-
warnOnce(nextValue.version === "8.1.
|
|
5883
|
+
warnOnce(nextValue.version === "8.1.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.1.1 may not work as expected.`);
|
|
5884
5884
|
}
|
|
5885
5885
|
}
|
|
5886
5886
|
else if (isMotionValue(prevValue)) {
|
|
@@ -28,7 +28,7 @@ const framesync = (update) => {
|
|
|
28
28
|
stop: () => cancelSync.update(passTimestamp),
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
|
-
function animate({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
31
|
+
function animate({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
32
32
|
var _a, _b;
|
|
33
33
|
let driverControls;
|
|
34
34
|
let repeatCount = 0;
|
|
@@ -37,19 +37,19 @@ function animate({ duration, driver = framesync, elapsed = 0, repeat: repeatMax
|
|
|
37
37
|
let isComplete = false;
|
|
38
38
|
let isForwardPlayback = true;
|
|
39
39
|
let interpolateFromNumber;
|
|
40
|
-
const animator = types[keyframes.length > 2 ? "keyframes" : type];
|
|
41
|
-
const origin = keyframes[0];
|
|
42
|
-
const target = keyframes[keyframes.length - 1];
|
|
40
|
+
const animator = types[keyframes$1.length > 2 ? "keyframes" : type] || keyframes;
|
|
41
|
+
const origin = keyframes$1[0];
|
|
42
|
+
const target = keyframes$1[keyframes$1.length - 1];
|
|
43
43
|
if ((_b = (_a = animator).needsInterpolation) === null || _b === void 0 ? void 0 : _b.call(_a, origin, target)) {
|
|
44
44
|
interpolateFromNumber = interpolate([0, 100], [origin, target], {
|
|
45
45
|
clamp: false,
|
|
46
46
|
});
|
|
47
|
-
keyframes = [0, 100];
|
|
47
|
+
keyframes$1 = [0, 100];
|
|
48
48
|
}
|
|
49
49
|
const animation = animator({
|
|
50
50
|
...options,
|
|
51
51
|
duration,
|
|
52
|
-
keyframes,
|
|
52
|
+
keyframes: keyframes$1,
|
|
53
53
|
});
|
|
54
54
|
function repeat() {
|
|
55
55
|
repeatCount++;
|
|
@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
22
22
|
* and warn against mismatches.
|
|
23
23
|
*/
|
|
24
24
|
if (process.env.NODE_ENV === "development") {
|
|
25
|
-
warnOnce(nextValue.version === "8.1.
|
|
25
|
+
warnOnce(nextValue.version === "8.1.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.1.1 may not work as expected.`);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
else if (isMotionValue(prevValue)) {
|
package/dist/es/value/index.mjs
CHANGED
|
@@ -25,7 +25,7 @@ class MotionValue {
|
|
|
25
25
|
* This will be replaced by the build step with the latest version number.
|
|
26
26
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
27
27
|
*/
|
|
28
|
-
this.version = "8.1.
|
|
28
|
+
this.version = "8.1.1";
|
|
29
29
|
/**
|
|
30
30
|
* Duration, in milliseconds, since last updating frame.
|
|
31
31
|
*
|
|
@@ -2059,7 +2059,7 @@
|
|
|
2059
2059
|
* This will be replaced by the build step with the latest version number.
|
|
2060
2060
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
2061
2061
|
*/
|
|
2062
|
-
this.version = "8.1.
|
|
2062
|
+
this.version = "8.1.1";
|
|
2063
2063
|
/**
|
|
2064
2064
|
* Duration, in milliseconds, since last updating frame.
|
|
2065
2065
|
*
|
|
@@ -3495,7 +3495,7 @@
|
|
|
3495
3495
|
stop: () => cancelSync.update(passTimestamp),
|
|
3496
3496
|
};
|
|
3497
3497
|
};
|
|
3498
|
-
function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
3498
|
+
function animate$1({ duration, driver = framesync, elapsed = 0, repeat: repeatMax = 0, repeatType = "loop", repeatDelay = 0, keyframes: keyframes$1, autoplay = true, onPlay, onStop, onComplete, onRepeat, onUpdate, type = "keyframes", ...options }) {
|
|
3499
3499
|
var _a, _b;
|
|
3500
3500
|
let driverControls;
|
|
3501
3501
|
let repeatCount = 0;
|
|
@@ -3504,19 +3504,19 @@
|
|
|
3504
3504
|
let isComplete = false;
|
|
3505
3505
|
let isForwardPlayback = true;
|
|
3506
3506
|
let interpolateFromNumber;
|
|
3507
|
-
const animator = types[keyframes.length > 2 ? "keyframes" : type];
|
|
3508
|
-
const origin = keyframes[0];
|
|
3509
|
-
const target = keyframes[keyframes.length - 1];
|
|
3507
|
+
const animator = types[keyframes$1.length > 2 ? "keyframes" : type] || keyframes;
|
|
3508
|
+
const origin = keyframes$1[0];
|
|
3509
|
+
const target = keyframes$1[keyframes$1.length - 1];
|
|
3510
3510
|
if ((_b = (_a = animator).needsInterpolation) === null || _b === void 0 ? void 0 : _b.call(_a, origin, target)) {
|
|
3511
3511
|
interpolateFromNumber = interpolate$1([0, 100], [origin, target], {
|
|
3512
3512
|
clamp: false,
|
|
3513
3513
|
});
|
|
3514
|
-
keyframes = [0, 100];
|
|
3514
|
+
keyframes$1 = [0, 100];
|
|
3515
3515
|
}
|
|
3516
3516
|
const animation = animator({
|
|
3517
3517
|
...options,
|
|
3518
3518
|
duration,
|
|
3519
|
-
keyframes,
|
|
3519
|
+
keyframes: keyframes$1,
|
|
3520
3520
|
});
|
|
3521
3521
|
function repeat() {
|
|
3522
3522
|
repeatCount++;
|
|
@@ -5893,7 +5893,7 @@
|
|
|
5893
5893
|
* and warn against mismatches.
|
|
5894
5894
|
*/
|
|
5895
5895
|
{
|
|
5896
|
-
warnOnce(nextValue.version === "8.1.
|
|
5896
|
+
warnOnce(nextValue.version === "8.1.1", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.1.1 may not work as expected.`);
|
|
5897
5897
|
}
|
|
5898
5898
|
}
|
|
5899
5899
|
else if (isMotionValue(prevValue)) {
|