Skip to content

Update dependency framer-motion to v12 #140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented May 9, 2025

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
framer-motion ^10.18.0 -> ^12.0.0 age adoption passing confidence

Release Notes

motiondivision/motion (framer-motion)

v12.15.0

Compare Source

Added
  • Support for pathLength/pathSpacing/pathOffset for svgEffect.
  • Auto kebab-casing of data and aria attributes in attrEffect.
  • attrEffect applies attributes via JS property where possible.
  • Auto transform-box: fill-box for SVGs with transform in styleEffect.

v12.14.0

Compare Source

Added
  • Support for originX/Y/Z in styleEffect.
Fixed
  • Added markers for pure function calls with effects.

v12.13.0

Compare Source

Added
  • svgEffect, propEffect and attrEffect.
Fixed
  • Fixed a jump in layout animations in select circumstances.

v12.12.2

Compare Source

Fixed
  • Ensure scroll updates are only triggered after a scroll read.

v12.12.1

Compare Source

Fixed
  • Checks for instanceof HTMLElement made compatible with dynamically generated iframes.

v12.12.0

Compare Source

Added
  • springValue
Fixed
  • Fixed various typos in the type definitions along with a stale documentation link.

v12.11.4

Compare Source

Fixed
  • Only read transform from the DOM for initial independent transforms when there's no active projection.

v12.11.3

Compare Source

Changed
  • useWillChange now only adds transform to will-change to prevent issues with prematurely flattened preserve-3d.

v12.11.2

Compare Source

Fixed
  • Removed __VERSION__ placeholder from motion value.
  • Fixed types for Reorder component.

v12.11.1

Compare Source

Fixed
  • Default scroll tracking to document.scrollingElement.

v12.11.0

Compare Source

Added
  • Added value.isEffectActive for internal use.

v12.10.6

Compare Source

Fixed
  • Stop firing .then() after .stop() and .cancel().

v12.10.5

Compare Source

Fixed
  • Fixed attaching multiple press handlers on the same element.

v12.10.4

Compare Source

Fixed
  • Fixed layout animations jumping when interrupted.
  • Lower memory and runtime overhead of layout animations.

v12.10.3

Compare Source

Fixed
  • Attempting to fix layout animations jumping when interrupted.

v12.10.2

Compare Source

Fixed
  • Fixed .cancel() after .stop().

v12.10.1

Compare Source

Changed
  • Main thread scroll animations are now lazy, resolving after "scroll" events instead of every animation frame.

v12.10.0

Compare Source

Added
  • styleEffect now supports:
    • Default value types
    • Independent transforms
    • CSS variables

v12.9.7

Compare Source

Fixed
  • Fix mixing PopChild with Astro view transitions.

v12.9.6

Compare Source

Fixed
  • Fix setting transformBox via style.

v12.9.5

Compare Source

Fixed
  • Fixed drag undefined error in React 19 Strict Mode.
  • Skip keyframe measurements for values without support for unit conversion.

v12.9.4

Compare Source

Fixed
  • Remove version check for MotionValue.

v12.9.3

Compare Source

Fixed
  • Fixed memory leak when unmounting motion components.

v12.9.2

Compare Source

Fixed
  • Fixed scroll timeline cache when defining offset.
  • Detect when page scroll is attached to document.body and use this instead of document.documentElement.

v12.9.1

Compare Source

Fixed
  • Restarting a finished main thread animation with a negative .speed now works as expected.

v12.9.0

Compare Source

Added
  • styleEffect

v12.8.2

Compare Source

Changed
  • Unifying transform behaviour for SVG and CSS switched from element measurements for transform-box: fill-box.

v12.8.0

Compare Source

Added
  • mapValue
  • transformValue
Changed
  • Removed support for Framer's internal CustomValueType.

v12.7.5

Compare Source

Changed
  • Improved scroll timeline caching.
  • Replaced WAAPI keyframe generation with linear() easing.
  • Ensure final defined keyframe is always applied to animations when animation finishes.
  • Moved instantAnimationState.current to MotionGlobalConfig.instantAnimations.
  • Changed delay from read to setup frameloop step.
Fixed
  • Fixed .then() and await early resolution.
  • Fixed replaying main thread animations after finished.
  • .speed works correctly across all animation types.
  • Various imperative animation control fixes.

v12.7.4

Compare Source

Fixed
  • Removed non-deterministic behaviour from AnimatePresence.

v12.7.3

Compare Source

Fixed
  • Fixing duration for animateView transitions.
  • Prevent .commitStyles() on pseudoElement animations.

v12.7.2

Compare Source

Fixed
  • Adding "sideEffects": false to motion-dom and motion-utils packages.

v12.7.1

Compare Source

Fixed
  • Skip .commitStyles on psuedoElement animations.

v12.7.0

Compare Source

Added
  • Private layoutCrossfade allows disabling crossfade of shared layout elements.

v12.6.5

Compare Source

Fixed
  • Polyfilled sync and cancelSync exports.

v12.6.4

Compare Source

Added
  • Global injection of WillChangeMotionValue for internal Framer use.

v12.6.3

Compare Source

Changed
  • Refactored mini animate and animateView to share the same NativeAnimation. Mini animate down to 2.3kb.
Fixed
  • Fixed keyboard accessibility of press events.

v12.6.2

Compare Source

Fixed
  • Fixing hardware acceleration for non-transform values when a motion component has a defined transformTemplate.

v12.6.1

Compare Source

Fixed
  • Reverting pointer capture for press gesture.

v12.6.0

Compare Source

Changed
  • Renamed view to animateView.
Added
  • New interrupt: "wait" mode as animateView default.

v12.5.0

Compare Source

Added
  • Added motionValue to vanilla JS entrypoint.
Removed
  • Removed framer-motion-3d package.

v12.4.13

Compare Source

Fixed
  • Fixed reading initial transform values from elements.

v12.4.12

Compare Source

Fixed
  • Removed pointer capture from pan and drag gestures.

v12.4.11

Compare Source

Fixed
  • Preventing flattening of scroll animations when type or ease are explicitly set.

v12.4.10

Compare Source

Fixed
  • Adding UMD bundles for motion-dom and motion-utils.

v12.4.9

Compare Source

Fixed
  • Fixed Reorder.Item reordering causing lostpointercapture event to fire.

v12.4.7

Compare Source

Fixed
  • Fixed AnimatePresence not triggering exit animations when a child with layout or drag is removed.

v12.4.6

Compare Source

Fixed
  • Fixed drag gesture on child elements.

v12.4.5

Compare Source

Fixed
  • Fixed onClick handlers not working inside press events.

v12.4.4

Compare Source

Fixed
  • Changed press, drag and pan gestures to use pointer capturing for better usage within iframe embeds.

v12.4.3

Compare Source

Fixed
  • Restored warning for when animating more than two keyframes with a spring.

v12.4.2

Compare Source

Fixed
  • Preventing press from triggering when an element is disabled.

v12.4.1

Compare Source

Fixed
  • Fixed reading initial transform values from elements.

v12.4.0

Compare Source

Added
  • Added initial option to useInView.

v12.3.1

Compare Source

Fixed
  • Correctly applying CSS variables at the end of a mini animate animation.

v12.3.0

Compare Source

Added
  • Added usePresenceData to get custom data passed to AnimatePresence in descendant components.

v12.2.0

Compare Source

Added
  • Added unit support to useSpring.

v12.1.0

Compare Source

Fixed
  • Bug with AnimatePresence in React 19 strict mode.
Deprecated
  • Motion 3D.

v12.0.11

Compare Source

Fixed
  • Moving updateSVGDimensions to its own file to help with tree-shaking.

v12.0.10

Compare Source

Fixed
  • Providing MotionValue to motion component from motion/react-client entrypoint.

v12.0.9

Compare Source

Fixed
  • Removing React from bundle.

v12.0.8

Compare Source

Fixed
  • Infer type of children prop for motion.create.

v12.0.6

Compare Source

Fixed
  • Discard layout projection snapshots if 0x0.

v12.0.5

Compare Source

Fixed
  • Fix scale correction for CSS variables.

v12.0.4

Compare Source

Fixed
  • Add scale correction for CSS variables.

v12.0.3

Compare Source

Fixed
  • Fixed toggling between shared layout animations multiple times.
Added
  • Added private anchorX prop to AnimatePresence.
Changed
  • Simplified useSpring for smaller bundlesize.

v12.0.1

Compare Source

Fixed
  • Moving updateSVGDimensions to its own file to help with tree-shaking.

v12.0.0

Compare Source

Changed
  • press, hover and inView now pass the target element as the first argument to the gesture start callback.

v11.18.2

Compare Source

Fixed
  • Animations with transformTemplate not hardware accelerated.

v11.18.1

Compare Source

Fixed
  • AnimatePresence types in React 19.
  • SVG with transform not always setting styles correctly on mount.

v11.18.0

Compare Source

Added
  • Adding animateSequence to perform animation sequences via WAAPI for a tiny bundlesize.
Fixed
  • Missing AnimationControls type export.

v11.17.1

Compare Source

Fixed
  • Remeasure SVG when size/position changes to ensure correct transform-origin.

v11.17.0

Compare Source

Added
  • Added propagate to AnimatePresence. This prop allows parent exit animations to be propagated to children.
Removed
  • Removed exitBeforeEnter from AnimatePresence.

v11.16.7

Compare Source

Fixed
  • Fixing timelines where a string label is used as the first segment.

v11.16.6

Compare Source

Changed
  • More movement values like height and top are now blocked by reduced motion.

v11.16.4

Compare Source

Fixed
  • Fix type of attachTimeline when skipLibCheck is disabled.

v11.16.3

Compare Source

Fixed
  • Checking return of press, hover, and inView callbacks before calling.

v11.16.2

Compare Source

Fixed
  • Restoring missing type exports.

v11.16.1

Compare Source

Fixed
  • Adding displayName to motion components.
  • Ensure press doesn't override tabindex when explicitly set.

v11.16.0

Compare Source

Added
  • Added view() alpha to early access.

v11.15.0

Compare Source

Added
  • Add support for repeat in animation sequences.
Fixed
  • Clearing scheduled jobs at the end of an animation frame to ensure memory is released should the animation loop settle.

v11.14.4

Compare Source

Fixed
  • Exporting AnimationSequence via "motion" entrypoint.
  • Adding support for passing normal components to motion.create() in React 19.

v11.14.3

Compare Source

Fixed
  • Fixing motion-dom and motion-utils entrypoints.

v11.14.2

Compare Source

Fixed
  • Exporting time for internal use.
  • Making MotionValue.updatedAt public for internal use.

v11.14.1

Compare Source

Fixed
  • Fixing missing license in motion-dom and motion-utils packages.

v11.14.0

Compare Source

Added
  • Added press gesture in Motion+ early access.

v11.13.5

Compare Source

Fixed
  • Adding React 19 to optional peer dependencies in "framer-motion" packages.

v11.13.4

Compare Source

Fixed
  • Fixing types for React 19.

v11.13.3

Compare Source

Fixed
  • Attempting to update types to be compatible with both React 18 and 19.

v11.13.1

Compare Source

Fixed
  • SVG elements (like motion.text) now update when given a MotionValue as children, matching HTML element behavior.
  • Exporting DynamicAnimationOptions type.

v11.13.0

Compare Source

Added
  • Vanilla hover gesture in Motion+ early access.

v11.12.0

Compare Source

Added
  • New visualDuration option for spring animations.
  • New spring(visualDuration, bounce) syntax.

v11.11.17

Compare Source

v11.11.16

Compare Source

Fixed
  • Fixing stagger with mini animate.

v11.11.15

Compare Source

Fixed
  • Fixing mini and react-mini entrypoints.

v11.11.13

Compare Source

Fixed
  • Fixing build and entry points for "motion".

v11.11.12

Compare Source

Changed
  • Adding "motion" package.
  • Replaced Motion One (see upgrade guide).

v11.11.11

Compare Source

Fixed
  • Fixing double update() call on mount.

v11.11.10

Compare Source

Fixed
  • Removing will-change from SSR.

v11.11.9

Compare Source

Changed
  • will-change is now no longer automatically managed without useWillChange.

v11.11.8

Compare Source

Fixed
  • Fixing fallback package.json for entrypoints in older versions of Node.

v11.11.7

Compare Source

Fixed
  • Improving generic value signature for animate.

v11.11.6

Compare Source

Fixed
  • Allowing generic motion value types in animate.

v11.11.5

Compare Source

Fixed
  • Removed ability to define CSS variables on style without casting, as this was conflicting with React CSSProperties.

v11.11.4

Compare Source

Fixed
  • Memoize AnimatePresence safeToRemove.
  • Remove duplicate layout="size" annotation.

v11.11.3

Compare Source

Fixed
  • Remove as any requirement for CSS variables.

v11.11.2

Compare Source

Fixed
  • Make BezierDefinition readonly for easier definition outside a Transition.

v11.11.1

Compare Source

Fixed
  • Fixing stagger with mini animate.

v11.11.0

Compare Source

Added
  • animate can now animate any object.

v11.10.0

Compare Source

Added
  • delay with seconds now exported from "framer-motion/dom".
Fixed
  • Only transform is added to will-change when a potentially layerising value is animated as opacity and filter will prematurely flatten preserve-3d.

v11.9.0

Compare Source

Added
  • Mini animate and useAnimate functions.

v11.8.0

Compare Source

Added
  • Easing functions now get compiled into linear() easings when animating via WAAPI.

v11.7.0

Compare Source

Added
  • Added support for custom animation generators via type.

v11.6.0

Compare Source

Added
  • Added info and element tracking to scroll.
  • Added steps easing.
Changed
  • Values added to will-change now stay there for their lifespan to prevent GPU thrashing and weird Safari subpixel jitters.

v11.5.6

Compare Source

Fixed
  • Ensuring updating motion values during render doesn't lock rendering for an element.

v11.5.5

Compare Source

Fixed
  • Changed values of child variants now animate even when the parent variant name hasn't changed.

v11.5.4

Compare Source

Fixed
  • Improving tree-shakability.

v11.5.3

Compare Source

Fixed
  • Reorder components now import motion proxy.

v11.5.2

Compare Source

Added
  • Changing motion() deprecation warning to warnOnce.

v11.5.1

Compare Source

Added
  • Exporting findSpring for internal use.

v11.5.0

Compare Source

Added
  • motion.create() and m.create().
Deprecrated
  • motion() and m().

v11.4.0

Compare Source

Added
  • Support for React Server Components, including new entrypoints for motion and m components.

v11.3.31

Compare Source

Fixed
  • Detects conflicts between optimised animations and rendered style.
  • Resumes optimised animations where possible once layout measurements are complete.

v11.3.30

Compare Source

Fixed
  • Removed double "change" handler on externally-provided MotionValues.

v11.3.29

Compare Source

Fixed
  • Selective cancellation of optimised appear animations.

v11.3.28

Compare Source

Fixed
  • Use startTime instead of elapsed to sync optimised animations.

v11.3.27

Compare Source

Changed
  • Allow manual setting of startTime via animation options (currently for internal use only).

v11.3.26

Compare Source

Fixed
  • Improving synchronisation between DOM animations on externally-provided MotionValues and internal MotionValues.
  • Fixing unit conversion on DOM animations with externally-provided MotionValues.

v11.3.25

Compare Source

Changed
  • Improve calculation of startTime to prefer the immediacy of animation creation over keyframe resolution, but fall back to the latter if the former would lead to a perceptual jump.

v11.3.24

Compare Source

Fixed
  • Fixing incorrect version publish.

v11.3.23

Compare Source

Fixed
  • Improving optimised appear animation check from data-appear-id to active recording of started animations.
  • Only cancelling optimised appear animations from layout animations when they're animating transform.

v11.3.22

Compare Source

Fixed
  • Fixing spring animations with explicit velocities that animate to their current value.

v11.3.21

Compare Source

Changed
  • Removing default transforms from generated transform string provided to transformTemplate.

v11.3.20

Compare Source

Changed
  • Improved performance of transform by up to 30% when providing many default transforms as MotionValues.

v11.3.19

Compare Source

Fixed
  • Fixed problem with AnimatePresence not rerendering children unless their presence had changed.

v11.3.18

Compare Source

Fixed
  • Improved correctness of AnimatePresence and made safe to use with concurrent rendering.

v11.3.17

Compare Source

Added
  • domMin feature bundle.

v11.3.16

Compare Source

Changed
  • Exporting UseScrollOptions type.

v11.3.15

Compare Source

Changed
  • Improved types for inView()'s margin property.

v11.3.14

Compare Source

Fixed
  • Wrapping usePresence's safeToRemove callback in useCallback leading to fewer re-renders.

v11.3.13

Compare Source

Fixed
  • Fixing position: fixed layout animations while scrolling.

v11.3.12

Compare Source

Fixed
  • Improving useSpring types so it accepts MotionValue<string> or MotionValue<number> but always returns MotionValue<number>.

v11.3.11

Compare Source

Fixed
  • Removing "react" import from DOM-only bundle.

v11.3.10

Compare Source

Fixed
  • Changing isBrowser check from document to window.

v11.3.9

Compare Source

Changed
  • Improve performance of window.MotionDebug check.

v11.3.8

Compare Source

Changed
  • Improve performance of layout animation calculated projection comparisons.

v11.3.7

Compare Source

Changed
  • Active render scheduling check to prevent unnecessary Set lookups.

v11.3.6

Compare Source

Changed
  • Minor performance improvements for layout animations.

v11.3.5

Compare Source

Fixed
  • Ensuring DOM bundle doesn't include react and react-dom as dependencies.

v11.3.4

Compare Source

Changed
  • Check for display: contents elements now against component props instead of Element.style.

v11.3.3

Compare Source

Fixed
  • Detects conflicts between optimised animations and rendered style.
  • Resumes optimised animations where possible once layout measurements are complete.

v11.3.2

Compare Source

Fixed
  • Selective cancellation of optimised appear animations.

v11.3.1

Compare Source

Fixed
  • Fixed problem with AnimatePresence not rerendering children unless their presence had changed.

v11.3.0

Compare Source

Updated
  • Animations automatically optimised via will-change.

v11.2.14

Compare Source

Updated
  • Improved performance of core render loop.

v11.2.13

Compare Source

Fixed
  • Checking for null before interpolating color values.

v11.2.12

Compare Source

Fixed
  • Fixing dragConstraints={ref} mixed with layout animations.

v11.2.11

Compare Source

v11.2.10

Compare Source

Fixed
  • Changing invalid number interpolation from error to warning and immediate mix.

v11.2.9

Compare Source

Fixed
  • Fixing animation of CSS variables when leading space is present.

v11.2.8

Compare Source

Fixed
  • Ensuring instant animations return animation controls.

v11.2.7

Compare Source

Fixed
  • Only allow layout animations to cancel optimised appear animations when on the same node or an ancestor.

v11.2.6

Compare Source

Fixed
  • Fixed optimised appear animations interrupted by layout animations triggered by a state update within useLayoutEffect.

v11.2.5

Compare Source

Fixed
  • Fixing layout animations within portals. Tag motion root within portal with data-framer-portal-id attribute.

v11.2.4

Compare Source

Fixed
  • Batching triggering animations with useSpring.

v11.2.3

Compare Source

Fixed
  • MotionValues created with undefined can track velocity correctly.

v11.2.2

Compare Source

Fixed
  • Fixed visual jump when interrupting an optimised appear animation.

v11.2.1

Compare Source

Updated
  • Improved performance of core render loop.

v11.2.0

Compare Source

Added
  • Binary visibility interpolation i.e display: ["block", "none"] now maintains the visible state throughout the animation.

v11.1.9

Compare Source

Changed
  • Reinstating async event handlers to fix issues with user code and Suspence within Framer.

v11.1.8

Compare Source

Fixed
  • Animating between keyframe unit types when one keyframe is 0 and the other is an explicitly defined keyframe, e.g y: ["100%", 0].

v11.1.7

Compare Source

Changed
  • Updating types for motion.div.

v11.1.6

Compare Source

Changed
  • Binding stop to MainThreadAnimation

v11.1.5

Compare Source

Changed
  • Exporting DOMMotionComponents.

v11.1.4

Compare Source

Fixed
  • Fixing types of motion.div in certain TS5 environment configurations.
Changed
  • Skip removal of existing motion value when undefined.

v11.1.3

Compare Source

Fixed
  • ESM compat with CJS bundle.

v11.1.2

Compare Source

Fixed
  • Ensuring transforms unset during unit conversion are restored.

v11.1.1

Compare Source

Changed
  • Updating JSX transform.

v11.1.0

Compare Source

Changed
  • TypeScript 5 upgrade.

v11.0.28

Compare Source

Fixed
  • Ensure CSS var token is set as final animation keyframe.

v11.0.27

Compare Source

Fixed
  • Skipping animations with duration: 0.

v11.0.26

Compare Source

Fixed
  • Adding perspective() to projection transform.
  • Changing scheduling of useTransform to ensure frames are up-to-date.

v11.0.25

Compare Source

Fixed
  • Ensuring motion(Fragment) nodes are skipped from layout projection.

v11.0.24

Compare Source

Fixed
  • Changes in style are visible once a value is no longer present in animation props.

v11.0.23

Compare Source

Fixed
  • Fixed layout animations when combined with z transforms.

v11.0.22

Compare Source

Fixed
  • Fixed pre-generation of no-op WAAPI animations.

v11.0.21

Compare Source

Fixed
  • Fixed interrupting WAAPI spring animations.

v11.0.20

Compare Source

Fixed
  • Fixed interrupting shared element animations that contain rotate or skew transforms.

v11.0.19

Compare Source

Fixed
  • Fixed layout animations when combined with skew transforms.

v11.0.18

Compare Source

Fixed
  • Default duration doesn't override duration: 0 WAAPI animations.
  • Fix error when trying to animate unmounted element.
  • Avoid resolving WAAPI animation when stopping unresolved animation.

v11.0.17

Compare Source

Fixed
  • Interruptio

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Copy link

vercel bot commented May 9, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
agent-app-95ln ❌ Failed (Inspect) May 29, 2025 10:29pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
agent-playground-kitt ⬜️ Ignored (Inspect) Visit Preview May 29, 2025 10:29pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants