@atlaskit/side-navigation 11.0.20 → 11.0.22

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/side-navigation
 
+## 11.0.22
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.0.21
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.20
 
 ### Patch Changes
@@ -1050,7 +1062,6 @@
 - [#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
 
@@ -1323,7 +1334,6 @@
 - [#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
@@ -1655,11 +1665,9 @@
 - [minor][7ecbf8d0bd](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ecbf8d0bd):
 
   **Breaking:**
-
   - SideNavigation now has a required `label` prop.
 
   **Accessibility Changes**
-
   - SideNavigation now has a `navigation` landmark for use with screen readers; this landmark is
     further described by the `label` prop to differentiate it from AtlassianNavigation-
     [minor][1fea6757c4](https://bitbucket.org/atlassian/atlassian-frontend/commits/1fea6757c4):
@@ -1798,7 +1806,6 @@
 - [minor][e1416630ed](https://bitbucket.org/atlassian/atlassian-frontend/commits/e1416630ed):
 
   **BREAKING**: Renamed exported components
-
   - Renamed `MainSection` to `NavigationContent`
   - Renamed `NestingTransitionProvider` to `NestableNavigationContent`
   - `NestableNavigationContent` does not need to be wrapped by a `MainSection`
@@ -1806,7 +1813,6 @@
   - Renamed `Footer` to `NavigationFooter`
 
   Improve behaviour of scrollabe sections:
-
   - Fixes a bug where different views shared the same scrollable section causing unexpected jumps on
     some unnesting interactions
   - `ScrollableSection` now shows an overflow indicator when items are scrolled off the top border
@@ -1814,7 +1820,6 @@
     [minor][d752f27427](https://bitbucket.org/atlassian/atlassian-frontend/commits/d752f27427):
 
   API changes and design changes for side-navigation
-
   - **BREAKING**: `SectionHeader` has been renamed to `SectionHeading`
   - `SIDEBAR_DEFAULT_WIDTH` has been exported
   - `Item` has been removed and replaced with `CustomItem`, `ButtonItem`, `LinkItem` which are thin
@@ -1832,21 +1837,18 @@
   **BREAKING**: `id` prop is now required on NestingItems
 
   The back button in nested views can now be customised
-
   - By default an English `Go Back` button will be shown
   - Use `renderDefaultBackButton` on the `NestableNavigationContent` to set a new default
   - Use `renderBackButton` on each `NestingItem` to specifically set a back trigger for exiting the
     view it controls
 
   The link form of nested views can now be customised
-
   - Use `customItemComponent` to pass in a functional/class component that adds extra behaviour
     around the link (see @atlaskit/menu for examples on how to configure CustomItems)
 
 ### Patch Changes
 
 - [patch][babae63a7b](https://bitbucket.org/atlassian/atlassian-frontend/commits/babae63a7b):
-
   - Refactors nested navigation implementation
   - Now selects `NestingItem` & `GoBackItem` when it is exiting
   - Fixes double clicking a `NestingItem` and `GoBackItem` resulting in an unwanted double
@@ -1875,7 +1877,6 @@
 
   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/icon@20.0.1
   - @atlaskit/menu@0.2.6
@@ -1890,13 +1891,11 @@
 
   `NestingItem` now has an extra prop `isInitiallyOpen` that allows the side-navigation to initially
   render a particular nested view
-
   - To select a particular sidebar view to be rendered initially the `isInitiallyOpen` prop must be
     set on all parent `NestingItem`s in the navigation tree-
     [patch][a806cde423](https://bitbucket.org/atlassian/atlassian-frontend/commits/a806cde423):
 
   Iterative updates to side-navigation:
-
   - Go Back link in nested views now sticks to the top of the scrollable area
   - Removed broken css styles
   - Implemented sliding transitions rather than fades- Updated dependencies

package/dist/types/components/NavigationContent/styles.d.ts

@@ -14,7 +14,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
     readonly height: "100%";
     readonly overflow: "hidden";
     readonly position: "relative";
-    readonly '&::before': {
+    readonly "&::before": {
         readonly content: "''";
         readonly display: "block";
         readonly left: "var(--ds-space-100)";
@@ -25,7 +25,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
         readonly position: "absolute";
         readonly zIndex: 1;
     };
-    readonly '&::after': {
+    readonly "&::after": {
         readonly content: "''";
         readonly position: "absolute";
         readonly display: "block";
@@ -45,7 +45,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
  * to the top or bottom of the container.
  */
 export declare const innerContainerCSS: (opts: StyleOpts) => {
-    readonly '&::after': {
+    readonly "&::after": {
         readonly borderRadius: "var(--ds-radius-xsmall)";
         readonly content: "''";
         readonly display: "block";
@@ -56,7 +56,7 @@ export declare const innerContainerCSS: (opts: StyleOpts) => {
         readonly zIndex: 2;
         readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
     };
-    readonly '&::before'?: {
+    readonly "&::before"?: {
         readonly borderRadius: "var(--ds-radius-xsmall)";
         readonly content: "''";
         readonly left: 0;
@@ -79,11 +79,11 @@ export declare const containerCSS: (opts: StyleOpts) => {
     readonly marginLeft: "var(--ds-space-100)";
     readonly marginRight: "var(--ds-space-100)";
     readonly position: "relative";
-    readonly '& [data-ds--menu--heading-item]': {
+    readonly "& [data-ds--menu--heading-item]": {
         readonly marginBottom: "var(--ds-space-075)";
         readonly marginTop: "var(--ds-space-200)";
     };
-    readonly '& [data-ds--menu--skeleton-heading-item]': {
+    readonly "& [data-ds--menu--skeleton-heading-item]": {
         readonly marginTop: number;
         readonly marginBottom: number;
     };

package/dist/types-ts4.5/components/NavigationContent/styles.d.ts

@@ -14,7 +14,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
     readonly height: "100%";
     readonly overflow: "hidden";
     readonly position: "relative";
-    readonly '&::before': {
+    readonly "&::before": {
         readonly content: "''";
         readonly display: "block";
         readonly left: "var(--ds-space-100)";
@@ -25,7 +25,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
         readonly position: "absolute";
         readonly zIndex: 1;
     };
-    readonly '&::after': {
+    readonly "&::after": {
         readonly content: "''";
         readonly position: "absolute";
         readonly display: "block";
@@ -45,7 +45,7 @@ export declare const outerContainerCSS: (opts: StyleOpts & {
  * to the top or bottom of the container.
  */
 export declare const innerContainerCSS: (opts: StyleOpts) => {
-    readonly '&::after': {
+    readonly "&::after": {
         readonly borderRadius: "var(--ds-radius-xsmall)";
         readonly content: "''";
         readonly display: "block";
@@ -56,7 +56,7 @@ export declare const innerContainerCSS: (opts: StyleOpts) => {
         readonly zIndex: 2;
         readonly backgroundColor: "var(--ds-menu-scroll-indicator-color, var(--ds-surface))";
     };
-    readonly '&::before'?: {
+    readonly "&::before"?: {
         readonly borderRadius: "var(--ds-radius-xsmall)";
         readonly content: "''";
         readonly left: 0;
@@ -79,11 +79,11 @@ export declare const containerCSS: (opts: StyleOpts) => {
     readonly marginLeft: "var(--ds-space-100)";
     readonly marginRight: "var(--ds-space-100)";
     readonly position: "relative";
-    readonly '& [data-ds--menu--heading-item]': {
+    readonly "& [data-ds--menu--heading-item]": {
         readonly marginBottom: "var(--ds-space-075)";
         readonly marginTop: "var(--ds-space-200)";
     };
-    readonly '& [data-ds--menu--skeleton-heading-item]': {
+    readonly "& [data-ds--menu--skeleton-heading-item]": {
         readonly marginTop: number;
         readonly marginBottom: number;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/side-navigation",
-	"version": "11.0.20",
+	"version": "11.0.22",
 	"description": "A highly composable side navigation component that supports nested views.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,17 +28,17 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.14.0",
+		"@atlaskit/css": "^0.15.0",
 		"@atlaskit/ds-lib": "^5.1.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/primitives": "^15.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tokens": "^7.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3"
+		"@compiled/react": "^0.18.6"
 	},
 	"peerDependencies": {
 		"react": "^18.2.0"
@@ -48,13 +48,13 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/atlassian-navigation": "^5.3.0",
-		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/docs": "^11.1.0",
+		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.7.0",
+		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/onboarding": "^14.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-live-region": "^1.3.0",