@atlaskit/motion
Advanced tools
@atlaskit/motion - npm Package Compare versions
Comparing version 1.6.0 to 1.6.1
670
CHANGELOG.md
| # @atlaskit/motion | ||
| ## 1.6.1 | ||
| ### Patch Changes | ||
| - [#93481](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/93481) | ||
| [`c826eb17b113e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c826eb17b113e) - | ||
| Remove examples of the logos that have been deprecated by the '@atlaskit/logo' package. | ||
| ## 1.6.0 | ||
@@ -7,5 +15,5 @@ | ||
| - [#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. | ||
| - [#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. | ||
@@ -16,5 +24,5 @@ ## 1.5.3 | ||
| - [#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` | ||
@@ -25,5 +33,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` | ||
@@ -34,5 +42,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 | ||
@@ -43,6 +51,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. | ||
@@ -53,5 +61,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. | ||
@@ -62,5 +70,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 | ||
@@ -71,7 +79,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. | ||
@@ -82,5 +90,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 | ||
@@ -91,5 +99,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` | ||
@@ -100,9 +108,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 | ||
@@ -113,5 +121,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 | ||
@@ -122,5 +130,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. | ||
@@ -131,5 +139,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. | ||
@@ -140,5 +148,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. | ||
@@ -149,5 +157,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` | ||
@@ -158,5 +166,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`. | ||
@@ -167,6 +175,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 | ||
@@ -177,6 +185,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 | ||
@@ -187,5 +195,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 | ||
@@ -196,5 +204,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 | ||
@@ -205,12 +213,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 | ||
@@ -223,5 +231,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 | ||
@@ -232,5 +240,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. | ||
@@ -241,5 +249,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`. | ||
@@ -250,6 +258,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. | ||
@@ -260,6 +268,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. | ||
@@ -270,5 +278,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. | ||
@@ -279,20 +287,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 | ||
| ``` | ||
@@ -303,5 +311,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 | ||
@@ -312,8 +320,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. | ||
@@ -324,5 +332,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. | ||
@@ -333,5 +341,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 | ||
@@ -342,8 +350,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. | ||
@@ -354,7 +362,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 | ||
@@ -365,7 +373,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 | ||
@@ -376,8 +384,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. | ||
@@ -388,7 +396,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. | ||
@@ -399,5 +407,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 | ||
@@ -408,19 +416,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 | ||
@@ -431,16 +439,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 | ||
@@ -451,15 +459,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 | ||
@@ -470,10 +478,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 | ||
@@ -484,20 +492,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 | ||
@@ -508,33 +516,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 | ||
@@ -545,80 +553,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> | ||
| ); | ||
| ``` | ||
@@ -629,22 +637,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. | ||
@@ -655,12 +663,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 | ||
@@ -671,15 +679,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>; | ||
| ``` | ||
@@ -690,5 +698,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. | ||
@@ -699,4 +707,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 |
@@ -1,2 +0,2 @@ | ||
| import React, { ReactNode } from 'react'; | ||
| import React, { type ReactNode } from 'react'; | ||
| export interface ExitingPersistenceProps { | ||
@@ -3,0 +3,0 @@ /** |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| import type { Direction, Distance } from './types'; | ||
@@ -5,0 +5,0 @@ export declare const fadeInAnimation: (direction?: Direction, distance?: Distance) => CSSObject; |
@@ -1,4 +0,4 @@ | ||
| import { Ref } from 'react'; | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { MotionProps, Transition } from './types'; | ||
| import { type Ref } from 'react'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type MotionProps, type Transition } from './types'; | ||
| /** | ||
@@ -5,0 +5,0 @@ * These are props that motions should use as their external props for consumers. |
@@ -1,3 +0,3 @@ | ||
| import React from 'react'; | ||
| import { MotionProps } from './types'; | ||
| import type React from 'react'; | ||
| import { type MotionProps } from './types'; | ||
| export interface ShrinkOutProps extends MotionProps<{ | ||
@@ -4,0 +4,0 @@ ref: React.Ref<any>; |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { AnimationCurve } from '../utils/curves'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { Direction, Fade, Transition } from './types'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type AnimationCurve } from '../utils/curves'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type Direction, type Fade, type Transition } from './types'; | ||
| export declare const slideInAnimation: (from: Direction, state: Transition, fade: Fade) => CSSObject; | ||
@@ -7,0 +7,0 @@ export interface SlideInProps extends KeyframesMotionProps { |
@@ -1,2 +0,2 @@ | ||
| import { Ref } from 'react'; | ||
| import { type Ref } from 'react'; | ||
| export interface StaggeredEntranceProps { | ||
@@ -3,0 +3,0 @@ /** |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| export declare const zoomInAnimation: () => CSSObject; | ||
@@ -5,0 +5,0 @@ export declare const shrinkOutAnimation: () => CSSObject; |
| import React from 'react'; | ||
| import { CallbackRef } from '../utils/use-element-ref'; | ||
| import { type CallbackRef } from '../utils/use-element-ref'; | ||
| interface ResizingHeightOpts { | ||
@@ -4,0 +4,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
| import React, { ReactNode } from 'react'; | ||
| import React, { type ReactNode } from 'react'; | ||
| export interface ExitingPersistenceProps { | ||
@@ -3,0 +3,0 @@ /** |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| import type { Direction, Distance } from './types'; | ||
@@ -5,0 +5,0 @@ export declare const fadeInAnimation: (direction?: Direction, distance?: Distance) => CSSObject; |
@@ -1,4 +0,4 @@ | ||
| import { Ref } from 'react'; | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { MotionProps, Transition } from './types'; | ||
| import { type Ref } from 'react'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type MotionProps, type Transition } from './types'; | ||
| /** | ||
@@ -5,0 +5,0 @@ * These are props that motions should use as their external props for consumers. |
@@ -1,3 +0,3 @@ | ||
| import React from 'react'; | ||
| import { MotionProps } from './types'; | ||
| import type React from 'react'; | ||
| import { type MotionProps } from './types'; | ||
| export interface ShrinkOutProps extends MotionProps<{ | ||
@@ -4,0 +4,0 @@ ref: React.Ref<any>; |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { AnimationCurve } from '../utils/curves'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { Direction, Fade, Transition } from './types'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type AnimationCurve } from '../utils/curves'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type Direction, type Fade, type Transition } from './types'; | ||
| export declare const slideInAnimation: (from: Direction, state: Transition, fade: Fade) => CSSObject; | ||
@@ -7,0 +7,0 @@ export interface SlideInProps extends KeyframesMotionProps { |
@@ -1,2 +0,2 @@ | ||
| import { Ref } from 'react'; | ||
| import { type Ref } from 'react'; | ||
| export interface StaggeredEntranceProps { | ||
@@ -3,0 +3,0 @@ /** |
| /// <reference types="react" /> | ||
| import { CSSObject } from '@emotion/react'; | ||
| import { KeyframesMotionProps } from './keyframes-motion'; | ||
| import { type CSSObject } from '@emotion/react'; | ||
| import { type KeyframesMotionProps } from './keyframes-motion'; | ||
| export declare const zoomInAnimation: () => CSSObject; | ||
@@ -5,0 +5,0 @@ export declare const shrinkOutAnimation: () => CSSObject; |
| import React from 'react'; | ||
| import { CallbackRef } from '../utils/use-element-ref'; | ||
| import { type CallbackRef } from '../utils/use-element-ref'; | ||
| interface ResizingHeightOpts { | ||
@@ -4,0 +4,0 @@ /** |
| { | ||
| "name": "@atlaskit/motion", | ||
| "version": "1.6.0", | ||
| "version": "1.6.1", | ||
| "description": "A set of utilities to apply motion in your application.", | ||
@@ -62,3 +62,2 @@ "publishConfig": { | ||
| "@atlaskit/visual-regression": "*", | ||
| "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1", | ||
| "@testing-library/react": "^12.1.5", | ||
@@ -99,4 +98,3 @@ "@testing-library/react-hooks": "^8.0.1", | ||
| }, | ||
| "homepage": "https://atlassian.design/components/motion/", | ||
| "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1" | ||
| "homepage": "https://atlassian.design/components/motion/" | ||
| } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Dev dependency count
- decreased by-11.11%
8
Worsened metrics
- Total package byte prevSize
- decreased by-0.19%
208454
No dependency changes