@atlaskit/navigation-system 11.2.2 → 11.3.0

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

@@ -6,7 +6,6 @@ import { useContext } from 'react';
 import { componentWithFG } from '@atlaskit/platform-feature-flags-react/component-with-fg';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useSkipLinkInternal } from '../../../context/skip-links/use-skip-link-internal';
-import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';
 import { HasDefaultBackgroundColorContext } from '../../top-nav-items/themed/has-default-background-color-context';
 import { useCustomTheme } from '../../top-nav-items/themed/use-custom-theme';
@@ -15,7 +14,6 @@ import { UNSAFE_topNavVar, topNavMountedVar } from '../constants';
 import { DangerouslyHoistCssVarToDocumentRoot } from '../dangerously-hoist-css-var-to-document-root';
 import { HoistCssVarToLocalGrid } from '../hoist-css-var-to-local-grid';
 import { DangerouslyHoistSlotSizes } from '../hoist-slot-sizes-context';
-import { useSideNavVisibility } from '../side-nav/use-side-nav-visibility';
 import { useLayoutId } from '../use-layout-id';
 
 /**
@@ -27,10 +25,7 @@ import { useLayoutId } from '../use-layout-id';
  * - The background sits below the expanded side nav
  */
 var styles = {
-  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179ria51 _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax",
-  fullHeightSidebar: "_18zrze3t _179rglyw _lcxv1wug _bfhkvuon _1pby11wp _aetrb3bt _18postnw _1gufidpf _1czdidpf _g0nf3tht _1beue4h9 _uaeunqa1 _1cte1l7x _pdlmutpp",
-  fullHeightSidebarExpanded: "_1rqt16a9 _jh1g18ax",
-  fullHeightSidebarCustomTheming: "_1m5lglyw"
+  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179ria51 _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax"
 };
 /**
  * The top nav layout area. It will display at the top of the screen, below the banner if one is present.
@@ -44,7 +39,6 @@ function TopNavOld(_ref) {
     testId = _ref.testId,
     providedId = _ref.id,
     customThemeConfig = _ref.customTheme;
-  var isFhsEnabled = useIsFhsEnabled();
   var dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
   var id = useLayoutId({
     providedId: providedId
@@ -54,16 +48,14 @@ function TopNavOld(_ref) {
     label: skipLinkLabel,
     isHidden: fg('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = useCustomTheme(customThemeConfig);
-  var _useSideNavVisibility = useSideNavVisibility(),
-    isExpandedOnDesktop = _useSideNavVisibility.isExpandedOnDesktop;
   return /*#__PURE__*/React.createElement(HasCustomThemeContext.Provider, {
     value: customTheme.isEnabled
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: ax([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, xcss]),
+    className: ax([styles.root, xcss]),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
@@ -96,7 +88,6 @@ function TopNavNew(_ref2) {
     testId = _ref2.testId,
     providedId = _ref2.id,
     customThemeConfig = _ref2.customTheme;
-  var isFhsEnabled = useIsFhsEnabled();
   var dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
   var id = useLayoutId({
     providedId: providedId
@@ -106,11 +97,9 @@ function TopNavNew(_ref2) {
     label: skipLinkLabel,
     isHidden: fg('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = useCustomThemeNew(customThemeConfig);
   var hasDefaultBackground = customTheme.isEnabled ? customTheme.hasDefaultBackground : true;
-  var _useSideNavVisibility2 = useSideNavVisibility(),
-    isExpandedOnDesktop = _useSideNavVisibility2.isExpandedOnDesktop;
   return /*#__PURE__*/React.createElement(HasCustomThemeContext.Provider, {
     value: customTheme.isEnabled
   }, /*#__PURE__*/React.createElement(HasDefaultBackgroundColorContext.Provider, {
@@ -118,7 +107,7 @@ function TopNavNew(_ref2) {
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: ax([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, customTheme.isEnabled && !hasDefaultBackground && fg('platform_dst_nav4_custom_theming_fhs_1') && styles.fullHeightSidebarCustomTheming, xcss]),
+    className: ax([styles.root, xcss]),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,

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

@@ -5,7 +5,6 @@
 ._1e0c1txw{display:flex}
 ._1e0cglyw{display:none}
 ._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
 ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
 ._1reo15vq{overflow-x:hidden}
 ._1toh1r31._1toh1r31{text-decoration-color:currentColor}
@@ -17,7 +16,6 @@
 ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
 ._c71l1tcg{max-height:24px}
 ._mrqmnqa1._mrqmnqa1{text-decoration-style:solid}
-._p12f1osq{max-width:100%}
 ._p12f1tcg{max-width:24px}
 ._p12fnklw{max-width:20pc}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}

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

@@ -4,24 +4,22 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor, Inline, Text } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 var anchorStyles = {
   root: "_2rko1mok _1e0c1txw _4cvr1h6o _4t3izwfg _1o9zidpf _ahbq1b66 _1toh1r31 _5jyqglyw _mrqmnqa1 _1w901kw7",
   interactionStates: "_irr31dpa _1di69yc7",
-  interactionStatesCustomTheming: "_irr31rps _1di6yhlj",
-  fullHeightSidebar: "_1reo15vq _18m915vq _1o9zkb7n"
+  interactionStatesCustomTheming: "_irr31rps _1di6yhlj"
 };
 var logoWrapperStyles = {
-  root: "_18zr1b66",
-  fullHeightSidebar: "_p12f1osq"
+  root: "_18zr1b66"
 };
 var iconContainerStyles = {
-  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg _c71l1tcg",
-  fullHeightSidebar: "_1o9zidpf"
+  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg _c71l1tcg"
 };
 var logoTextStyles = {
   root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _2lx21bp4 _1bah1h6o _10y41txw"
@@ -48,7 +46,6 @@ export var AppLogo = function AppLogo(_ref) {
     href = _ref.href,
     icon = _ref.icon,
     onClick = _ref.onClick;
-  var isFhsEnabled = useIsFhsEnabled();
   var ref = useRef(null);
   var nameRef = useRef(null);
   var hasCustomTheme = useHasCustomTheme();
@@ -68,14 +65,14 @@ export var AppLogo = function AppLogo(_ref) {
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
+    xcss: cx(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.075",
     alignBlock: "center",
-    xcss: cx(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
+    xcss: logoWrapperStyles.root
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
+    className: ax([iconContainerStyles.root])
   }, /*#__PURE__*/React.createElement(LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/React.createElement("span", {

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

@@ -5,12 +5,10 @@
 ._1e0cglyw{display:none}
 ._1jpx1f51 img{object-fit:contain}
 ._1reo15vq{overflow-x:hidden}
-._1ul91tcg{min-width:24px}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
 ._ahbq1b66{margin-inline-start:var(--ds-space-050,4px)}
 ._bna71tcg img{height:24px}
-._p12f1osq{max-width:100%}
 ._p12f1tcg{max-width:24px}
 ._p12fnklw{max-width:20pc}
 ._rtys1kw7 img{max-width:inherit}

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

@@ -3,8 +3,7 @@ import "./custom-logo.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef } from 'react';
 import { cx } from '@compiled/react';
-import { Anchor } from '@atlaskit/primitives/compiled';
-import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { useHasCustomTheme } from '../themed/has-custom-theme-context';
 import { LogoRenderer } from './logo-renderer';
 var anchorStyles = {
@@ -15,8 +14,7 @@ var anchorStyles = {
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
 };
 var sharedIconOrLogoContainerStyles = {
-  root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51",
-  withFullHeightSidebar: "_p12f1osq _1ul91tcg"
+  root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51"
 };
 var iconContainerStyles = {
   root: "_1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
@@ -71,7 +69,6 @@ export var CustomLogo = function CustomLogo(_ref) {
     }
   }, []);
   var hasCustomTheme = useHasCustomTheme();
-  var isFhsEnabled = useIsFhsEnabled();
   return /*#__PURE__*/React.createElement(Anchor, {
     ref: ref,
     "aria-label": label,
@@ -82,11 +79,11 @@ export var CustomLogo = function CustomLogo(_ref) {
     xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
+    className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root])
   }, /*#__PURE__*/React.createElement(LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/React.createElement("div", {
-    className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
+    className: ax([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root])
   }, /*#__PURE__*/React.createElement(LogoRenderer, {
     logoOrIcon: logo
   })));

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

@@ -1,4 +1,5 @@
-._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._yyhy11wp{grid-column:3}
@@ -12,9 +13,9 @@
 ._80om1kdv{cursor:text}
 ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
 ._p12f1kvu{max-width:680px}
-._p12fktbq{max-width:780px}
 ._vchhusvi{box-sizing:border-box}
 ._yv0e1mfv{grid-template-columns:auto 1fr auto}
 ._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
+._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
 ._1di6r01l:active{background-color:var(--ds-background-input-pressed,#fff)}
 @media (min-width:30rem){._114b11p5{display:grid}}

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

@@ -2,18 +2,17 @@
 import "./search.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment } from 'react';
-import { cx } from '@atlaskit/css';
 import SearchIcon from '@atlaskit/icon/core/search';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
-import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
+import { Show } from '@atlaskit/primitives/compiled/show';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { IconButton } from './themed/icon-button';
 var styles = {
-  root: "_2rko1qi0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
+  root: "_2rko1qi0 _v564k6bl _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1ggl5xtf _1di6r01l _114b11p5",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
-  elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
-  fullHeightSidebar: "_p12fktbq"
+  elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw"
 };
 /**
  * __Search__
@@ -28,7 +27,6 @@ export var Search = function Search(_ref) {
     elemAfter = _ref.elemAfter,
     interactionName = _ref.interactionName,
     ariaHaspopup = _ref['aria-haspopup'];
-  var isFhsEnabled = useIsFhsEnabled();
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
     style: {
       // To win the specificity war against Emotion we move this into inline styles
@@ -38,7 +36,7 @@ export var Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", fg('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: styles.root,
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { cx } from '@compiled/react';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

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

@@ -6,7 +6,7 @@ import "./themed-pressable.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { getPrimitiveSpreadProps } from './get-primitives-spread-props';
 var styles = {
   root: "_zulp12x7 _11c8fhey _2rko1qi0 _v564k6bl _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1 _1ggl5xtf",

package/dist/types/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts

@@ -1,7 +1,7 @@
 /**
  * __Is custom is fhs enabled context__
  *
- * Tracks if a custom value has been provided for `IsFhsEnabledContext`.
- * Used to prevent nesting of the `IsFhsEnabledProvider`.
+ * @deprecated Full height sidebar (FHS) has been rolled back. This context is no longer used and
+ * will be deleted in a future major release.
  */
 export declare const IsCustomIsFhsEnabledContext: import('react').Context<boolean>;

package/dist/types/ui/fhs-rollout/is-fhs-enabled-context.d.ts

@@ -2,7 +2,10 @@ import type { Get } from './types';
 /**
  * __Is fhs enabled context__
  *
- * Tracks is FHS enabled.
- * Defaults to feature gate 'navx-full-height-sidebar'.
+ * @deprecated Full height sidebar (FHS) has been rolled back and this context is no longer read by
+ * any platform component. Its value is ignored. Remove usages of it; it will be deleted in a future
+ * major release.
+ *
+ * See https://hello.atlassian.net/wiki/spaces/navx/pages/7189669176/Full+Height+Sidebar+FHS+Rollback+Plan
  */
 export declare const IsFhsEnabledContext: import('react').Context<boolean | Get<boolean>>;

package/dist/types/ui/fhs-rollout/is-fhs-enabled-provider.d.ts

@@ -2,9 +2,16 @@ import React, { type PropsWithChildren } from 'react';
 /**
  * __Is fhs enabled provider__
  *
- * Used to provide a custom value for is FHS enabled.
+ * @deprecated Full height sidebar (FHS) has been rolled back. This provider is now a passthrough:
+ * it renders its children and ignores `value`. Remove it from your app; it will be deleted in a
+ * future major release.
+ *
+ * See https://hello.atlassian.net/wiki/spaces/navx/pages/7189669176/Full+Height+Sidebar+FHS+Rollback+Plan
+ */
+export declare const IsFhsEnabledProvider: ({ children, }: IsFhsEnabledProviderProps) => React.JSX.Element;
+/**
+ * @deprecated Full height sidebar (FHS) has been rolled back. `value` is ignored.
  */
-export declare const IsFhsEnabledProvider: ({ children, value, }: IsFhsEnabledProviderProps) => React.JSX.Element;
 export type IsFhsEnabledProviderProps = PropsWithChildren<{
     value: boolean;
 }>;

package/dist/types/ui/fhs-rollout/use-is-fhs-enabled.d.ts

@@ -1,6 +1,9 @@
 /**
  * __Use is fhs enabled__
  *
- * Retrieves is FHS enabled.
+ * @deprecated Full height sidebar (FHS) has been rolled back. This hook always returns `false`.
+ * Remove usages of it (treat it as `false`); it will be deleted in a future major release.
+ *
+ * See https://hello.atlassian.net/wiki/spaces/navx/pages/7189669176/Full+Height+Sidebar+FHS+Rollback+Plan
  */
 export declare const useIsFhsEnabled: () => boolean;

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

@@ -40,15 +40,11 @@ export declare const UNSAFE_MAIN_INLINE_END_FOR_LEGACY_PAGES_ONLY: 'calc(var(--r
 export declare const localSlotLayers: {
     chatPanelOverlay: number;
     ribbon: number;
-    sideNavPanelSplitterFHS: number;
     topBar: number;
     banner: number;
-    bannerFHS: number;
-    topNavFHS: number;
     sideNav: number;
     panelSmallViewports: number;
 };
 export declare const openLayerObserverSideNavNamespace = "side-nav";
-export declare const openLayerObserverTopNavStartNamespace = "top-nav-start";
 export declare const openLayerObserverTopNavMiddleNamespace = "top-nav-middle";
 export declare const openLayerObserverTopNavEndNamespace = "top-nav-end";

package/dist/types/ui/page-layout/dangerously-hoist-css-var-to-document-root.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type MediaQuery } from '@atlaskit/primitives/responsive';
+import type { MediaQuery } from '@atlaskit/primitives/responsive/types';
 export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
     variableName: string;
     value: string | number;

package/dist/types/ui/page-layout/panel-splitter/get-width-from-drag-location.d.ts

@@ -1,4 +1,4 @@
-import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';
+import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/internal-types';
 export declare const getWidthFromDragLocation: ({ initialWidth, location, initialClientX, direction, position, }: {
     initialWidth: number;
     location: DragLocationHistory;

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

@@ -28,8 +28,6 @@ export type PanelSplitterProps = {
      *
      * The `tooltipContent` will not be announced by screen readers because it pertains to the draggable element, which lacks keyboard functionality.
      * Use the `label` prop to provide accessible information about the panel splitter.
-     *
-     * Only used if `useIsFhsEnabled` is true.
      */
     tooltipContent?: TooltipProps['content'];
 };

package/dist/types/ui/page-layout/side-nav/side-nav.d.ts

@@ -82,7 +82,6 @@ type SideNavProps = CommonSlotProps & {
      *
      * The shortcut key is `Ctrl` + `[`.
      *
-     * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
      */
     canToggleWithShortcut?: () => boolean;
 };

package/dist/types/ui/top-nav-items/themed/themed-anchor.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type AnchorProps } from '@atlaskit/primitives/compiled';
+import { type AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
 export interface ThemedButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, TextButtonCommonProps {
 }

package/dist/types/ui/top-nav-items/themed/themed-icon-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
 export interface ThemedIconButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, IconButtonCommonProps {
 }

package/dist/types/ui/top-nav-items/themed/themed-link-button.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-link-icon-button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { AnchorProps } from '@atlaskit/primitives/compiled/anchor';
 import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props that are common between link buttons.

package/dist/types/ui/top-nav-items/themed/themed-pressable.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { type PressableProps } from '@atlaskit/primitives/compiled';
+import { type PressableProps } from '@atlaskit/primitives/compiled/pressable';
 import type { CommonProps, OverriddenPrimitiveProps } from './types';
 /**
  * Props shared by `ThemedPressable` and `ThemedAnchor`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "11.2.2",
+	"version": "11.3.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"license": "Apache-2.0",
@@ -66,15 +66,15 @@
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/layering": "^6.0.0",
 		"@atlaskit/logo": "^23.3.0",
-		"@atlaskit/motion": "^9.3.0",
+		"@atlaskit/motion": "^9.4.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popup": "^9.0.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/side-nav-items": "^2.5.0",
-		"@atlaskit/tokens": "^20.4.0",
+		"@atlaskit/tokens": "^20.6.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -98,6 +98,7 @@
 		"@atlaskit/flag": "^19.0.0",
 		"@atlaskit/form": "^18.2.0",
 		"@atlaskit/heading": "^8.0.0",
+		"@atlaskit/icon-lab": "^7.11.0",
 		"@atlaskit/image": "^5.2.0",
 		"@atlaskit/inline-dialog": "^20.3.0",
 		"@atlaskit/link": "^5.1.0",
@@ -119,13 +120,13 @@
 		"@atlaskit/top-layer": "^6.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
 		"@atlassian/gemini": "^1.54.0",
-		"@atlassian/panel-system": "^1.12.0",
+		"@atlassian/panel-system": "^1.14.0",
 		"@atlassian/react-async": "^0.23.0",
 		"@atlassian/react-entrypoint": "^1.1.0",
-		"@atlassian/search-dialog": "^10.19.0",
+		"@atlassian/search-dialog": "^10.21.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.1.0",
-		"@atlassian/testing-library": "^0.11.0",
+		"@atlassian/testing-library": "^0.12.0",
 		"@atlassian/workbench": "workspace:^",
 		"@axe-core/playwright": "^4.11.1",
 		"raf-stub": "^2.0.1",
@@ -149,9 +150,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"navx-full-height-sidebar": {
-			"type": "boolean"
-		},
 		"platform_dst_button_chevron_sizing": {
 			"type": "boolean"
 		},