Changelog

Motion One adheres to Semantic Versioning.

10.12.0 10 July 22

⭐️ Added

• scroll function for tracking scroll events and powering scroll-driven animations.

🐞 Fixed

• Fixing play -> cancel behaviour in Safari. Issue (sponsors only)

10.11.2 6 July 22

Removed

• Removing default root in inView as this silently fails in iOS Safari 14-15.

10.11.1 6 July 22

⭐️ Added

• In supported browsers, inView will use document as the default value for root to ensure rootMargin works within iframes.

10.11.0 24 June 22

⭐️ Added

• inView function for detecting when elements enter and leave the viewport.
• Adding view options prop to Motion One for Vue and Solid.

10.10.2 24 June 22

🐞 Fixed

• Gracefully failing when no elements are found. Issue (sponsors only)

10.10.1 24 June 22

🐞 Fixed

• Fixed incorrect handling of easing string vs array in polyfill. Issue (sponsors only)

10.10.0 28 May 22

⭐️ Added

• Added support for timeline labels. These allow you to to reference parts of the timeline using a name rather than a timestamp.

10.9.0 23 May 22

⭐️ Added

• Adding support for playState prop.

10.8.3 23 May 22

🐞 Fixed

• Fixing reflection of playback controls so unsupported props aren't executed as functions.

10.8.2 16 May 22

🐞 Fixed

• Exporting @motionone/types types via motion. Issue (sponsors only)

10.8.1 29 April 22

🐞 Fixed

• Fixing types for stagger delay option.

10.8.0 28 April 22

⭐️ Added

• Motion One for Solid.

🐞 Fixed

• Remove repeat and direction from timeline segment options. Issue (sponsors only)
• Converting all transform values into numbers before forwarding to animation polyfill. Issue (sponsors only)
• Fixed initial="false" typechecking in Motion One for Vue.

10.7.2 16 April 22

🐞 Fixed

• Fixing forced read of initial keyframe when Motion DevTools is recording if keyframe is explicitly defined.

10.7.1 11 April 22

🐞 Fixed

• Fixed stagger calculations with easings.

10.7.0 20 March 22

⭐️ Added

• Added support for Motion Developer Tools.

10.6.2 8 February 22

🐞 Fixed

• Fixed velocity calculations of critically and overdamped animations.

10.6.1 6 February 22

🐞 Fixed

• Fixed velocity transfer of interrupted generated animations. Issue (sponsors only)

10.6.0 22 January 22

⭐️ Added

• Custom animations by passing function to animate.

10.5.2 16 January 22

🐞 Fixed

• Fixing types for Presence. Issue (sponsors only)

10.5.1 15 January 22

🐞 Fixed

• Fixing "default slot" warning in Vue Presence component. Issue (sponsors only)

10.5.0 1 January 22

⭐️ Added

• Motion One for Vue: A fully declarative version of Motion One for Vue 3!
• style utility for getting/setting styles and CSS variables on DOM elements.

10.4.0 18 October 21

⭐️ Added

• Spring and glide in timeline: timeline now supports animations with ease: spring() and ease: glide().

10.3.2 18 October 21

🐞 Fixed

• Fixing animation interruption for independent transform animations in Safari and Firefox. Issue (sponsors only)

10.3.1 12 October 21

🐞 Fixed

• Fixing a bug in stagger and animate.

10.3.0 11 October 21

⭐️ New

• Glide: Animate transforms with realistic glide that can be used to mimic momentum scroll.

🐞 Fixed

• Fixing a bug where sometimes velocity wasn't being correctly passed to the next animation.

10.2.1 6 October 21

🐞 Fixed

• Ensuring duration is always passed correctly to the independent transform polyfill.

10.2.0 5 October 21

⭐️ New

• Springs: Animate transforms with realistic spring simulations.

10.1.3 1 October 21

🐞 Fixed

• Fill both for timelines: Extends fill: "both" effect from 10.1.2 to timeline.

10.1.2 1 October 21

🐞 Fixed

• Fill both: Previously, if an animation had a delay and an initially-defined first keyframe (opacity: [0, 1]) the animation would start from its rendered style to that first keyframe. Now, the initial keyframe gets stretched to the very start of the whole animation by setting fill: "both". Issue (sponsors only)

10.1.1 28 September 21

🐞 Fixed

• Scrub to end: Setting currentTime to duration was removing the animation effect. This has been fixed by setting fill: "forwards" on the WAAPI animation. This won't affect memory consumption as animations are flattened into styles and removed on finish. Issue (sponsors only)

🚦 Changed

• Removed Popmotion dependency: Reduced the number of dependencies by moving Popmotion utilities inside Motion One. Filesize remains unaffected in most environments but will be lower in Skypack and other distributors that don't support tree-shaking.

10.1.0 27 September 21

⭐️ New

• Duration: The duration of timelines is usually automatically calculated from its defined animations. It can now be read from the new read-only duration prop on animation controls.

🚦 Changed

• Performance: Before Motion One starts a new animation, it stops the old one. Stopping an animation commits its styles, which can cause a style recalculation. Now, when an animation finishes, we delete the reference to the old animation. Additionally, we check the animation status isn't "finished" before committing styles within stop. This prevents unnecessary style recalculations.

10.0.3 25 September 21

🐞 Fixed

• Fixed formatting of changelog for website publication.

10.0.2 24 September 21

🚦 Changed

• Generating finished promise on-demand.

🐞 Fixed

• Catching promise in animate and timeline to prevent errors whenever a sub-animation is cancelled.

10.0.1 22 September 21

🚦 Changed

• Removed links to repo from Readme.

10.0.0 12 September 21

⭐️ New

• First publish