@atlaskit/navigation-system 10.2.0 → 10.4.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlassian/navigation-system
 
+## 10.4.0
+
+### Minor Changes
+
+- [`5ad834eeed183`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5ad834eeed183) -
+  Main component now has a fixed height on smaller viewports behind a feature gate. This is to
+  enable in-app panels with correct scroll and overlay behaviour.
+
+## 10.3.0
+
+### Minor Changes
+
+- [`a3b0e6c4eeab7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3b0e6c4eeab7) -
+  Apply button motion tokens (motion.button.hovered / motion.button.pressed) to top-nav
+  ThemedAnchor, gated behind platform-dst-motion-uplift-button, for parity with ThemedPressable.
+  Also enables the gate by default in the top nav button constellation example so the motion is
+  previewed in the docs.
+
 ## 10.2.0
 
 ### Minor Changes

package/constellation/top-nav-items/examples.mdx

@@ -171,7 +171,10 @@ A button component that supports theming. The following variants are available:
 Use this component when you need to add buttons to the top nav. Be aware that adding custom buttons
 may negatively impact the consistency across apps.
 
-<Example Component={TopNavButtonExample} />
+<Example
+	Component={TopNavButtonExample}
+	featureFlagDefaults={{ 'platform-dst-motion-uplift-button': true }}
+/>
 
 ## Responsive
 

package/dist/cjs/entry-points/layout/panel.js

@@ -9,4 +9,23 @@ Object.defineProperty(exports, "Panel", {
     return _panel.Panel;
   }
 });
-var _panel = require("../../ui/page-layout/panel");
+Object.defineProperty(exports, "contentHeightWhenFixed", {
+  enumerable: true,
+  get: function get() {
+    return _constants.contentHeightWhenFixed;
+  }
+});
+Object.defineProperty(exports, "contentInsetBlockStart", {
+  enumerable: true,
+  get: function get() {
+    return _constants.contentInsetBlockStart;
+  }
+});
+Object.defineProperty(exports, "sideNavLiveWidthVar", {
+  enumerable: true,
+  get: function get() {
+    return _constants.sideNavLiveWidthVar;
+  }
+});
+var _panel = require("../../ui/page-layout/panel");
+var _constants = require("../../ui/page-layout/constants");

package/dist/cjs/entry-points/layout/side-nav.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "useExpandSideNav", {
     return _useExpandSideNav.useExpandSideNav;
   }
 });
+Object.defineProperty(exports, "useSideNavRef", {
+  enumerable: true,
+  get: function get() {
+    return _useSideNavRef.useSideNavRef;
+  }
+});
 Object.defineProperty(exports, "useToggleSideNav", {
   enumerable: true,
   get: function get() {
@@ -58,4 +64,5 @@ var _sideNavFooter = require("../../ui/page-layout/side-nav/side-nav-footer");
 var _toggleButton = require("../../ui/page-layout/side-nav/toggle-button");
 var _useToggleSideNav = require("../../ui/page-layout/side-nav/use-toggle-side-nav");
 var _useExpandSideNav = require("../../ui/page-layout/side-nav/use-expand-side-nav");
+var _useSideNavRef = require("../../ui/page-layout/side-nav/use-side-nav-ref");
 var _sideNavPanelSplitter = require("../../ui/page-layout/panel-splitter/side-nav-panel-splitter");

package/dist/cjs/ui/page-layout/main/main.compiled.css

@@ -3,4 +3,5 @@
 ._18m91wug{overflow-y:auto}
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
+._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
 @media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

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

@@ -16,7 +16,8 @@ var _constants = require("../constants");
 var _useLayoutId = require("../use-layout-id");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var mainElementStyles = {
-  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8"
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
+  fixedHeight: "_4t3ieqxy"
 };
 
 /**
@@ -36,7 +37,7 @@ function Main(_ref) {
   return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([mainElementStyles.root, xcss]),
+    className: (0, _runtime.ax)([mainElementStyles.root, (0, _platformFeatureFlags.fg)('platform-ads-nav-fixed-height') && mainElementStyles.fixedHeight, xcss]),
     role: "main",
     "data-testid": testId
   }, children));

package/dist/cjs/ui/top-nav-items/themed/themed-anchor.compiled.css

@@ -9,6 +9,7 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}
+._v564o1g2{transition:var(--ds-button-hovered,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
@@ -55,6 +56,7 @@
 ._30l3w5ct:hover{color:var(--ds-top-bar-button-selected-text)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1gglat8s:active{transition:var(--ds-button-pressed,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._j6xt1c9b:active{background:var(--ds-top-bar-button-disabled-background)}
 ._j6xt5sko:active{background:var(--ds-top-bar-button-primary-background-pressed)}
 ._j6xtnh62:active{background:var(--ds-top-bar-button-selected-background-pressed)}

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

@@ -20,6 +20,7 @@ var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
   rootT26Shape: "_2rko1qi0",
+  interactiveMotion: "_v564o1g2 _1gglat8s",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -60,7 +61,7 @@ function ThemedAnchorFn(_ref, ref) {
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: (0, _react2.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: (0, _react2.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-button') && styles.interactiveMotion)
   }));
 }
 

package/dist/es2019/entry-points/layout/panel.js

@@ -1 +1,2 @@
-export { Panel } from '../../ui/page-layout/panel';
+export { Panel } from '../../ui/page-layout/panel';
+export { contentHeightWhenFixed, contentInsetBlockStart, sideNavLiveWidthVar } from '../../ui/page-layout/constants';

package/dist/es2019/entry-points/layout/side-nav.js

@@ -5,4 +5,5 @@ export { SideNavFooter } from '../../ui/page-layout/side-nav/side-nav-footer';
 export { SideNavToggleButton } from '../../ui/page-layout/side-nav/toggle-button';
 export { useToggleSideNav } from '../../ui/page-layout/side-nav/use-toggle-side-nav';
 export { useExpandSideNav } from '../../ui/page-layout/side-nav/use-expand-side-nav';
+export { useSideNavRef } from '../../ui/page-layout/side-nav/use-side-nav-ref';
 export { SideNavPanelSplitter } from '../../ui/page-layout/panel-splitter/side-nav-panel-splitter';

package/dist/es2019/ui/page-layout/main/main.compiled.css

@@ -3,4 +3,5 @@
 ._18m91wug{overflow-y:auto}
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
+._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
 @media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

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

@@ -8,7 +8,8 @@ import { useSkipLink } from '../../../context/skip-links/use-skip-link';
 import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
 import { useLayoutId } from '../use-layout-id';
 const mainElementStyles = {
-  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8"
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
+  fixedHeight: "_4t3ieqxy"
 };
 
 /**
@@ -28,7 +29,7 @@ export function Main({
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: ax([mainElementStyles.root, xcss]),
+    className: ax([mainElementStyles.root, fg('platform-ads-nav-fixed-height') && mainElementStyles.fixedHeight, xcss]),
     role: "main",
     "data-testid": testId
   }, children));

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

@@ -9,6 +9,7 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}
+._v564o1g2{transition:var(--ds-button-hovered,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
@@ -55,6 +56,7 @@
 ._30l3w5ct:hover{color:var(--ds-top-bar-button-selected-text)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1gglat8s:active{transition:var(--ds-button-pressed,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._j6xt1c9b:active{background:var(--ds-top-bar-button-disabled-background)}
 ._j6xt5sko:active{background:var(--ds-top-bar-button-primary-background-pressed)}
 ._j6xtnh62:active{background:var(--ds-top-bar-button-selected-background-pressed)}

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

@@ -11,6 +11,7 @@ import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 const styles = {
   root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
   rootT26Shape: "_2rko1qi0",
+  interactiveMotion: "_v564o1g2 _1gglat8s",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -50,7 +51,7 @@ function ThemedAnchorFn({
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
   }));
 }
 

package/dist/esm/entry-points/layout/panel.js

@@ -1 +1,2 @@
-export { Panel } from '../../ui/page-layout/panel';
+export { Panel } from '../../ui/page-layout/panel';
+export { contentHeightWhenFixed, contentInsetBlockStart, sideNavLiveWidthVar } from '../../ui/page-layout/constants';

package/dist/esm/entry-points/layout/side-nav.js

@@ -5,4 +5,5 @@ export { SideNavFooter } from '../../ui/page-layout/side-nav/side-nav-footer';
 export { SideNavToggleButton } from '../../ui/page-layout/side-nav/toggle-button';
 export { useToggleSideNav } from '../../ui/page-layout/side-nav/use-toggle-side-nav';
 export { useExpandSideNav } from '../../ui/page-layout/side-nav/use-expand-side-nav';
+export { useSideNavRef } from '../../ui/page-layout/side-nav/use-side-nav-ref';
 export { SideNavPanelSplitter } from '../../ui/page-layout/panel-splitter/side-nav-panel-splitter';

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

@@ -3,4 +3,5 @@
 ._18m91wug{overflow-y:auto}
 ._19121cl4{isolation:isolate}
 ._1reo1wug{overflow-x:auto}
+._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
 @media (min-width:64rem){._qwfh1wug{isolation:auto}._165teqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}._13wn1if8{position:sticky}}

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

@@ -8,7 +8,8 @@ import { useSkipLink } from '../../../context/skip-links/use-skip-link';
 import { contentHeightWhenFixed, contentInsetBlockStart } from '../constants';
 import { useLayoutId } from '../use-layout-id';
 var mainElementStyles = {
-  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8"
+  root: "_nd5l1gzg _1reo1wug _18m91wug _19121cl4 _152timx3 _qwfh1wug _165teqxy _13wn1if8",
+  fixedHeight: "_4t3ieqxy"
 };
 
 /**
@@ -28,7 +29,7 @@ export function Main(_ref) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: ax([mainElementStyles.root, xcss]),
+    className: ax([mainElementStyles.root, fg('platform-ads-nav-fixed-height') && mainElementStyles.fixedHeight, xcss]),
     role: "main",
     "data-testid": testId
   }, children));

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

@@ -9,6 +9,7 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}
+._v564o1g2{transition:var(--ds-button-hovered,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._zulp12x7{gap:var(--ds-space-075,6px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
@@ -55,6 +56,7 @@
 ._30l3w5ct:hover{color:var(--ds-top-bar-button-selected-text)}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._jf4cnqa1:hover{text-decoration-style:solid}
+._1gglat8s:active{transition:var(--ds-button-pressed,background-color .15s cubic-bezier(.4,1,.6,1))}
 ._j6xt1c9b:active{background:var(--ds-top-bar-button-disabled-background)}
 ._j6xt5sko:active{background:var(--ds-top-bar-button-primary-background-pressed)}
 ._j6xtnh62:active{background:var(--ds-top-bar-button-selected-background-pressed)}

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

@@ -13,6 +13,7 @@ import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
   rootT26Shape: "_2rko1qi0",
+  interactiveMotion: "_v564o1g2 _1gglat8s",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -53,7 +54,7 @@ function ThemedAnchorFn(_ref, ref) {
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled, fg('platform-dst-motion-uplift-button') && styles.interactiveMotion)
   }));
 }
 

package/dist/types/entry-points/layout/panel.d.ts

@@ -1 +1,2 @@
 export { Panel } from '../../ui/page-layout/panel';
+export { contentHeightWhenFixed, contentInsetBlockStart, sideNavLiveWidthVar, } from '../../ui/page-layout/constants';

package/dist/types/entry-points/layout/side-nav.d.ts

@@ -5,4 +5,5 @@ export { SideNavFooter } from '../../ui/page-layout/side-nav/side-nav-footer';
 export { SideNavToggleButton } from '../../ui/page-layout/side-nav/toggle-button';
 export { useToggleSideNav } from '../../ui/page-layout/side-nav/use-toggle-side-nav';
 export { useExpandSideNav } from '../../ui/page-layout/side-nav/use-expand-side-nav';
+export { useSideNavRef } from '../../ui/page-layout/side-nav/use-side-nav-ref';
 export { SideNavPanelSplitter } from '../../ui/page-layout/panel-splitter/side-nav-panel-splitter';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "10.2.0",
+	"version": "10.4.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -11,9 +11,7 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"sideEffects": [
-		"*.compiled.css"
-	],
+	"sideEffects": ["*.compiled.css"],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"react-compiler": {
@@ -46,30 +44,27 @@
 			]
 		},
 		"integrationTests": {
-			"additionalBrowsers": [
-				"desktop-firefox",
-				"desktop-webkit"
-			]
+			"additionalBrowsers": ["desktop-firefox", "desktop-webkit"]
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.1.0",
+		"@atlaskit/analytics-next": "^12.2.0",
 		"@atlaskit/app-provider": "^5.1.0",
 		"@atlaskit/avatar": "^26.1.0",
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^36.1.0",
+		"@atlaskit/icon": "^36.2.0",
 		"@atlaskit/layering": "^4.1.0",
 		"@atlaskit/logo": "^21.3.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
 		"@atlaskit/popup": "^5.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^20.3.0",
+		"@atlaskit/primitives": "^20.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.2.0",
-		"@atlaskit/tokens": "^15.3.0",
+		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -103,17 +98,17 @@
 		"@atlaskit/page-layout": "^5.2.0",
 		"@atlaskit/popper": "^8.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.0",
-		"@atlaskit/select": "^22.3.0",
-		"@atlaskit/skeleton": "^3.1.0",
+		"@atlaskit/select": "^22.4.0",
+		"@atlaskit/skeleton": "^4.0.0",
 		"@atlaskit/spotlight": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/top-layer": "^1.2.0",
+		"@atlaskit/top-layer": "^1.4.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/gemini": "^1.47.0",
+		"@atlassian/gemini": "^1.48.0",
 		"@atlassian/search-dialog": "^10.5.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.0.0",
-		"@atlassian/testing-library": "^0.7.0",
+		"@atlassian/testing-library": "^0.10.0",
 		"@axe-core/playwright": "^4.11.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -127,17 +122,10 @@
 		},
 		"@repo/internal": {
 			"dom-events": "use-bind-event-listener",
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
+			"design-tokens": ["color", "spacing"],
 			"deprecation": "no-deprecated-imports",
-			"imports": [
-				"import-no-extraneous-disable-for-examples-and-docs"
-			],
-			"styling": [
-				"emotion"
-			]
+			"imports": ["import-no-extraneous-disable-for-examples-and-docs"],
+			"styling": ["emotion"]
 		}
 	},
 	"platform-feature-flags": {
@@ -167,6 +155,9 @@
 		"platform-dst-motion-uplift-button": {
 			"type": "boolean",
 			"referenceOnly": true
+		},
+		"platform-ads-nav-fixed-height": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/navigation-system"