@atlaskit/navigation-system 0.173.0 → 0.174.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlassian/navigation-system
 
+## 0.174.0
+
+### Minor Changes
+
+- [#186591](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/186591)
+  [`66ab2cbaba968`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/66ab2cbaba968) -
+  Internal refactor of a test. No public API or behaviour changes.
+- [#187173](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/187173)
+  [`c3ac41e33f28b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c3ac41e33f28b) -
+  Cleans up the `platform_design_system_nav4_top_nav_columns` and
+  `platform_design_system_nav4_top_nav_min_widths` feature gates. This enables technical
+  improvements to the top nav layout for all consumers.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.173.0
 
 ### Minor Changes

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

@@ -15,7 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _useLayoutEffect = require("@atlaskit/ds-lib/use-layout-effect");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _list = require("../../../components/list");
@@ -23,9 +22,7 @@ var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-them
 var _migration = require("../../top-nav-items/themed/migration");
 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 containerStyles = {
-  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg",
-  newLayoutStyles: "_1d2y1ris",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
+  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg _1d2y1ris _glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
 };
 var listStyles = {
   root: "_zulp1b66 _4cvr1h6o _1e0c1txw",
@@ -71,7 +68,7 @@ function TopNavEnd(_ref) {
   }, [query]);
   return /*#__PURE__*/_react.default.createElement("nav", {
     "aria-label": label,
-    className: (0, _runtime.ax)([containerStyles.root, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_columns') && containerStyles.newLayoutStyles, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_min_widths') && containerStyles.contentMinWidthStyles])
+    className: (0, _runtime.ax)([containerStyles.root])
   }, isMobile ? /*#__PURE__*/_react.default.createElement(_popup.default, {
     isOpen: isOpen,
     onClose: function onClose() {

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

@@ -4,5 +4,4 @@
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
-@media (min-width:30rem){._1odf1h6o{justify-content:center}}
 @media (min-width:48rem){._181n11p5{display:grid}._1j8b15b0{grid-template-columns:minmax(min-content,780px)}._lagd1bp4{grid-auto-flow:column}._1t4c1ris{grid-auto-columns:max-content}._12e8h9n0{justify-items:end}}

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

@@ -9,11 +9,8 @@ exports.TopNavMiddle = TopNavMiddle;
 require("./top-nav-middle.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var styles = {
-  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o",
-  oldLayoutStyles: "_1e0c1txw _1bahh9n0 _1odf1h6o",
-  newLayoutStyles: "_1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
+  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
 };
 
 /**
@@ -27,6 +24,6 @@ var styles = {
 function TopNavMiddle(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([styles.root, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles])
+    className: (0, _runtime.ax)([styles.root])
   }, children);
 }

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

@@ -3,5 +3,4 @@
 ._yyhykb7n{grid-column:1}._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-@media (min-width:30rem){._pwyo12x7{padding-inline-end:var(--ds-space-075,6px)}}
 @media (min-width:64rem){._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}}

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

@@ -13,9 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _topNavStartContext = require("../../../context/top-nav-start/top-nav-start-context");
 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: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw",
-  logoPaddingStyles: "_pwyo12x7",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi"
+  root: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw _glte1ris _15ri1mjv _1gs5usvi"
 };
 
 /**
@@ -36,8 +34,6 @@ function TopNavStart(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: (0, _platformFeatureFlags.fg)('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     "data-testid": testId,
-    className: (0, _runtime.ax)([styles.root, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_min_widths') ? styles.contentMinWidthStyles :
-    // Removing the extra logo padding when applying the content min width
-    styles.logoPaddingStyles])
+    className: (0, _runtime.ax)([styles.root])
   }, children);
 }

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

@@ -12,5 +12,4 @@
 ._kqsw1if8{position:sticky}
 ._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){._1rqtc57g{grid-template-columns:1fr 3fr 1fr}}
+@media (min-width:48rem){._1j8b18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}

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

@@ -10,7 +10,6 @@ require("./top-nav.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _skipLinksContext = require("../../../context/skip-links/skip-links-context");
 var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-theme-context");
 var _useCustomTheme = require("../../top-nav-items/themed/use-custom-theme");
@@ -20,9 +19,7 @@ var _hoistUtils = require("../hoist-utils");
 var _idUtils = require("../id-utils");
 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: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi",
-  oldLayoutStyles: "_1rqtc57g",
-  newLayoutStyles: "_1j8b18ax"
+  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax"
 };
 
 /**
@@ -49,7 +46,7 @@ function TopNav(_ref) {
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([styles.root, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles, 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/custom-title.js

@@ -10,13 +10,11 @@ require("./custom-title.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _hasCustomThemeContext = require("./themed/has-custom-theme-context");
 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: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _1e0cglyw _10y41txw",
-  subtleText: "_syaz1gjq",
-  paddingInlineEnd: "_y4tiu2gc"
+  root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _y4tiu2gc _1e0cglyw _10y41txw",
+  subtleText: "_syaz1gjq"
 };
 /**
  * __Custom title__
@@ -31,6 +29,6 @@ var CustomTitle = exports.CustomTitle = /*#__PURE__*/(0, _react.forwardRef)(func
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     "data-testid": testId,
-    className: (0, _runtime.ax)([styles.root, !hasCustomTheme && styles.subtleText, (0, _platformFeatureFlags.fg)('platform_design_system_nav4_top_nav_min_widths') && styles.paddingInlineEnd])
+    className: (0, _runtime.ax)([styles.root, !hasCustomTheme && styles.subtleText])
   }, children);
 });

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

@@ -6,16 +6,13 @@ import React, { useState } from 'react';
 import { cx } from '@compiled/react';
 import { useLayoutEffect } from '@atlaskit/ds-lib/use-layout-effect';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled';
 import { List } from '../../../components/list';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';
 import { IconButton } from '../../top-nav-items/themed/migration';
 const containerStyles = {
-  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg",
-  newLayoutStyles: "_1d2y1ris",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
+  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg _1d2y1ris _glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
 };
 const listStyles = {
   root: "_zulp1b66 _4cvr1h6o _1e0c1txw",
@@ -54,7 +51,7 @@ export function TopNavEnd({
   }, [query]);
   return /*#__PURE__*/React.createElement("nav", {
     "aria-label": label,
-    className: ax([containerStyles.root, fg('platform_design_system_nav4_top_nav_columns') && containerStyles.newLayoutStyles, fg('platform_design_system_nav4_top_nav_min_widths') && containerStyles.contentMinWidthStyles])
+    className: ax([containerStyles.root])
   }, isMobile ? /*#__PURE__*/React.createElement(Popup, {
     isOpen: isOpen,
     onClose: () => setIsOpen(false),

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

@@ -4,5 +4,4 @@
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
-@media (min-width:30rem){._1odf1h6o{justify-content:center}}
 @media (min-width:48rem){._181n11p5{display:grid}._1j8b15b0{grid-template-columns:minmax(min-content,780px)}._lagd1bp4{grid-auto-flow:column}._1t4c1ris{grid-auto-columns:max-content}._12e8h9n0{justify-items:end}}

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

@@ -2,11 +2,8 @@
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const styles = {
-  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o",
-  oldLayoutStyles: "_1e0c1txw _1bahh9n0 _1odf1h6o",
-  newLayoutStyles: "_1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
+  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
 };
 
 /**
@@ -21,6 +18,6 @@ export function TopNavMiddle({
   children
 }) {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles])
+    className: ax([styles.root])
   }, children);
 }

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

@@ -3,5 +3,4 @@
 ._yyhykb7n{grid-column:1}._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-@media (min-width:30rem){._pwyo12x7{padding-inline-end:var(--ds-space-075,6px)}}
 @media (min-width:64rem){._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}}

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

@@ -5,9 +5,7 @@ import React, { useContext, useEffect, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { TopNavStartAttachRef } from '../../../context/top-nav-start/top-nav-start-context';
 const styles = {
-  root: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw",
-  logoPaddingStyles: "_pwyo12x7",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi"
+  root: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw _glte1ris _15ri1mjv _1gs5usvi"
 };
 
 /**
@@ -29,8 +27,6 @@ export function TopNavStart({
   return /*#__PURE__*/React.createElement("div", {
     ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     "data-testid": testId,
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_min_widths') ? styles.contentMinWidthStyles :
-    // Removing the extra logo padding when applying the content min width
-    styles.logoPaddingStyles])
+    className: ax([styles.root])
   }, children);
 }

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

@@ -12,5 +12,4 @@
 ._kqsw1if8{position:sticky}
 ._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){._1rqtc57g{grid-template-columns:1fr 3fr 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

@@ -3,7 +3,6 @@ import "./top-nav.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useSkipLink } from '../../../context/skip-links/skip-links-context';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';
 import { useCustomTheme } from '../../top-nav-items/themed/use-custom-theme';
@@ -12,9 +11,7 @@ import { DangerouslyHoistSlotSizes } from '../hoist-slot-sizes-context';
 import { DangerouslyHoistCssVarToDocumentRoot, HoistCssVarToLocalGrid } from '../hoist-utils';
 import { useLayoutId } from '../id-utils';
 const styles = {
-  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi",
-  oldLayoutStyles: "_1rqtc57g",
-  newLayoutStyles: "_1j8b18ax"
+  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax"
 };
 
 /**
@@ -40,7 +37,7 @@ export function TopNav({
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles, 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/custom-title.js

@@ -3,12 +3,10 @@ import "./custom-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useHasCustomTheme } from './themed/has-custom-theme-context';
 const styles = {
-  root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _1e0cglyw _10y41txw",
-  subtleText: "_syaz1gjq",
-  paddingInlineEnd: "_y4tiu2gc"
+  root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _y4tiu2gc _1e0cglyw _10y41txw",
+  subtleText: "_syaz1gjq"
 };
 /**
  * __Custom title__
@@ -24,6 +22,6 @@ export const CustomTitle = /*#__PURE__*/forwardRef(function CustomTitle({
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     "data-testid": testId,
-    className: ax([styles.root, !hasCustomTheme && styles.subtleText, fg('platform_design_system_nav4_top_nav_min_widths') && styles.paddingInlineEnd])
+    className: ax([styles.root, !hasCustomTheme && styles.subtleText])
   }, children);
 });

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

@@ -7,16 +7,13 @@ import React, { useState } from 'react';
 import { cx } from '@compiled/react';
 import { useLayoutEffect } from '@atlaskit/ds-lib/use-layout-effect';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { UNSAFE_useMediaQuery as useMediaQuery } from '@atlaskit/primitives/compiled';
 import { List } from '../../../components/list';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';
 import { IconButton } from '../../top-nav-items/themed/migration';
 var containerStyles = {
-  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg",
-  newLayoutStyles: "_1d2y1ris",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
+  root: "_yyhy11wp _1e0c1txw _1bahh9n0 _1ul9zwfg _1d2y1ris _glte1ris _15ri1mjv _1gs5usvi _ndwch9n0"
 };
 var listStyles = {
   root: "_zulp1b66 _4cvr1h6o _1e0c1txw",
@@ -62,7 +59,7 @@ export function TopNavEnd(_ref) {
   }, [query]);
   return /*#__PURE__*/React.createElement("nav", {
     "aria-label": label,
-    className: ax([containerStyles.root, fg('platform_design_system_nav4_top_nav_columns') && containerStyles.newLayoutStyles, fg('platform_design_system_nav4_top_nav_min_widths') && containerStyles.contentMinWidthStyles])
+    className: ax([containerStyles.root])
   }, isMobile ? /*#__PURE__*/React.createElement(Popup, {
     isOpen: isOpen,
     onClose: function onClose() {

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

@@ -4,5 +4,4 @@
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
-@media (min-width:30rem){._1odf1h6o{justify-content:center}}
 @media (min-width:48rem){._181n11p5{display:grid}._1j8b15b0{grid-template-columns:minmax(min-content,780px)}._lagd1bp4{grid-auto-flow:column}._1t4c1ris{grid-auto-columns:max-content}._12e8h9n0{justify-items:end}}

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

@@ -2,11 +2,8 @@
 import "./top-nav-middle.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var styles = {
-  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o",
-  oldLayoutStyles: "_1e0c1txw _1bahh9n0 _1odf1h6o",
-  newLayoutStyles: "_1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
+  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
 };
 
 /**
@@ -20,6 +17,6 @@ var styles = {
 export function TopNavMiddle(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles])
+    className: ax([styles.root])
   }, children);
 }

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

@@ -3,5 +3,4 @@
 ._yyhykb7n{grid-column:1}._1e0c1txw{display:flex}
 ._4cvr1h6o{align-items:center}
 ._4t3i1osq{height:100%}
-@media (min-width:30rem){._pwyo12x7{padding-inline-end:var(--ds-space-075,6px)}}
 @media (min-width:64rem){._glte1ris{width:max-content}._15ri1mjv{min-width:300px}._1gs5usvi{box-sizing:border-box}}

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

@@ -5,9 +5,7 @@ import React, { useContext, useEffect, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { TopNavStartAttachRef } from '../../../context/top-nav-start/top-nav-start-context';
 var styles = {
-  root: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw",
-  logoPaddingStyles: "_pwyo12x7",
-  contentMinWidthStyles: "_glte1ris _15ri1mjv _1gs5usvi"
+  root: "_zulp1b66 _yyhykb7n _4t3i1osq _4cvr1h6o _1e0c1txw _glte1ris _15ri1mjv _1gs5usvi"
 };
 
 /**
@@ -28,8 +26,6 @@ export function TopNavStart(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
     "data-testid": testId,
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_min_widths') ? styles.contentMinWidthStyles :
-    // Removing the extra logo padding when applying the content min width
-    styles.logoPaddingStyles])
+    className: ax([styles.root])
   }, children);
 }

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

@@ -12,5 +12,4 @@
 ._kqsw1if8{position:sticky}
 ._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){._1rqtc57g{grid-template-columns:1fr 3fr 1fr}}
+@media (min-width:48rem){._1j8b18ax{grid-template-columns:1fr minmax(min-content,max-content) 1fr}}

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

@@ -3,7 +3,6 @@ import "./top-nav.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useSkipLink } from '../../../context/skip-links/skip-links-context';
 import { HasCustomThemeContext } from '../../top-nav-items/themed/has-custom-theme-context';
 import { useCustomTheme } from '../../top-nav-items/themed/use-custom-theme';
@@ -12,9 +11,7 @@ import { DangerouslyHoistSlotSizes } from '../hoist-slot-sizes-context';
 import { DangerouslyHoistCssVarToDocumentRoot, HoistCssVarToLocalGrid } from '../hoist-utils';
 import { useLayoutId } from '../id-utils';
 var styles = {
-  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi",
-  oldLayoutStyles: "_1rqtc57g",
-  newLayoutStyles: "_1j8b18ax"
+  root: "_nd5l8cbt _zulpu2gc _18zrutpp _179rzgxb _1e0c11p5 _yv0e1mfv _4cvr1h6o _bfhkvuon _vchhusvi _4t3i1dgc _152t1nws _kqsw1if8 _1pbyegat _d6vu1bgi _1j8b18ax"
 };
 
 /**
@@ -41,7 +38,7 @@ export function TopNav(_ref) {
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: ax([styles.root, fg('platform_design_system_nav4_top_nav_columns') ? styles.newLayoutStyles : styles.oldLayoutStyles, 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/custom-title.js

@@ -3,12 +3,10 @@ import "./custom-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useHasCustomTheme } from './themed/has-custom-theme-context';
 var styles = {
-  root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _1e0cglyw _10y41txw",
-  subtleText: "_syaz1gjq",
-  paddingInlineEnd: "_y4tiu2gc"
+  root: "_1reo15vq _18m915vq _11c82smr _o5721q9c _p12fuuw1 _1bto1l2s _bozg1b66 _y4tiu2gc _1e0cglyw _10y41txw",
+  subtleText: "_syaz1gjq"
 };
 /**
  * __Custom title__
@@ -23,6 +21,6 @@ export var CustomTitle = /*#__PURE__*/forwardRef(function CustomTitle(_ref, ref)
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     "data-testid": testId,
-    className: ax([styles.root, !hasCustomTheme && styles.subtleText, fg('platform_design_system_nav4_top_nav_min_widths') && styles.paddingInlineEnd])
+    className: ax([styles.root, !hasCustomTheme && styles.subtleText])
   }, children);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "0.173.0",
+	"version": "0.174.0",
 	"description": "The latest navigation system for Atlassian products.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -115,7 +115,7 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.12.0",
-		"@atlaskit/ds-lib": "^4.0.0",
+		"@atlaskit/ds-lib": "^4.1.0",
 		"@atlaskit/icon": "^27.3.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/logo": "^19.5.0",
@@ -146,13 +146,13 @@
 		"@atlaskit/badge": "^18.1.0",
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.2.0",
-		"@atlaskit/dropdown-menu": "^16.1.0",
+		"@atlaskit/dropdown-menu": "^16.2.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/menu": "^8.0.0",
-		"@atlaskit/onboarding": "^14.2.0",
+		"@atlaskit/onboarding": "^14.3.0",
 		"@atlaskit/page-header": "^12.0.0",
 		"@atlaskit/page-layout": "^4.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
@@ -203,12 +203,6 @@
 		"platform_design_system_nav4_live_resizing_css_vars": {
 			"type": "boolean"
 		},
-		"platform_design_system_nav4_top_nav_columns": {
-			"type": "boolean"
-		},
-		"platform_design_system_nav4_top_nav_min_widths": {
-			"type": "boolean"
-		},
 		"platform-team25-app-icon-tiles": {
 			"type": "boolean"
 		},