Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@atlaskit/page

Package Overview
Dependencies
Maintainers
1
Versions
115
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/page - npm Package Compare versions

Comparing version 12.4.0 to 12.5.0

864

CHANGELOG.md
# @atlaskit/page
## 12.5.0
### Minor Changes
- [#110670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110670)
[`c733254a2dd6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c733254a2dd6e) -
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
is implicitly set to automatic.
## 12.4.0

@@ -7,5 +16,5 @@

- [#100748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100748)
[`ff76f4c7a63d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff76f4c7a63d) -
Add support for React 18.
- [#100748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100748)
[`ff76f4c7a63d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff76f4c7a63d) -
Add support for React 18 in non-strict mode.

@@ -16,5 +25,5 @@ ## 12.3.7

- [#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`

@@ -25,5 +34,5 @@ ## 12.3.6

- [#40040](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40040)
[`ff79902b24c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff79902b24c) - This
package is now onboarded onto the product push model.
- [#40040](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40040)
[`ff79902b24c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ff79902b24c) - This
package is now onboarded onto the product push model.

@@ -34,6 +43,6 @@ ## 12.3.5

- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754)
[`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use
`@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility
testing.
- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754)
[`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use
`@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility
testing.

@@ -44,7 +53,7 @@ ## 12.3.4

- [#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.

@@ -55,6 +64,6 @@ ## 12.3.3

- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
[`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) -
Internal change to enforce token usage for spacing properties. There is no expected visual or
behaviour change.
- [#32935](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32935)
[`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal
change to enforce token usage for spacing properties. There is no expected visual or behaviour
change.

@@ -65,5 +74,5 @@ ## 12.3.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

@@ -74,5 +83,5 @@ ## 12.3.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`

@@ -83,5 +92,5 @@ ## 12.3.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

@@ -92,5 +101,5 @@ ## 12.2.4

- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206)
[`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) -
Upgrades component types to support React 18.
- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206)
[`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades
component types to support React 18.

@@ -101,6 +110,6 @@ ## 12.2.3

- [#29227](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29227)
[`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) -
ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add
`allowedSideEffects` when loading the page.
- [#29227](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29227)
[`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) -
ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects`
when loading the page.

@@ -111,5 +120,5 @@ ## 12.2.2

- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303)
[`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op
change to introduce spacing tokens to design system components.
- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303)
[`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op
change to introduce spacing tokens to design system components.

@@ -120,5 +129,5 @@ ## 12.2.1

- [#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`

@@ -129,5 +138,5 @@ ## 12.2.0

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

@@ -138,5 +147,5 @@ ## 12.1.4

- [#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`.

@@ -147,5 +156,5 @@ ## 12.1.3

- [#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

@@ -156,10 +165,10 @@ ## 12.1.2

- [#18619](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18619)
[`b3ea181f8ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3ea181f8ed) -
Regressions in version `12.1.0` have been fixed:
- [#18619](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18619)
[`b3ea181f8ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3ea181f8ed) -
Regressions in version `12.1.0` have been fixed:
- Move to CSS `gap` has been reverted, as some use cases were not properly handled.
- The `theme` prop has been re-introduced, mapping to the new props introduced in `12.1.0`.
- Move to CSS `gap` has been reverted, as some use cases were not properly handled.
- The `theme` prop has been re-introduced, mapping to the new props introduced in `12.1.0`.
This version should be properly minor compatible with version `12.0.7`.
This version should be properly minor compatible with version `12.0.7`.

@@ -170,5 +179,5 @@ ## 12.1.1

- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
[`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) -
Internal code change turning on a new linting rule.
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752)
[`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal
code change turning on a new linting rule.

@@ -179,9 +188,9 @@ ## 12.1.0

- [#17103](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17103)
[`4e587fa832b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e587fa832b) - [ux]
The grid now uses CSS `gap` instead of margins.
- [#17103](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17103)
[`4e587fa832b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e587fa832b) - [ux] The
grid now uses CSS `gap` instead of margins.
This package has now been migrated from `styled-components` to `@emotion/core`. As part of this
change theming has been removed from `Grid`. Spacing and columns can now be set directly on the
`Grid` component rather than via the `theme` prop.
This package has now been migrated from `styled-components` to `@emotion/core`. As part of this
change theming has been removed from `Grid`. Spacing and columns can now be set directly on the
`Grid` component rather than via the `theme` prop.

@@ -192,5 +201,5 @@ ## 12.0.7

- [#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.

@@ -201,5 +210,5 @@ ## 12.0.6

- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644)
[`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use
injected package name and version for analytics instead of version.json.
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644)
[`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use
injected package name and version for analytics instead of version.json.

@@ -210,5 +219,5 @@ ## 12.0.5

- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762)
[`b30ac8f0656`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b30ac8f0656) -
Removes an extraneous development dependency
- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762)
[`b30ac8f0656`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b30ac8f0656) - Removes
an extraneous development dependency

@@ -219,6 +228,6 @@ ## 12.0.4

- [#6930](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6930)
[`8047104b93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8047104b93) - Remove
invalid `spacing` attribute in rendered HTML by not passing unused spacing prop to internal Grid
component.
- [#6930](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6930)
[`8047104b93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8047104b93) - Remove
invalid `spacing` attribute in rendered HTML by not passing unused spacing prop to internal Grid
component.

@@ -229,5 +238,5 @@ ## 12.0.3

- [#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,8 +247,8 @@ ## 12.0.2

- [#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.

@@ -250,8 +259,8 @@ ## 12.0.1

- [#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.

@@ -262,7 +271,7 @@ ## 12.0.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

@@ -273,5 +282,5 @@ ## 11.0.14

- [#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

@@ -282,19 +291,19 @@ ## 11.0.13

- [patch][443bb984ab](https://bitbucket.org/atlassian/atlassian-frontend/commits/443bb984ab):
- [patch][443bb984ab](https://bitbucket.org/atlassian/atlassian-frontend/commits/443bb984ab):
Change imports to comply with Atlassian conventions- Updated dependencies
[9e4b195732](https://bitbucket.org/atlassian/atlassian-frontend/commits/9e4b195732):
Change imports to comply with Atlassian conventions- Updated dependencies
[9e4b195732](https://bitbucket.org/atlassian/atlassian-frontend/commits/9e4b195732):
- 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
[c21a796623](https://bitbucket.org/atlassian/atlassian-frontend/commits/c21a796623):
- @atlaskit/toggle@8.1.7
- @atlaskit/button@13.3.11
- @atlaskit/logo@12.3.4
- @atlaskit/banner@10.1.8
- 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
[c21a796623](https://bitbucket.org/atlassian/atlassian-frontend/commits/c21a796623):
- @atlaskit/toggle@8.1.7
- @atlaskit/button@13.3.11
- @atlaskit/logo@12.3.4
- @atlaskit/banner@10.1.8

@@ -305,14 +314,14 @@ ## 11.0.12

- [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/banner@10.1.5
- @atlaskit/button@13.3.7
- @atlaskit/logo@12.3.2
- @atlaskit/navigation@36.0.1
- @atlaskit/toggle@8.1.4
- @atlaskit/docs@8.3.2
- @atlaskit/visual-regression@0.1.9
- @atlaskit/banner@10.1.5
- @atlaskit/button@13.3.7
- @atlaskit/logo@12.3.2
- @atlaskit/navigation@36.0.1
- @atlaskit/toggle@8.1.4

@@ -323,9 +332,9 @@ ## 11.0.11

- Updated dependencies
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
- @atlaskit/navigation@36.0.0
- @atlaskit/logo@12.3.1
- @atlaskit/docs@8.3.1
- @atlaskit/banner@10.1.4
- @atlaskit/button@13.3.6
- Updated dependencies
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
- @atlaskit/navigation@36.0.0
- @atlaskit/logo@12.3.1
- @atlaskit/docs@8.3.1
- @atlaskit/banner@10.1.4
- @atlaskit/button@13.3.6

@@ -336,13 +345,13 @@ ## 11.0.10

- [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
Updated dependencies
[6dccb16bfc](https://bitbucket.org/atlassian/atlassian-frontend/commits/6dccb16bfc):
Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
Updated dependencies
[6dccb16bfc](https://bitbucket.org/atlassian/atlassian-frontend/commits/6dccb16bfc):
- Updated dependencies
[4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- @atlaskit/toggle@8.1.3
- @atlaskit/banner@10.1.3
- @atlaskit/button@13.3.5
- Updated dependencies
[4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
- @atlaskit/toggle@8.1.3
- @atlaskit/banner@10.1.3
- @atlaskit/button@13.3.5

@@ -353,5 +362,5 @@ ## 11.0.9

- [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
- [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

@@ -362,6 +371,6 @@ ## 11.0.8

- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
non-relative imports as relative imports
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
non-relative imports as relative imports

@@ -372,5 +381,5 @@ ## 11.0.7

- [patch][ecca4d1dbb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ecca4d1dbb):
- [patch][ecca4d1dbb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ecca4d1dbb):
Upgraded Typescript to 3.3.x
Upgraded Typescript to 3.3.x

@@ -381,12 +390,12 @@ ## 11.0.6

- [patch][de35ce8c67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de35ce8c67):
- [patch][de35ce8c67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/de35ce8c67):
Updates component maintainers
Updates component maintainers
## 11.0.5
- Updated dependencies
[7e9d653278](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e9d653278):
- @atlaskit/navigation@35.1.12
- @atlaskit/toggle@8.0.0
- Updated dependencies
[7e9d653278](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e9d653278):
- @atlaskit/navigation@35.1.12
- @atlaskit/toggle@8.0.0

@@ -397,5 +406,5 @@ ## 11.0.4

- [patch][bbff8a7d87](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/bbff8a7d87):
- [patch][bbff8a7d87](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/bbff8a7d87):
Fixes bug, missing version.json file
Fixes bug, missing version.json file

@@ -406,14 +415,14 @@ ## 11.0.3

- [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
- [patch][18dfac7332](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/18dfac7332):
In this PR, we are:
In this PR, we are:
- Re-introducing dist build folders
- Adding back cjs
- Replacing es5 by cjs and es2015 by esm
- Creating folders at the root for entry-points
- Removing the generation of the entry-points at the root Please see this
[ticket](https://product-fabric.atlassian.net/browse/BUILDTOOLS-118) or this
[page](https://hello.atlassian.net/wiki/spaces/FED/pages/452325500/Finishing+Atlaskit+multiple+entry+points)
for further details
- Re-introducing dist build folders
- Adding back cjs
- Replacing es5 by cjs and es2015 by esm
- Creating folders at the root for entry-points
- Removing the generation of the entry-points at the root Please see this
[ticket](https://product-fabric.atlassian.net/browse/BUILDTOOLS-118) or this
[page](https://hello.atlassian.net/wiki/spaces/FED/pages/452325500/Finishing+Atlaskit+multiple+entry+points)
for further details

@@ -424,5 +433,5 @@ ## 11.0.2

- [patch][4615439434](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4615439434):
- [patch][4615439434](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4615439434):
index.ts will now be ignored when publishing to npm
index.ts will now be ignored when publishing to npm

@@ -433,461 +442,460 @@ ## 11.0.1

- [patch][93bcf314c6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/93bcf314c6):
- [patch][93bcf314c6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/93bcf314c6):
Added missing tslib dep
Added missing tslib dep
## 11.0.0
- [major][3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
- [major][3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
- @atlaskit/page has been converted to Typescript. Typescript consumers will now get static
type safety. Flow types are no longer provided. No API or behavioural changes.
- @atlaskit/page has been converted to Typescript. Typescript consumers will now get static type
safety. Flow types are no longer provided. No API or behavioural changes.
## 10.0.2
- Updated dependencies
[4b07b57640](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4b07b57640):
- @atlaskit/button@13.0.2
- @atlaskit/navigation@35.1.1
- @atlaskit/logo@12.0.0
- Updated dependencies
[4b07b57640](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4b07b57640):
- @atlaskit/button@13.0.2
- @atlaskit/navigation@35.1.1
- @atlaskit/logo@12.0.0
## 10.0.1
- [patch][7a68e88827](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7a68e88827):
- [patch][7a68e88827](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7a68e88827):
- Fixed aria-hidden attribute for banner container
- Fixed aria-hidden attribute for banner container
## 10.0.0
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
- [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
this package, please ensure you use at least this version of react and react-dom.
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
this package, please ensure you use at least this version of react and react-dom.
## 9.0.3
- Updated dependencies
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
- @atlaskit/docs@7.0.2
- @atlaskit/banner@9.0.1
- @atlaskit/logo@10.0.3
- @atlaskit/navigation@34.0.3
- @atlaskit/toggle@6.0.3
- @atlaskit/button@12.0.0
- Updated dependencies
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
- @atlaskit/docs@7.0.2
- @atlaskit/banner@9.0.1
- @atlaskit/logo@10.0.3
- @atlaskit/navigation@34.0.3
- @atlaskit/toggle@6.0.3
- @atlaskit/button@12.0.0
## 9.0.2
- Updated dependencies
[1433f91820](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1433f91820):
- @atlaskit/banner@9.0.0
- Updated dependencies
[1433f91820](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1433f91820):
- @atlaskit/banner@9.0.0
## 9.0.1
- Updated dependencies
[9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
- @atlaskit/docs@7.0.1
- @atlaskit/banner@8.0.1
- @atlaskit/logo@10.0.1
- @atlaskit/navigation@34.0.1
- @atlaskit/toggle@6.0.1
- @atlaskit/button@11.0.0
- Updated dependencies
[9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
- @atlaskit/docs@7.0.1
- @atlaskit/banner@8.0.1
- @atlaskit/logo@10.0.1
- @atlaskit/navigation@34.0.1
- @atlaskit/toggle@6.0.1
- @atlaskit/button@11.0.0
## 9.0.0
- [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
- [major][76299208e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/76299208e6):
- Drop ES5 from all the flow modules
- Drop ES5 from all the flow modules
### Dropping CJS support in all @atlaskit packages
### Dropping CJS support in all @atlaskit packages
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
distribute esm. This means all distributed code will be transpiled, but will still contain
`import` and `export` declarations.
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
distribute esm. This means all distributed code will be transpiled, but will still contain
`import` and `export` declarations.
The major reason for doing this is to allow us to support multiple entry points in packages,
e.g:
The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
```js
import colors from `@atlaskit/theme/colors`;
```
```js
import colors from `@atlaskit/theme/colors`;
```
Previously this was sort of possible for consumers by doing something like:
Previously this was sort of possible for consumers by doing something like:
```js
import colors from `@atlaskit/theme/dist/esm/colors`;
```
```js
import colors from `@atlaskit/theme/dist/esm/colors`;
```
This has a couple of issues. 1, it treats the file system as API making internal refactors
harder, we have to worry about how consumers might be using things that aren't _actually_
supposed to be used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads
to lots of packages bundling all of theme, just to use a single color, especially in situations
where tree shaking fails.
This has a couple of issues. 1, it treats the file system as API making internal refactors harder,
we have to worry about how consumers might be using things that aren't _actually_ supposed to be
used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads to lots of
packages bundling all of theme, just to use a single color, especially in situations where tree
shaking fails.
To support being able to use multiple entrypoints internally, we unfortunately cannot have
multiple distributions as they would need to have very different imports from of their own
internal dependencies.
To support being able to use multiple entrypoints internally, we unfortunately cannot have
multiple distributions as they would need to have very different imports from of their own
internal dependencies.
ES Modules are widely supported by all modern bundlers and can be worked around in node
environments.
ES Modules are widely supported by all modern bundlers and can be worked around in node
environments.
We may choose to revisit this solution in the future if we find any unintended condequences, but
we see this as a pretty sane path forward which should lead to some major bundle size decreases,
saner API's and simpler package architecture.
We may choose to revisit this solution in the future if we find any unintended condequences, but
we see this as a pretty sane path forward which should lead to some major bundle size decreases,
saner API's and simpler package architecture.
Please reach out to #fabric-build (if in Atlassian) or create an issue in
[Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for
external) if you have any questions or queries about this.
Please reach out to #fabric-build (if in Atlassian) or create an issue in
[Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for
external) if you have any questions or queries about this.
## 8.0.12
- Updated dependencies [58b84fa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/58b84fa):
- @atlaskit/banner@7.0.12
- @atlaskit/button@10.1.1
- @atlaskit/logo@9.2.6
- @atlaskit/navigation@33.3.8
- @atlaskit/toggle@5.0.14
- @atlaskit/docs@6.0.0
- Updated dependencies [58b84fa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/58b84fa):
- @atlaskit/banner@7.0.12
- @atlaskit/button@10.1.1
- @atlaskit/logo@9.2.6
- @atlaskit/navigation@33.3.8
- @atlaskit/toggle@5.0.14
- @atlaskit/docs@6.0.0
## 8.0.11
- Updated dependencies [6998f11](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6998f11):
- @atlaskit/docs@5.2.1
- @atlaskit/banner@7.0.9
- @atlaskit/logo@9.2.4
- @atlaskit/navigation@33.3.5
- @atlaskit/toggle@5.0.11
- @atlaskit/button@10.0.0
- Updated dependencies [6998f11](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6998f11):
- @atlaskit/docs@5.2.1
- @atlaskit/banner@7.0.9
- @atlaskit/logo@9.2.4
- @atlaskit/navigation@33.3.5
- @atlaskit/toggle@5.0.11
- @atlaskit/button@10.0.0
## 8.0.10
- [patch][84e8015](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/84e8015):
- [patch][84e8015](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/84e8015):
- Bump react-syntax-highlighter to 10.0.1
- Bump react-syntax-highlighter to 10.0.1
## 8.0.9
- [patch] Fix webpack 3 support for page & code
[03af95e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03af95e)
- [patch] Fix webpack 3 support for page & code
[03af95e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03af95e)
## 8.0.8
- [patch] Adds missing implicit @babel/runtime dependency
[b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
- [patch] Adds missing implicit @babel/runtime dependency
[b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
## 8.0.7
- [patch] Upgrade react-syntax-highlighter again and use async loaded prism
[260d66a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/260d66a)
- [patch] Upgrade react-syntax-highlighter again and use async loaded prism
[260d66a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/260d66a)
## 8.0.6
- [patch] Upgraded react-syntax-highlighter to 8.0.2
[7cc7000](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7cc7000)
- [patch] Upgraded react-syntax-highlighter to 8.0.2
[7cc7000](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7cc7000)
## 8.0.5
- [patch] Adds sideEffects: false to allow proper tree shaking
[b5d6d04](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5d6d04)
- [patch] Adds sideEffects: false to allow proper tree shaking
[b5d6d04](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5d6d04)
## 8.0.3
- [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions
read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html for details
[a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
- [none] Updated dependencies
[a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
- @atlaskit/navigation@33.1.3
- @atlaskit/toggle@5.0.5
- @atlaskit/button@9.0.5
- @atlaskit/banner@7.0.3
- @atlaskit/icon@13.2.4
- [patch] update the dependency of react-dom to 16.4.2 due to vulnerability in previous versions
read https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html for details
[a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
- [none] Updated dependencies
[a4bd557](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a4bd557)
- @atlaskit/navigation@33.1.3
- @atlaskit/toggle@5.0.5
- @atlaskit/button@9.0.5
- @atlaskit/banner@7.0.3
- @atlaskit/icon@13.2.4
## 8.0.2
- [patch] Updated dependencies
[acd86a1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/acd86a1)
- @atlaskit/navigation@33.1.2
- @atlaskit/toggle@5.0.4
- @atlaskit/banner@7.0.2
- @atlaskit/docs@5.0.2
- [patch] Updated dependencies
[acd86a1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/acd86a1)
- @atlaskit/navigation@33.1.2
- @atlaskit/toggle@5.0.4
- @atlaskit/banner@7.0.2
- @atlaskit/docs@5.0.2
## 8.0.1
- [patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies
[7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
- [none] Updated dependencies
[7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
- @atlaskit/toggle@5.0.3
- @atlaskit/banner@7.0.1
- @atlaskit/navigation@33.1.1
- [patch] Add a SSR test for every package, add react-dom and build-utils in devDependencies
[7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
- [none] Updated dependencies
[7e331b5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7e331b5)
- @atlaskit/toggle@5.0.3
- @atlaskit/banner@7.0.1
- @atlaskit/navigation@33.1.1
## 8.0.0
- [major] Updates to React ^16.4.0
[7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
- [major] Updated dependencies
[563a7eb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/563a7eb)
- @atlaskit/toggle@5.0.0
- @atlaskit/banner@7.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/navigation@33.0.0
- [major] Updated dependencies
[7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
- @atlaskit/navigation@33.0.0
- @atlaskit/toggle@5.0.0
- @atlaskit/banner@7.0.0
- @atlaskit/docs@5.0.0
- [major] Updates to React ^16.4.0
[7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
- [major] Updated dependencies
[563a7eb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/563a7eb)
- @atlaskit/toggle@5.0.0
- @atlaskit/banner@7.0.0
- @atlaskit/docs@5.0.0
- @atlaskit/navigation@33.0.0
- [major] Updated dependencies
[7edb866](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7edb866)
- @atlaskit/navigation@33.0.0
- @atlaskit/toggle@5.0.0
- @atlaskit/banner@7.0.0
- @atlaskit/docs@5.0.0
## 7.2.1
- [patch] Fixed typo in grid component
[c1fda8b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c1fda8b)
- [none] Updated dependencies
[c1fda8b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c1fda8b)
- [patch] Fixed typo in grid component
[c1fda8b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c1fda8b)
- [none] Updated dependencies
[c1fda8b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c1fda8b)
## 7.2.0
- [minor] Fixes types for Flow 0.74
[dc50cd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dc50cd2)
- [none] Updated dependencies
[dc50cd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dc50cd2)
- @atlaskit/navigation@32.2.0
- [minor] Fixes types for Flow 0.74
[dc50cd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dc50cd2)
- [none] Updated dependencies
[dc50cd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dc50cd2)
- @atlaskit/navigation@32.2.0
## 7.1.1
- [patch] Clean Changelogs - remove duplicates and empty entries
[e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
- [none] Updated dependencies
[e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
- @atlaskit/toggle@4.0.3
- @atlaskit/navigation@32.1.1
- [patch] Clean Changelogs - remove duplicates and empty entries
[e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
- [none] Updated dependencies
[e7756cd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e7756cd)
- @atlaskit/toggle@4.0.3
- @atlaskit/navigation@32.1.1
## 7.1.0
- [none] Updated dependencies
[9d20f54](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d20f54)
- @atlaskit/navigation@32.1.0
- @atlaskit/toggle@4.0.2
- @atlaskit/banner@6.1.0
- @atlaskit/docs@4.1.0
- [none] Updated dependencies
[9d20f54](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d20f54)
- @atlaskit/navigation@32.1.0
- @atlaskit/toggle@4.0.2
- @atlaskit/banner@6.1.0
- @atlaskit/docs@4.1.0
## 7.0.1
- [patch] Update readme's [223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
- [patch] Updated dependencies
[223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
- @atlaskit/navigation@32.0.1
- @atlaskit/toggle@4.0.1
- @atlaskit/banner@6.0.1
- @atlaskit/docs@4.0.1
- [patch] Update readme's [223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
- [patch] Updated dependencies
[223cd67](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/223cd67)
- @atlaskit/navigation@32.0.1
- @atlaskit/toggle@4.0.1
- @atlaskit/banner@6.0.1
- @atlaskit/docs@4.0.1
## 7.0.0
- [major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to
^3.2.6 [1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
- [patch] Updated dependencies
[1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
- @atlaskit/navigation@32.0.0
- @atlaskit/toggle@4.0.0
- @atlaskit/banner@6.0.0
- @atlaskit/docs@4.0.0
- [major] makes styled-components a peer dependency and upgrades version range from 1.4.6 - 3 to
^3.2.6 [1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
- [patch] Updated dependencies
[1e80619](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e80619)
- @atlaskit/navigation@32.0.0
- @atlaskit/toggle@4.0.0
- @atlaskit/banner@6.0.0
- @atlaskit/docs@4.0.0
## 6.0.4
- [patch] Updated dependencies
[1c87e5a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1c87e5a)
- @atlaskit/banner@5.0.3
- @atlaskit/navigation@31.0.5
- [patch] Updated dependencies
[1c87e5a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1c87e5a)
- @atlaskit/banner@5.0.3
- @atlaskit/navigation@31.0.5
## 6.0.3
- [patch] Updated dependencies
[d662caa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d662caa)
- @atlaskit/toggle@3.0.2
- @atlaskit/navigation@31.0.4
- @atlaskit/banner@5.0.2
- @atlaskit/docs@3.0.4
- [patch] Updated dependencies
[d662caa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d662caa)
- @atlaskit/toggle@3.0.2
- @atlaskit/navigation@31.0.4
- @atlaskit/banner@5.0.2
- @atlaskit/docs@3.0.4
## 6.0.2
- [patch] Remove unused dependencies
[3cfb3fe](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3cfb3fe)
- [patch] Remove unused dependencies
[3cfb3fe](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3cfb3fe)
## 6.0.0
- [major] Bump to React 16.3.
[4251858](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4251858)
- [major] Bump to React 16.3.
[4251858](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4251858)
## 5.1.2
- [patch] Re-releasing due to potentially broken babel release
[9ed0bba](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9ed0bba)
- [patch] Re-releasing due to potentially broken babel release
[9ed0bba](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9ed0bba)
## 5.1.1
- [patch] Update links in documentation
[c4f7497](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c4f7497)
- [patch] Update links in documentation
[c4f7497](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c4f7497)
## 5.1.0
- [minor] Update styled-components dependency to support versions 1.4.6 - 3
[ceccf30](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ceccf30)
- [minor] Update styled-components dependency to support versions 1.4.6 - 3
[ceccf30](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ceccf30)
## 5.0.15
- [patch] added min-with on text to enable text truncating
[44fc258](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/44fc258)
- [patch] added min-with on text to enable text truncating
[44fc258](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/44fc258)
## 5.0.14
- [patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2
[1e57e5a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e57e5a)
- [patch] updated the repository url to https://bitbucket.org/atlassian/atlaskit-mk-2
[1e57e5a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e57e5a)
## 5.0.12
- [patch] Packages Flow types for elements components
[3111e74](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3111e74)
- [patch] Packages Flow types for elements components
[3111e74](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3111e74)
## 5.0.10
- [patch] Minor documentation fixes
[f0e96bd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f0e96bd)
- [patch] Minor documentation fixes
[f0e96bd](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f0e96bd)
## 5.0.9
- [patch] Minor manual bump for packages desync'd from npm
[e988c58](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e988c58)
- [patch] Minor manual bump for packages desync'd from npm
[e988c58](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e988c58)
## 5.0.8
- Manual bump to resolve desync with npm package version.
- Manual bump to resolve desync with npm package version.
## 5.0.7
- [patch] Enabling syntax highlighter language auto-detect
[4831bd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4831bd2)
- [patch] Enabling syntax highlighter language auto-detect
[4831bd2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4831bd2)
## 5.0.6
- [patch] Migrated to mk2 repo, build system & docs.
[64e83f3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/64e83f3)
- [patch] Migrated to mk2 repo, build system & docs.
[64e83f3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/64e83f3)
## 5.0.5 (2017-12-05)
- bug fix; remove the object literal being passed to the ThemeProvider which was causing unnece
(issues closed: ak-3988) ([96ebc12](https://bitbucket.org/atlassian/atlaskit/commits/96ebc12))
- bug fix; remove the object literal being passed to the ThemeProvider which was causing unnece
(issues closed: ak-3988) ([96ebc12](https://bitbucket.org/atlassian/atlaskit/commits/96ebc12))
## 5.0.4 (2017-11-17)
- bug fix; bumping internal dependencies to the latest major versions
([4da3a3d](https://bitbucket.org/atlassian/atlaskit/commits/4da3a3d))
- bug fix; bumping internal dependencies to the latest major versions
([4da3a3d](https://bitbucket.org/atlassian/atlaskit/commits/4da3a3d))
## 5.0.3 (2017-10-26)
- bug fix; fix to rebuild stories
([793b2a7](https://bitbucket.org/atlassian/atlaskit/commits/793b2a7))
- bug fix; fix to rebuild stories
([793b2a7](https://bitbucket.org/atlassian/atlaskit/commits/793b2a7))
## 5.0.2 (2017-10-22)
- bug fix; update styled-components dep and react peerDep
([6a67bf8](https://bitbucket.org/atlassian/atlaskit/commits/6a67bf8))
- bug fix; update styled-components dep and react peerDep
([6a67bf8](https://bitbucket.org/atlassian/atlaskit/commits/6a67bf8))
## 5.0.1 (2017-10-12)
- bug fix; fix Changelog.md for 5.0.0 release
([bedd9fc](https://bitbucket.org/atlassian/atlaskit/commits/bedd9fc))
- bug fix; fix Changelog.md for 5.0.0 release
([bedd9fc](https://bitbucket.org/atlassian/atlaskit/commits/bedd9fc))
## 5.0.0 (2017-10-11)
- breaking; PageContent will now shrink to match the viewport size when the content allows
([9f038db0bcf8](https://bitbucket.org/atlassian/atlaskit/commits/9f038db0bcf8))
- breaking; PageContent will now shrink to match the viewport size when the content allows
([9f038db0bcf8](https://bitbucket.org/atlassian/atlaskit/commits/9f038db0bcf8))
## 4.4.2 (2017-07-27)
- fix; rename jsnext:main to jsnext:experimental:main temporarily
([c7508e0](https://bitbucket.org/atlassian/atlaskit/commits/c7508e0))
- fix; rename jsnext:main to jsnext:experimental:main temporarily
([c7508e0](https://bitbucket.org/atlassian/atlaskit/commits/c7508e0))
## 4.4.1 (2017-07-25)
- fix; use class transform in loose mode in babel to improve load performance in apps
([fde719a](https://bitbucket.org/atlassian/atlaskit/commits/fde719a))
- fix; use class transform in loose mode in babel to improve load performance in apps
([fde719a](https://bitbucket.org/atlassian/atlaskit/commits/fde719a))
## 4.1.0 (2017-07-17)
- fix; rerelease, failed prepublish scripts
([5fd82f8](https://bitbucket.org/atlassian/atlaskit/commits/5fd82f8))
- fix; rerelease, failed prepublish scripts
([5fd82f8](https://bitbucket.org/atlassian/atlaskit/commits/5fd82f8))
## 4.1.0 (2017-07-17)
- feature; added ES module builds to dist and add jsnext:main to most ADG packages
([ea76507](https://bitbucket.org/atlassian/atlaskit/commits/ea76507))
- feature; added ES module builds to dist and add jsnext:main to most ADG packages
([ea76507](https://bitbucket.org/atlassian/atlaskit/commits/ea76507))
## 4.0.1 (2017-05-26)
- fix; add prop-types as a dependency to avoid React 15.x warnings
([92598eb](https://bitbucket.org/atlassian/atlaskit/commits/92598eb))
- fix; pin react-lorem-component version to avoid newly released broken version
([6f3d9c6](https://bitbucket.org/atlassian/atlaskit/commits/6f3d9c6))
- fix; add prop-types as a dependency to avoid React 15.x warnings
([92598eb](https://bitbucket.org/atlassian/atlaskit/commits/92598eb))
- fix; pin react-lorem-component version to avoid newly released broken version
([6f3d9c6](https://bitbucket.org/atlassian/atlaskit/commits/6f3d9c6))
## 4.0.0 (2017-05-15)
- refactoring the Page component so it no longer needs to know the width of the N
([888c008](https://bitbucket.org/atlassian/atlaskit/commits/888c008))
- breaking; Removing navigationWidth prop from the Page component
- refactoring the Page component so it no longer needs to know the width of the N
([888c008](https://bitbucket.org/atlassian/atlaskit/commits/888c008))
- breaking; Removing navigationWidth prop from the Page component
## 3.1.3 (2017-04-28)
- fix; page no longer renders badly if there is not much content and a banner specified
([8c94555](https://bitbucket.org/atlassian/atlaskit/commits/8c94555))
- fix; page no longer renders badly if there is not much content and a banner specified
([8c94555](https://bitbucket.org/atlassian/atlaskit/commits/8c94555))
## 3.1.2 (2017-04-27)
- fix; update legal copy to be more clear. Not all modules include ADG license.
([f3a945e](https://bitbucket.org/atlassian/atlaskit/commits/f3a945e))
- fix; update legal copy to be more clear. Not all modules include ADG license.
([f3a945e](https://bitbucket.org/atlassian/atlaskit/commits/f3a945e))
## 3.1.1 (2017-04-26)
- fix; update legal copy and fix broken links for component README on npm. New contribution and
([0b3e454](https://bitbucket.org/atlassian/atlaskit/commits/0b3e454))
- fix; update legal copy and fix broken links for component README on npm. New contribution and
([0b3e454](https://bitbucket.org/atlassian/atlaskit/commits/0b3e454))
## 3.1.0 (2017-04-18)
- feature; updated avatar dependency versions for comment, dropdown-menu, droplist, and page
([e4d2ae7](https://bitbucket.org/atlassian/atlaskit/commits/e4d2ae7))
- feature; updated avatar dependency versions for comment, dropdown-menu, droplist, and page
([e4d2ae7](https://bitbucket.org/atlassian/atlaskit/commits/e4d2ae7))
## 3.0.4 (2017-03-23)
- fix; Empty commit to release the component
([49c08ee](https://bitbucket.org/atlassian/atlaskit/commits/49c08ee))
- fix; Empty commit to release the component
([49c08ee](https://bitbucket.org/atlassian/atlaskit/commits/49c08ee))
## 3.0.2 (2017-03-21)
- fix; maintainers for all the packages were added
([261d00a](https://bitbucket.org/atlassian/atlaskit/commits/261d00a))
- fix; maintainers for all the packages were added
([261d00a](https://bitbucket.org/atlassian/atlaskit/commits/261d00a))
## 3.0.1 (2017-03-07)
- fix; fixes the storybook for page so that it interacts with banner correctly
([3c4ac16](https://bitbucket.org/atlassian/atlaskit/commits/3c4ac16))
- fix; fixes the storybook for page so that it interacts with banner correctly
([3c4ac16](https://bitbucket.org/atlassian/atlaskit/commits/3c4ac16))
## 2.0.2 (2017-02-09)
- fix; Grids no longer have a min-height
([8491a1d](https://bitbucket.org/atlassian/atlaskit/commits/8491a1d))
- fix; avoiding binding render to this
([40c9951](https://bitbucket.org/atlassian/atlaskit/commits/40c9951))
- feature; Add [@atlaskit](https://github.com/atlaskit)/navigation support to Page
([fcb10f1](https://bitbucket.org/atlassian/atlaskit/commits/fcb10f1))
- feature; add isBannerOpen to Page, to allow integration with the Banner component
([9444506](https://bitbucket.org/atlassian/atlaskit/commits/9444506))
- feature; add support to Page for navigation width resizing
([9ffa440](https://bitbucket.org/atlassian/atlaskit/commits/9ffa440))
- feature; Page now has props for navigation and banner and positions them accordingly
([f7fc87a](https://bitbucket.org/atlassian/atlaskit/commits/f7fc87a))
- breaking; navigation no longer explicitly 100vh in height. It gets the height from the page slot
instead.
- breaking; grids no longer have a min-height
- fix; Grids no longer have a min-height
([8491a1d](https://bitbucket.org/atlassian/atlaskit/commits/8491a1d))
- fix; avoiding binding render to this
([40c9951](https://bitbucket.org/atlassian/atlaskit/commits/40c9951))
- feature; Add [@atlaskit](https://github.com/atlaskit)/navigation support to Page
([fcb10f1](https://bitbucket.org/atlassian/atlaskit/commits/fcb10f1))
- feature; add isBannerOpen to Page, to allow integration with the Banner component
([9444506](https://bitbucket.org/atlassian/atlaskit/commits/9444506))
- feature; add support to Page for navigation width resizing
([9ffa440](https://bitbucket.org/atlassian/atlaskit/commits/9ffa440))
- feature; Page now has props for navigation and banner and positions them accordingly
([f7fc87a](https://bitbucket.org/atlassian/atlaskit/commits/f7fc87a))
- breaking; navigation no longer explicitly 100vh in height. It gets the height from the page slot
instead.
- breaking; grids no longer have a min-height
## 2.0.1 (2017-02-06)
- fix; Updates package to use scoped ak packages
([f20663d](https://bitbucket.org/atlassian/atlaskit/commits/f20663d))
- fix; Updates package to use scoped ak packages
([f20663d](https://bitbucket.org/atlassian/atlaskit/commits/f20663d))

15

dist/cjs/grid-column.js

@@ -14,3 +14,7 @@ "use strict";

var _gridColumnWidthStyle;
/**
* @jsxRuntime classic
*/
/** @jsx jsx */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
/**

@@ -41,6 +45,8 @@ * Determines the method by which column width is calculated.

var availableWidth = '99.9999%';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
var singleColumnWidth = "(".concat(availableWidth, " / var(").concat(_constants.varColumnsNum, "))");
var gridColumnStyles = (0, _react2.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
minWidth: "calc(".concat(singleColumnWidth, " - var(").concat(_constants.varGridSpacing, "))"),
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: "0 calc(var(".concat(_constants.varGridSpacing, ") / 2)"),

@@ -52,8 +58,11 @@ flexGrow: 1,

var gridColumnWidthStyles = (_gridColumnWidthStyle = {}, (0, _defineProperty2.default)(_gridColumnWidthStyle, ColumnVariant.Auto, (0, _react2.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(100% - var(".concat(_constants.varGridSpacing, "))"),
flexBasis: "auto"
})), (0, _defineProperty2.default)(_gridColumnWidthStyle, ColumnVariant.Bounded, (0, _react2.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(".concat(singleColumnWidth, " * var(").concat(_constants.varColumnSpan, ") - var(").concat(_constants.varGridSpacing, "))"),
flexBasis: "100%"
})), (0, _defineProperty2.default)(_gridColumnWidthStyle, ColumnVariant.FullWidth, (0, _react2.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(100% - var(".concat(_constants.varGridSpacing, "))"),

@@ -108,3 +117,5 @@ flexBasis: "100%"

}, (0, _react2.jsx)("div", {
css: [gridColumnStyles, gridColumnWidthStyles[variant]],
css: [gridColumnStyles, gridColumnWidthStyles[variant]]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: (0, _defineProperty2.default)({}, _constants.varColumnSpan, variant === ColumnVariant.Auto ? 'auto' : colSpan),

@@ -111,0 +122,0 @@ "data-testid": testId

14

dist/cjs/grid.js

@@ -13,8 +13,13 @@ "use strict";

var _gridContext = require("./grid-context");
/**
* @jsxRuntime classic
*/
/** @jsx jsx */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
var gridStyles = (0, _react2.css)({
display: 'flex',
margin: '0 auto',
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
padding: "0 calc(var(".concat(_constants.varGridSpacing, ") / 2)"),

@@ -27,2 +32,3 @@ position: 'relative',

fixed: (0, _react2.css)({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(var(".concat(_constants.varColumnsNum, ") * ").concat(_constants.defaultGridColumnWidth, "px)")

@@ -35,3 +41,3 @@ }),

var nestedGridStyles = (0, _react2.css)({
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: "0 calc(-1 * var(".concat(_constants.varGridSpacing, "))")

@@ -61,3 +67,5 @@ });

return (0, _react2.jsx)("div", {
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles],
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _constants.varColumnsNum, columns), (0, _defineProperty2.default)(_ref2, _constants.varGridSpacing, "".concat(_constants.spacingMapping[spacing], "px")), _ref2),

@@ -64,0 +72,0 @@ "data-testid": testId

4

dist/cjs/page.js

@@ -9,3 +9,7 @@ "use strict";

var _constants = require("./constants");
/**
* @jsxRuntime classic
*/
/** @jsx jsx */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

@@ -12,0 +16,0 @@ var bannerStyles = (0, _react.css)({

17

dist/es2019/grid-column.js

@@ -0,3 +1,8 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */
import { createContext, useContext, useMemo } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -32,6 +37,8 @@ import { defaultMedium, varColumnsNum, varColumnSpan, varGridSpacing } from './constants';

const availableWidth = '99.9999%';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
const singleColumnWidth = `(${availableWidth} / var(${varColumnsNum}))`;
const gridColumnStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
minWidth: `calc(${singleColumnWidth} - var(${varGridSpacing}))`,
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: `0 calc(var(${varGridSpacing}) / 2)`,

@@ -44,2 +51,3 @@ flexGrow: 1,

[ColumnVariant.Auto]: css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: `calc(100% - var(${varGridSpacing}))`,

@@ -49,2 +57,3 @@ flexBasis: `auto`

[ColumnVariant.Bounded]: css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: `calc(${singleColumnWidth} * var(${varColumnSpan}) - var(${varGridSpacing}))`,

@@ -54,2 +63,3 @@ flexBasis: `100%`

[ColumnVariant.FullWidth]: css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: `calc(100% - var(${varGridSpacing}))`,

@@ -104,3 +114,5 @@ flexBasis: `100%`

}, jsx("div", {
css: [gridColumnStyles, gridColumnWidthStyles[variant]],
css: [gridColumnStyles, gridColumnWidthStyles[variant]]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: {

@@ -111,2 +123,3 @@ /**

*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
[varColumnSpan]: variant === ColumnVariant.Auto ? 'auto' : colSpan

@@ -113,0 +126,0 @@ },

16

dist/es2019/grid.js

@@ -0,3 +1,8 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */
import { useContext } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -9,3 +14,3 @@ import { defaultGridColumnWidth, defaultLayout, spacingMapping, varColumnsNum, varGridSpacing } from './constants';

margin: '0 auto',
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
padding: `0 calc(var(${varGridSpacing}) / 2)`,

@@ -18,2 +23,3 @@ position: 'relative',

fixed: css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: `calc(var(${varColumnsNum}) * ${defaultGridColumnWidth}px)`

@@ -26,3 +32,3 @@ }),

const nestedGridStyles = css({
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: `0 calc(-1 * var(${varGridSpacing}))`

@@ -52,5 +58,9 @@ });

return jsx("div", {
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles],
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: {
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
[varColumnsNum]: columns,
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
[varGridSpacing]: `${spacingMapping[spacing]}px`

@@ -57,0 +67,0 @@ },

4

dist/es2019/page.js

@@ -0,2 +1,6 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -3,0 +7,0 @@ import { defaultBannerHeight } from './constants';

16

dist/esm/grid-column.js
import _defineProperty from "@babel/runtime/helpers/defineProperty";
var _gridColumnWidthStyle;
/**
* @jsxRuntime classic
*/
/** @jsx jsx */
import { createContext, useContext, useMemo } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -33,6 +38,8 @@ import { defaultMedium, varColumnsNum, varColumnSpan, varGridSpacing } from './constants';

var availableWidth = '99.9999%';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
var singleColumnWidth = "(".concat(availableWidth, " / var(").concat(varColumnsNum, "))");
var gridColumnStyles = css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
minWidth: "calc(".concat(singleColumnWidth, " - var(").concat(varGridSpacing, "))"),
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: "0 calc(var(".concat(varGridSpacing, ") / 2)"),

@@ -44,8 +51,11 @@ flexGrow: 1,

var gridColumnWidthStyles = (_gridColumnWidthStyle = {}, _defineProperty(_gridColumnWidthStyle, ColumnVariant.Auto, css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(100% - var(".concat(varGridSpacing, "))"),
flexBasis: "auto"
})), _defineProperty(_gridColumnWidthStyle, ColumnVariant.Bounded, css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(".concat(singleColumnWidth, " * var(").concat(varColumnSpan, ") - var(").concat(varGridSpacing, "))"),
flexBasis: "100%"
})), _defineProperty(_gridColumnWidthStyle, ColumnVariant.FullWidth, css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(100% - var(".concat(varGridSpacing, "))"),

@@ -100,3 +110,5 @@ flexBasis: "100%"

}, jsx("div", {
css: [gridColumnStyles, gridColumnWidthStyles[variant]],
css: [gridColumnStyles, gridColumnWidthStyles[variant]]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: _defineProperty({}, varColumnSpan, variant === ColumnVariant.Auto ? 'auto' : colSpan),

@@ -103,0 +115,0 @@ "data-testid": testId

14

dist/esm/grid.js
import _defineProperty from "@babel/runtime/helpers/defineProperty";
/**
* @jsxRuntime classic
*/
/** @jsx jsx */
import { useContext } from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -10,3 +15,3 @@ import { defaultGridColumnWidth, defaultLayout, spacingMapping, varColumnsNum, varGridSpacing } from './constants';

margin: '0 auto',
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
padding: "0 calc(var(".concat(varGridSpacing, ") / 2)"),

@@ -19,2 +24,3 @@ position: 'relative',

fixed: css({
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
maxWidth: "calc(var(".concat(varColumnsNum, ") * ").concat(defaultGridColumnWidth, "px)")

@@ -27,3 +33,3 @@ }),

var nestedGridStyles = css({
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
margin: "0 calc(-1 * var(".concat(varGridSpacing, "))")

@@ -53,3 +59,5 @@ });

return jsx("div", {
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles],
css: [gridStyles, gridLayoutStyles[layout], isNested && nestedGridStyles]
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: (_ref2 = {}, _defineProperty(_ref2, varColumnsNum, columns), _defineProperty(_ref2, varGridSpacing, "".concat(spacingMapping[spacing], "px")), _ref2),

@@ -56,0 +64,0 @@ "data-testid": testId

4

dist/esm/page.js

@@ -0,2 +1,6 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css, jsx } from '@emotion/react';

@@ -3,0 +7,0 @@ import { defaultBannerHeight } from './constants';

2

dist/types-ts4.5/extract-react-types/grid-column.d.ts

@@ -1,2 +0,2 @@

import { GridColumnProps } from '../types';
import { type GridColumnProps } from '../types';
export default function _(__: GridColumnProps): null;

18

dist/types-ts4.5/extract-react-types/grid.d.ts

@@ -6,8 +6,8 @@ /// <reference types="react" />

* The content of the grid. Direct children should be instances of `GridColumn`.
*
*/
children?: React.ReactNode;
/**
Controls whether the grid should use a fixed-width layout or expand to fill available space.
Defaults to `"fixed"`.
* Controls whether the grid should use a fixed-width layout or expand to fill available space.
* Defaults to `"fixed"`.
*/

@@ -23,12 +23,10 @@ layout?: GridLayout;

/**
The amount of space between each grid column.
`comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
Defaults to `"cosy"`.
* The amount of space between each grid column.
* `comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
* Defaults to `"cosy"`.
*/
spacing?: GridSpacing;
/**
The total number of columns available in each row of the grid.
Defaults to `12`.
* The total number of columns available in each row of the grid.
* Defaults to `12`.
*/

@@ -35,0 +33,0 @@ columns?: number;

2

dist/types-ts4.5/grid-column.d.ts

@@ -19,3 +19,3 @@ /// <reference types="react" />

*/
declare const GridColumn: ({ medium, children, testId, }: GridColumnProps) => jsx.JSX.Element;
declare const GridColumn: ({ medium, children, testId }: GridColumnProps) => jsx.JSX.Element;
export default GridColumn;

2

dist/types-ts4.5/grid-context.d.ts
/// <reference types="react" />
import { GridSpacing } from './types';
import { type GridSpacing } from './types';
export type GridContextProps = {

@@ -4,0 +4,0 @@ isRoot: boolean;

2

dist/types-ts4.5/grid.d.ts

@@ -13,2 +13,2 @@ import { jsx } from '@emotion/react';

*/
export declare const Grid: ({ layout, testId, children, }: GridProps) => jsx.JSX.Element;
export declare const Grid: ({ layout, testId, children }: GridProps) => jsx.JSX.Element;

3

dist/types-ts4.5/page.d.ts

@@ -0,1 +1,4 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */

@@ -2,0 +5,0 @@ import { jsx } from '@emotion/react';

2

dist/types-ts4.5/types.d.ts

@@ -88,3 +88,3 @@ import type { ReactNode } from 'react';

* coordinate the showing and hiding of them in conjunction with `isBannerOpen`.
* This is designed to take [banner](components/banner/) component, and
* This is designed to take [banner](https://atlassian.design/components/banner/examples) component, and
* matches its animation timing.

@@ -91,0 +91,0 @@ *

2

dist/types/extract-react-types/grid-column.d.ts

@@ -1,2 +0,2 @@

import { GridColumnProps } from '../types';
import { type GridColumnProps } from '../types';
export default function _(__: GridColumnProps): null;

18

dist/types/extract-react-types/grid.d.ts

@@ -6,8 +6,8 @@ /// <reference types="react" />

* The content of the grid. Direct children should be instances of `GridColumn`.
*
*/
children?: React.ReactNode;
/**
Controls whether the grid should use a fixed-width layout or expand to fill available space.
Defaults to `"fixed"`.
* Controls whether the grid should use a fixed-width layout or expand to fill available space.
* Defaults to `"fixed"`.
*/

@@ -23,12 +23,10 @@ layout?: GridLayout;

/**
The amount of space between each grid column.
`comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
Defaults to `"cosy"`.
* The amount of space between each grid column.
* `comfortable` adds 40px of spacing, `cosy` adds 16px and `compact` creates 4px gap between columns.
* Defaults to `"cosy"`.
*/
spacing?: GridSpacing;
/**
The total number of columns available in each row of the grid.
Defaults to `12`.
* The total number of columns available in each row of the grid.
* Defaults to `12`.
*/

@@ -35,0 +33,0 @@ columns?: number;

2

dist/types/grid-column.d.ts

@@ -19,3 +19,3 @@ /// <reference types="react" />

*/
declare const GridColumn: ({ medium, children, testId, }: GridColumnProps) => jsx.JSX.Element;
declare const GridColumn: ({ medium, children, testId }: GridColumnProps) => jsx.JSX.Element;
export default GridColumn;

2

dist/types/grid-context.d.ts
/// <reference types="react" />
import { GridSpacing } from './types';
import { type GridSpacing } from './types';
export type GridContextProps = {

@@ -4,0 +4,0 @@ isRoot: boolean;

2

dist/types/grid.d.ts

@@ -13,2 +13,2 @@ import { jsx } from '@emotion/react';

*/
export declare const Grid: ({ layout, testId, children, }: GridProps) => jsx.JSX.Element;
export declare const Grid: ({ layout, testId, children }: GridProps) => jsx.JSX.Element;

3

dist/types/page.d.ts

@@ -0,1 +1,4 @@

/**
* @jsxRuntime classic
*/
/** @jsx jsx */

@@ -2,0 +5,0 @@ import { jsx } from '@emotion/react';

2

dist/types/types.d.ts

@@ -88,3 +88,3 @@ import type { ReactNode } from 'react';

* coordinate the showing and hiding of them in conjunction with `isBannerOpen`.
* This is designed to take [banner](components/banner/) component, and
* This is designed to take [banner](https://atlassian.design/components/banner/examples) component, and
* matches its animation timing.

@@ -91,0 +91,0 @@ *

196

package.json
{
"name": "@atlaskit/page",
"version": "12.4.0",
"description": "A page layout organizes sections on a page using a grid and grid columns.",
"publishConfig": {
"registry": "https://registry.npmjs.org/"
},
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
"author": "Atlassian Pty Ltd",
"license": "Apache-2.0",
"main": "dist/cjs/index.js",
"module": "dist/esm/index.js",
"module:es2019": "dist/es2019/index.js",
"types": "dist/types/index.d.ts",
"typesVersions": {
">=4.5 <4.9": {
"*": [
"dist/types-ts4.5/*",
"dist/types-ts4.5/index.d.ts"
]
}
},
"sideEffects": false,
"atlaskit:src": "src/index.tsx",
"atlaskit:designLink": "https://atlassian.design/foundations/grid",
"atlassian": {
"team": "Design System Team",
"releaseModel": "continuous",
"productPushConsumption": [
"jira"
],
"website": {
"name": "Page",
"category": "Components",
"status": {
"type": "intent-to-deprecate",
"description": "We are planning on deprecating Page component. We recommend using the Page layout component instead.",
"actions": [
{
"text": "View page layout documentation",
"href": "https://atlassian.design/components/page-layout"
}
]
}
},
"runReact18": true
},
"af:exports": {
"./types": "./src/types.tsx",
".": "./src/index.tsx",
"./Grid": "./src/grid-wrapper.tsx",
"./GridColumn": "./src/grid-column.tsx",
"./Page": "./src/page.tsx"
},
"dependencies": {
"@babel/runtime": "^7.0.0",
"@emotion/react": "^11.7.1"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
},
"devDependencies": {
"@af/accessibility-testing": "*",
"@atlaskit/ds-lib": "^2.3.0",
"@atlaskit/ssr": "*",
"@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",
"react-dom": "^16.8.0",
"react-lorem-component": "^0.13.0",
"typescript": "~5.4.2",
"wait-for-expect": "^1.2.0"
},
"keywords": [
"atlaskit",
"react",
"ui"
],
"techstack": {
"@atlassian/frontend": {
"import-structure": "atlassian-conventions"
},
"@repo/internal": {
"dom-events": "use-bind-event-listener",
"design-tokens": [
"color",
"spacing"
],
"analytics": "analytics-next",
"styling": [
"static",
"emotion"
],
"deprecation": "no-deprecated-imports",
"design-system": "v1"
}
},
"homepage": "https://atlassian.design/components/page",
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
}
"name": "@atlaskit/page",
"version": "12.5.0",
"description": "A page layout organizes sections on a page using a grid and grid columns.",
"publishConfig": {
"registry": "https://registry.npmjs.org/"
},
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
"author": "Atlassian Pty Ltd",
"license": "Apache-2.0",
"main": "dist/cjs/index.js",
"module": "dist/esm/index.js",
"module:es2019": "dist/es2019/index.js",
"types": "dist/types/index.d.ts",
"typesVersions": {
">=4.5 <4.9": {
"*": [
"dist/types-ts4.5/*",
"dist/types-ts4.5/index.d.ts"
]
}
},
"sideEffects": false,
"atlaskit:src": "src/index.tsx",
"atlaskit:designLink": "https://atlassian.design/foundations/grid",
"atlassian": {
"team": "Design System Team",
"releaseModel": "continuous",
"productPushConsumption": [
"jira"
],
"website": {
"name": "Page",
"category": "Components",
"status": {
"type": "intent-to-deprecate",
"description": "We are planning on deprecating Page component. We recommend using the Page layout component instead.",
"actions": [
{
"text": "View page layout documentation",
"href": "https://atlassian.design/components/page-layout"
}
]
}
},
"runReact18": true
},
"af:exports": {
"./types": "./src/types.tsx",
".": "./src/index.tsx",
"./Grid": "./src/grid-wrapper.tsx",
"./GridColumn": "./src/grid-column.tsx",
"./Page": "./src/page.tsx"
},
"dependencies": {
"@babel/runtime": "^7.0.0",
"@emotion/react": "^11.7.1"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
},
"devDependencies": {
"@af/accessibility-testing": "*",
"@atlaskit/ds-lib": "^2.3.0",
"@atlaskit/ssr": "*",
"@atlaskit/visual-regression": "*",
"@testing-library/react": "^12.1.5",
"react-dom": "^16.8.0",
"react-lorem-component": "^0.13.0",
"typescript": "~5.4.2",
"wait-for-expect": "^1.2.0"
},
"keywords": [
"atlaskit",
"react",
"ui"
],
"techstack": {
"@atlassian/frontend": {
"import-structure": "atlassian-conventions"
},
"@repo/internal": {
"dom-events": "use-bind-event-listener",
"design-tokens": [
"color",
"spacing"
],
"analytics": "analytics-next",
"styling": [
"static",
"emotion"
],
"deprecation": "no-deprecated-imports",
"design-system": "v1"
}
},
"homepage": "https://atlassian.design/components/page"
}

77

report.api.md

@@ -5,3 +5,4 @@ <!-- API Report Version: 2.3 -->

> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
> Do not edit this file. This report is auto-generated using
> [API Extractor](https://api-extractor.com/).
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)

@@ -26,5 +27,5 @@

type BaseGridProps = {
children?: React.ReactNode;
layout?: GridLayout;
testId?: string;
children?: React.ReactNode;
layout?: GridLayout;
testId?: string;
};

@@ -34,22 +35,18 @@

export const Grid: ({
spacing: spacingProp,
columns: columnsProp,
layout,
testId,
children,
theme,
spacing: spacingProp,
columns: columnsProp,
layout,
testId,
children,
theme,
}: GridProps) => JSX.Element;
// @public
export const GridColumn: ({
medium,
children,
testId,
}: GridColumnProps) => jsx.JSX.Element;
export const GridColumn: ({ medium, children, testId }: GridColumnProps) => jsx.JSX.Element;
// @public (undocumented)
type GridColumnProps = {
medium?: number;
children?: ReactNode;
testId?: string;
medium?: number;
children?: ReactNode;
testId?: string;
};

@@ -62,5 +59,5 @@

type GridProps = BaseGridProps & {
spacing?: GridSpacing;
columns?: number;
theme?: ThemeProps;
spacing?: GridSpacing;
columns?: number;
theme?: ThemeProps;
};

@@ -73,8 +70,8 @@

const Page: ({
isBannerOpen,
bannerHeight,
banner,
navigation,
children,
testId,
isBannerOpen,
bannerHeight,
banner,
navigation,
children,
testId,
}: PageProps) => jsx.JSX.Element;

@@ -85,8 +82,8 @@ export default Page;

type PageProps = {
banner?: ReactNode;
navigation?: ReactNode;
children?: ReactNode;
isBannerOpen?: boolean;
bannerHeight?: number;
testId?: string;
banner?: ReactNode;
navigation?: ReactNode;
children?: ReactNode;
isBannerOpen?: boolean;
bannerHeight?: number;
testId?: string;
};

@@ -96,5 +93,5 @@

const spacingMapping: {
readonly comfortable: number;
readonly cosy: number;
readonly compact: number;
readonly comfortable: number;
readonly cosy: number;
readonly compact: number;
};

@@ -104,5 +101,5 @@

type ThemeProps = {
columns: number;
spacing: GridSpacing;
isNestedGrid?: boolean;
columns: number;
spacing: GridSpacing;
isNestedGrid?: boolean;
};

@@ -121,3 +118,3 @@

{
"react": "^16.8.0"
"react": "^16.8.0"
}

@@ -124,0 +121,0 @@ ```

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc