Skip to content

fix(deps): update dependency framer-motion to v12 #108

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: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jan 23, 2025

This PR contains the following updates:

Package Change Age Confidence
framer-motion ^8.4.2 -> ^12.0.0 age confidence

Release Notes

motiondivision/motion (framer-motion)

v12.23.12

Compare Source

Added
  • Exporting internal APIs for use in view animations.

v12.23.11

Compare Source

Added
  • Children of variants with delayChildren: stagger() will now be staggered correctly alongside their newly-entering siblings.

v12.23.10

Compare Source

Fixed
  • Fixed shared layout animation in situations where no motion components have re-rendered between shared element switching.

v12.23.9

Compare Source

Changed
  • Removing redundant renderRequest MotionValue lifecycle.

v12.23.7

Compare Source

Fixed
  • springValue cleanup.
  • Removed additional removeNode from AnimatePresence when using popLayout.

v12.23.6

Compare Source

Changed
  • Added explainer for reduced motion warning.
  • Refactored motion component creation to remove indirection.

v12.23.5

Compare Source

Fixed
  • Fix animation timings within dynamically-generated popups.

v12.23.3

Compare Source

Changed
  • useScroll: Re-attempt to initialise scroll animation within a useEffect if refs weren't hydrated during the useLayoutEffect. Throw if refs are still not hydrated during the useEffect.

v12.23.2

Compare Source

Added
  • Added pages for remaining error and warning messages.

v12.23.1

Compare Source

Added
  • Exporting internal APIs for use in view animations.

v12.23.0

Compare Source

Added
  • Add .stop() and .cancel() methods to useDragControls().

v12.22.0

Compare Source

Added
  • Allow delayChildren to accept stagger(). This enables from and ease options when staggering variant children.
Deprecated
  • staggerChildren and staggerDirection options.

v12.20.5

Compare Source

Fixed
  • Improve performance of projection styles by writing directly to element.style.
  • Only block layout animations when window has changed width.

v12.20.4

Compare Source

Fixed
  • Improve performance of render loop.
  • Improve performance of types.

v12.20.3

Compare Source

Fixed
  • Always skip layout animation check on tree mount.

v12.20.2

Compare Source

Fixed
  • Updated Transition type to be more permissive.

v12.20.1

Compare Source

Fixed
  • Updated Target type to match previous definition.

v12.20.0

Compare Source

Added
  • Pass a shadow DOM root element via AnimatePresence root prop to attach "popLayout" styles to a different root element.

v12.19.4

Compare Source

Fixed
  • Ensure animations are removed from scope when finished.

v12.19.3

Compare Source

Fixed
  • Restore some deprecated types.
  • Add transformPerspective to TargetAndTransition.
  • Filter number-indexed and function props from CSSStyleDeclaration.

v12.19.2

Compare Source

Fixed
  • React: Prevent duplicate layout animation commits within Suspense boundaries.

v12.19.1

Compare Source

Fixed
  • React: Fix export * error message in Next.js.

v12.19.0

Compare Source

Added
  • React: usePageInView for tracking document visibility.

v12.18.2

Compare Source

Fixed
  • Fixed es bundle dependency imports for "motion".
  • Restored translateX, originX etc values in animation targets.

v12.18.1

Compare Source

Fixed
  • Removed "react" import from "motion-dom".

v12.18.0

Compare Source

Added
  • Support for defining a timeline position relative to the start of the most recently added animation (e.g. <+0.5, <-1)

v12.17.3

Compare Source

Changed
  • Refactored MotionProps into vanilla MotionNodeOptions type within "motion-dom" package.

v12.17.2

Compare Source

Changed
  • Handle colors when creating animatable "none" keyframes for complex strings.

v12.17.1

Compare Source

Fixed
  • Fixes isValidProp check with Rolldown.

v12.17.0

Compare Source

Added
  • MCP server.
Fixed
  • Improved rounding for linear() easing curves.

v12.16.0

Compare Source

Added
  • resize().

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
  • Animat

Configuration

📅 Schedule: Branch creation - "after 9pm,before 6am" in timezone Africa/Johannesburg, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

Rebasing: Whenever PR is behind base branch, 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
Contributor Author

renovate bot commented Jan 23, 2025

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

  • any of the package files in this branch needs updating, or
  • the branch becomes conflicted, or
  • you click the rebase/retry checkbox if found above, or
  • you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json
npm warn Unknown env config "store". This will stop working in the next major version of npm.
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: stacked-docs@0.1.2
npm error Found: react@18.3.1
npm error node_modules/react
npm error   react@"^18.2.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.8.4 || ^17.0.0" from @docusaurus/core@2.4.3
npm error node_modules/@docusaurus/core
npm error   @docusaurus/core@"^2.4.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /runner/cache/others/npm/_logs/2025-08-04T21_59_49_018Z-eresolve-report.txt
npm error A complete log of this run can be found in: /runner/cache/others/npm/_logs/2025-08-04T21_59_49_018Z-debug-0.log

@renovate renovate bot force-pushed the renovate/framer-motion-12.x branch from 7765f60 to 8008f6f Compare July 27, 2025 12:10
@renovate renovate bot force-pushed the renovate/framer-motion-12.x branch from 8008f6f to 4c60673 Compare August 4, 2025 21:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants