framer-motion 6.3.1 → 6.3.4

package/dist/cjs/index.js

@@ -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);
         },
     }),
@@ -7204,15 +7203,9 @@ function newChildrenMap() {
 }
 
 var getChildKey = function (child) { return child.key || ""; };
-var isDev = process$1.env.NODE_ENV !== "production";
 function updateChildLookup(children, allChildren) {
-    var seenChildren = isDev ? new Set() : null;
     children.forEach(function (child) {
         var key = getChildKey(child);
-        if (isDev && seenChildren && seenChildren.has(key)) {
-            console.warn("Children of AnimatePresence require unique keys. \"".concat(key, "\" is a duplicate."));
-            seenChildren.add(key);
-        }
         allChildren.set(key, child);
     });
 }
@@ -7416,6 +7409,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));
 };
 
@@ -7452,7 +7448,7 @@ function MotionConfig(_a) {
      * Creating a new config context object will re-render every `motion` component
      * every time it renders. So we only want to create a new one sparingly.
      */
-    var context = React.useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint]);
+    var context = React.useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);
     return (React__namespace.createElement(MotionConfigContext.Provider, { value: context }, children));
 }
 

package/dist/es/components/AnimatePresence/index.mjs

@@ -10,15 +10,9 @@ import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs
 import { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';
 
 var getChildKey = function (child) { return child.key || ""; };
-var isDev = process.env.NODE_ENV !== "production";
 function updateChildLookup(children, allChildren) {
-    var seenChildren = isDev ? new Set() : null;
     children.forEach(function (child) {
         var key = getChildKey(child);
-        if (isDev && seenChildren && seenChildren.has(key)) {
-            console.warn("Children of AnimatePresence require unique keys. \"".concat(key, "\" is a duplicate."));
-            seenChildren.add(key);
-        }
         allChildren.set(key, child);
     });
 }

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/components/MotionConfig/index.mjs

@@ -38,7 +38,7 @@ function MotionConfig(_a) {
      * Creating a new config context object will re-render every `motion` component
      * every time it renders. So we only want to create a new one sparingly.
      */
-    var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint]);
+    var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);
     return (React.createElement(MotionConfigContext.Provider, { value: context }, 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/framer-motion.dev.js

@@ -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);
             },
         }),
@@ -8430,13 +8429,8 @@
 
     var getChildKey = function (child) { return child.key || ""; };
     function updateChildLookup(children, allChildren) {
-        var seenChildren = new Set() ;
         children.forEach(function (child) {
             var key = getChildKey(child);
-            if (seenChildren && seenChildren.has(key)) {
-                console.warn("Children of AnimatePresence require unique keys. \"".concat(key, "\" is a duplicate."));
-                seenChildren.add(key);
-            }
             allChildren.set(key, child);
         });
     }
@@ -8639,6 +8633,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));
     };
 
@@ -8675,7 +8672,7 @@
          * Creating a new config context object will re-render every `motion` component
          * every time it renders. So we only want to create a new one sparingly.
          */
-        var context = React.useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint]);
+        var context = React.useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);
         return (React__namespace.createElement(MotionConfigContext.Provider, { value: context }, children));
     }