framer-motion 6.3.0 → 6.3.3

package/dist/cjs/index.js

@@ -141,7 +141,7 @@ function useVisualElementContext() {
  */
 var PresenceContext = React.createContext(null);
 
-var isBrowser = typeof window !== "undefined";
+var isBrowser = typeof document !== "undefined";
 
 var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
 
@@ -150,7 +150,7 @@ var prefersReducedMotion = { current: null };
 var hasDetected = false;
 function initPrefersReducedMotion() {
     hasDetected = true;
-    if (typeof window === "undefined")
+    if (!isBrowser)
         return;
     if (window.matchMedia) {
         var motionMediaQuery_1 = window.matchMedia("(prefers-reduced-motion)");
@@ -3723,8 +3723,8 @@ var camelCaseAttributes = new Set([
     "pathLength",
 ]);
 
-function renderSVG(element, renderState) {
-    renderHTML(element, renderState);
+function renderSVG(element, renderState, _styleProp, projection) {
+    renderHTML(element, renderState, undefined, projection);
     for (var key in renderState.attrs) {
         element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
     }
@@ -3852,7 +3852,6 @@ var svgMotionConfig = {
                 };
             }
             buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, props.transformTemplate);
-            // TODO: Replace with direct assignment
             renderSVG(instance, renderState);
         },
     }),
@@ -7416,6 +7415,9 @@ var LayoutGroup = function (_a) {
 var id = 0;
 var AnimateSharedLayout = function (_a) {
     var children = _a.children;
+    React__namespace.useEffect(function () {
+        heyListen.warning(false, "AnimateSharedLayout is deprecated: https://www.framer.com/docs/guide-upgrade/##shared-layout-animations");
+    }, []);
     return (React__namespace.createElement(LayoutGroup, { id: useConstant(function () { return "asl-".concat(id++); }) }, children));
 };
 
@@ -7941,8 +7943,6 @@ function getViewportScrollOffsets() {
 var hasListeners = false;
 function addEventListeners() {
     hasListeners = true;
-    if (typeof window === "undefined")
-        return;
     var updateScrollValues = createScrollUpdater(viewportScrollValues, getViewportScrollOffsets);
     addDomEvent(window, "scroll", updateScrollValues, { passive: true });
     addDomEvent(window, "resize", updateScrollValues);

package/dist/es/components/AnimateSharedLayout.mjs

@@ -1,3 +1,4 @@
+import { warning } from 'hey-listen';
 import * as React from 'react';
 import { useConstant } from '../utils/use-constant.mjs';
 import { LayoutGroup } from './LayoutGroup/index.mjs';
@@ -5,6 +6,9 @@ import { LayoutGroup } from './LayoutGroup/index.mjs';
 var id = 0;
 var AnimateSharedLayout = function (_a) {
     var children = _a.children;
+    React.useEffect(function () {
+        warning(false, "AnimateSharedLayout is deprecated: https://www.framer.com/docs/guide-upgrade/##shared-layout-animations");
+    }, []);
     return (React.createElement(LayoutGroup, { id: useConstant(function () { return "asl-".concat(id++); }) }, children));
 };
 

package/dist/es/render/svg/config-motion.mjs

@@ -27,7 +27,6 @@ var svgMotionConfig = {
                 };
             }
             buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, props.transformTemplate);
-            // TODO: Replace with direct assignment
             renderSVG(instance, renderState);
         },
     }),

package/dist/es/render/svg/utils/render.mjs

@@ -2,8 +2,8 @@ import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';
 import { renderHTML } from '../../html/utils/render.mjs';
 import { camelCaseAttributes } from './camel-case-attrs.mjs';
 
-function renderSVG(element, renderState) {
-    renderHTML(element, renderState);
+function renderSVG(element, renderState, _styleProp, projection) {
+    renderHTML(element, renderState, undefined, projection);
     for (var key in renderState.attrs) {
         element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
     }

package/dist/es/utils/is-browser.mjs

@@ -1,3 +1,3 @@
-var isBrowser = typeof window !== "undefined";
+var isBrowser = typeof document !== "undefined";
 
 export { isBrowser };

package/dist/es/utils/use-reduced-motion.mjs

@@ -1,13 +1,14 @@
 import { __read } from 'tslib';
 import { useState, useContext } from 'react';
 import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
+import { isBrowser } from './is-browser.mjs';
 
 // Does this device prefer reduced motion? Returns `null` server-side.
 var prefersReducedMotion = { current: null };
 var hasDetected = false;
 function initPrefersReducedMotion() {
     hasDetected = true;
-    if (typeof window === "undefined")
+    if (!isBrowser)
         return;
     if (window.matchMedia) {
         var motionMediaQuery_1 = window.matchMedia("(prefers-reduced-motion)");

package/dist/es/value/scroll/use-viewport-scroll.mjs

@@ -14,8 +14,6 @@ function getViewportScrollOffsets() {
 var hasListeners = false;
 function addEventListeners() {
     hasListeners = true;
-    if (typeof window === "undefined")
-        return;
     var updateScrollValues = createScrollUpdater(viewportScrollValues, getViewportScrollOffsets);
     addDomEvent(window, "scroll", updateScrollValues, { passive: true });
     addDomEvent(window, "resize", updateScrollValues);

package/dist/framer-motion.dev.js

@@ -234,7 +234,7 @@
      */
     var PresenceContext = React.createContext(null);
 
-    var isBrowser = typeof window !== "undefined";
+    var isBrowser = typeof document !== "undefined";
 
     var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
 
@@ -243,7 +243,7 @@
     var hasDetected = false;
     function initPrefersReducedMotion() {
         hasDetected = true;
-        if (typeof window === "undefined")
+        if (!isBrowser)
             return;
         if (window.matchMedia) {
             var motionMediaQuery_1 = window.matchMedia("(prefers-reduced-motion)");
@@ -4948,8 +4948,8 @@
         "pathLength",
     ]);
 
-    function renderSVG(element, renderState) {
-        renderHTML(element, renderState);
+    function renderSVG(element, renderState, _styleProp, projection) {
+        renderHTML(element, renderState, undefined, projection);
         for (var key in renderState.attrs) {
             element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
         }
@@ -5077,7 +5077,6 @@
                     };
                 }
                 buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, props.transformTemplate);
-                // TODO: Replace with direct assignment
                 renderSVG(instance, renderState);
             },
         }),
@@ -8639,6 +8638,9 @@
     var id = 0;
     var AnimateSharedLayout = function (_a) {
         var children = _a.children;
+        React__namespace.useEffect(function () {
+            warning(false, "AnimateSharedLayout is deprecated: https://www.framer.com/docs/guide-upgrade/##shared-layout-animations");
+        }, []);
         return (React__namespace.createElement(LayoutGroup, { id: useConstant(function () { return "asl-".concat(id++); }) }, children));
     };
 
@@ -9164,8 +9166,6 @@
     var hasListeners = false;
     function addEventListeners() {
         hasListeners = true;
-        if (typeof window === "undefined")
-            return;
         var updateScrollValues = createScrollUpdater(viewportScrollValues, getViewportScrollOffsets);
         addDomEvent(window, "scroll", updateScrollValues, { passive: true });
         addDomEvent(window, "resize", updateScrollValues);