@atlaskit/navigation-system 11.2.2 → 11.3.0

package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css

@@ -1,28 +1,14 @@
 ._nd5l8cbt{grid-area:top-bar}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
-._18zrze3t{padding-inline:var(--ds-space-0,0)}
-._179rglyw{border-block-end:none}
 ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._152t1nws{inset-block-start:var(--n_bnrM,0)}
-._18postnw:after{position:absolute}
-._1beue4h9:after{border-block-end-width:var(--ds-border-width,1px)}
-._1cte1l7x:after{border-block-end-color:var(--ds-border,#0b120e24)}
-._1czdidpf:after{inset-inline-end:0}
 ._1e0c11p5{display:grid}
-._1gufidpf:after{inset-block-end:0}
-._1pby11wp{z-index:3}
 ._1pbyegat{z-index:4}
 ._4cvr1h6o{align-items:center}
 ._4t3i1dgc{height:var(--n_tNvM)}
-._aetrb3bt:after{content:""}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._d6vu1bgi >span[data-ep-placeholder-id=top_navigation_skeleton]{display:contents}
-._g0nf3tht:after{inset-inline-start:var(--n_sNvlw,0)}
 ._kqsw1if8{position:sticky}
-._lcxv1wug{pointer-events:auto}
-._uaeunqa1:after{border-block-end-style:solid}
 ._vchhusvi{box-sizing:border-box}
 ._yv0e1mfv{grid-template-columns:auto 1fr auto}
-@media (min-width:48rem){._1j8b18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}
-@media (min-width:64rem){._1m5lglyw:after{display:none}._1rqt16a9{grid-template-columns:0fr minmax(min-content,max-content) 1fr}._pdlmutpp{gap:var(--ds-space-150,9pt)}}
-@media (min-width:110.5rem){._jh1g18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}
+@media (min-width:48rem){._1j8b18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}

package/dist/es2019/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
  */
 const 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({
   id: providedId,
   customTheme: customThemeConfig
 }) {
-  const isFhsEnabled = useIsFhsEnabled();
   const dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
   const id = useLayoutId({
     providedId
@@ -54,17 +48,14 @@ function TopNavOld({
     label: skipLinkLabel,
     isHidden: fg('platform_dst_nav4_skip_link_a11y_1')
   });
-  const height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  const height = heightProp !== null && heightProp !== void 0 ? heightProp : fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   const customTheme = useCustomTheme(customThemeConfig);
-  const {
-    isExpandedOnDesktop
-  } = useSideNavVisibility();
   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
     ,
@@ -97,7 +88,6 @@ function TopNavNew({
   id: providedId,
   customTheme: customThemeConfig
 }) {
-  const isFhsEnabled = useIsFhsEnabled();
   const dangerouslyHoistSlotSizes = useContext(DangerouslyHoistSlotSizes);
   const id = useLayoutId({
     providedId
@@ -107,12 +97,9 @@ function TopNavNew({
     label: skipLinkLabel,
     isHidden: fg('platform_dst_nav4_skip_link_a11y_1')
   });
-  const height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  const height = heightProp !== null && heightProp !== void 0 ? heightProp : fg('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   const customTheme = useCustomThemeNew(customThemeConfig);
   const hasDefaultBackground = customTheme.isEnabled ? customTheme.hasDefaultBackground : true;
-  const {
-    isExpandedOnDesktop
-  } = useSideNavVisibility();
   return /*#__PURE__*/React.createElement(HasCustomThemeContext.Provider, {
     value: customTheme.isEnabled
   }, /*#__PURE__*/React.createElement(HasDefaultBackgroundColorContext.Provider, {
@@ -120,7 +107,7 @@ function TopNavNew({
   }, /*#__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/es2019/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/es2019/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';
 const 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"
 };
 const logoWrapperStyles = {
-  root: "_18zr1b66",
-  fullHeightSidebar: "_p12f1osq"
+  root: "_18zr1b66"
 };
 const iconContainerStyles = {
-  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg _c71l1tcg",
-  fullHeightSidebar: "_1o9zidpf"
+  root: "_1reo15vq _18m915vq _1e0c1txw _p12f1tcg _c71l1tcg"
 };
 const logoTextStyles = {
   root: "_1bsb1ris _p12fnklw _uiztglyw _y4tiv77o _1e0cglyw _2lx21bp4 _1bah1h6o _10y41txw"
@@ -49,7 +47,6 @@ export const AppLogo = ({
   icon,
   onClick
 }) => {
-  const isFhsEnabled = useIsFhsEnabled();
   const ref = useRef(null);
   const nameRef = useRef(null);
   const hasCustomTheme = useHasCustomTheme();
@@ -69,14 +66,14 @@ export const AppLogo = ({
     // @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/es2019/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/es2019/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';
 const anchorStyles = {
@@ -15,8 +14,7 @@ const anchorStyles = {
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
 };
 const sharedIconOrLogoContainerStyles = {
-  root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51",
-  withFullHeightSidebar: "_p12f1osq _1ul91tcg"
+  root: "_1reo15vq _18m915vq _18zr1b66 _bna71tcg _rtys1kw7 _1jpx1f51"
 };
 const iconContainerStyles = {
   root: "_1e0c1txw _p12f1tcg _vchh1ntv _10y4glyw"
@@ -72,7 +70,6 @@ export const CustomLogo = ({
     }
   }, []);
   const hasCustomTheme = useHasCustomTheme();
-  const isFhsEnabled = useIsFhsEnabled();
   return /*#__PURE__*/React.createElement(Anchor, {
     ref: ref,
     "aria-label": label,
@@ -83,11 +80,11 @@ export const CustomLogo = ({
     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/es2019/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/es2019/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';
 const 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 const Search = ({
   interactionName,
   'aria-haspopup': ariaHaspopup
 }) => {
-  const 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 const Search = ({
       border: `${"var(--ds-border-width, 1px)"} 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/es2019/ui/top-nav-items/themed/themed-anchor.js

@@ -5,7 +5,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';
 const 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/es2019/ui/top-nav-items/themed/themed-pressable.js

@@ -4,7 +4,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';
 const 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/components/skip-links/skip-link.js

@@ -3,7 +3,7 @@ import "./skip-link.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Anchor } from '@atlaskit/primitives/compiled';
+import { Anchor } from '@atlaskit/primitives/compiled/anchor';
 import { focusElement } from './focus-element';
 var styles = {
   skipLinkListItem: "_1pfhze3t",

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

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { useMemo } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Text } from '@atlaskit/primitives/compiled';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { SkipLink } from './skip-link';
 import { SkipLinksPopup } from './skip-links-popup';
 var styles = {

package/dist/esm/ui/fhs-rollout/is-custom-is-fhs-enabled-context.js

@@ -3,7 +3,7 @@ import { createContext } from 'react';
 /**
  * __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 var IsCustomIsFhsEnabledContext = /*#__PURE__*/createContext(false);

package/dist/esm/ui/fhs-rollout/is-fhs-enabled-context.js

@@ -1,11 +1,11 @@
 import { createContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 /**
  * __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 var IsFhsEnabledContext = /*#__PURE__*/createContext(function () {
-  return fg('navx-full-height-sidebar');
-});
+export var IsFhsEnabledContext = /*#__PURE__*/createContext(false);

package/dist/esm/ui/fhs-rollout/is-fhs-enabled-provider.js

@@ -1,22 +1,19 @@
-import React, { useContext } from 'react';
-import { IsCustomIsFhsEnabledContext } from './is-custom-is-fhs-enabled-context';
-import { IsFhsEnabledContext } from './is-fhs-enabled-context';
+import React 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 var IsFhsEnabledProvider = function IsFhsEnabledProvider(_ref) {
-  var children = _ref.children,
-    value = _ref.value;
-  var isCustomIsFhsEnabled = useContext(IsCustomIsFhsEnabledContext);
-  if (isCustomIsFhsEnabled) {
-    throw new Error('A custom value for IsFhsEnabledContext has already been provided');
-  }
-  return /*#__PURE__*/React.createElement(IsCustomIsFhsEnabledContext.Provider, {
-    value: true
-  }, /*#__PURE__*/React.createElement(IsFhsEnabledContext.Provider, {
-    value: value
-  }, children));
-};
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};
+
+/**
+ * @deprecated Full height sidebar (FHS) has been rolled back. `value` is ignored.
+ */

package/dist/esm/ui/fhs-rollout/use-is-fhs-enabled.js

@@ -1,12 +1,11 @@
-import { useContext } from 'react';
-import { IsFhsEnabledContext } from './is-fhs-enabled-context';
-
 /**
  * __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 var useIsFhsEnabled = function useIsFhsEnabled() {
-  var isFhsEnabled = useContext(IsFhsEnabledContext);
-  return typeof isFhsEnabled === 'boolean' ? isFhsEnabled : isFhsEnabled();
+  return false;
 };

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

@@ -1,6 +1,5 @@
 ._nd5ldkfm{grid-area:banner}._152tidpf{inset-block-start:0}
 ._18m915vq{overflow-y:hidden}
-._1pby11wp{z-index:3}
 ._1pbyegat{z-index:4}
 ._1reo15vq{overflow-x:hidden}
 ._4t3iutvi{height:var(--n_bnrM)}

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

@@ -5,15 +5,13 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
 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 { bannerMountedVar, UNSAFE_bannerVar } 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 { useLayoutId } from './use-layout-id';
 var styles = {
-  root: "_nd5ldkfm _1reo15vq _18m915vq _4t3iutvi _152tidpf _kqsw1if8 _1pbyegat",
-  fullHeightSidebar: "_1pby11wp"
+  root: "_nd5ldkfm _1reo15vq _18m915vq _4t3iutvi _152tidpf _kqsw1if8 _1pbyegat"
 };
 
 /**
@@ -34,7 +32,6 @@ export function Banner(_ref) {
   var id = useLayoutId({
     providedId: providedId
   });
-  var isFhsEnabled = useIsFhsEnabled();
 
   /**
    * Don't show the skip link if the slot has 0 height.
@@ -49,7 +46,7 @@ export function Banner(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     "data-layout-slot": true,
-    className: ax([styles.root, isFhsEnabled && styles.fullHeightSidebar, xcss]),
+    className: ax([styles.root, xcss]),
     "data-testid": testId
   }, /*#__PURE__*/React.createElement(HoistCssVarToLocalGrid, {
     variableName: bannerMountedVar,

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

@@ -8,7 +8,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
-import { chatPanelLiveWidthVar, chatPanelVar, localSlotLayers, mainMinimumWidthVar } from './constants';
+import { chatPanelLiveWidthVar, chatPanelVar, mainMinimumWidthVar } from './constants';
 import { convertResizeBoundToPixels } from './panel-splitter/convert-resize-bound-to-pixels';
 import { PanelSplitterProvider } from './panel-splitter/provider';
 import { resolveLayoutWidth } from './resolve-layout-width';

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

@@ -59,23 +59,11 @@ export var localSlotLayers = {
   // Chat overlays the app, including TopNav and SideNav, below the banner.
   chatPanelOverlay: 5,
   ribbon: 4,
-  // The side nav panel splitter is layered above the top nav when FHS is enabled.
-  // It has the same z-index value, but is rendered after the top nav in the DOM so is stacked above.
-  sideNavPanelSplitterFHS: 4,
   topBar: 4,
   banner: 4,
-  // When FHS is enabled, the side nav is layered below the top nav,
-  // but above the panel
-  bannerFHS: 3,
-  topNavFHS: 3,
   sideNav: 2,
   panelSmallViewports: 1
 };
 export var openLayerObserverSideNavNamespace = 'side-nav';
-// We have separate OpenLayerObserver namespaces for each top nav layout area, instead of a single namespace for the entire top nav,
-// as we need to know if there are open layers in TopNavStart specifically to prevent the side nav from peeking.
-// The OpenLayerObserver doesn't support nested namespaces. We could update it, but for now it's simple enough to just have separate
-// namespaces.
-export var openLayerObserverTopNavStartNamespace = 'top-nav-start';
 export var openLayerObserverTopNavMiddleNamespace = 'top-nav-middle';
 export var openLayerObserverTopNavEndNamespace = 'top-nav-end';

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

@@ -31,7 +31,6 @@
 ._vp7g6x5g:focus-within{color:var(--ds-text-selected,#1868db)}
 ._30l31ihb:hover{color:var(--ds-border-bold,#7d818a)}
 ._30l36x5g:hover{color:var(--ds-text-selected,#1868db)}
-._d0al11mm:hover{cursor:col-resize}
 ._d0aluf7j:hover{cursor:ew-resize}
 ._1gglglyw:active{transition:none}
 ._9h8h12zz:active{color:var(--ds-link-pressed,#1558bc)}

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

@@ -25,7 +25,6 @@ import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/utils/preven
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import TooltipContainer from '@atlaskit/tooltip/TooltipContainer';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
-import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
 import { contentInsetBlockStart } from '../constants';
 import { convertResizeBoundToPixels } from './convert-resize-bound-to-pixels';
 import { getPercentageWithinPixelBounds } from './get-percentage-within-pixel-bounds';
@@ -46,8 +45,7 @@ var containerStyles = {
 };
 var grabAreaStyles = {
   root: "_1bsbl52n _4t3i1osq _kqswstnw _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _syaz1j28 _bfhk1j28 _1oec6ebc _1lww188d _6fl41ytf _k8m01ylx _d0aluf7j _vp7g6x5g _30l36x5g _1gglglyw _9h8h12zz",
-  rootFinesse: "_vp7g1ihb _30l31ihb _9h8hq98m",
-  fullHeightSidebar: "_d0al11mm"
+  rootFinesse: "_vp7g1ihb _30l31ihb _9h8hq98m"
 };
 var lineStyles = {
   root: "_kqswstnw _1e0c1ule _1bsb1l7b _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
@@ -146,7 +144,6 @@ var PortaledPanelSplitter = function PortaledPanelSplitter(_ref3) {
     position = _ref3.position,
     tooltipContent = _ref3.tooltipContent,
     shortcut = _ref3.shortcut;
-  var isFhsEnabled = useIsFhsEnabled();
   var splitterRef = useRef(null);
   var labelId = useId();
   // Separate state used for the input range width to remove the UI's dependency on the "persisted" layout state value being updated
@@ -456,7 +453,7 @@ var PortaledPanelSplitter = function PortaledPanelSplitter(_ref3) {
     ref: splitterRef,
     "data-testid": testId,
     onDoubleClick: onDoubleClick,
-    className: ax([grabAreaStyles.root, fg('platform-dst-tokens-finesse') && grabAreaStyles.rootFinesse, isFhsEnabled && grabAreaStyles.fullHeightSidebar])
+    className: ax([grabAreaStyles.root, fg('platform-dst-tokens-finesse') && grabAreaStyles.rootFinesse])
   }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", {
     type: "range",
     value: rangeInputValue,

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

@@ -1,70 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext } from 'react';
 import invariant from 'tiny-invariant';
-import { useOpenLayerObserver } from '@atlaskit/layering/use-open-layer-observer';
-import { useIsFhsEnabled } from '../../fhs-rollout/use-is-fhs-enabled';
-import { openLayerObserverSideNavNamespace, openLayerObserverTopNavEndNamespace, openLayerObserverTopNavMiddleNamespace, openLayerObserverTopNavStartNamespace, sideNavPanelSplitterId } from '../constants';
+import { sideNavPanelSplitterId } from '../constants';
 import { useToggleSideNav } from '../side-nav/use-toggle-side-nav';
 import { OnDoubleClickContext } from './on-double-click-context';
 import { PanelSplitter } from './panel-splitter';
 import { PanelSplitterContext } from './panel-splitter-context';
-
-/**
- * Namespaces to check for open layers that would interfere with the panel splitter.
- *
- * Placed outside the component for stability, as the list is used as an effect dependency.
- */
-var openLayerNamespacesToCheck = [
-// The side nav panel splitter is layered above the side nav, so needs to be disabled when there are open popups in the side nav.
-openLayerObserverSideNavNamespace,
-// The side nav panel splitter is layered above the top nav, so needs to be disabled when there are open popups in the top nav.
-openLayerObserverTopNavStartNamespace, openLayerObserverTopNavMiddleNamespace, openLayerObserverTopNavEndNamespace];
-
-/**
- * Returns whether there are any open popups in the side nav or top nav
- */
-function useHasOpenPopupsInSideNavOrTopNav() {
-  var isFhsEnabled = useIsFhsEnabled();
-  var openLayerObserver = useOpenLayerObserver();
-  // Setting the initial state to false, as it is unlikely that there would be any open popups when the app starts.
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasOpenPopups = _useState2[0],
-    setHasOpenPopups = _useState2[1];
-  useEffect(function () {
-    if (!openLayerObserver || !isFhsEnabled) {
-      return;
-    }
-    function updateState() {
-      if (!openLayerObserver) {
-        return;
-      }
-      var hasAnyOpenLayers = openLayerNamespacesToCheck.some(function (namespace) {
-        return openLayerObserver.getCount({
-          namespace: namespace,
-          type: 'popup'
-        }) > 0;
-      });
-      setHasOpenPopups(hasAnyOpenLayers);
-    }
-
-    // Initial check. We do this _in case_ a popup is already open when the component mounts.
-    updateState();
-
-    // Subscribe to each namespace
-    var cleanups = openLayerNamespacesToCheck.map(function (namespace) {
-      return openLayerObserver.onChange(updateState, {
-        namespace: namespace
-      });
-    });
-    return function cleanupHook() {
-      cleanups.forEach(function (cleanup) {
-        return cleanup();
-      });
-    };
-  }, [isFhsEnabled, openLayerObserver]);
-  return hasOpenPopups;
-}
 /**
  * _SideNavPanelSplitter_
  *
@@ -91,15 +31,6 @@ export var SideNavPanelSplitter = function SideNavPanelSplitter(_ref) {
   var toggleSideNav = useToggleSideNav({
     trigger: 'double-click'
   });
-  var isFhsEnabled = useIsFhsEnabled();
-
-  // The logic and state for disabling the panel splitter when there are open popups
-  // in the side nav or top nav is being placed here, instead of in `SideNav`, to prevent
-  // re-rendering the side nav anytime the number of open popups changes.
-  var hasOpenLayersInSideNavOrTopNav = useHasOpenPopupsInSideNavOrTopNav();
-  if (hasOpenLayersInSideNavOrTopNav && isFhsEnabled) {
-    return null;
-  }
   return /*#__PURE__*/React.createElement(OnDoubleClickContext.Provider, {
     value: shouldCollapseOnDoubleClick ? toggleSideNav : undefined
   }, /*#__PURE__*/React.createElement(PanelSplitter, {