@atlaskit/navigation-system 10.16.10 → 10.17.0

package/dist/es2019/ui/top-nav-items/nav-logo/custom-logo.js

@@ -1,4 +1,4 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';

package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js

@@ -1,4 +1,4 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.2 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';

package/dist/es2019/ui/top-nav-items/search.js

@@ -1,4 +1,4 @@
-/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* search.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./search.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment } from 'react';

package/dist/es2019/ui/top-nav-items/themed/themed-anchor.js

@@ -1,4 +1,4 @@
-/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-anchor.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-button.js

@@ -1,4 +1,4 @@
-/* themed-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-icon-button.js

@@ -1,4 +1,4 @@
-/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';

package/dist/es2019/ui/top-nav-items/themed/themed-link-button.js

@@ -1,4 +1,4 @@
-/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-link-button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/top-nav-items/themed/themed-pressable.js

@@ -1,4 +1,4 @@
-/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/badge-container.js

@@ -1,4 +1,4 @@
-/* badge-container.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* badge-container.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./badge-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/components/list-item.js

@@ -1,4 +1,4 @@
-/* list-item.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* list-item.tsx generated by @compiled/babel-plugin v3.0.2 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/esm/components/list.js

@@ -1,4 +1,4 @@
-/* list.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* list.tsx generated by @compiled/babel-plugin v3.0.2 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';

package/dist/esm/components/skip-links/skip-link.js

@@ -1,4 +1,4 @@
-/* skip-link.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* skip-link.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';

package/dist/esm/components/skip-links/skip-links-container.js

@@ -1,4 +1,4 @@
-/* skip-links-container.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* skip-links-container.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./skip-links-container.compiled.css";

package/dist/esm/components/skip-links/skip-links-popup.js

@@ -1,4 +1,4 @@
-/* skip-links-popup.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* skip-links-popup.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./skip-links-popup.compiled.css";

package/dist/esm/ui/page-layout/aside.js

@@ -1,4 +1,4 @@
-/* aside.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* aside.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./aside.compiled.css";

package/dist/esm/ui/page-layout/banner.js

@@ -1,4 +1,4 @@
-/* banner.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* banner.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./banner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/main/main-sticky-header.js

@@ -1,4 +1,4 @@
-/* main-sticky-header.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main-sticky-header.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main-sticky-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/page-layout/main/main.js

@@ -1,4 +1,4 @@
-/* main.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* main.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./main.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js

@@ -1,4 +1,4 @@
-/* panel-splitter.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* panel-splitter.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";

package/dist/esm/ui/page-layout/panel.compiled.css

@@ -1,5 +1,5 @@
 ._nd5l1b6c{grid-area:main/aside/aside/aside}
-._y44v11az{animation:var(--ds-panel-content-enter,.15s cubic-bezier(.4,1,.6,1) FadeIn0to100 .1s)}
+._y44v1mph{animation:var(--ds-panel-content-enter,.15s cubic-bezier(.4,1,.6,1) FadeIn0to100)}
 ._y44vf1qi{animation:var(--ds-panel-content-exit,50ms cubic-bezier(.6,0,.8,.6) FadeOut100to0)}
 ._191wglyw{border-inline-start:none}._10fph9n0{justify-self:end}
 ._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}

package/dist/esm/ui/page-layout/panel.js

@@ -1,4 +1,4 @@
-/* panel.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* panel.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./panel.compiled.css";
@@ -6,6 +6,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
+import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
 import { useMotion } from '@atlaskit/motion/entering/use-motion';
 import { Reanimate } from '@atlaskit/motion/reanimate';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -37,8 +38,19 @@ var styles = {
   hidden: "_1e0cglyw",
   entering: "_k1af1nn1 _10t81ia4 _xrrp147i _1wsa1ign _1vrh1a5r _1kmh1n9t _105abamb",
   exiting: "_k1af14vv _bq641n9t _105aeydr",
-  contentEntering: "_y44v11az",
-  contentExiting: "_y44vf1qi"
+  contentEntering: "_y44v1mph",
+  contentExiting: "_y44vf1qi",
+  contentChangeContainer: "_4t3i1osq"
+};
+var PanelContentMotion = function PanelContentMotion(_ref) {
+  var children = _ref.children;
+  var _useMotion = useMotion(),
+    state = _useMotion.state,
+    ref = _useMotion.ref;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: ax([styles.contentChangeContainer, state === 'entering' && styles.contentEntering, state === 'exiting' && styles.contentExiting])
+  }, children);
 };
 
 /**
@@ -48,20 +60,21 @@ var styles = {
  *
  * You can optionally render a `PanelSplitter` as a child to make the panel area resizable.
  */
-export function Panel(_ref) {
-  var children = _ref.children,
-    _ref$defaultWidth = _ref.defaultWidth,
-    defaultWidthProp = _ref$defaultWidth === void 0 ? fallbackDefaultWidth : _ref$defaultWidth,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? 'Panel' : _ref$label,
-    _ref$skipLinkLabel = _ref.skipLinkLabel,
-    skipLinkLabel = _ref$skipLinkLabel === void 0 ? label : _ref$skipLinkLabel,
-    testId = _ref.testId,
-    providedId = _ref.id,
-    xcss = _ref.xcss,
-    _ref$hasBorder = _ref.hasBorder,
-    hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
-    maxWidth = _ref.maxWidth;
+export function Panel(_ref2) {
+  var children = _ref2.children,
+    _ref2$defaultWidth = _ref2.defaultWidth,
+    defaultWidthProp = _ref2$defaultWidth === void 0 ? fallbackDefaultWidth : _ref2$defaultWidth,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Panel' : _ref2$label,
+    _ref2$skipLinkLabel = _ref2.skipLinkLabel,
+    skipLinkLabel = _ref2$skipLinkLabel === void 0 ? label : _ref2$skipLinkLabel,
+    testId = _ref2.testId,
+    providedId = _ref2.id,
+    xcss = _ref2.xcss,
+    _ref2$hasBorder = _ref2.hasBorder,
+    hasBorder = _ref2$hasBorder === void 0 ? true : _ref2$hasBorder,
+    maxWidth = _ref2.maxWidth,
+    contentKey = _ref2.contentKey;
   var dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
   var id = useLayoutId({
     providedId: providedId
@@ -74,7 +87,7 @@ export function Panel(_ref) {
   });
 
   // useMotion is applied only when the `platform-dst-motion-uplift-panel` gate is enabled.
-  var _useMotion = useMotion({
+  var _useMotion2 = useMotion({
       onFinish: function onFinish(state) {
         if (state === 'exiting' && defaultWidthRef.current === 0) {
           // Set width to 0 as animation is complete
@@ -83,9 +96,9 @@ export function Panel(_ref) {
       },
       initialState: defaultWidth === 0 ? 'hidden' : undefined
     }),
-    state = _useMotion.state,
-    motionRef = _useMotion.ref,
-    reanimate = _useMotion.reanimate;
+    state = _useMotion2.state,
+    motionRef = _useMotion2.ref,
+    reanimate = _useMotion2.reanimate;
 
   /**
    * Don't show the skip link if the slot has 0 width.
@@ -217,5 +230,9 @@ export function Panel(_ref) {
     position: "start"
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([styles.scrollContainer, isMotionUpliftEnabled && state === 'entering' && styles.contentEntering, isMotionUpliftEnabled && state === 'exiting' && styles.contentExiting])
-  }, children)));
+  }, isMotionUpliftEnabled && contentKey !== undefined ? /*#__PURE__*/React.createElement(ExitingPersistence, {
+    exitThenEnter: true
+  }, /*#__PURE__*/React.createElement(PanelContentMotion, {
+    key: contentKey
+  }, children)) : children)));
 }

package/dist/esm/ui/page-layout/ribbon.js

@@ -1,4 +1,4 @@
-/* ribbon.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* ribbon.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./ribbon.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/root.js

@@ -1,4 +1,4 @@
-/* root.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* root.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./root.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';

package/dist/esm/ui/page-layout/side-nav/side-nav-content.js

@@ -1,4 +1,4 @@
-/* side-nav-content.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* side-nav-content.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./side-nav-content.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useMemo, useRef } from 'react';

package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js

@@ -1,4 +1,4 @@
-/* side-nav-footer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* side-nav-footer.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./side-nav-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/side-nav/side-nav-header.js

@@ -1,4 +1,4 @@
-/* side-nav-header.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* side-nav-header.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./side-nav-header.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/side-nav/side-nav.js

@@ -1,4 +1,4 @@
-/* side-nav.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* side-nav.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";

package/dist/esm/ui/page-layout/side-nav/toggle-button.js

@@ -1,4 +1,4 @@
-/* toggle-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* toggle-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./toggle-button.compiled.css";

package/dist/esm/ui/page-layout/top-nav/top-nav-end.js

@@ -1,4 +1,4 @@
-/* top-nav-end.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* top-nav-end.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./top-nav-end.compiled.css";

package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js

@@ -1,4 +1,4 @@
-/* top-nav-middle.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* top-nav-middle.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/ui/page-layout/top-nav/top-nav-start.js

@@ -1,4 +1,4 @@
-/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* top-nav-start.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./top-nav-start.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/page-layout/top-nav/top-nav.js

@@ -1,4 +1,4 @@
-/* top-nav.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* top-nav.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./top-nav.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/top-nav-items/custom-title.js

@@ -1,4 +1,4 @@
-/* custom-title.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* custom-title.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./custom-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js

@@ -1,4 +1,4 @@
-/* app-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* app-logo.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./app-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';

package/dist/esm/ui/top-nav-items/nav-logo/custom-logo.js

@@ -1,4 +1,4 @@
-/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* custom-logo.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';

package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js

@@ -1,4 +1,4 @@
-/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* logo-renderer.tsx generated by @compiled/babel-plugin v3.0.2 */
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';

package/dist/esm/ui/top-nav-items/search.js

@@ -1,4 +1,4 @@
-/* search.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* search.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./search.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment } from 'react';

package/dist/esm/ui/top-nav-items/themed/themed-anchor.js

@@ -1,4 +1,4 @@
-/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-anchor.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];

package/dist/esm/ui/top-nav-items/themed/themed-button.js

@@ -1,4 +1,4 @@
-/* themed-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["iconBefore", "children"];

package/dist/esm/ui/top-nav-items/themed/themed-icon-button.js

@@ -1,4 +1,4 @@
-/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-icon-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["icon", "label", "tooltip"];

package/dist/esm/ui/top-nav-items/themed/themed-link-button.js

@@ -1,4 +1,4 @@
-/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-link-button.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["iconBefore", "children"];

package/dist/esm/ui/top-nav-items/themed/themed-pressable.js

@@ -1,4 +1,4 @@
-/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* themed-pressable.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];

package/dist/types/ui/page-layout/panel.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type Key } from 'react';
 import type { StrictXCSSProp } from '@atlaskit/css';
 import type { ResizeBound } from './panel-splitter/types';
 import type { CommonSlotProps } from './types';
@@ -8,7 +13,7 @@ import type { CommonSlotProps } from './types';
  *
  * You can optionally render a `PanelSplitter` as a child to make the panel area resizable.
  */
-export declare function Panel({ children, defaultWidth: defaultWidthProp, label, skipLinkLabel, testId, id: providedId, xcss, hasBorder, maxWidth, }: CommonSlotProps & {
+export declare function Panel({ children, defaultWidth: defaultWidthProp, label, skipLinkLabel, testId, id: providedId, xcss, hasBorder, maxWidth, contentKey, }: CommonSlotProps & {
     /**
      * The content of the layout area.
      */
@@ -38,6 +43,12 @@ export declare function Panel({ children, defaultWidth: defaultWidthProp, label,
      * should leave it unset to keep the default cap.
      */
     maxWidth?: ResizeBound;
+    /**
+     * Identifies the content currently displayed in the panel. Changing this value animates the
+     * previous content out before animating the next content in. When omitted, content updates
+     * immediately.
+     */
+    contentKey?: Key;
     /**
      * Bounded style overrides.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "10.16.10",
+	"version": "10.17.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -25,6 +25,9 @@
 		},
 		"team": "ADS: nav4",
 		"website": {
+			"tags": [
+				"platform-labs"
+			],
 			"name": "Navigation system",
 			"category": "Navigation",
 			"subPages": [
@@ -54,7 +57,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.5.0",
-		"@atlaskit/app-provider": "^5.6.0",
+		"@atlaskit/app-provider": "^6.0.0",
 		"@atlaskit/avatar": "^28.0.0",
 		"@atlaskit/button": "^25.3.0",
 		"@atlaskit/css": "^1.1.0",
@@ -62,7 +65,7 @@
 		"@atlaskit/icon": "^37.7.0",
 		"@atlaskit/layering": "^5.2.0",
 		"@atlaskit/logo": "^23.0.0",
-		"@atlaskit/motion": "^8.6.0",
+		"@atlaskit/motion": "^8.7.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popup": "^6.3.0",
@@ -70,7 +73,7 @@
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.4.0",
-		"@atlaskit/tokens": "^16.12.0",
+		"@atlaskit/tokens": "^17.0.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -112,13 +115,14 @@
 		"@atlaskit/tabs": "^21.2.0",
 		"@atlaskit/tag": "^15.8.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/top-layer": "^4.4.0",
+		"@atlaskit/top-layer": "^5.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/gemini": "^1.53.0",
-		"@atlassian/search-dialog": "^10.16.0",
+		"@atlassian/search-dialog": "^10.17.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.1.0",
 		"@atlassian/testing-library": "^0.11.0",
+		"@atlassian/workbench": "workspace:^",
 		"@axe-core/playwright": "^4.11.1",
 		"raf-stub": "^2.0.1",
 		"react": "^18.2.0",