framer-motion 12.6.5 → 12.7.0

package/dist/cjs/client.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var create = require('./create-lh01IiO5.js');
+var create = require('./create-D7hnMOs3.js');
 require('motion-dom');
 require('motion-utils');
 require('react/jsx-runtime');

package/dist/cjs/{create-lh01IiO5.js → create-D7hnMOs3.js}

@@ -3069,13 +3069,11 @@ const asNumber = (value) => typeof value === "string" ? parseFloat(value) : valu
 const isPx = (value) => typeof value === "number" || px.test(value);
 function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {
     if (shouldCrossfadeOpacity) {
-        target.opacity = mixNumber$1(0, 
-        // TODO Reinstate this if only child
-        lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));
-        target.opacityExit = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));
+        target.opacity = mixNumber$1(0, lead.opacity ?? 1, easeCrossfadeIn(progress));
+        target.opacityExit = mixNumber$1(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));
     }
     else if (isOnlyMember) {
-        target.opacity = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);
+        target.opacity = mixNumber$1(follow.opacity ?? 1, lead.opacity ?? 1, progress);
     }
     /**
      * Mix border radius
@@ -5423,7 +5421,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                motionUtils.warnOnce(nextValue.version === "12.6.5", `Attempting to mix Motion versions ${nextValue.version} with 12.6.5 may not work as expected.`);
+                motionUtils.warnOnce(nextValue.version === "12.7.0", `Attempting to mix Motion versions ${nextValue.version} with 12.7.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -8287,7 +8285,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
     return visualElement;
 }
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = props;
+    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;
     visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"]
         ? undefined
         : getClosestProjectingNode(visualElement.parent));
@@ -8305,6 +8303,7 @@ function createProjectionNode(visualElement, props, ProjectionNodeConstructor, i
          */
         animationType: typeof layout === "string" ? layout : "both",
         initialPromotionConfig,
+        crossfade: layoutCrossfade,
         layoutScroll,
         layoutRoot,
     });

package/dist/cjs/dom.js

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

package/dist/cjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var create = require('./create-lh01IiO5.js');
+var create = require('./create-D7hnMOs3.js');
 var motionDom = require('motion-dom');
 var motionUtils = require('motion-utils');
 

package/dist/cjs/m.js

@@ -266,7 +266,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
     return visualElement;
 }
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = props;
+    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;
     visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"]
         ? undefined
         : getClosestProjectingNode(visualElement.parent));
@@ -284,6 +284,7 @@ function createProjectionNode(visualElement, props, ProjectionNodeConstructor, i
          */
         animationType: typeof layout === "string" ? layout : "both",
         initialPromotionConfig,
+        crossfade: layoutCrossfade,
         layoutScroll,
         layoutRoot,
     });

package/dist/es/motion/utils/use-visual-element.mjs

@@ -99,7 +99,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
     return visualElement;
 }
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = props;
+    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;
     visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"]
         ? undefined
         : getClosestProjectingNode(visualElement.parent));
@@ -117,6 +117,7 @@ function createProjectionNode(visualElement, props, ProjectionNodeConstructor, i
          */
         animationType: typeof layout === "string" ? layout : "both",
         initialPromotionConfig,
+        crossfade: layoutCrossfade,
         layoutScroll,
         layoutRoot,
     });

package/dist/es/projection/animation/mix-values.mjs

@@ -9,13 +9,11 @@ const asNumber = (value) => typeof value === "string" ? parseFloat(value) : valu
 const isPx = (value) => typeof value === "number" || px.test(value);
 function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {
     if (shouldCrossfadeOpacity) {
-        target.opacity = mixNumber(0, 
-        // TODO Reinstate this if only child
-        lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));
-        target.opacityExit = mixNumber(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));
+        target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress));
+        target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));
     }
     else if (isOnlyMember) {
-        target.opacity = mixNumber(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);
+        target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress);
     }
     /**
      * Mix border radius

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

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

package/dist/framer-motion.dev.js

@@ -4839,13 +4839,11 @@
     const isPx = (value) => typeof value === "number" || px.test(value);
     function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {
         if (shouldCrossfadeOpacity) {
-            target.opacity = mixNumber$1(0, 
-            // TODO Reinstate this if only child
-            lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));
-            target.opacityExit = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));
+            target.opacity = mixNumber$1(0, lead.opacity ?? 1, easeCrossfadeIn(progress));
+            target.opacityExit = mixNumber$1(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));
         }
         else if (isOnlyMember) {
-            target.opacity = mixNumber$1(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);
+            target.opacity = mixNumber$1(follow.opacity ?? 1, lead.opacity ?? 1, progress);
         }
         /**
          * Mix border radius
@@ -7154,7 +7152,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "12.6.5", `Attempting to mix Motion versions ${nextValue.version} with 12.6.5 may not work as expected.`);
+                    warnOnce(nextValue.version === "12.7.0", `Attempting to mix Motion versions ${nextValue.version} with 12.7.0 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -10204,7 +10202,7 @@
         return visualElement;
     }
     function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
-        const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = props;
+        const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutCrossfade, } = props;
         visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props["data-framer-portal-id"]
             ? undefined
             : getClosestProjectingNode(visualElement.parent));
@@ -10222,6 +10220,7 @@
              */
             animationType: typeof layout === "string" ? layout : "both",
             initialPromotionConfig,
+            crossfade: layoutCrossfade,
             layoutScroll,
             layoutRoot,
         });