Socket
Socket
Sign inDemoInstall

@atlaskit/motion

Package Overview
Dependencies
4
Maintainers
1
Versions
57
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.5.3 to 1.6.0

541

CHANGELOG.md
# @atlaskit/motion
## 1.6.0
### Minor Changes
- [#96658](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96658)
[`21b4a15e7182`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/21b4a15e7182) -
Add support for React 18.
## 1.5.3

@@ -7,3 +15,5 @@

- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316) [`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) - Upgrading internal dependency `bind-event-listener` to `@^3.0.0`
- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316)
[`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) -
Upgrading internal dependency `bind-event-listener` to `@^3.0.0`

@@ -14,3 +24,5 @@ ## 1.5.2

- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
Upgrade Typescript from `4.9.5` to `5.4.2`

@@ -21,3 +33,5 @@ ## 1.5.1

- [#41372](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41372) [`971e55b3699`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971e55b3699) - Prefix unused opts variable with '\_' to fix typechecking under local consumption
- [#41372](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41372)
[`971e55b3699`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971e55b3699) - Prefix
unused opts variable with '\_' to fix typechecking under local consumption

@@ -28,3 +42,6 @@ ## 1.5.0

- [#40426](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40426) [`b3ba6514308`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3ba6514308) - Introduce `reduceMotionAsPerUserPreference` in favour of `prefersReducedMotion` as the latter does not work correctly with Compiled.
- [#40426](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40426)
[`b3ba6514308`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3ba6514308) -
Introduce `reduceMotionAsPerUserPreference` in favour of `prefersReducedMotion` as the latter
does not work correctly with Compiled.

@@ -35,3 +52,5 @@ ## 1.4.5

- [#39731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39731) [`1f371d41ccb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f371d41ccb) - Motion is now enrolled into the product push model for Jira.
- [#39731](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39731)
[`1f371d41ccb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f371d41ccb) - Motion
is now enrolled into the product push model for Jira.

@@ -42,3 +61,5 @@ ## 1.4.4

- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
[`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
version.json

@@ -49,3 +70,7 @@ ## 1.4.3

- [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
- [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652)
[`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans
the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18
migration work. The change is internal only and should not introduce any changes for the
component consumers.

@@ -56,3 +81,5 @@ ## 1.4.2

- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
legacy types are published for TS 4.5-4.8

@@ -63,3 +90,5 @@ ## 1.4.1

- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
Upgrade Typescript from `4.5.5` to `4.9.5`

@@ -70,7 +99,9 @@ ## 1.4.0

- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
minor dependency bump
### Patch Changes
- Updated dependencies
- Updated dependencies

@@ -81,3 +112,5 @@ ## 1.3.2

- [#30905](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30905) [`8081a4b12d3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8081a4b12d3) - Fixed a type error for the `ResizingHeight` component caused by not rendering valid JSX
- [#30905](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30905)
[`8081a4b12d3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8081a4b12d3) - Fixed
a type error for the `ResizingHeight` component caused by not rendering valid JSX

@@ -88,3 +121,5 @@ ## 1.3.1

- [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125) [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
- [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125)
[`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) -
Introduce shape tokens to some packages.

@@ -95,3 +130,5 @@ ## 1.3.0

- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`a86726f0b16`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a86726f0b16) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860)
[`a86726f0b16`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a86726f0b16) -
Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.

@@ -102,3 +139,5 @@ ## 1.2.4

- [#26408](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26408) [`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) - Internal changes to include spacing tokens in component implementations.
- [#26408](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26408)
[`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) -
Internal changes to include spacing tokens in component implementations.

@@ -109,3 +148,5 @@ ## 1.2.3

- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) -
Upgrade Typescript from `4.3.5` to `4.5.5`

@@ -116,3 +157,5 @@ ## 1.2.2

- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) -
Upgrade Typescript from `4.2.4` to `4.3.5`.

@@ -123,4 +166,6 @@ ## 1.2.1

- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`01a461fe433`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a461fe433) - Internal code change turning on new linting rules.
- Updated dependencies
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381)
[`01a461fe433`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a461fe433) -
Internal code change turning on new linting rules.
- Updated dependencies

@@ -131,4 +176,6 @@ ## 1.2.0

- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`a1c9465b456`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a1c9465b456) - - `FadeIn` now supports different exit directions using the `exitDirection` prop
- `FadeIn` now supports different distance options for animations, using the `distance` prop
- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642)
[`a1c9465b456`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a1c9465b456) - -
`FadeIn` now supports different exit directions using the `exitDirection` prop
- `FadeIn` now supports different distance options for animations, using the `distance` prop

@@ -139,3 +186,5 @@ ## 1.1.2

- [#22614](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22614) [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
- [#22614](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22614)
[`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) -
Upgrading internal dependency (bind-event-listener) for improved internal types

@@ -146,3 +195,5 @@ ## 1.1.1

- [#22029](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22029) [`e4b612d1c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4b612d1c48) - Internal migration to bind-event-listener for safer DOM Event cleanup
- [#22029](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22029)
[`e4b612d1c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4b612d1c48) -
Internal migration to bind-event-listener for safer DOM Event cleanup

@@ -153,9 +204,12 @@ ## 1.1.0

- [#21335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21335) [`8630371ec57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8630371ec57) - **Note**: It is a re-release of the wrongly `patched` version `1.0.4` that should have been a `minor` release.
- [#21335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21335)
[`8630371ec57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8630371ec57) -
**Note**: It is a re-release of the wrongly `patched` version `1.0.4` that should have been a
`minor` release.
Add a useIsReducedMotion() hook that returns the user's current motion preference.
Add a useIsReducedMotion() hook that returns the user's current motion preference.
Other internal changes:
Other internal changes:
- Upgrade to TypeScript 4.2.4
- Upgrade to TypeScript 4.2.4

@@ -168,3 +222,5 @@ ## 1.0.4

- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) -
Upgrade to TypeScript 4.2.4

@@ -175,3 +231,5 @@ ## 1.0.3

- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`cd34d8ca8ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd34d8ca8ea) - Internal wiring up to the tokens techstack, no code changes.
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302)
[`cd34d8ca8ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cd34d8ca8ea) -
Internal wiring up to the tokens techstack, no code changes.

@@ -182,3 +240,5 @@ ## 1.0.2

- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880)
[`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump
`@atlaskit/theme` to version `^11.3.0`.

@@ -189,3 +249,6 @@ ## 1.0.1

- [#11692](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11692) [`08b6e9821d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08b6e9821d0) - ExitingPersistence is now memoised to prevent a re-render that terminates the exit animation when its children have not changed.
- [#11692](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11692)
[`08b6e9821d0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08b6e9821d0) -
ExitingPersistence is now memoised to prevent a re-render that terminates the exit animation
when its children have not changed.

@@ -196,3 +259,6 @@ ## 1.0.0

- [#10609](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10609) [`4925538af72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4925538af72) - This `1.0.0` release denotes that the package API is now stable and is no longer in developer preview. There are **NO API CHANGES** in this release.
- [#10609](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10609)
[`4925538af72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4925538af72) - This
`1.0.0` release denotes that the package API is now stable and is no longer in developer
preview. There are **NO API CHANGES** in this release.

@@ -203,3 +269,5 @@ ## 0.4.8

- [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230) [`12f99a7b1ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12f99a7b1ab) - Export useExitingPersistence from @atlaskit/motion, and fix types for children of ExitingPersistence.
- [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230)
[`12f99a7b1ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12f99a7b1ab) - Export
useExitingPersistence from @atlaskit/motion, and fix types for children of ExitingPersistence.

@@ -210,17 +278,20 @@ ## 0.4.7

- [#9641](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9641) [`9d9f1490c22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d9f1490c22) - @atlaskit/motion now supports multi entry-points. Users can now import only the parts of this module they need, reducing the size of your final bundle.
- [#9641](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9641)
[`9d9f1490c22`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d9f1490c22) -
@atlaskit/motion now supports multi entry-points. Users can now import only the parts of this
module they need, reducing the size of your final bundle.
Entry-points include:
Entry-points include:
```
@atlaskit/motion/curves
@atlaskit/motion/durations
@atlaskit/motion/accessibility
@atlaskit/motion/exiting-persistence
@atlaskit/motion/fade-in
@atlaskit/motion/slide-in
@atlaskit/motion/zoom-in
@atlaskit/motion/shrink-out
@atlaskit/motion/staggered-entrance
```
```
@atlaskit/motion/curves
@atlaskit/motion/durations
@atlaskit/motion/accessibility
@atlaskit/motion/exiting-persistence
@atlaskit/motion/fade-in
@atlaskit/motion/slide-in
@atlaskit/motion/zoom-in
@atlaskit/motion/shrink-out
@atlaskit/motion/staggered-entrance
```

@@ -231,3 +302,5 @@ ## 0.4.6

- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) -
Transpile packages using babel rather than tsc

@@ -238,5 +311,8 @@ ## 0.4.5

- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
Also add `typescript` to `devDependencies` to denote version that the package was built with.
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
[`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
compiler option. This requires version 3.8 of Typescript, read more about how we handle
Typescript versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
`devDependencies` to denote version that the package was built with.

@@ -247,3 +323,5 @@ ## 0.4.4

- [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`02df8cde1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02df8cde1d) - Readme now points to the correct docs URL.
- [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749)
[`02df8cde1d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02df8cde1d) - Readme
now points to the correct docs URL.

@@ -254,3 +332,5 @@ ## 0.4.3

- [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424) [`81c95008a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81c95008a4) - Remove transform if FadeIn movement is not provided
- [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424)
[`81c95008a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81c95008a4) - Remove
transform if FadeIn movement is not provided

@@ -261,6 +341,8 @@ ## 0.4.2

- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
[`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
to TypeScript 3.9.6 and tslib to 2.0.0
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
to prevent duplicates of tslib being bundled.
Since tslib is a dependency for all our packages we recommend that products also follow this
tslib upgrade to prevent duplicates of tslib being bundled.

@@ -271,4 +353,7 @@ ## 0.4.1

- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`60dd4ecc69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60dd4ecc69) - Changed export all to export individual components in index
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428)
[`60dd4ecc69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60dd4ecc69) - Changed
export all to export individual components in index
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update
all the theme imports to be tree-shakable

@@ -279,4 +364,7 @@ ## 0.4.0

- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
[`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) -
Officially dropping IE11 support, from this version onwards there are no warranties of the
package working in IE11. For more information see:
https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534

@@ -287,5 +375,8 @@ ## 0.3.0

- [#2763](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2763) [`dd275c9b81`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd275c9b81) - Added the option to animate opacity within `SlideIn`.
- [#2763](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2763)
[`dd275c9b81`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd275c9b81) - Added
the option to animate opacity within `SlideIn`.
You can now add the property `animateOpacity` which if true, animates the opacity from 0 -> 1 on enter and 1 -> 0 on exit.
You can now add the property `animateOpacity` which if true, animates the opacity from 0 -> 1 on
enter and 1 -> 0 on exit.

@@ -296,3 +387,7 @@ ## 0.2.6

- [#2943](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2943) [`1e4930567c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e4930567c) - There should be no noticeable changes to consumers of `motion`, but we now remove the animation styles once an animation is complete, or if the elements are not meant to animate on initial mount. This prevents a class of bugs where we were seeing unintended animations.
- [#2943](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2943)
[`1e4930567c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1e4930567c) - There
should be no noticeable changes to consumers of `motion`, but we now remove the animation styles
once an animation is complete, or if the elements are not meant to animate on initial mount.
This prevents a class of bugs where we were seeing unintended animations.

@@ -303,3 +398,5 @@ ## 0.2.5

- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866)
[`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build
and supporting files will no longer be published to npm

@@ -310,14 +407,19 @@ ## 0.2.4

- [patch][e5eb921e97](https://bitbucket.org/atlassian/atlassian-frontend/commits/e5eb921e97):
- [patch][e5eb921e97](https://bitbucket.org/atlassian/atlassian-frontend/commits/e5eb921e97):
Change imports to comply with Atlassian conventions- Updated dependencies [3940bd71f1](https://bitbucket.org/atlassian/atlassian-frontend/commits/3940bd71f1):
Change imports to comply with Atlassian conventions- Updated dependencies
[3940bd71f1](https://bitbucket.org/atlassian/atlassian-frontend/commits/3940bd71f1):
- Updated dependencies [6b8e60827e](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b8e60827e):
- Updated dependencies [f6667f2909](https://bitbucket.org/atlassian/atlassian-frontend/commits/f6667f2909):
- Updated dependencies [57c0487a02](https://bitbucket.org/atlassian/atlassian-frontend/commits/57c0487a02):
- Updated dependencies [a4d063330a](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4d063330a):
- @atlaskit/tooltip@15.2.6
- @atlaskit/button@13.3.11
- @atlaskit/logo@12.3.4
- @atlaskit/lozenge@9.1.7
- Updated dependencies
[6b8e60827e](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b8e60827e):
- Updated dependencies
[f6667f2909](https://bitbucket.org/atlassian/atlassian-frontend/commits/f6667f2909):
- Updated dependencies
[57c0487a02](https://bitbucket.org/atlassian/atlassian-frontend/commits/57c0487a02):
- Updated dependencies
[a4d063330a](https://bitbucket.org/atlassian/atlassian-frontend/commits/a4d063330a):
- @atlaskit/tooltip@15.2.6
- @atlaskit/button@13.3.11
- @atlaskit/logo@12.3.4
- @atlaskit/lozenge@9.1.7

@@ -328,12 +430,16 @@ ## 0.2.3

- [patch][5633f516a4](https://bitbucket.org/atlassian/atlassian-frontend/commits/5633f516a4):
- [patch][5633f516a4](https://bitbucket.org/atlassian/atlassian-frontend/commits/5633f516a4):
Fixes timeout and raf hooks not having a stable reference.- Updated dependencies [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
Fixes timeout and raf hooks not having a stable reference.- Updated dependencies
[168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
- Updated dependencies [0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
- Updated dependencies [109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
- Updated dependencies [b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
- @atlaskit/docs@8.5.1
- @atlaskit/theme@9.5.3
- @atlaskit/button@13.3.10
- Updated dependencies
[0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
- Updated dependencies
[109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
- Updated dependencies
[b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
- @atlaskit/docs@8.5.1
- @atlaskit/theme@9.5.3
- @atlaskit/button@13.3.10

@@ -344,14 +450,15 @@ ## 0.2.2

- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/button@13.3.7
- @atlaskit/logo@12.3.2
- @atlaskit/lozenge@9.1.4
- @atlaskit/section-message@4.1.5
- @atlaskit/theme@9.5.1
- @atlaskit/tooltip@15.2.3
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/button@13.3.7
- @atlaskit/logo@12.3.2
- @atlaskit/lozenge@9.1.4
- @atlaskit/section-message@4.1.5
- @atlaskit/theme@9.5.1
- @atlaskit/tooltip@15.2.3

@@ -362,10 +469,10 @@ ## 0.2.1

- [patch][166d7b1626](https://bitbucket.org/atlassian/atlassian-frontend/commits/166d7b1626):
- [patch][166d7b1626](https://bitbucket.org/atlassian/atlassian-frontend/commits/166d7b1626):
Fixes motion blowing up when rendered on the server. - @atlaskit/logo@12.3.1
Fixes motion blowing up when rendered on the server. - @atlaskit/logo@12.3.1
- @atlaskit/section-message@4.1.4
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/tooltip@15.2.2
- @atlaskit/section-message@4.1.4
- @atlaskit/docs@8.3.1
- @atlaskit/button@13.3.6
- @atlaskit/tooltip@15.2.2

@@ -376,14 +483,20 @@ ## 0.2.0

- [minor][1d72045e6b](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d72045e6b):
- [minor][1d72045e6b](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d72045e6b):
`SlideIn` is now more customizable and has new props:
`SlideIn` is now more customizable and has new props:
- **BREAKING CHANGE: ** `from` prop has been renamed to `enterFrom`
- You can now optionally set an explicit `exitTo` prop which specifies which direction the component will animate towards when exiting. The `from` prop has also been renamed to `enterFrom`. If no `exitTo` prop is set, the exiting motion will default to being the reverse of the entrance motion. i.e. if `enterFrom={"right"}` then the element will slide in from the right and then exit towards the right as well.
- You can now optionally set the prop `animationTimingFunction` to override animation curve to use when entrancing v.s. when exiting.
- **BREAKING CHANGE: ** `from` prop has been renamed to `enterFrom`
- You can now optionally set an explicit `exitTo` prop which specifies which direction the
component will animate towards when exiting. The `from` prop has also been renamed to
`enterFrom`. If no `exitTo` prop is set, the exiting motion will default to being the
reverse of the entrance motion. i.e. if `enterFrom={"right"}` then the element will slide in
from the right and then exit towards the right as well.
- You can now optionally set the prop `animationTimingFunction` to override animation curve to
use when entrancing v.s. when exiting.
### Patch Changes
- Updated dependencies [d2b8166208](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2b8166208):
- @atlaskit/docs@8.3.0
- Updated dependencies
[d2b8166208](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2b8166208):
- @atlaskit/docs@8.3.0

@@ -394,22 +507,33 @@ ## 0.1.2

- [patch][6fecf8ec66](https://bitbucket.org/atlassian/atlassian-frontend/commits/6fecf8ec66):
- [patch][6fecf8ec66](https://bitbucket.org/atlassian/atlassian-frontend/commits/6fecf8ec66):
FadeIn component has had its css keyframes adjusted to affect how much it animates up.- [patch][f214e55182](https://bitbucket.org/atlassian/atlassian-frontend/commits/f214e55182):
FadeIn component has had its css keyframes adjusted to affect how much it animates up.-
[patch][f214e55182](https://bitbucket.org/atlassian/atlassian-frontend/commits/f214e55182):
Added a SlideIn component. Useful for when things slide in from outside of the viewport. It comes with a pairing exiting motion.- [patch][98342c8dca](https://bitbucket.org/atlassian/atlassian-frontend/commits/98342c8dca):
Added a SlideIn component. Useful for when things slide in from outside of the viewport. It
comes with a pairing exiting motion.-
[patch][98342c8dca](https://bitbucket.org/atlassian/atlassian-frontend/commits/98342c8dca):
Added a ShinkOut component. Useful for removing an element from the DOM by shrinking it to zero width. Does not have a pairing entering motion.- [patch][0aebb4f6ff](https://bitbucket.org/atlassian/atlassian-frontend/commits/0aebb4f6ff):
Added a ShinkOut component. Useful for removing an element from the DOM by shrinking it to zero
width. Does not have a pairing entering motion.-
[patch][0aebb4f6ff](https://bitbucket.org/atlassian/atlassian-frontend/commits/0aebb4f6ff):
Added a ZoomIn component. Useful for highlighting specific actions, buttons, etc, when entering the DOM. Comes with a pairing exiting motion.- [patch][8161987117](https://bitbucket.org/atlassian/atlassian-frontend/commits/8161987117):
Added a ZoomIn component. Useful for highlighting specific actions, buttons, etc, when entering
the DOM. Comes with a pairing exiting motion.-
[patch][8161987117](https://bitbucket.org/atlassian/atlassian-frontend/commits/8161987117):
Allow consumers to toggle secondary entrance motion on FadeIn- [patch][38cde500c7](https://bitbucket.org/atlassian/atlassian-frontend/commits/38cde500c7):
Allow consumers to toggle secondary entrance motion on FadeIn-
[patch][38cde500c7](https://bitbucket.org/atlassian/atlassian-frontend/commits/38cde500c7):
Added a ResizingHeight component. This is the component equivalent of the useResizingHeight hook.- Updated dependencies [82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
Added a ResizingHeight component. This is the component equivalent of the useResizingHeight
hook.- Updated dependencies
[82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
- Updated dependencies [4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- @atlaskit/theme@9.5.0
- @atlaskit/button@13.3.5
- @atlaskit/lozenge@9.1.3
- @atlaskit/section-message@4.1.3
- @atlaskit/tooltip@15.2.1
- Updated dependencies
[4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- @atlaskit/theme@9.5.0
- @atlaskit/button@13.3.5
- @atlaskit/lozenge@9.1.3
- @atlaskit/section-message@4.1.3
- @atlaskit/tooltip@15.2.1

@@ -420,79 +544,80 @@ ## 0.1.1

- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
New `<ExitingPersistence />` component
New `<ExitingPersistence />` component
You can now persist exiting elements using `ExitingPersistence`.
Doing so will allow them to animate away while exiting.
You can now persist exiting elements using `ExitingPersistence`. Doing so will allow them to
animate away while exiting.
There are three ways you can utilise this component:
There are three ways you can utilise this component:
**Conditionally rendering a single component**
**Conditionally rendering a single component**
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
({ entered }) => (
<div>
<ExitingPersistence>
{entered && (
<FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>
)}
</ExitingPersistence>
</div>
);
```
({ entered }) => (
<div>
<ExitingPersistence>
{entered && (
<FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>
)}
</ExitingPersistence>
</div>
);
```
**Conditionally rendering multiple components**
**Conditionally rendering multiple components**
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
() => (
<ExitingPersistence>
{one && <FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>}
{two && <FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>}
</ExitingPersistence>
);
```
() => (
<ExitingPersistence>
{one && <FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>}
{two && <FadeIn>{props => <div {...props}>hello world</div>}</FadeIn>}
</ExitingPersistence>
);
```
**Conditionally rendering elements in an array**
**Conditionally rendering elements in an array**
Make sure to have unique keys for every element!
Make sure to have unique keys for every element!
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
```
import { FadeIn, ExitingPersistence } from '@atlaskit/motion';
() => (
<ExitingPersistence>
{elements.map(element => (
// Key is very important here!
<FadeIn key={element.key}>
{props => <div {...props}>hello world</div>}
</FadeIn>
))}
</ExitingPersistence>
);
```
() => (
<ExitingPersistence>
{elements.map(element => (
// Key is very important here!
<FadeIn key={element.key}>
{props => <div {...props}>hello world</div>}
</FadeIn>
))}
</ExitingPersistence>
);
```
Updated `<StaggeredEntrance />` component
Updated `<StaggeredEntrance />` component
`StaggeredEntrance` no longer has the limitation of requiring motions to be the direct descendant.
Simply ensure your motion elements are somewhere in the child tree and they will have their entrance motion staggered.
`StaggeredEntrance` no longer has the limitation of requiring motions to be the direct
descendant. Simply ensure your motion elements are somewhere in the child tree and they will
have their entrance motion staggered.
```
import { FadeIn, StaggeredEntrance } from '@atlaskit/motion';
```
import { FadeIn, StaggeredEntrance } from '@atlaskit/motion';
() => (
<StaggeredEntrance>
<div>
{items.map(logo => (
<div key={logo.key}>
<FadeIn>{props => <div {...props} />}</FadeIn>
</div>
))}
</div>
</StaggeredEntrance>
);
```
() => (
<StaggeredEntrance>
<div>
{items.map(logo => (
<div key={logo.key}>
<FadeIn>{props => <div {...props} />}</FadeIn>
</div>
))}
</div>
</StaggeredEntrance>
);
```

@@ -503,21 +628,22 @@ ## 0.1.0

- [minor][5c3fc52da7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5c3fc52da7):
- [minor][5c3fc52da7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5c3fc52da7):
The internal `Motion` component is now called `KeyframesMotion`.- [minor][1dd6a6d6ac](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1dd6a6d6ac):
The internal `Motion` component is now called `KeyframesMotion`.-
[minor][1dd6a6d6ac](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1dd6a6d6ac):
`ExitingPersistence` now has an `appear` prop.
Previously entering motions would always appear when mounting - now you have to opt into the behaviour.
`ExitingPersistence` now has an `appear` prop. Previously entering motions would always appear
when mounting - now you have to opt into the behaviour.
```diff
-<ExitingPersistence>
+<ExitingPersistence appear>
...
</ExitingPersistence>
```
```diff
-<ExitingPersistence>
+<ExitingPersistence appear>
...
</ExitingPersistence>
```
### Patch Changes
- [patch][f175c8088f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f175c8088f):
- [patch][f175c8088f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f175c8088f):
Fixes non-exiting elements from re-rendering unnecessarily.
Fixes non-exiting elements from re-rendering unnecessarily.

@@ -528,8 +654,12 @@ ## 0.0.4

- [patch][f9c291923c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f9c291923c):
- [patch][f9c291923c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f9c291923c):
Corrects the type exports for typography, colors, elevation and layers. If you were doing any dynamic code it may break you. Refer to the [upgrade guide](/packages/core/theme/docs/upgrade-guide) for help upgrading.- Updated dependencies [3c0f6feee5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3c0f6feee5):
Corrects the type exports for typography, colors, elevation and layers. If you were doing any
dynamic code it may break you. Refer to the
[upgrade guide](/packages/core/theme/docs/upgrade-guide) for help upgrading.- Updated
dependencies [3c0f6feee5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3c0f6feee5):
- Updated dependencies [f9c291923c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f9c291923c):
- @atlaskit/theme@9.3.0
- Updated dependencies
[f9c291923c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f9c291923c):
- @atlaskit/theme@9.3.0

@@ -540,14 +670,15 @@ ## 0.0.3

- [patch][94abe7f41a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/94abe7f41a):
- [patch][94abe7f41a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/94abe7f41a):
New `useResizingHeight()` hook
New `useResizingHeight()` hook
This is a small yet powerful hook which you can consume to enable an element to resize its `height` when it changes after a state transition.
It uses CSS under-the-hood to maximize performance.
This is a small yet powerful hook which you can consume to enable an element to resize its
`height` when it changes after a state transition. It uses CSS under-the-hood to maximize
performance.
```
import { useResizingHeight } from '@atlaskit/motion';
```
import { useResizingHeight } from '@atlaskit/motion';
({ text }) => <div {...useResizingHeight()}>{text}</div>;
```
({ text }) => <div {...useResizingHeight()}>{text}</div>;
```

@@ -558,5 +689,5 @@ ## 0.0.2

- [patch][d8a99823e2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d8a99823e2):
- [patch][d8a99823e2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d8a99823e2):
Adds FadeIn and StaggeredEntrance components and reduced motion utilities.
Adds FadeIn and StaggeredEntrance components and reduced motion utilities.

@@ -567,4 +698,4 @@ ## 0.0.1

- [patch][cdcb428642](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cdcb428642):
- [patch][cdcb428642](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cdcb428642):
Initial release of @atlaskit/motion
Initial release of @atlaskit/motion
{
"name": "@atlaskit/motion",
"version": "1.5.3",
"version": "1.6.0",
"description": "A set of utilities to apply motion in your application.",

@@ -40,2 +40,3 @@ "publishConfig": {

"team": "Design System Team",
"runReact18": true,
"productPushConsumption": [

@@ -57,3 +58,3 @@ "jira"

"peerDependencies": {
"react": "^16.8.0"
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
},

@@ -60,0 +61,0 @@ "devDependencies": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc