framer-motion 7.6.0 → 7.6.2-beta.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/dist/cjs/index.js +5 -3
- package/dist/es/index.mjs +2 -0
- package/dist/es/render/html/utils/build-transform.mjs +1 -1
- package/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/value/index.mjs +1 -1
- package/dist/framer-motion.dev.js +5 -3
- package/dist/framer-motion.js +1 -1
- package/dist/index.d.ts +73 -4
- package/dist/projection.dev.js +3 -3
- 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/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -524,7 +524,7 @@ const sortTransformProps = (a, b) => transformPropOrder.indexOf(a) - transformPr
|
|
|
524
524
|
* This outputs with a default order of transforms/scales/rotations, this can be customised by
|
|
525
525
|
* providing a transformTemplate function.
|
|
526
526
|
*/
|
|
527
|
-
function buildTransform({ transform, transformKeys }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
527
|
+
function buildTransform({ transform, transformKeys, }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
528
528
|
// The transform string we're going to build into.
|
|
529
529
|
let transformString = "";
|
|
530
530
|
// Transform keys into their default order - this will determine the output order.
|
|
@@ -2258,7 +2258,7 @@ class MotionValue {
|
|
|
2258
2258
|
* This will be replaced by the build step with the latest version number.
|
|
2259
2259
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
2260
2260
|
*/
|
|
2261
|
-
this.version = "7.6.0";
|
|
2261
|
+
this.version = "7.6.2-beta.0";
|
|
2262
2262
|
/**
|
|
2263
2263
|
* Duration, in milliseconds, since last updating frame.
|
|
2264
2264
|
*
|
|
@@ -4236,7 +4236,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
4236
4236
|
* and warn against mismatches.
|
|
4237
4237
|
*/
|
|
4238
4238
|
if (process.env.NODE_ENV === "development") {
|
|
4239
|
-
warnOnce(nextValue.version === "7.6.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.0 may not work as expected.`);
|
|
4239
|
+
warnOnce(nextValue.version === "7.6.2-beta.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2-beta.0 may not work as expected.`);
|
|
4240
4240
|
}
|
|
4241
4241
|
}
|
|
4242
4242
|
else if (isMotionValue(prevValue)) {
|
|
@@ -8442,6 +8442,7 @@ exports.animate = animate;
|
|
|
8442
8442
|
exports.animateVisualElement = animateVisualElement;
|
|
8443
8443
|
exports.animationControls = animationControls;
|
|
8444
8444
|
exports.animations = animations;
|
|
8445
|
+
exports.buildTransform = buildTransform;
|
|
8445
8446
|
exports.calcLength = calcLength;
|
|
8446
8447
|
exports.checkTargetForNewValues = checkTargetForNewValues;
|
|
8447
8448
|
exports.createBox = createBox;
|
|
@@ -8462,6 +8463,7 @@ exports.motion = motion;
|
|
|
8462
8463
|
exports.motionValue = motionValue;
|
|
8463
8464
|
exports.resolveMotionValue = resolveMotionValue;
|
|
8464
8465
|
exports.transform = transform;
|
|
8466
|
+
exports.transformProps = transformProps;
|
|
8465
8467
|
exports.unwrapMotionComponent = unwrapMotionComponent;
|
|
8466
8468
|
exports.useAnimation = useAnimation;
|
|
8467
8469
|
exports.useAnimationControls = useAnimationControls;
|
package/dist/es/index.mjs
CHANGED
|
@@ -42,6 +42,7 @@ export { addScaleCorrector } from './projection/styles/scale-correction.mjs';
|
|
|
42
42
|
export { useInstantTransition } from './utils/use-instant-transition.mjs';
|
|
43
43
|
export { useInstantLayoutTransition } from './projection/use-instant-layout-transition.mjs';
|
|
44
44
|
export { useResetProjection } from './projection/use-reset-projection.mjs';
|
|
45
|
+
export { transformProps } from './render/html/utils/transform.mjs';
|
|
45
46
|
export { delay } from './utils/delay.mjs';
|
|
46
47
|
export { MotionContext, useVisualElementContext } from './context/MotionContext/index.mjs';
|
|
47
48
|
export { MotionConfigContext } from './context/MotionConfigContext.mjs';
|
|
@@ -52,6 +53,7 @@ export { SwitchLayoutGroupContext } from './context/SwitchLayoutGroupContext.mjs
|
|
|
52
53
|
export { FlatTree } from './render/utils/flat-tree.mjs';
|
|
53
54
|
export { useAnimatedState as useDeprecatedAnimatedState } from './animation/use-animated-state.mjs';
|
|
54
55
|
export { useInvertedScale as useDeprecatedInvertedScale } from './value/use-inverted-scale.mjs';
|
|
56
|
+
export { buildTransform } from './render/html/utils/build-transform.mjs';
|
|
55
57
|
export { AnimationType } from './render/utils/types.mjs';
|
|
56
58
|
export { animations } from './motion/features/animations.mjs';
|
|
57
59
|
export { checkTargetForNewValues } from './render/utils/setters.mjs';
|
|
@@ -16,7 +16,7 @@ const sortTransformProps = (a, b) => transformPropOrder.indexOf(a) - transformPr
|
|
|
16
16
|
* This outputs with a default order of transforms/scales/rotations, this can be customised by
|
|
17
17
|
* providing a transformTemplate function.
|
|
18
18
|
*/
|
|
19
|
-
function buildTransform({ transform, transformKeys }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
19
|
+
function buildTransform({ transform, transformKeys, }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
20
20
|
// The transform string we're going to build into.
|
|
21
21
|
let transformString = "";
|
|
22
22
|
// Transform keys into their default order - this will determine the output order.
|
|
@@ -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 === "7.6.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.0 may not work as expected.`);
|
|
25
|
+
warnOnce(nextValue.version === "7.6.2-beta.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2-beta.0 may not work as expected.`);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
else if (isMotionValue(prevValue)) {
|
package/dist/es/value/index.mjs
CHANGED
|
@@ -24,7 +24,7 @@ class MotionValue {
|
|
|
24
24
|
* This will be replaced by the build step with the latest version number.
|
|
25
25
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
26
26
|
*/
|
|
27
|
-
this.version = "7.6.0";
|
|
27
|
+
this.version = "7.6.2-beta.0";
|
|
28
28
|
/**
|
|
29
29
|
* Duration, in milliseconds, since last updating frame.
|
|
30
30
|
*
|
|
@@ -518,7 +518,7 @@
|
|
|
518
518
|
* This outputs with a default order of transforms/scales/rotations, this can be customised by
|
|
519
519
|
* providing a transformTemplate function.
|
|
520
520
|
*/
|
|
521
|
-
function buildTransform({ transform, transformKeys }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
521
|
+
function buildTransform({ transform, transformKeys, }, { enableHardwareAcceleration = true, allowTransformNone = true, }, transformIsDefault, transformTemplate) {
|
|
522
522
|
// The transform string we're going to build into.
|
|
523
523
|
let transformString = "";
|
|
524
524
|
// Transform keys into their default order - this will determine the output order.
|
|
@@ -3426,7 +3426,7 @@
|
|
|
3426
3426
|
* This will be replaced by the build step with the latest version number.
|
|
3427
3427
|
* When MotionValues are provided to motion components, warn if versions are mixed.
|
|
3428
3428
|
*/
|
|
3429
|
-
this.version = "7.6.0";
|
|
3429
|
+
this.version = "7.6.2-beta.0";
|
|
3430
3430
|
/**
|
|
3431
3431
|
* Duration, in milliseconds, since last updating frame.
|
|
3432
3432
|
*
|
|
@@ -5404,7 +5404,7 @@
|
|
|
5404
5404
|
* and warn against mismatches.
|
|
5405
5405
|
*/
|
|
5406
5406
|
{
|
|
5407
|
-
warnOnce(nextValue.version === "7.6.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.0 may not work as expected.`);
|
|
5407
|
+
warnOnce(nextValue.version === "7.6.2-beta.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 7.6.2-beta.0 may not work as expected.`);
|
|
5408
5408
|
}
|
|
5409
5409
|
}
|
|
5410
5410
|
else if (isMotionValue(prevValue)) {
|
|
@@ -10191,6 +10191,7 @@
|
|
|
10191
10191
|
exports.animateVisualElement = animateVisualElement;
|
|
10192
10192
|
exports.animationControls = animationControls;
|
|
10193
10193
|
exports.animations = animations;
|
|
10194
|
+
exports.buildTransform = buildTransform;
|
|
10194
10195
|
exports.calcLength = calcLength;
|
|
10195
10196
|
exports.checkTargetForNewValues = checkTargetForNewValues;
|
|
10196
10197
|
exports.createBox = createBox;
|
|
@@ -10211,6 +10212,7 @@
|
|
|
10211
10212
|
exports.motionValue = motionValue;
|
|
10212
10213
|
exports.resolveMotionValue = resolveMotionValue;
|
|
10213
10214
|
exports.transform = transform;
|
|
10215
|
+
exports.transformProps = transformProps;
|
|
10214
10216
|
exports.unwrapMotionComponent = unwrapMotionComponent;
|
|
10215
10217
|
exports.useAnimation = useAnimation;
|
|
10216
10218
|
exports.useAnimationControls = useAnimationControls;
|