framer-motion 8.2.3 → 8.2.4

package/dist/cjs/index.js

@@ -2062,7 +2062,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.2.3";
+        this.version = "8.2.4";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -5918,7 +5918,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.3 may not work as expected.`);
+                warnOnce(nextValue.version === "8.2.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.4 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -8195,7 +8195,15 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                 if (valuesToRender[key] === undefined)
                     continue;
                 const { correct, applyTo } = scaleCorrectors[key];
-                const corrected = correct(valuesToRender[key], lead);
+                /**
+                 * Only apply scale correction to the value if we have an
+                 * active projection transform. Otherwise these values become
+                 * vulnerable to distortion if the element changes size without
+                 * a corresponding layout animation.
+                 */
+                const corrected = styles.transform === "none"
+                    ? valuesToRender[key]
+                    : correct(valuesToRender[key], lead);
                 if (applyTo) {
                     const num = applyTo.length;
                     for (let i = 0; i < num; i++) {

package/dist/es/projection/node/create-projection-node.mjs

@@ -1101,7 +1101,15 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
                 if (valuesToRender[key] === undefined)
                     continue;
                 const { correct, applyTo } = scaleCorrectors[key];
-                const corrected = correct(valuesToRender[key], lead);
+                /**
+                 * Only apply scale correction to the value if we have an
+                 * active projection transform. Otherwise these values become
+                 * vulnerable to distortion if the element changes size without
+                 * a corresponding layout animation.
+                 */
+                const corrected = styles.transform === "none"
+                    ? valuesToRender[key]
+                    : correct(valuesToRender[key], lead);
                 if (applyTo) {
                     const num = applyTo.length;
                     for (let i = 0; i < num; i++) {

package/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.3 may not work as expected.`);
+                warnOnce(nextValue.version === "8.2.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.4 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -25,7 +25,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.2.3";
+        this.version = "8.2.4";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -2060,7 +2060,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "8.2.3";
+            this.version = "8.2.4";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5931,7 +5931,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "8.2.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.3 may not work as expected.`);
+                    warnOnce(nextValue.version === "8.2.4", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.2.4 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -8207,7 +8207,15 @@
                     if (valuesToRender[key] === undefined)
                         continue;
                     const { correct, applyTo } = scaleCorrectors[key];
-                    const corrected = correct(valuesToRender[key], lead);
+                    /**
+                     * Only apply scale correction to the value if we have an
+                     * active projection transform. Otherwise these values become
+                     * vulnerable to distortion if the element changes size without
+                     * a corresponding layout animation.
+                     */
+                    const corrected = styles.transform === "none"
+                        ? valuesToRender[key]
+                        : correct(valuesToRender[key], lead);
                     if (applyTo) {
                         const num = applyTo.length;
                         for (let i = 0; i < num; i++) {