framer-motion 12.6.5 → 12.7.1

package/dist/framer-motion.dev.js

@@ -937,11 +937,8 @@
             this.animation.onfinish = () => {
                 if (!pseudoElement) {
                     style.set(element, name, getFinalKeyframe$1(keyframes, transition));
+                    this.cancel();
                 }
-                else {
-                    this.commitStyles();
-                }
-                this.cancel();
             };
             /**
              * TODO: Check for VisualElement before using animation state.
@@ -1563,7 +1560,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 = "12.6.5";
+            this.version = "12.7.1";
             /**
              * Tracks whether this value can output a velocity. Currently this is only true
              * if the value is numerical, but we might be able to widen the scope here and support
@@ -4839,13 +4836,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 +7149,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.1", `Attempting to mix Motion versions ${nextValue.version} with 12.7.1 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -10204,7 +10199,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 +10217,7 @@
              */
             animationType: typeof layout === "string" ? layout : "both",
             initialPromotionConfig,
+            crossfade: layoutCrossfade,
             layoutScroll,
             layoutRoot,
         });