Changelog

Contents

Motion One adheres to Semantic Versioning.

`10.12.0` 10 July 22

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

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

`10.11.2` 6 July 22

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

`10.11.1` 6 July 22

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

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

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

`10.10.1` 24 June 22

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

`10.10.0` 28 May 22

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

Adding support for playState prop.

`10.8.3` 23 May 22

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

`10.8.2` 16 May 22

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

`10.8.1` 29 April 22

Fixing types for stagger delay option.

`10.8.0` 28 April 22

Motion One for Solid.

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

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

`10.7.1` 11 April 22

Fixed stagger calculations with easings.

`10.7.0` 20 March 22

Added support for Motion Developer Tools.

`10.6.2` 8 February 22

Fixed velocity calculations of critically and overdamped animations.

`10.6.1` 6 February 22

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

`10.6.0` 22 January 22

Custom animations by passing function to animate.

`10.5.2` 16 January 22

Fixing types for Presence. Issue (sponsors only)

`10.5.1` 15 January 22

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

`10.5.0` 1 January 22

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

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

`10.3.2` 18 October 21

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

`10.3.1` 12 October 21

Fixing a bug in stagger and animate.

`10.3.0` 11 October 21

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

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

`10.2.1` 6 October 21

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

`10.2.0` 5 October 21

Springs: Animate transforms with realistic spring simulations.

`10.1.3` 1 October 21

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

`10.1.2` 1 October 21

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

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)

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

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.

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 formatting of changelog for website publication.

`10.0.2` 24 September 21

Generating finished promise on-demand.

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

`10.0.1` 22 September 21

Removed links to repo from Readme.

`10.0.0` 12 September 21

First publish

Have you seen Motion DevTools?

It's an incredible new developer tool for Chrome that let you inspect, edit and export Motion One and CSS animations. Animate like the good-ol' days of Flash!