framer-motion 9.0.0 → 9.0.1-css-var-fix

package/dist/cjs/index.js

@@ -1550,7 +1550,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
     const hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
     const isPressing = React.useRef(false);
     const cancelPointerEndListeners = React.useRef(null);
-    const suspendedTabIndex = React.useRef(null);
     /**
      * Only set listener to passive if there are no external listeners.
      */
@@ -1571,9 +1570,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
         if (latestProps.whileTap && visualElement.animationState) {
             visualElement.animationState.setActive(exports.AnimationType.Tap, false);
         }
-        if (suspendedTabIndex.current !== null) {
-            visualElement.current.setAttribute("tabindex", suspendedTabIndex.current);
-        }
         return !isDragActive();
     }
     function onPointerUp(event, info) {
@@ -1616,9 +1612,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
         if (isPressing.current)
             return;
         isPressing.current = true;
-        suspendedTabIndex.current =
-            visualElement.current.getAttribute("tabindex");
-        visualElement.current.setAttribute("tabindex", "-1");
         cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
         onPointerStart(event, info);
     }, callbackDependencies);
@@ -2140,7 +2133,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 = "9.0.0";
+        this.version = "9.0.1-css-var-fix";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -5711,10 +5704,12 @@ function resolveCSSVariables(visualElement, { ...target }, transitionEnd) {
             continue;
         // Clone target if it hasn't already been
         target[key] = resolved;
+        if (!transitionEnd)
+            transitionEnd = {};
         // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved
         // CSS variable. This will ensure that after the animation the component will reflect
         // changes in the value of the CSS variable.
-        if (transitionEnd && transitionEnd[key] === undefined) {
+        if (transitionEnd[key] === undefined) {
             transitionEnd[key] = current;
         }
     }
@@ -5989,7 +5984,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "9.0.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.0 may not work as expected.`);
+                warnOnce(nextValue.version === "9.0.1-css-var-fix", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.1-css-var-fix may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/gestures/use-tap-gesture.mjs

@@ -22,7 +22,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
     const hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
     const isPressing = useRef(false);
     const cancelPointerEndListeners = useRef(null);
-    const suspendedTabIndex = useRef(null);
     /**
      * Only set listener to passive if there are no external listeners.
      */
@@ -43,9 +42,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
         if (latestProps.whileTap && visualElement.animationState) {
             visualElement.animationState.setActive(AnimationType.Tap, false);
         }
-        if (suspendedTabIndex.current !== null) {
-            visualElement.current.setAttribute("tabindex", suspendedTabIndex.current);
-        }
         return !isDragActive();
     }
     function onPointerUp(event, info) {
@@ -88,9 +84,6 @@ function useTapGesture({ onTap, onTapStart, onTapCancel, whileTap, visualElement
         if (isPressing.current)
             return;
         isPressing.current = true;
-        suspendedTabIndex.current =
-            visualElement.current.getAttribute("tabindex");
-        visualElement.current.setAttribute("tabindex", "-1");
         cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
         onPointerStart(event, info);
     }, callbackDependencies);

package/dist/es/render/dom/utils/css-variables-conversion.mjs

@@ -74,10 +74,12 @@ function resolveCSSVariables(visualElement, { ...target }, transitionEnd) {
             continue;
         // Clone target if it hasn't already been
         target[key] = resolved;
+        if (!transitionEnd)
+            transitionEnd = {};
         // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved
         // CSS variable. This will ensure that after the animation the component will reflect
         // changes in the value of the CSS variable.
-        if (transitionEnd && transitionEnd[key] === undefined) {
+        if (transitionEnd[key] === undefined) {
             transitionEnd[key] = current;
         }
     }

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 === "9.0.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.0 may not work as expected.`);
+                warnOnce(nextValue.version === "9.0.1-css-var-fix", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.1-css-var-fix 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 = "9.0.0";
+        this.version = "9.0.1-css-var-fix";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/framer-motion.dev.js

@@ -1548,7 +1548,6 @@
         const hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
         const isPressing = React.useRef(false);
         const cancelPointerEndListeners = React.useRef(null);
-        const suspendedTabIndex = React.useRef(null);
         /**
          * Only set listener to passive if there are no external listeners.
          */
@@ -1569,9 +1568,6 @@
             if (latestProps.whileTap && visualElement.animationState) {
                 visualElement.animationState.setActive(exports.AnimationType.Tap, false);
             }
-            if (suspendedTabIndex.current !== null) {
-                visualElement.current.setAttribute("tabindex", suspendedTabIndex.current);
-            }
             return !isDragActive();
         }
         function onPointerUp(event, info) {
@@ -1614,9 +1610,6 @@
             if (isPressing.current)
                 return;
             isPressing.current = true;
-            suspendedTabIndex.current =
-                visualElement.current.getAttribute("tabindex");
-            visualElement.current.setAttribute("tabindex", "-1");
             cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
             onPointerStart(event, info);
         }, callbackDependencies);
@@ -2138,7 +2131,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 = "9.0.0";
+            this.version = "9.0.1-css-var-fix";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5724,10 +5717,12 @@
                 continue;
             // Clone target if it hasn't already been
             target[key] = resolved;
+            if (!transitionEnd)
+                transitionEnd = {};
             // If the user hasn't already set this key on `transitionEnd`, set it to the unresolved
             // CSS variable. This will ensure that after the animation the component will reflect
             // changes in the value of the CSS variable.
-            if (transitionEnd && transitionEnd[key] === undefined) {
+            if (transitionEnd[key] === undefined) {
                 transitionEnd[key] = current;
             }
         }
@@ -6002,7 +5997,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "9.0.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.0 may not work as expected.`);
+                    warnOnce(nextValue.version === "9.0.1-css-var-fix", `Attempting to mix Framer Motion versions ${nextValue.version} with 9.0.1-css-var-fix may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {