npm - @atlaskit/side-navigation - Versions diffs - 2.0.3 → 2.0.5 - Mend

@atlaskit/side-navigation 2.0.3 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,35 +1,47 @@
 # @atlaskit/side-navigation
+## 2.0.5
+### Patch Changes
+- Updated dependencies
+## 2.0.4
+### Patch Changes
+- [#39812](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39812) [`879275819ed`](https://bitbucket.org/atlassian/atlassian-frontend/commits/879275819ed) - Fix for `data-testid` not being applied to Header.
 ## 2.0.3
 ### Patch Changes
-- [`e3b28897c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3b28897c5f) - Internal code changes. There is no expected change in behaviour.
+- [#39264](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39264) [`e3b28897c5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3b28897c5f) - Internal code changes. There is no expected change in behaviour.
 - Updated dependencies
 ## 2.0.2
 ### Patch Changes
-- [`bff06efcf86`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bff06efcf86) - Fix a bug where `className` was not being applied to Header.
+- [#39419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39419) [`bff06efcf86`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bff06efcf86) - Fix a bug where `className` was not being applied to Header.
 ## 2.0.1
 ### Patch Changes
-- [`cac6bbb702d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cac6bbb702d) - The internal composition of this component has changed. There is no expected change in behavior.
+- [#38751](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38751) [`cac6bbb702d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cac6bbb702d) - The internal composition of this component has changed. There is no expected change in behavior.
 ## 2.0.0
 ### Major Changes
-- [`cf66b43d67a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf66b43d67a) - Updated spacing of Side Navigation components to ensure token values and fallbacks are matching. When used with space tokens enabled, there is no visual difference with the previous release of Side Navigation. When used without space tokens enabled there will be a slight visual difference; we recommend enabling space tokens if they are not already enabled to resolve this.
+- [#38561](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38561) [`cf66b43d67a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf66b43d67a) - Updated spacing of Side Navigation components to ensure token values and fallbacks are matching. When used with space tokens enabled, there is no visual difference with the previous release of Side Navigation. When used without space tokens enabled there will be a slight visual difference; we recommend enabling space tokens if they are not already enabled to resolve this.
 ## 1.10.4
 ### Patch Changes
-- [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
+- [#37533](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37533) [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
 ## 1.10.3
@@ -53,13 +65,13 @@
 ### Minor Changes
-- [`ee296a14a87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee296a14a87) - Adds the `showTopScrollIndicator` prop to the nestable navigation content component. This prop should be used only when needed to distinctly separate the side navigation header from the side navigation content.
+- [#36118](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36118) [`ee296a14a87`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee296a14a87) - Adds the `showTopScrollIndicator` prop to the nestable navigation content component. This prop should be used only when needed to distinctly separate the side navigation header from the side navigation content.
 ## 1.9.0
 ### Minor Changes
-- [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add `<ul>` and `<li>` elements around the items to better semantic markup if it is a list of items
+- [#35164](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35164) [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add `<ul>` and `<li>` elements around the items to better semantic markup if it is a list of items
 ### Patch Changes
@@ -81,14 +93,14 @@
 ### Patch Changes
-- [`967dd926bfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/967dd926bfc) - Updates all navigation components to use border/shape tokens. This is a no-op as these tokens are not enabled in product.
+- [#35385](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35385) [`967dd926bfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/967dd926bfc) - Updates all navigation components to use border/shape tokens. This is a no-op as these tokens are not enabled in product.
 - Updated dependencies
 ## 1.8.7
 ### Patch Changes
-- [`4757acc0f98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4757acc0f98) - Internal change to use space tokens for spacing properties. There is no visual change.
+- [#35460](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35460) [`4757acc0f98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4757acc0f98) - Internal change to use space tokens for spacing properties. There is no visual change.
 ## 1.8.6
@@ -112,25 +124,25 @@
 ### Patch Changes
-- [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
+- [#34881](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34881) [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
 ## 1.8.2
 ### Patch Changes
-- [`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.
 ## 1.8.1
 ### Patch Changes
-- [`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
 ## 1.8.0
 ### Minor Changes
-- [`d518f0e34b9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d518f0e34b9) - [ux] We are testing a selected indicator change to menu, dropdown-menu, and side-navigation packages behind an internal feature flag. If successful this will be released in a later minor release.
+- [#33349](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33349) [`d518f0e34b9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d518f0e34b9) - [ux] We are testing a selected indicator change to menu, dropdown-menu, and side-navigation packages behind an internal feature flag. If successful this will be released in a later minor release.
 ### Patch Changes
@@ -140,13 +152,13 @@
 ### Patch Changes
-- [`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`
 ## 1.7.0
 ### Minor Changes
-- [`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
@@ -156,13 +168,13 @@
 ### Patch Changes
-- [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
+- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`65e4baeea85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65e4baeea85) - Internal changes.
 ## 1.6.7
 ### Patch Changes
-- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
+- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
 ## 1.6.6
@@ -174,7 +186,7 @@
 ### Patch Changes
-- [`f7f852b0a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f852b0a4f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+- [#32173](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32173) [`f7f852b0a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7f852b0a4f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
 ## 1.6.4
@@ -198,14 +210,14 @@
 ### Patch Changes
-- [`3ca97be0c06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ca97be0c06) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
+- [#31378](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31378) [`3ca97be0c06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ca97be0c06) - Internal change only. Replace usages of Inline/Stack with stable version from `@atlaskit/primitives`.
 - Updated dependencies
 ## 1.6.0
 ### Minor Changes
-- [`62c9d42799c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62c9d42799c) - [ux] The `Footer` component will now warn a user if they are relying on a deprecated API. The `cssFn`, `onClick` and `component` are all considered deprecated APIs for `Footer`.
+- [#30362](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30362) [`62c9d42799c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62c9d42799c) - [ux] The `Footer` component will now warn a user if they are relying on a deprecated API. The `cssFn`, `onClick` and `component` are all considered deprecated APIs for `Footer`.
   Additionally, the space between icons and content has been shifted form `16px` to `12px`. This matches `@atlaskit/menu`.
@@ -225,20 +237,20 @@
 ### Patch Changes
-- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+- [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
 ## 1.5.1
 ### Patch Changes
-- [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
+- [#27891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27891) [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
 - Updated dependencies
 ## 1.5.0
 ### Minor Changes
-- [`caa68aad0fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/caa68aad0fd) - Internal changes around styles:
+- [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`caa68aad0fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/caa68aad0fd) - Internal changes around styles:
   - Application of primitives for more declarative code
   - Application of spacing tokens to internal styles
@@ -270,19 +282,19 @@
 ### Minor Changes
-- [`5c065ba2010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c065ba2010) - Improve state management to allow detection of invalid stack state. Add prop `onUnknownNest` to allow handling of invalid stack state.
+- [#26817](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26817) [`5c065ba2010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c065ba2010) - Improve state management to allow detection of invalid stack state. Add prop `onUnknownNest` to allow handling of invalid stack state.
 ## 1.3.1
 ### Patch Changes
-- [`5f36f2ce46d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f36f2ce46d) - Adds a defensive `css()` function wrapping to many of the style calls in the side-navigation package. This is expected to help fix an issue with certain styles in side navigation not appearing if consumed when different versions of `@emotion` are present on the page.
+- [#26390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26390) [`5f36f2ce46d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f36f2ce46d) - Adds a defensive `css()` function wrapping to many of the style calls in the side-navigation package. This is expected to help fix an issue with certain styles in side navigation not appearing if consumed when different versions of `@emotion` are present on the page.
 ## 1.3.0
 ### Minor Changes
-- [`02e2f7aacef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02e2f7aacef) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`02e2f7aacef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02e2f7aacef) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
 ### Patch Changes
@@ -292,19 +304,19 @@
 ### Patch Changes
-- [`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`
 ## 1.2.14
 ### Patch Changes
-- [`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`.
 ## 1.2.13
 ### Patch Changes
-- [`b2767947029`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2767947029) - Internal code change turning on new linting rules.
+- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`b2767947029`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2767947029) - Internal code change turning on new linting rules.
 - Updated dependencies
 ## 1.2.12
@@ -317,7 +329,7 @@
 ### Patch Changes
-- [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
+- [#21545](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21545) [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
 ## 1.2.10
@@ -329,13 +341,13 @@
 ### Patch Changes
-- [`85ca75319b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85ca75319b1) - Move side-navigation docs to Constellation (atlassian.design)
+- [#21309](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21309) [`85ca75319b1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/85ca75319b1) - Move side-navigation docs to Constellation (atlassian.design)
 ## 1.2.8
 ### Patch Changes
-- [`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
 ## 1.2.7
@@ -347,7 +359,7 @@
 ### Patch Changes
-- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
+- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
 - Updated dependencies
 ## 1.2.5
@@ -360,14 +372,14 @@
 ### Patch Changes
-- [`0f8fe0b80aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f8fe0b80aa) - Adds deprecated status to `cssFn` prop. Please avoid using this prop as we intend to remove the prop completely in a future release.
+- [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526) [`0f8fe0b80aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0f8fe0b80aa) - Adds deprecated status to `cssFn` prop. Please avoid using this prop as we intend to remove the prop completely in a future release.
 - Updated dependencies
 ## 1.2.3
 ### Patch Changes
-- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
 - Updated dependencies
 ## 1.2.2
@@ -380,14 +392,14 @@
 ### Patch Changes
-- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
 - Updated dependencies
 ## 1.2.0
 ### Minor Changes
-- [`213bfd77e61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/213bfd77e61) - The DOM structure of menu item components has been flattened.
+- [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`213bfd77e61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/213bfd77e61) - The DOM structure of menu item components has been flattened.
   If you used CSS hacks (via className or cssFn) that targetted specific DOM nodes you may be broken.
   Previously the structure looked like:
@@ -434,7 +446,7 @@
 ### Minor Changes
-- [`0e1894c8eb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e1894c8eb0) - Instrumented side navigation with the new theming package, `@atlaskit/tokens`.
+- [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`0e1894c8eb0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e1894c8eb0) - Instrumented side navigation with the new theming package, `@atlaskit/tokens`.
   New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
   These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -447,13 +459,13 @@
 ### Patch Changes
-- [`7c843858398`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c843858398) - [ux] LinkItem and CustomItem now have correct blue text color when selected and the href has visited
+- [#11491](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11491) [`7c843858398`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c843858398) - [ux] LinkItem and CustomItem now have correct blue text color when selected and the href has visited
 ## 1.0.0
 ### Major Changes
-- [`7727f723965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7727f723965) - Internal change to the release model from continous to scheduled release. There are **NO API CHANGES** in this release.
+- [#10609](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10609) [`7727f723965`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7727f723965) - Internal change to the release model from continous to scheduled release. There are **NO API CHANGES** in this release.
 ### Patch Changes
@@ -463,7 +475,7 @@
 ### Patch Changes
-- [`4e72825fa89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e72825fa89) - JET-1156:
+- [#10255](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10255) [`4e72825fa89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e72825fa89) - JET-1156:
   - Export `VAR_SEPARATOR_COLOR` to override separator color when using custom backrounds in side navigation.
   - Export `VAR_SCROLL_INDICATOR_COLOR` to override menu scroll indicator color when using custom backrounds in side navigation.
@@ -472,32 +484,32 @@
 ### Patch Changes
-- [`240c4120435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/240c4120435) - Side navigation now uses the new common utility to calculate scrollbar width for offsetting keylines.
+- [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756) [`240c4120435`](https://bitbucket.org/atlassian/atlassian-frontend/commits/240c4120435) - Side navigation now uses the new common utility to calculate scrollbar width for offsetting keylines.
 - Updated dependencies
 ## 0.8.3
 ### Patch Changes
-- [`e6f96e8d782`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f96e8d782) - Fix styling for hover and active states for disabled items
+- [#8875](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8875) [`e6f96e8d782`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f96e8d782) - Fix styling for hover and active states for disabled items
 ## 0.8.2
 ### Patch Changes
-- [`101b102ed33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/101b102ed33) - Fix disabled state; menu items with icons after the text should have height of 40px
+- [#8637](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8637) [`101b102ed33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/101b102ed33) - Fix disabled state; menu items with icons after the text should have height of 40px
 ## 0.8.1
 ### Patch Changes
-- [`0b2f7e76803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b2f7e76803) - Codemods will only format a file if it is mutated.
+- [#8404](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8404) [`0b2f7e76803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b2f7e76803) - Codemods will only format a file if it is mutated.
 ## 0.8.0
 ### Minor Changes
-- [`79a40dec30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79a40dec30) - **Breaking** Adjusts the API of the cssFn prop used in both menu and side-navigation. The prop now no longer exposes the currentStyles to the user in the callback and instead only provides the current state. Users no longer need to spread the currentStyles into their components when overriding. This change also resolves a bug where cssFn overrides did not always take precedence correctly over the default component styles.
+- [#6194](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6194) [`79a40dec30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79a40dec30) - **Breaking** Adjusts the API of the cssFn prop used in both menu and side-navigation. The prop now no longer exposes the currentStyles to the user in the callback and instead only provides the current state. Users no longer need to spread the currentStyles into their components when overriding. This change also resolves a bug where cssFn overrides did not always take precedence correctly over the default component styles.
 ### Patch Changes
@@ -507,13 +519,13 @@
 ### Patch Changes
-- [`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
 ## 0.7.9
 ### Patch Changes
-- [`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.
+- [#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.
@@ -521,7 +533,7 @@
 ### Patch Changes
-- [`e55c4eb5a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55c4eb5a8) - [ux] Earlier left sidebar was getting focus while clicking on it. We have removed focus ring to fix this issue.
+- [#5419](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5419) [`e55c4eb5a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e55c4eb5a8) - [ux] Earlier left sidebar was getting focus while clicking on it. We have removed focus ring to fix this issue.
 ## 0.7.7
@@ -533,7 +545,7 @@
 ### Patch Changes
-- [`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.
@@ -542,13 +554,13 @@
 ### Patch Changes
-- [`a3c91f82f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3c91f82f6) - Add tabindex=0 to nested container which makes it focusable when interacting with keyboard.
+- [#4272](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4272) [`a3c91f82f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3c91f82f6) - Add tabindex=0 to nested container which makes it focusable when interacting with keyboard.
 ## 0.7.4
 ### Patch Changes
-- [`308ad47024`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ad47024) - Passes `cssFn` throught to NestingItem so that its styles can be customised
+- [#4198](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4198) [`308ad47024`](https://bitbucket.org/atlassian/atlassian-frontend/commits/308ad47024) - Passes `cssFn` throught to NestingItem so that its styles can be customised
 ## 0.7.3
@@ -560,32 +572,32 @@
 ### Patch Changes
-- [`159e0808a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/159e0808a5) - Updates the background color of NestingItem, ButtonItem and LinkItem so that it can work with the Onboarding component.
+- [#3980](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3980) [`159e0808a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/159e0808a5) - Updates the background color of NestingItem, ButtonItem and LinkItem so that it can work with the Onboarding component.
   Hover and selected states will appear darker and they provide better contrast against normal items.
 ## 0.7.1
 ### Patch Changes
-- [`5b3383fe67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b3383fe67) - Nesting transitions will no longer occur if a modifier key such as Shift or Control is detected while clicking on a nesting item in the side-navigation.
+- [#3532](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3532) [`5b3383fe67`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b3383fe67) - Nesting transitions will no longer occur if a modifier key such as Shift or Control is detected while clicking on a nesting item in the side-navigation.
 ## 0.7.0
 ### Minor Changes
-- [`c7e637753f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c7e637753f) - Removed unused export of SIDEBAR_DEFAULT_WIDTH. It was added when page-layout wasn’t complete. Now page-layout is fairly mature, that’s why this export isn’t required anymore.
+- [#3569](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3569) [`c7e637753f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c7e637753f) - Removed unused export of SIDEBAR_DEFAULT_WIDTH. It was added when page-layout wasn’t complete. Now page-layout is fairly mature, that’s why this export isn’t required anymore.
 ## 0.6.1
 ### Patch Changes
-- [`01e279bdcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01e279bdcd) - Restyled footer - align with new design
+- [#3469](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3469) [`01e279bdcd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01e279bdcd) - Restyled footer - align with new design
 ## 0.6.0
 ### Minor Changes
-- [`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.
+- [#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
 ### Patch Changes
@@ -602,19 +614,19 @@
 ### Patch Changes
-- [`cc14956821`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc14956821) - Update all the theme imports to a path thats tree shakable
+- [#2889](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2889) [`cc14956821`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc14956821) - Update all the theme imports to a path thats tree shakable
 ## 0.5.5
 ### Patch Changes
-- [`5217dcfa4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5217dcfa4d) - Remove opacity from side-navigation seperators that appear when the container scrolls. The color is the same, just without the alpha channel.
+- [#2775](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2775) [`5217dcfa4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5217dcfa4d) - Remove opacity from side-navigation seperators that appear when the container scrolls. The color is the same, just without the alpha channel.
 ## 0.5.4
 ### Patch Changes
-- [`d674e203b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d674e203b3) - Previously Menu items controlled their own margin spacing which caused issues when trying to use them outside of Menu.
+- [#2537](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2537) [`d674e203b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d674e203b3) - Previously Menu items controlled their own margin spacing which caused issues when trying to use them outside of Menu.
   Now we have moved Menu item margin styles into the Section component so now the Section dictates the spacing around child items.
   We had to update Side Navigation to control its child item margins as well.
@@ -622,25 +634,25 @@
 ### Patch Changes
-- [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
+- [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430) [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
 ## 0.5.2
 ### Patch Changes
-- [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
+- [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099) [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
 ## 0.5.1
 ### Patch Changes
-- [`6ef13297b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef13297b2) - Fixes scroll indicator not being the correct width when lazy loading large amounts of nav items.
+- [#2098](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2098) [`6ef13297b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef13297b2) - Fixes scroll indicator not being the correct width when lazy loading large amounts of nav items.
 ## 0.5.0
 ### Minor Changes
-- [`07b2d8c491`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07b2d8c491) - FIX: NestedItem `iconAfter` will now display always and right arrow will show up and replace it on hover
+- [#2008](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2008) [`07b2d8c491`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07b2d8c491) - FIX: NestedItem `iconAfter` will now display always and right arrow will show up and replace it on hover
 ## 0.4.0

package/constellation/index/examples.mdx CHANGED Viewed

@@ -27,31 +27,34 @@ A side navigation example showing all [components](#side-navigation-components)
 Uses 100% of its parent's height and width, so make sure to place it into an element with explicit values set.<br />
 **Minimum width of 240px.**
-<Example Component={ContainerExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={ContainerExample} packageName="@atlaskit/side-navigation" />
 ### Header and footer
 You can customise header and footer using `NavigationHeader` and `NavigationFooter`.
-<Example Component={HeaderAndFooterExample} packageName="@atlaskit/side-navigation"/>
+<Example
+  Component={HeaderAndFooterExample}
+  packageName="@atlaskit/side-navigation"
+/>
 ### Content
 Used as the container for [navigation items](#side-navigation-items). For nested views see the following example.
-<Example Component={ContentExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={ContentExample} packageName="@atlaskit/side-navigation" />
 ### Section
 Used to separate items into sections. Using the `title` prop makes a section implicitly group the items for screen readers with no additional work required.
-<Example Component={SectionExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={SectionExample} packageName="@atlaskit/side-navigation" />
 ### Nested navigation
 The container for navigation items with nested views is `NestableNavigationContent`.
-<Example Component={NestedExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={NestedExample} packageName="@atlaskit/side-navigation" />
 ## Side navigation items
@@ -62,7 +65,7 @@ The `Section` component **must** be used to ensure consistent spacing around blo
 This item is used to provide a customized "go back" button in nested navigations.
-<Example Component={GoBackExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={GoBackExample} packageName="@atlaskit/side-navigation" />
 ### Link item
@@ -70,7 +73,7 @@ Renders an item wrapped in an anchor tag, useful when you have an item that shou
 For custom SPA transitions use a custom item with the respective router logic, following the next example.
-<Example Component={LinkItemExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={LinkItemExample} packageName="@atlaskit/side-navigation" />
 ### Custom item
@@ -78,13 +81,19 @@ Handles use cases where a custom router link component is needed.
 The custom component receives all overflow props passed to the custom item component, as well as when using TypeScript will add the custom component props to the root component props type for type safety.
-<Example Component={CustomItemExample} packageName="@atlaskit/side-navigation"/>
+<Example
+  Component={CustomItemExample}
+  packageName="@atlaskit/side-navigation"
+/>
 ### Button item
 Renders an item wrapped in a button tag, used primarily when an action does something other than changing routes.
-<Example Component={ButtonItemExample} packageName="@atlaskit/side-navigation"/>
+<Example
+  Component={ButtonItemExample}
+  packageName="@atlaskit/side-navigation"
+/>
 ### Heading item
@@ -94,4 +103,4 @@ Available for advanced use cases, for most situations providing a `title` to `Se
 Use loading skeletons to reduce the perceived loading time.
-<Example Component={LoadingExample} packageName="@atlaskit/side-navigation"/>
+<Example Component={LoadingExample} packageName="@atlaskit/side-navigation" />

package/constellation/index/props.mdx CHANGED Viewed

@@ -1,30 +1,30 @@
-import SideNavigationProps from '!!extract-react-types-loader!../../src/components/SideNavigation'
-import HeaderProps from '!!extract-react-types-loader!../../src/components/Header'
-import FooterProps from '!!extract-react-types-loader!../../docs/ert/footer'
-import NavigationContentProps from '!!extract-react-types-loader!../../src/components/NavigationContent'
-import NestableNavigationContentProps from '!!extract-react-types-loader!../../src/components/NestableNavigationContent'
-import SectionProps from '!!extract-react-types-loader!../../src/components/Section'
+import SideNavigationProps from '!!extract-react-types-loader!../../src/components/SideNavigation';
+import HeaderProps from '!!extract-react-types-loader!../../src/components/Header';
+import FooterProps from '!!extract-react-types-loader!../../docs/ert/footer';
+import NavigationContentProps from '!!extract-react-types-loader!../../src/components/NavigationContent';
+import NestableNavigationContentProps from '!!extract-react-types-loader!../../src/components/NestableNavigationContent';
+import SectionProps from '!!extract-react-types-loader!../../src/components/Section';
 ### Navigation props
-<PropsTable heading="" props={SideNavigationProps}/>
+<PropsTable heading="" props={SideNavigationProps} />
 ### Header props
-<PropsTable heading="" props={HeaderProps}/>
+<PropsTable heading="" props={HeaderProps} />
 ### Footer props
-<PropsTable heading="" props={FooterProps}/>
+<PropsTable heading="" props={FooterProps} />
 ### Content props
-<PropsTable heading="" props={NavigationContentProps}/>
+<PropsTable heading="" props={NavigationContentProps} />
 ### Nestable content props
-<PropsTable heading="" props={NestableNavigationContentProps}/>
+<PropsTable heading="" props={NestableNavigationContentProps} />
 ### Section props
-<PropsTable heading="" props={SectionProps}/>
+<PropsTable heading="" props={SectionProps} />

package/constellation/index/usage.mdx CHANGED Viewed

@@ -8,9 +8,9 @@ order: 2
 Occasionally it's necessary to load some of the side navigation content asynchronously. There are a few things to take care of
-* Only use skeletons when you're quite certain of what the loaded state will look like. Most items that would appear in side navigation are probably fine to use with skeletons, for example, `@atlaskit/tree`.
-* When transitioning from loading skeleton to loaded items, try to ensure the jump does not look janky - use the equivalent skeleton item that is appropriate and be careful of things jumping around by a few pixels. We should be striving for UI that feels __stable__, which means it doesn't jump around when content loads.
-* Ensure loading does not take too long - try to anticipate if a user will look at your menu via hover events and the like, and pre-load the data as soon as possible.
-* When content is loading in, make sure it all loads in at the same time - our minds aren't fast enough to distinguish each item loading individually, for example, and it would appear slower to most users.
+- Only use skeletons when you're quite certain of what the loaded state will look like. Most items that would appear in side navigation are probably fine to use with skeletons, for example, `@atlaskit/tree`.
+- When transitioning from loading skeleton to loaded items, try to ensure the jump does not look janky - use the equivalent skeleton item that is appropriate and be careful of things jumping around by a few pixels. We should be striving for UI that feels **stable**, which means it doesn't jump around when content loads.
+- Ensure loading does not take too long - try to anticipate if a user will look at your menu via hover events and the like, and pre-load the data as soon as possible.
+- When content is loading in, make sure it all loads in at the same time - our minds aren't fast enough to distinguish each item loading individually, for example, and it would appear slower to most users.
-For a more in-depth look at how to approach loading states, please check out the _work in progress_ [skeleton exploration](https://hello.atlassian.net/wiki/spaces/ADG/pages/598816601/Loading+experiences+-+3.4+-+Guideline+exploration+-+Skeleton#Exploration-(spec)) (content restricted to Atlassian staff).
+For a more in-depth look at how to approach loading states, please check out the _work in progress_ [skeleton exploration](<https://hello.atlassian.net/wiki/spaces/ADG/pages/598816601/Loading+experiences+-+3.4+-+Guideline+exploration+-+Skeleton#Exploration-(spec)>) (content restricted to Atlassian staff).

package/dist/cjs/common/constants.js CHANGED Viewed

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VAR_SEPARATOR_COLOR = exports.VAR_SCROLL_INDICATOR_COLOR = void 0;
-var VAR_SEPARATOR_COLOR = '--ds-menu-seperator-color';
-exports.VAR_SEPARATOR_COLOR = VAR_SEPARATOR_COLOR;
-var VAR_SCROLL_INDICATOR_COLOR = '--ds-menu-scroll-indicator-color';
-exports.VAR_SCROLL_INDICATOR_COLOR = VAR_SCROLL_INDICATOR_COLOR;
+var VAR_SEPARATOR_COLOR = exports.VAR_SEPARATOR_COLOR = '--ds-menu-seperator-color';
+var VAR_SCROLL_INDICATOR_COLOR = exports.VAR_SCROLL_INDICATOR_COLOR = '--ds-menu-scroll-indicator-color';

package/dist/cjs/common/styles.js CHANGED Viewed

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  *
  * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2682 for more information.
  */
-var overrideStyleFunction = function overrideStyleFunction(baseStyle) {
+var overrideStyleFunction = exports.overrideStyleFunction = function overrideStyleFunction(baseStyle) {
   var newStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
     return {};
   };
@@ -24,7 +24,6 @@ var overrideStyleFunction = function overrideStyleFunction(baseStyle) {
     return [baseStyle(state), newStyle(state)];
   };
 };
-exports.overrideStyleFunction = overrideStyleFunction;
 var defaultStyles = {
   '&:hover': {
     color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
@@ -50,7 +49,7 @@ var selectedStyles = {
     color: "var(--ds-text-selected, ".concat(_colors.B400, ")")
   }
 };
-var baseSideNavItemStyle = function baseSideNavItemStyle(_ref) {
+var baseSideNavItemStyle = exports.baseSideNavItemStyle = function baseSideNavItemStyle(_ref) {
   var isSelected = _ref.isSelected,
     isDisabled = _ref.isDisabled;
   return _objectSpread(_objectSpread(_objectSpread({
@@ -68,10 +67,8 @@ var baseSideNavItemStyle = function baseSideNavItemStyle(_ref) {
     width: "var(--ds-space-300, 24px)"
   }));
 };
-exports.baseSideNavItemStyle = baseSideNavItemStyle;
-var sectionHeaderSpacingStyles = function sectionHeaderSpacingStyles() {
+var sectionHeaderSpacingStyles = exports.sectionHeaderSpacingStyles = function sectionHeaderSpacingStyles() {
   return {
     paddingInline: "var(--ds-space-100, 8px)"
   };
-};
-exports.sectionHeaderSpacingStyles = sectionHeaderSpacingStyles;
+};

package/dist/cjs/components/Footer/index.js CHANGED Viewed

@@ -156,5 +156,4 @@ var FooterFacade = function FooterFacade(_ref3) {
     testId: testId
   }, children);
 };
-var _default = FooterFacade;
-exports.default = _default;
+var _default = exports.default = FooterFacade;

package/dist/cjs/components/Header/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ var _colors = require("@atlaskit/theme/colors");
 var _typography = require("@atlaskit/theme/typography");
 var _styles = require("../../common/styles");
 var _Item = require("../Item");
-var _excluded = ["children"],
+var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
 /** @jsx jsx */
 var containerStyles = (0, _react2.css)({
@@ -27,13 +27,13 @@ var containerStyles = (0, _react2.css)({
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-var Container = function Container(_ref) {
+var Container = exports.Container = function Container(_ref) {
   var children = _ref.children,
+    testId = _ref['data-testid'],
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // https://stackoverflow.com/a/39333479
   var safeProps = function (_ref2) {
     var className = _ref2.className,
-      testId = _ref2['data-testid'],
       onClick = _ref2.onClick,
       onMouseDown = _ref2.onMouseDown,
       onDragStart = _ref2.onDragStart,
@@ -43,7 +43,6 @@ var Container = function Container(_ref) {
       disabled = _ref2.disabled;
     return {
       className: className,
-      testId: testId,
       onClick: onClick,
       onMouseDown: onMouseDown,
       onDragStart: onDragStart,
@@ -54,10 +53,10 @@ var Container = function Container(_ref) {
     };
   }(props);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };
-exports.Container = Container;
 /**
  * __Header__
  *
@@ -101,5 +100,4 @@ var Header = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }));
 });
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/dist/cjs/components/Item/button-item.js CHANGED Viewed

@@ -41,5 +41,4 @@ function (_ref, ref) {
     cssFn: cssOverride
   }, rest));
 });
-var _default = ButtonItem;
-exports.default = _default;
+var _default = exports.default = ButtonItem;

package/dist/cjs/components/Item/custom-item.js CHANGED Viewed

@@ -41,5 +41,4 @@ function (_ref, ref) {
 }
 // Dirty hack to get generics working with forward ref [2/2]
 );
-var _default = CustomItem;
-exports.default = _default;
+var _default = exports.default = CustomItem;

package/dist/cjs/components/Item/go-back-item.js CHANGED Viewed

@@ -56,5 +56,4 @@ var GoBackItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ref: ref
   }, rest));
 });
-var _default = GoBackItem;
-exports.default = _default;
+var _default = exports.default = GoBackItem;

package/dist/cjs/components/Item/link-item.js CHANGED Viewed

@@ -43,5 +43,4 @@ function (_ref, ref) {
     cssFn: cssOverride
   }, rest));
 });
-var _default = LinkItem;
-exports.default = _default;
+var _default = exports.default = LinkItem;

package/dist/cjs/components/Item/skeleton-item.js CHANGED Viewed

@@ -43,5 +43,4 @@ var SkeletonItem = function SkeletonItem(props) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
-var _default = SkeletonItem;
-exports.default = _default;
+var _default = exports.default = SkeletonItem;

package/dist/cjs/components/LoadingItems/index.js CHANGED Viewed

@@ -51,5 +51,4 @@ var LoadingItems = function LoadingItems(_ref) {
     }), isLoading ? fallback : children);
   }));
 };
-var _default = LoadingItems;
-exports.default = _default;
+var _default = exports.default = LoadingItems;

package/dist/cjs/components/NavigationContent/index.js CHANGED Viewed

@@ -49,5 +49,4 @@ var NavigationContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
     })
   }, children)));
 });
-var _default = NavigationContent;
-exports.default = _default;
+var _default = exports.default = NavigationContent;

package/dist/cjs/components/NavigationContent/styles.js CHANGED Viewed

@@ -31,7 +31,7 @@ var skeletonHeadingBottomMargin = containerPadding * 0.75 + skeletonHeadingMargi
  * They are "conditionally" shown from the users perspective using the inner container CSS
  * which has other pseudo elements which "mask" the "real" scroll indicators.
  */
-var outerContainerCSS = function outerContainerCSS(opts) {
+var outerContainerCSS = exports.outerContainerCSS = function outerContainerCSS(opts) {
   return {
     // Flex is needed to ensure the overflow indicators are positioned correctly.
     display: 'flex',
@@ -70,8 +70,7 @@ var outerContainerCSS = function outerContainerCSS(opts) {
  * Essentially they cover (mask) the "real" scroll indicators when the user is scrolled
  * to the top or bottom of the container.
  */
-exports.outerContainerCSS = outerContainerCSS;
-var innerContainerCSS = function innerContainerCSS(opts) {
+var innerContainerCSS = exports.innerContainerCSS = function innerContainerCSS(opts) {
   return _objectSpread(_objectSpread({
     display: 'flex',
     overflow: 'auto',
@@ -108,8 +107,7 @@ var innerContainerCSS = function innerContainerCSS(opts) {
     }
   });
 };
-exports.innerContainerCSS = innerContainerCSS;
-var containerCSS = function containerCSS(opts) {
+var containerCSS = exports.containerCSS = function containerCSS(opts) {
   return {
     // When the scroll indicator is always shown we need to add some padding
     // so the spacing between matches what it would be if the indicator was a "block" element.
@@ -128,5 +126,4 @@ var containerCSS = function containerCSS(opts) {
       marginBottom: skeletonHeadingBottomMargin
     }
   };
-};
-exports.containerCSS = containerCSS;
+};

package/dist/cjs/components/NavigationFooter/index.js CHANGED Viewed

@@ -27,5 +27,4 @@ var NavigationFooter = function NavigationFooter(_ref) {
     xcss: navigationFooterStyles
   }, children);
 };
-var _default = NavigationFooter;
-exports.default = _default;
+var _default = exports.default = NavigationFooter;

package/dist/cjs/components/NavigationHeader/index.js CHANGED Viewed

@@ -28,5 +28,4 @@ var NavigationHeader = function NavigationHeader(props) {
     "data-navheader": true
   }, children);
 };
-var _default = NavigationHeader;
-exports.default = _default;
+var _default = exports.default = NavigationHeader;

package/dist/cjs/components/NestableNavigationContent/context.js CHANGED Viewed

@@ -12,9 +12,8 @@ var _react = require("react");
 /**
  * @internal
  */
-var NestedContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-exports.NestedContext = NestedContext;
-var useNestedContext = function useNestedContext() {
+var NestedContext = exports.NestedContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var useNestedContext = exports.useNestedContext = function useNestedContext() {
   var context = (0, _react.useContext)(NestedContext);
   if (!context) {
     var error = '';
@@ -31,8 +30,7 @@ var useNestedContext = function useNestedContext() {
  * If `shouldRender` returns `true` - return your nodes.
  * If it returns `false` - either return `null` or `children` if you have children.
  */
-exports.useNestedContext = useNestedContext;
-var useShouldNestedElementRender = function useShouldNestedElementRender() {
+var useShouldNestedElementRender = exports.useShouldNestedElementRender = function useShouldNestedElementRender() {
   var context = (0, _react.useContext)(NestedContext);
   if (!context) {
     return {
@@ -42,5 +40,4 @@ var useShouldNestedElementRender = function useShouldNestedElementRender() {
   return {
     shouldRender: context.currentStackId === context.parentId
   };
-};
-exports.useShouldNestedElementRender = useShouldNestedElementRender;
+};

package/dist/cjs/components/NestableNavigationContent/index.js CHANGED Viewed

@@ -19,8 +19,7 @@ var _nestingMotion = require("./nesting-motion");
 // Named so ERT doesn't pick up the override name as a type.
-var ROOT_ID = 'ATLASKIT_NESTED_ROOT';
-exports.ROOT_ID = ROOT_ID;
+var ROOT_ID = exports.ROOT_ID = 'ATLASKIT_NESTED_ROOT';
 var nestableNavigationContentStyles = (0, _react2.css)({
   height: '100%',
   position: 'relative',
@@ -175,5 +174,4 @@ var NestableNavigationContent = function NestableNavigationContent(props) {
     }, children)));
   }))));
 };
-var _default = NestableNavigationContent;
-exports.default = _default;
+var _default = exports.default = NestableNavigationContent;

package/dist/cjs/components/NestableNavigationContent/nesting-motion.js CHANGED Viewed

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * @internal
  */
-var NestingMotion = function NestingMotion(props) {
+var NestingMotion = exports.NestingMotion = function NestingMotion(props) {
   var children = props.children,
     enterFrom = props.enterFrom,
     exitTo = props.exitTo,
@@ -31,5 +31,4 @@ var NestingMotion = function NestingMotion(props) {
       'data-testid': testId && "".concat(testId, "-").concat(direction)
     }, innerProps));
   });
-};
-exports.NestingMotion = NestingMotion;
+};

package/dist/cjs/components/NestingItem/index.js CHANGED Viewed

@@ -145,5 +145,4 @@ var NestingItem = function NestingItem(props) {
   }
   return (0, _react2.jsx)(_index.ButtonItem, componentProps);
 };
-var _default = NestingItem;
-exports.default = _default;
+var _default = exports.default = NestingItem;

package/dist/cjs/components/NestingItem/styles.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _enabledCSS, _disabledCSS;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // exposed for testing purposes
-var enabledCSS = (_enabledCSS = {}, (0, _defineProperty2.default)(_enabledCSS, '&:hover [data-custom-icon]', {
+var enabledCSS = exports.enabledCSS = (_enabledCSS = {}, (0, _defineProperty2.default)(_enabledCSS, '&:hover [data-custom-icon]', {
   display: 'none'
 }), (0, _defineProperty2.default)(_enabledCSS, '&:active [data-custom-icon]', {
   display: 'none'
@@ -27,13 +27,11 @@ var enabledCSS = (_enabledCSS = {}, (0, _defineProperty2.default)(_enabledCSS, '
 }), (0, _defineProperty2.default)(_enabledCSS, '& [data-right-arrow]', {
   display: 'none'
 }), _enabledCSS);
-exports.enabledCSS = enabledCSS;
 var disabledCSS = (_disabledCSS = {}, (0, _defineProperty2.default)(_disabledCSS, '[data-item-elem-after]', {
   opacity: 0
 }), (0, _defineProperty2.default)(_disabledCSS, '& [data-right-arrow]', {
   display: 'none'
 }), _disabledCSS);
-var nestingItemStyle = function nestingItemStyle(state) {
+var nestingItemStyle = exports.nestingItemStyle = function nestingItemStyle(state) {
   return _objectSpread({}, state.isDisabled ? disabledCSS : enabledCSS);
-};
-exports.nestingItemStyle = nestingItemStyle;
+};

package/dist/cjs/components/Section/heading-item.js CHANGED Viewed

@@ -29,5 +29,4 @@ var HeadingItem = function HeadingItem(props) {
     cssFn: cssFn
   }));
 };
-var _default = HeadingItem;
-exports.default = _default;
+var _default = exports.default = HeadingItem;

package/dist/cjs/components/Section/section.js CHANGED Viewed

@@ -40,5 +40,4 @@ var Section = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }));
 });
-var _default = Section;
-exports.default = _default;
+var _default = exports.default = Section;

package/dist/cjs/components/Section/skeleton-heading-item.js CHANGED Viewed

@@ -35,5 +35,4 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(props) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
-var _default = SkeletonHeadingItem;
-exports.default = _default;
+var _default = exports.default = SkeletonHeadingItem;

package/dist/cjs/components/SideNavigation/index.js CHANGED Viewed

@@ -45,5 +45,4 @@ var SideNavigation = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     value: "notch"
   }, children));
 });
-var _default = SideNavigation;
-exports.default = _default;
+var _default = exports.default = SideNavigation;

package/dist/cjs/components/utils/hooks.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useChildIdsEffect = exports.useChildIds = void 0;
 var _react = require("react");
 var _NestableNavigationContent = require("../NestableNavigationContent");
-var useChildIds = function useChildIds(currentStackId, committedStack, onUnknownNest) {
+var useChildIds = exports.useChildIds = function useChildIds(currentStackId, committedStack, onUnknownNest) {
   var childIdsRef = (0, _react.useRef)(new Set());
   (0, _react.useEffect)(function () {
     // we are holding navigation item IDs in childIdsRef
@@ -20,8 +20,7 @@ var useChildIds = function useChildIds(currentStackId, committedStack, onUnknown
     childIdsRef: childIdsRef
   };
 };
-exports.useChildIds = useChildIds;
-var useChildIdsEffect = function useChildIdsEffect(childIds, id) {
+var useChildIdsEffect = exports.useChildIdsEffect = function useChildIdsEffect(childIds, id) {
   (0, _react.useEffect)(function () {
     if (!childIds || !childIds.current) {
       return;
@@ -36,5 +35,4 @@ var useChildIdsEffect = function useChildIdsEffect(childIds, id) {
     // childIds shouldn't change as it's a ref
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [id]);
-};
-exports.useChildIdsEffect = useChildIdsEffect;
+};

package/dist/es2019/components/Header/index.js CHANGED Viewed

@@ -18,12 +18,12 @@ const containerStyles = css({
  */
 export const Container = ({
   children,
+  'data-testid': testId,
   ...props
 }) => {
   // https://stackoverflow.com/a/39333479
   const safeProps = (({
     className,
-    'data-testid': testId,
     onClick,
     onMouseDown,
     onDragStart,
@@ -33,7 +33,6 @@ export const Container = ({
     disabled
   }) => ({
     className,
-    testId,
     onClick,
     onMouseDown,
     onDragStart,
@@ -43,6 +42,7 @@ export const Container = ({
     disabled
   }))(props);
   return jsx("div", _extends({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };

package/dist/esm/components/Header/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"],
+var _excluded = ["children", "data-testid"],
   _excluded2 = ["children"];
 /** @jsx jsx */
 import { forwardRef } from 'react';
@@ -22,11 +22,11 @@ var containerStyles = css({
  */
 export var Container = function Container(_ref) {
   var children = _ref.children,
+    testId = _ref['data-testid'],
     props = _objectWithoutProperties(_ref, _excluded);
   // https://stackoverflow.com/a/39333479
   var safeProps = function (_ref2) {
     var className = _ref2.className,
-      testId = _ref2['data-testid'],
       onClick = _ref2.onClick,
       onMouseDown = _ref2.onMouseDown,
       onDragStart = _ref2.onDragStart,
@@ -36,7 +36,6 @@ export var Container = function Container(_ref) {
       disabled = _ref2.disabled;
     return {
       className: className,
-      testId: testId,
       onClick: onClick,
       onMouseDown: onMouseDown,
       onDragStart: onDragStart,
@@ -47,6 +46,7 @@ export var Container = function Container(_ref) {
     };
   }(props);
   return jsx("div", _extends({
+    "data-testid": testId,
     css: containerStyles
   }, safeProps), children);
 };

package/dist/types/components/Header/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-export declare const Container: ({ children, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
+export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
 export type HeaderProps = {
     /**
      * A function that can be used to override the styles of the component.

package/dist/types-ts4.5/components/Header/index.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ import { CSSFn, CustomItemComponentProps } from '@atlaskit/menu';
  *
  * A container for Header and Footer that safely handles props to the child component
  */
-export declare const Container: ({ children, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
+export declare const Container: ({ children, "data-testid": testId, ...props }: CustomItemComponentProps) => jsx.JSX.Element;
 export type HeaderProps = {
     /**
      * A function that can be used to override the styles of the component.

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/side-navigation",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "A highly composable side navigation component that supports nested views.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,14 +32,14 @@
     }
   },
   "dependencies": {
-    "@atlaskit/ds-explorations": "^2.2.0",
+    "@atlaskit/ds-explorations": "^3.0.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/menu": "^1.10.0",
-    "@atlaskit/motion": "^1.4.0",
-    "@atlaskit/primitives": "^1.3.0",
+    "@atlaskit/menu": "^1.11.0",
+    "@atlaskit/motion": "^1.5.0",
+    "@atlaskit/primitives": "^1.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },