Contents
Motion One adheres to Semantic Versioning.
10.12.0
9 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
5 July 22
Removed
- Removing default
root
ininView
as this silently fails in iOS Safari 14-15.
10.11.1
5 July 22
⭐️ Added
- In supported browsers,
inView
will usedocument
as the default value forroot
to ensurerootMargin
works within iframes.
10.11.0
23 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
23 June 22
🐞 Fixed
- Gracefully failing when no elements are found. Issue (sponsors only)
10.10.1
23 June 22
🐞 Fixed
- Fixed incorrect handling of
easing
string vs array in polyfill. Issue (sponsors only)
10.10.0
27 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
22 May 22
⭐️ Added
- Adding support for
playState
prop.
10.8.3
22 May 22
🐞 Fixed
- Fixing reflection of playback controls so unsupported props aren't executed as functions.
10.8.2
15 May 22
🐞 Fixed
- Exporting
@motionone/types
types viamotion
. Issue (sponsors only)
10.8.1
28 April 22
🐞 Fixed
- Fixing types for
stagger
delay
option.
10.8.0
27 April 22
⭐️ Added
🐞 Fixed
- Remove
repeat
anddirection
fromtimeline
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
15 April 22
🐞 Fixed
- Fixing forced read of initial keyframe when Motion DevTools is recording if keyframe is explicitly defined.
10.7.1
10 April 22
🐞 Fixed
- Fixed
stagger
calculations with easings.
10.7.0
19 March 22
⭐️ Added
- Added support for Motion Developer Tools.
10.6.2
7 February 22
🐞 Fixed
- Fixed velocity calculations of critically and overdamped animations.
10.6.1
5 February 22
🐞 Fixed
- Fixed velocity transfer of interrupted generated animations. Issue (sponsors only)
10.6.0
21 January 22
⭐️ Added
- Custom animations by passing function to
animate
.
10.5.2
15 January 22
🐞 Fixed
- Fixing types for
Presence
. Issue (sponsors only)
10.5.1
14 January 22
🐞 Fixed
- Fixing "default slot" warning in Vue
Presence
component. Issue (sponsors only)
10.5.0
31 December 21
⭐️ 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
17 October 21
⭐️ Added
- Spring and glide in timeline:
timeline
now supports animations withease: spring()
andease: glide()
.
10.3.2
17 October 21
🐞 Fixed
- Fixing animation interruption for independent transform animations in Safari and Firefox. Issue (sponsors only)
10.3.1
11 October 21
🐞 Fixed
- Fixing a bug in
stagger
andanimate
.
10.3.0
10 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
5 October 21
🐞 Fixed
- Ensuring
duration
is always passed correctly to the independent transform polyfill.
10.2.0
4 October 21
⭐️ New
- Springs: Animate transforms with realistic spring simulations.
10.1.3
30 September 21
🐞 Fixed
- Fill both for timelines: Extends
fill: "both"
effect from10.1.2
totimeline
.
10.1.2
30 September 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 settingfill: "both"
. Issue (sponsors only)
10.1.1
27 September 21
🐞 Fixed
- Scrub to end: Setting
currentTime
toduration
was removing the animation effect. This has been fixed by settingfill: "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
26 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 withinstop
. This prevents unnecessary style recalculations.
10.0.3
24 September 21
🐞 Fixed
- Fixed formatting of changelog for website publication.
10.0.2
23 September 21
🚦 Changed
- Generating
finished
promise on-demand.
🐞 Fixed
- Catching promise in
animate
andtimeline
to prevent errors whenever a sub-animation is cancelled.
10.0.1
21 September 21
🚦 Changed
- Removed links to repo from Readme.
10.0.0
11 September 21
⭐️ New
- First publish