Skip to content

Commit

Permalink
chore: Release 0.0.3
Browse files Browse the repository at this point in the history
  • Loading branch information
github-actions[bot] committed Sep 8, 2023
1 parent 2bd9326 commit b0daf14
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 17 deletions.
27 changes: 11 additions & 16 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## Unreleased

## 0.0.3 - 2023-09-08
### Added

- `initial={false}`, allows you to skip the initial animation when the component mounts.

In short, it takes the first value of `animate` and applies it as styles immediately.

```jsx
return (
<m.div
Expand All @@ -24,15 +24,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
```

## 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 @@ -46,9 +44,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 @@ -61,11 +58,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 @@ -83,11 +79,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.2",
"version": "0.0.3",
"description": "Batteries included animation library for React + devtools + Figma plugin. Based on WAAPI.",
"keywords": [
"animation",
Expand Down

0 comments on commit b0daf14

Please sign in to comment.