@atlaskit/navigation-system 11.2.2 → 11.3.0

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

@@ -13,7 +13,6 @@ var _runtime = require("@compiled/react/runtime");
 var _componentWithFg = require("@atlaskit/platform-feature-flags-react/component-with-fg");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useSkipLinkInternal = require("../../../context/skip-links/use-skip-link-internal");
-var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-theme-context");
 var _hasDefaultBackgroundColorContext = require("../../top-nav-items/themed/has-default-background-color-context");
 var _useCustomTheme = require("../../top-nav-items/themed/use-custom-theme");
@@ -22,7 +21,6 @@ var _constants = require("../constants");
 var _dangerouslyHoistCssVarToDocumentRoot = require("../dangerously-hoist-css-var-to-document-root");
 var _hoistCssVarToLocalGrid = require("../hoist-css-var-to-local-grid");
 var _hoistSlotSizesContext = require("../hoist-slot-sizes-context");
-var _useSideNavVisibility3 = require("../side-nav/use-side-nav-visibility");
 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); }
 /**
@@ -34,10 +32,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * - 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.
@@ -51,7 +46,6 @@ function TopNavOld(_ref) {
     testId = _ref.testId,
     providedId = _ref.id,
     customThemeConfig = _ref.customTheme;
-  var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
   var dangerouslyHoistSlotSizes = (0, _react.useContext)(_hoistSlotSizesContext.DangerouslyHoistSlotSizes);
   var id = (0, _useLayoutId.useLayoutId)({
     providedId: providedId
@@ -61,16 +55,14 @@ function TopNavOld(_ref) {
     label: skipLinkLabel,
     isHidden: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = (0, _useCustomTheme.useCustomTheme)(customThemeConfig);
-  var _useSideNavVisibility = (0, _useSideNavVisibility3.useSideNavVisibility)(),
-    isExpandedOnDesktop = _useSideNavVisibility.isExpandedOnDesktop;
   return /*#__PURE__*/React.createElement(_hasCustomThemeContext.HasCustomThemeContext.Provider, {
     value: customTheme.isEnabled
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, xcss]),
+    className: (0, _runtime.ax)([styles.root, xcss]),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
@@ -103,7 +95,6 @@ function TopNavNew(_ref2) {
     testId = _ref2.testId,
     providedId = _ref2.id,
     customThemeConfig = _ref2.customTheme;
-  var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
   var dangerouslyHoistSlotSizes = (0, _react.useContext)(_hoistSlotSizesContext.DangerouslyHoistSlotSizes);
   var id = (0, _useLayoutId.useLayoutId)({
     providedId: providedId
@@ -113,11 +104,9 @@ function TopNavNew(_ref2) {
     label: skipLinkLabel,
     isHidden: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = (0, _useCustomThemeNew.useCustomThemeNew)(customThemeConfig);
   var hasDefaultBackground = customTheme.isEnabled ? customTheme.hasDefaultBackground : true;
-  var _useSideNavVisibility2 = (0, _useSideNavVisibility3.useSideNavVisibility)(),
-    isExpandedOnDesktop = _useSideNavVisibility2.isExpandedOnDesktop;
   return /*#__PURE__*/React.createElement(_hasCustomThemeContext.HasCustomThemeContext.Provider, {
     value: customTheme.isEnabled
   }, /*#__PURE__*/React.createElement(_hasDefaultBackgroundColorContext.HasDefaultBackgroundColorContext.Provider, {
@@ -125,7 +114,7 @@ function TopNavNew(_ref2) {
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, customTheme.isEnabled && !hasDefaultBackground && (0, _fg.fg)('platform_dst_nav4_custom_theming_fhs_1') && styles.fullHeightSidebarCustomTheming, xcss]),
+    className: (0, _runtime.ax)([styles.root, xcss]),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,

package/dist/cjs/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/cjs/ui/top-nav-items/nav-logo/app-logo.js

@@ -12,25 +12,23 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
+var _inline = require("@atlaskit/primitives/compiled/inline");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
-var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
 var _logoRenderer = require("./logo-renderer");
 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 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"
@@ -57,7 +55,6 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     href = _ref.href,
     icon = _ref.icon,
     onClick = _ref.onClick;
-  var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
   var ref = (0, _react.useRef)(null);
   var nameRef = (0, _react.useRef)(null);
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
@@ -70,21 +67,21 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     var text = nameRef.current;
     return Boolean(text && isTextClamped(text));
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
     ref: ref,
     "aria-label": label,
     href: href
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: (0, _react2.cx)(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
+    xcss: (0, _react2.cx)(anchorStyles.root, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates),
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
     space: "space.075",
     alignBlock: "center",
-    xcss: (0, _react2.cx)(logoWrapperStyles.root, isFhsEnabled && logoWrapperStyles.fullHeightSidebar)
+    xcss: logoWrapperStyles.root
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([iconContainerStyles.root, isFhsEnabled && iconContainerStyles.fullHeightSidebar])
+    className: (0, _runtime.ax)([iconContainerStyles.root])
   }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/_react.default.createElement("span", {
@@ -100,7 +97,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     isScreenReaderAnnouncementDisabled: true,
     canAppear: canTooltipAppear
   }, function (tooltipProps) {
-    return /*#__PURE__*/_react.default.createElement("span", tooltipProps, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+    return /*#__PURE__*/_react.default.createElement("span", tooltipProps, /*#__PURE__*/_react.default.createElement(_text.Text, {
       "aria-hidden": true,
       color: "inherit",
       weight: "semibold",
@@ -109,7 +106,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     }, name));
   }), showSecondaryName && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([secondaryNameStyles.root])
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     "aria-hidden": true,
     color: "color.text.subtlest",
     weight: "regular",

package/dist/cjs/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/cjs/ui/top-nav-items/nav-logo/custom-logo.js

@@ -10,8 +10,7 @@ require("./custom-logo.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _compiled = require("@atlaskit/primitives/compiled");
-var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
 var _logoRenderer = require("./logo-renderer");
 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); }
@@ -23,8 +22,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"
@@ -79,8 +77,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
     }
   }, []);
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
     ref: ref,
     "aria-label": label,
     href: href
@@ -90,11 +87,11 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
     xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
+    className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root])
   }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
     logoOrIcon: icon
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])
+    className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, logoContainerStyles.root])
   }, /*#__PURE__*/_react.default.createElement(_logoRenderer.LogoRenderer, {
     logoOrIcon: logo
   })));

package/dist/cjs/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/cjs/ui/top-nav-items/search.js

@@ -10,19 +10,18 @@ exports.Search = void 0;
 require("./search.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _css = require("@atlaskit/css");
 var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _compiled = require("@atlaskit/primitives/compiled");
-var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
+var _show = require("@atlaskit/primitives/compiled/show");
+var _text = require("@atlaskit/primitives/compiled/text");
 var _iconButton = require("./themed/icon-button");
 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 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__
@@ -37,8 +36,7 @@ var Search = exports.Search = function Search(_ref) {
     elemAfter = _ref.elemAfter,
     interactionName = _ref.interactionName,
     ariaHaspopup = _ref['aria-haspopup'];
-  var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
     style: {
       // To win the specificity war against Emotion we move this into inline styles
       // When Emotion has been stripped from the Design System move this to Compiled.
@@ -47,7 +45,7 @@ var Search = exports.Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", (0, _fg.fg)('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: (0, _css.cx)(styles.root, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: styles.root,
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -58,11 +56,11 @@ var Search = exports.Search = function Search(_ref) {
     label: ""
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([styles.buttonText])
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_text.Text, {
     color: "color.text.subtlest"
   }, label)), elemAfter && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([styles.elemAfter])
-  }, elemAfter)), /*#__PURE__*/_react.default.createElement(_compiled.Show, {
+  }, elemAfter)), /*#__PURE__*/_react.default.createElement(_show.Show, {
     below: "xs"
   }, /*#__PURE__*/_react.default.createElement(_iconButton.IconButton, {
     label: label,

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

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@compiled/react");
 var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
-var _compiled = require("@atlaskit/primitives/compiled");
+var _anchor = require("@atlaskit/primitives/compiled/anchor");
 var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
 var styles = {
@@ -49,7 +49,7 @@ function ThemedAnchorFn(_ref, ref) {
     isDisabled = _ref.isDisabled,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasBorder = appearance === 'default' || isSelected;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
+  return /*#__PURE__*/_react.default.createElement(_anchor.Anchor, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
     ref: ref
     /**
      * We are using some style values that are outside of the strict

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

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _compiled = require("@atlaskit/primitives/compiled");
+var _pressable = require("@atlaskit/primitives/compiled/pressable");
 var _getPrimitivesSpreadProps = require("./get-primitives-spread-props");
 var _excluded = ["appearance", "shape", "isSelected", "isDisabled"];
 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); }
@@ -46,7 +46,7 @@ var ThemedPressable = exports.ThemedPressable = /*#__PURE__*/(0, _react.forwardR
     isDisabled = _ref.isDisabled,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var hasBorder = appearance === 'default' || isSelected;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
+  return /*#__PURE__*/_react.default.createElement(_pressable.Pressable, (0, _extends2.default)({}, (0, _getPrimitivesSpreadProps.getPrimitiveSpreadProps)(props), {
     ref: ref,
     type: "button"
     /**

package/dist/es2019/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';
 const styles = {
   skipLinkListItem: "_1pfhze3t",

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

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 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';
 const styles = {

package/dist/es2019/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 const IsCustomIsFhsEnabledContext = /*#__PURE__*/createContext(false);

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

@@ -1,9 +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 const IsFhsEnabledContext = /*#__PURE__*/createContext(() => fg('navx-full-height-sidebar'));
+export const IsFhsEnabledContext = /*#__PURE__*/createContext(false);

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

@@ -1,23 +1,18 @@
-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 const IsFhsEnabledProvider = ({
-  children,
-  value
-}) => {
-  const 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));
-};
+  children
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, children);
+
+/**
+ * @deprecated Full height sidebar (FHS) has been rolled back. `value` is ignored.
+ */

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

@@ -1,12 +1,9 @@
-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 const useIsFhsEnabled = () => {
-  const isFhsEnabled = useContext(IsFhsEnabledContext);
-  return typeof isFhsEnabled === 'boolean' ? isFhsEnabled : isFhsEnabled();
-};
+export const useIsFhsEnabled = () => false;

package/dist/es2019/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/es2019/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';
 const 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({
   const id = useLayoutId({
     providedId
   });
-  const isFhsEnabled = useIsFhsEnabled();
 
   /**
    * Don't show the skip link if the slot has 0 height.
@@ -49,7 +46,7 @@ export function Banner({
   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/es2019/ui/page-layout/chat-panel.js

@@ -6,7 +6,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/es2019/ui/page-layout/constants.js

@@ -59,23 +59,11 @@ export const 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 const 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 const openLayerObserverTopNavStartNamespace = 'top-nav-start';
 export const openLayerObserverTopNavMiddleNamespace = 'top-nav-middle';
 export const openLayerObserverTopNavEndNamespace = 'top-nav-end';

package/dist/es2019/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/es2019/ui/page-layout/panel-splitter/panel-splitter.js

@@ -19,7 +19,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';
@@ -43,8 +42,7 @@ const containerStyles = {
 };
 const 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"
 };
 const lineStyles = {
   root: "_kqswstnw _1e0c1ule _1bsb1l7b _4t3i1osq _syaz1kw7 _bfhk1r31 _1e021v6z"
@@ -145,7 +143,6 @@ const PortaledPanelSplitter = ({
   tooltipContent,
   shortcut
 }) => {
-  const isFhsEnabled = useIsFhsEnabled();
   const splitterRef = useRef(null);
   const labelId = useId();
   // Separate state used for the input range width to remove the UI's dependency on the "persisted" layout state value being updated
@@ -436,7 +433,7 @@ const PortaledPanelSplitter = ({
     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,