Skip to content

Commit

Permalink
chore: Release 0.0.2
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions[bot] committed Aug 12, 2023
1 parent 3c0ede5 commit 9cc2fdf
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 14 deletions.
23 changes: 10 additions & 13 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [Unreleased]
## Unreleased

## 0.0.2 - 2023-08-12
### Added

- `times` key. You can set the times (or offsets) of each keyframe in a tween animation.

This lets you specify when a given keyframe is on the timeline using a fraction of the duration.

The times array should have the same length as your keyframe array. Only numbers 0-1 allowed.

```jsx
return (
<m.div
Expand All @@ -28,9 +28,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
/>
);
```

- Custom cubic bézier easings. You can use any cubic bézier by specifying its points in a tuple.

```jsx
return (
<m.div
Expand All @@ -43,11 +42,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
/>
);
```

- Easing list. You can use different easings between pairs of keyframes by specifying them in an array.

The length of the easing array must be one smaller than the number of keyframes.

```jsx
return (
<m.div
Expand All @@ -65,11 +63,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
/>
);
```

- Predefined easings. You can use some predefined easings beyond just the native ones like `ease`.

The list, along with their bezier definitions:

```jsx
'circ-in': [0.55, 0, 1, 0.45],
'circ-out': [0, 0.55, 0.45, 1],
Expand Down
2 changes: 1 addition & 1 deletion packages/motioned/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "motioned",
"version": "0.0.1",
"version": "0.0.2",
"description": "Batteries included animation library for React + devtools + Figma plugin. Based on WAAPI.",
"keywords": [
"animation",
Expand Down

0 comments on commit 9cc2fdf

Please sign in to comment.