@atlaskit/navigation-system 5.11.1 → 5.12.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlassian/navigation-system
 
+## 5.12.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.12.0
+
+### Minor Changes
+
+- [`b867e641d818d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b867e641d818d) -
+  Updated border radius values behind a feature gate `platform-dst-shape-theme-default`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.11.1
 
 ### Patch Changes

package/dist/cjs/ui/menu-item/drag-and-drop/drag-preview.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1ul9uuw1{min-width:200px}

package/dist/cjs/ui/menu-item/drag-and-drop/drag-preview.js

@@ -9,6 +9,7 @@ exports.DragPreview = DragPreview;
 require("./drag-preview.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expandableMenuItemLevelContext = require("../expandable-menu-item/expandable-menu-item-level-context");
 var _menuItem = require("../menu-item");
 var _menuItemSignals = require("../menu-item-signals");
@@ -27,6 +28,7 @@ function isSafari() {
 }
 var dragPreviewStyles = {
   root: "_2rko12b0 _189ee4h9 _1h6d1l7x _1dqonqa1 _bfhkvuon _y4ti1b66 _p12fgx0z",
+  rootT26Shape: "_2rko1qi0",
   safariFix: "_1ul9uuw1"
 };
 
@@ -55,7 +57,7 @@ function DragPreview(_ref) {
     React.createElement(_expandableMenuItemLevelContext.ExpandableMenuItemLevelContext.Provider, {
       value: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)([dragPreviewStyles.root, isSafari() && dragPreviewStyles.safariFix])
+      className: (0, _runtime.ax)([dragPreviewStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && dragPreviewStyles.rootT26Shape, isSafari() && dragPreviewStyles.safariFix])
     }, /*#__PURE__*/React.createElement(_menuItem.MenuItemBase, {
       elemBefore: elemBefore !== null && elemBefore !== void 0 ? elemBefore : _menuItemSignals.COLLAPSE_ELEM_BEFORE
     }, children)))

package/dist/cjs/ui/menu-item/menu-item.compiled.css

@@ -1,6 +1,7 @@
 
 ._1r04ze3t{inset:var(--ds-space-0,0)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._nd5l16dh{grid-area:elem-after}
 ._nd5l17zh{grid-area:elem-before}
 ._nd5l19l3{grid-area:interactive}

package/dist/cjs/ui/menu-item/menu-item.js

@@ -16,6 +16,7 @@ var _react2 = require("@compiled/react");
 var _avatar = require("@atlaskit/avatar");
 var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("./constants");
@@ -122,6 +123,7 @@ var onTopOfButtonOrAnchorStyles = {
 var nestedOpenPopupCSSSelector = exports.nestedOpenPopupCSSSelector = '&:has([aria-expanded="true"][aria-haspopup="true"])';
 var containerStyles = {
   root: "_2rko12b0 _vchhusvi _1e0c11p5 _yv0e7dup _2z05hkll _1lmcu4vt _1ul9t9kd _4t3iviql _4cvr1h6o _uiztglyw _syazazsu _1yyu1j28 _91ju1txw _uomdidpf _pmxpidpf _db80idpf _qxq9kb7n _1rbv1wug _kwq51b66 _1swv19i6 _irr319i6 _t7p8kb7n _g4kikb7n _91nl1wug _ynyi1wug _iy5o1b66 _v4o21b66",
+  rootT26Shape: "_2rko1qi0",
   removeElemAfter: "_91juglyw",
   showHoverActions: "_uomdkb7n _pmxp1wug _db801b66",
   removeElemAfterOnHoverOrOpenNestedPopup: "_1djyglyw _1mfcglyw _1sjuglyw",
@@ -132,6 +134,7 @@ var containerStyles = {
 };
 var buttonOrAnchorStyles = {
   root: "_2rko12b0 _yyhyjvu9 _1ii7kb7n _1e0c11p5 _yv0enbh3 _2z05nbh3 _y4ti1b66 _bozg1b66 _1q511b66 _85i51b66 _bfhk1j28 _syazazsu _4cvr1h6o _y3gnv2br _14iu13ro",
+  rootT26Shape: "_2rko1qi0",
   selected: "_syaz6x5g _14iunozp",
   hasDragIndicator: "_1ifmglyw _1cykglyw _x0kw1txw _11om6b4r _7psyru3m _1uy01amc _bir2q7pw"
 };
@@ -298,7 +301,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
     ref: visualContentRef,
     "data-testid": testId ? "".concat(testId, "-container") : undefined,
     "data-selected": isSelected,
-    className: (0, _runtime.ax)([containerStyles.root, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
+    className: (0, _runtime.ax)([containerStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && containerStyles.rootT26Shape, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: function content() {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, children), description ? /*#__PURE__*/_react.default.createElement("div", null, description) : null);
@@ -326,7 +329,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
     });
     return isLink ? /*#__PURE__*/_react.default.createElement(_compiled.Anchor, (0, _extends2.default)({}, sharedProps, {
       onClick: handleClick,
-      xcss: (0, _react2.cx)(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
+      xcss: (0, _react2.cx)(buttonOrAnchorStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
       // Needed to override Anchor style due to a compiled/emotion conflict
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
@@ -362,7 +365,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
       className: (0, _runtime.ax)([notchStyles.root])
     }), interactiveElemContent) : /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({}, sharedProps, {
       onClick: handleClick,
-      xcss: (0, _react2.cx)(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
+      xcss: (0, _react2.cx)(buttonOrAnchorStyles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
       "aria-expanded": ariaExpanded,
       isDisabled: isDisabled
     }), interactiveElemContent);

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

@@ -1,4 +1,5 @@
 
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}

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

@@ -20,6 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var anchorStyles = {
   root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
   customLogoBorderRadius: "_2rkofajl",
+  customLogoBorderRadiusT26Shape: "_2rko1mok",
   newMargin: "_ahbq1b66",
   newInteractionStates: "_irr31dpa _1di69yc7",
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -90,7 +91,7 @@ var CustomLogo = exports.CustomLogo = function CustomLogo(_ref) {
     // @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, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, (0, _platformFeatureFlags.fg)('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._yyhy11wp{grid-column:3}

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

@@ -12,12 +12,14 @@ 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 _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
 var _migration = require("./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 styles = {
   root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
+  rootT26Shape: "_2rko1qi0",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
   elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -47,7 +49,7 @@ var Search = exports.Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: (0, _css.cx)(styles.root, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: (0, _css.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/_react.default.createElement("span", {

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

@@ -5,6 +5,7 @@
 ._11q7esko{background:var(--ds-top-bar-button-primary-background)}
 ._11q7pkxg{background:var(--ds-top-bar-button-background)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

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

@@ -88,6 +88,7 @@ var themedButtonDisabledText = exports.themedButtonDisabledText = '--ds-top-bar-
 var themedButtonDisabledBackground = exports.themedButtonDisabledBackground = '--ds-top-bar-button-disabled-background';
 var styles = {
   root: "_zulp12x7 _11c82smr _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
+  rootT26Shape: "_2rko1qi0",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -130,7 +131,7 @@ var ThemedPressable = /*#__PURE__*/(0, _react.forwardRef)(function ThemedPressab
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: (0, _react2.cx)(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
+    xcss: (0, _react2.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
     isDisabled: isDisabled
   }));
 });
@@ -152,7 +153,7 @@ function ThemedAnchorFn(_ref3, ref) {
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: (0, _react2.cx)(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: (0, _react2.cx)(styles.root, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
   }));
 }
 /**

package/dist/es2019/ui/menu-item/drag-and-drop/drag-preview.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1ul9uuw1{min-width:200px}

package/dist/es2019/ui/menu-item/drag-and-drop/drag-preview.js

@@ -2,6 +2,7 @@
 import "./drag-preview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ExpandableMenuItemLevelContext } from '../expandable-menu-item/expandable-menu-item-level-context';
 import { MenuItemBase } from '../menu-item';
 import { COLLAPSE_ELEM_BEFORE } from '../menu-item-signals';
@@ -21,6 +22,7 @@ function isSafari() {
 }
 const dragPreviewStyles = {
   root: "_2rko12b0 _189ee4h9 _1h6d1l7x _1dqonqa1 _bfhkvuon _y4ti1b66 _p12fgx0z",
+  rootT26Shape: "_2rko1qi0",
   safariFix: "_1ul9uuw1"
 };
 
@@ -50,7 +52,7 @@ export function DragPreview({
     React.createElement(ExpandableMenuItemLevelContext.Provider, {
       value: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax([dragPreviewStyles.root, isSafari() && dragPreviewStyles.safariFix])
+      className: ax([dragPreviewStyles.root, fg('platform-dst-shape-theme-default') && dragPreviewStyles.rootT26Shape, isSafari() && dragPreviewStyles.safariFix])
     }, /*#__PURE__*/React.createElement(MenuItemBase, {
       elemBefore: elemBefore !== null && elemBefore !== void 0 ? elemBefore : COLLAPSE_ELEM_BEFORE
     }, children)))

package/dist/es2019/ui/menu-item/menu-item.compiled.css

@@ -1,6 +1,7 @@
 
 ._1r04ze3t{inset:var(--ds-space-0,0)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._nd5l16dh{grid-area:elem-after}
 ._nd5l17zh{grid-area:elem-before}
 ._nd5l19l3{grid-area:interactive}

package/dist/es2019/ui/menu-item/menu-item.js

@@ -7,6 +7,7 @@ import { cx } from '@compiled/react';
 import { AvatarContext } from '@atlaskit/avatar';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Pressable, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { expandableMenuItemIndentation } from './constants';
@@ -110,6 +111,7 @@ const onTopOfButtonOrAnchorStyles = {
 export const nestedOpenPopupCSSSelector = '&:has([aria-expanded="true"][aria-haspopup="true"])';
 const containerStyles = {
   root: "_2rko12b0 _vchhusvi _1e0c11p5 _yv0e7dup _2z05hkll _1lmcu4vt _1ul9t9kd _4t3iviql _4cvr1h6o _uiztglyw _syazazsu _1yyu1j28 _91ju1txw _uomdidpf _pmxpidpf _db80idpf _qxq9kb7n _1rbv1wug _kwq51b66 _1swv19i6 _irr319i6 _t7p8kb7n _g4kikb7n _91nl1wug _ynyi1wug _iy5o1b66 _v4o21b66",
+  rootT26Shape: "_2rko1qi0",
   removeElemAfter: "_91juglyw",
   showHoverActions: "_uomdkb7n _pmxp1wug _db801b66",
   removeElemAfterOnHoverOrOpenNestedPopup: "_1djyglyw _1mfcglyw _1sjuglyw",
@@ -120,6 +122,7 @@ const containerStyles = {
 };
 const buttonOrAnchorStyles = {
   root: "_2rko12b0 _yyhyjvu9 _1ii7kb7n _1e0c11p5 _yv0enbh3 _2z05nbh3 _y4ti1b66 _bozg1b66 _1q511b66 _85i51b66 _bfhk1j28 _syazazsu _4cvr1h6o _y3gnv2br _14iu13ro",
+  rootT26Shape: "_2rko1qi0",
   selected: "_syaz6x5g _14iunozp",
   hasDragIndicator: "_1ifmglyw _1cykglyw _x0kw1txw _11om6b4r _7psyru3m _1uy01amc _bir2q7pw"
 };
@@ -288,7 +291,7 @@ const MenuItemBaseNoRef = ({
     ref: visualContentRef,
     "data-testid": testId ? `${testId}-container` : undefined,
     "data-selected": isSelected,
-    className: ax([containerStyles.root, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
+    className: ax([containerStyles.root, fg('platform-dst-shape-theme-default') && containerStyles.rootT26Shape, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, children), description ? /*#__PURE__*/React.createElement("div", null, description) : null),
     position: "right-start",
@@ -315,7 +318,7 @@ const MenuItemBaseNoRef = ({
     };
     return isLink ? /*#__PURE__*/React.createElement(Anchor, _extends({}, sharedProps, {
       onClick: handleClick,
-      xcss: cx(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
+      xcss: cx(buttonOrAnchorStyles.root, fg('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
       // Needed to override Anchor style due to a compiled/emotion conflict
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
@@ -351,7 +354,7 @@ const MenuItemBaseNoRef = ({
       className: ax([notchStyles.root])
     }), interactiveElemContent) : /*#__PURE__*/React.createElement(Pressable, _extends({}, sharedProps, {
       onClick: handleClick,
-      xcss: cx(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
+      xcss: cx(buttonOrAnchorStyles.root, fg('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
       "aria-expanded": ariaExpanded,
       isDisabled: isDisabled
     }), interactiveElemContent);

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

@@ -1,4 +1,5 @@
 
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}

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

@@ -12,6 +12,7 @@ import { LogoRenderer } from './logo-renderer';
 const anchorStyles = {
   root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
   customLogoBorderRadius: "_2rkofajl",
+  customLogoBorderRadiusT26Shape: "_2rko1mok",
   newMargin: "_ahbq1b66",
   newInteractionStates: "_irr31dpa _1di69yc7",
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -83,7 +84,7 @@ export const CustomLogo = ({
     // @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, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._yyhy11wp{grid-column:3}

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

@@ -4,11 +4,13 @@ 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';
 import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/migration';
 const styles = {
   root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
+  rootT26Shape: "_2rko1qi0",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
   elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -38,7 +40,7 @@ export const Search = ({
       border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`
     },
     onClick: onClick,
-    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -5,6 +5,7 @@
 ._11q7esko{background:var(--ds-top-bar-button-primary-background)}
 ._11q7pkxg{background:var(--ds-top-bar-button-background)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

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

@@ -73,6 +73,7 @@ export const themedButtonDisabledText = '--ds-top-bar-button-disabled-text';
 export const themedButtonDisabledBackground = '--ds-top-bar-button-disabled-background';
 const styles = {
   root: "_zulp12x7 _11c82smr _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
+  rootT26Shape: "_2rko1qi0",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -114,7 +115,7 @@ const ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable({
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
     isDisabled: isDisabled
   }));
 });
@@ -135,7 +136,7 @@ function ThemedAnchorFn({
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
   }));
 }
 /**

package/dist/esm/ui/menu-item/drag-and-drop/drag-preview.compiled.css

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1ul9uuw1{min-width:200px}

package/dist/esm/ui/menu-item/drag-and-drop/drag-preview.js

@@ -2,6 +2,7 @@
 import "./drag-preview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ExpandableMenuItemLevelContext } from '../expandable-menu-item/expandable-menu-item-level-context';
 import { MenuItemBase } from '../menu-item';
 import { COLLAPSE_ELEM_BEFORE } from '../menu-item-signals';
@@ -20,6 +21,7 @@ function isSafari() {
 }
 var dragPreviewStyles = {
   root: "_2rko12b0 _189ee4h9 _1h6d1l7x _1dqonqa1 _bfhkvuon _y4ti1b66 _p12fgx0z",
+  rootT26Shape: "_2rko1qi0",
   safariFix: "_1ul9uuw1"
 };
 
@@ -48,7 +50,7 @@ export function DragPreview(_ref) {
     React.createElement(ExpandableMenuItemLevelContext.Provider, {
       value: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: ax([dragPreviewStyles.root, isSafari() && dragPreviewStyles.safariFix])
+      className: ax([dragPreviewStyles.root, fg('platform-dst-shape-theme-default') && dragPreviewStyles.rootT26Shape, isSafari() && dragPreviewStyles.safariFix])
     }, /*#__PURE__*/React.createElement(MenuItemBase, {
       elemBefore: elemBefore !== null && elemBefore !== void 0 ? elemBefore : COLLAPSE_ELEM_BEFORE
     }, children)))

package/dist/esm/ui/menu-item/menu-item.compiled.css

@@ -1,6 +1,7 @@
 
 ._1r04ze3t{inset:var(--ds-space-0,0)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._nd5l16dh{grid-area:elem-after}
 ._nd5l17zh{grid-area:elem-before}
 ._nd5l19l3{grid-area:interactive}

package/dist/esm/ui/menu-item/menu-item.js

@@ -10,6 +10,7 @@ import { cx } from '@compiled/react';
 import { AvatarContext } from '@atlaskit/avatar';
 import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Pressable, Text } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { expandableMenuItemIndentation } from './constants';
@@ -113,6 +114,7 @@ var onTopOfButtonOrAnchorStyles = {
 export var nestedOpenPopupCSSSelector = '&:has([aria-expanded="true"][aria-haspopup="true"])';
 var containerStyles = {
   root: "_2rko12b0 _vchhusvi _1e0c11p5 _yv0e7dup _2z05hkll _1lmcu4vt _1ul9t9kd _4t3iviql _4cvr1h6o _uiztglyw _syazazsu _1yyu1j28 _91ju1txw _uomdidpf _pmxpidpf _db80idpf _qxq9kb7n _1rbv1wug _kwq51b66 _1swv19i6 _irr319i6 _t7p8kb7n _g4kikb7n _91nl1wug _ynyi1wug _iy5o1b66 _v4o21b66",
+  rootT26Shape: "_2rko1qi0",
   removeElemAfter: "_91juglyw",
   showHoverActions: "_uomdkb7n _pmxp1wug _db801b66",
   removeElemAfterOnHoverOrOpenNestedPopup: "_1djyglyw _1mfcglyw _1sjuglyw",
@@ -123,6 +125,7 @@ var containerStyles = {
 };
 var buttonOrAnchorStyles = {
   root: "_2rko12b0 _yyhyjvu9 _1ii7kb7n _1e0c11p5 _yv0enbh3 _2z05nbh3 _y4ti1b66 _bozg1b66 _1q511b66 _85i51b66 _bfhk1j28 _syazazsu _4cvr1h6o _y3gnv2br _14iu13ro",
+  rootT26Shape: "_2rko1qi0",
   selected: "_syaz6x5g _14iunozp",
   hasDragIndicator: "_1ifmglyw _1cykglyw _x0kw1txw _11om6b4r _7psyru3m _1uy01amc _bir2q7pw"
 };
@@ -289,7 +292,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
     ref: visualContentRef,
     "data-testid": testId ? "".concat(testId, "-container") : undefined,
     "data-selected": isSelected,
-    className: ax([containerStyles.root, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
+    className: ax([containerStyles.root, fg('platform-dst-shape-theme-default') && containerStyles.rootT26Shape, isSelected && containerStyles.selected, isDragging && containerStyles.dragging, description && containerStyles.hasDescription, showHoverActionsWhenNotHovered && containerStyles.showHoverActions, showHoverActionsWhenNotHovered && elemAfter && containerStyles.removeElemAfter, actionsOnHover && elemAfter && containerStyles.removeElemAfterOnHoverOrOpenNestedPopup, isDisabled && containerStyles.disabled])
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: function content() {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, children), description ? /*#__PURE__*/React.createElement("div", null, description) : null);
@@ -317,7 +320,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
     });
     return isLink ? /*#__PURE__*/React.createElement(Anchor, _extends({}, sharedProps, {
       onClick: handleClick,
-      xcss: cx(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
+      xcss: cx(buttonOrAnchorStyles.root, fg('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator)
       // Needed to override Anchor style due to a compiled/emotion conflict
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ,
@@ -353,7 +356,7 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref2, forwardedRef) {
       className: ax([notchStyles.root])
     }), interactiveElemContent) : /*#__PURE__*/React.createElement(Pressable, _extends({}, sharedProps, {
       onClick: handleClick,
-      xcss: cx(buttonOrAnchorStyles.root, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
+      xcss: cx(buttonOrAnchorStyles.root, fg('platform-dst-shape-theme-default') && buttonOrAnchorStyles.rootT26Shape, topLevelSiblingStyles.root, isSelected && buttonOrAnchorStyles.selected, hasDragIndicator && buttonOrAnchorStyles.hasDragIndicator),
       "aria-expanded": ariaExpanded,
       isDisabled: isDisabled
     }), interactiveElemContent);

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

@@ -1,4 +1,5 @@
 
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}._18m915vq{overflow-y:hidden}

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

@@ -12,6 +12,7 @@ import { LogoRenderer } from './logo-renderer';
 var anchorStyles = {
   root: "_2rkofajl _1e0c1txw _4cvr1h6o _4t3izwfg",
   customLogoBorderRadius: "_2rkofajl",
+  customLogoBorderRadiusT26Shape: "_2rko1mok",
   newMargin: "_ahbq1b66",
   newInteractionStates: "_irr31dpa _1di69yc7",
   newInteractionStatesCustomTheming: "_irr31rps _1di6yhlj"
@@ -82,7 +83,7 @@ export var CustomLogo = function CustomLogo(_ref) {
     // @ts-expect-error - non-standard values for `borderRadius` and the custom theming interaction states
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: cx(anchorStyles.root, anchorStyles.customLogoBorderRadius, fg('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([sharedIconOrLogoContainerStyles.root, iconContainerStyles.root, fg('platform-team25-app-icon-tiles') && sharedIconOrLogoContainerStyles.appIconTilePaddingFlagged, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

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

@@ -1,5 +1,6 @@
 
-._2rko12b0{border-radius:var(--ds-radius-small,4px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}._18zr12x7{padding-inline:var(--ds-space-075,6px)}
 ._1ii7kb7n{grid-row:1}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._yyhy11wp{grid-column:3}

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

@@ -4,11 +4,13 @@ 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';
 import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
 import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
 import { IconButton } from './themed/migration';
 var styles = {
   root: "_2rko12b0 _1rjcze3t _18zr12x7 _yv0e1mfv _4cvr1h6o _bfhk1j9a _vchhusvi _80om1kdv _1e0cglyw _4t3izwfg _p12f1kvu _1bsb1osq _irr3l4ek _1di6r01l _114b11p5",
+  rootT26Shape: "_2rko1qi0",
   buttonText: "_yyhyjvu9 _1ii7kb7n",
   iconBefore: "_yyhykb7n _1ii7kb7n _1e0c1txw",
   elemAfter: "_yyhy11wp _1ii7kb7n _1e0c1txw",
@@ -38,7 +40,7 @@ export var Search = function Search(_ref) {
       border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
     },
     onClick: onClick,
-    xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/React.createElement("span", {

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

@@ -5,6 +5,7 @@
 ._11q7esko{background:var(--ds-top-bar-button-primary-background)}
 ._11q7pkxg{background:var(--ds-top-bar-button-background)}
 ._14mj1kw7:after{border-radius:inherit}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 ._9v7aze3t:after{inset:var(--ds-space-0,0)}
 ._v5649dqc{transition:background .1s ease-out}

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

@@ -80,6 +80,7 @@ export var themedButtonDisabledText = '--ds-top-bar-button-disabled-text';
 export var themedButtonDisabledBackground = '--ds-top-bar-button-disabled-background';
 var styles = {
   root: "_zulp12x7 _11c82smr _2rkofajl _v5649dqc _4bfu1r31 _1hmsglyw _ajmmnqa1 _1rjcze3t _1e0c1txw _4cvr1h6o _1bah1h6o _4t3i5r7u _kqswh2mm _1nrm1r31 _1a3b1r31 _9oik1r31 _c2waglyw _4fprglyw _1bnxglyw _1iohnqa1 _5goinqa1 _jf4cnqa1",
+  rootT26Shape: "_2rko1qi0",
   border: "_14mj1kw7 _9v7aze3t _1tv3nqa1 _39yqe4h9 _aetrb3bt _18postnw",
   selected: "_11q71qds _syazw5ct _8l3m15jn _f8pjw5ct _1053w5ct _19lcjrv1 _30l3w5ct _j6xtnh62 _9h8hw5ct",
   disabled: "_11q71c9b _syaz1i3i _8l3m1j28 _f8pj1i3i _10531i3i _19lc1c9b _30l31i3i _j6xt1c9b _9h8h1i3i"
@@ -122,7 +123,7 @@ var ThemedPressable = /*#__PURE__*/forwardRef(function ThemedPressable(_ref2, re
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled),
     isDisabled: isDisabled
   }));
 });
@@ -144,7 +145,7 @@ function ThemedAnchorFn(_ref3, ref) {
     // @ts-expect-error
     // eslint-disable-next-line @compiled/no-suppress-xcss
     ,
-    xcss: cx(styles.root, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
+    xcss: cx(styles.root, fg('platform-dst-shape-theme-default') && styles.rootT26Shape, shapeStyles[shape], hasBorder && styles.border, appearanceStyles[appearance], isSelected && styles.selected, isDisabled && styles.disabled)
   }));
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "5.11.1",
+	"version": "5.12.1",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -67,20 +67,20 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.5.0",
-		"@atlaskit/button": "^23.6.0",
-		"@atlaskit/css": "^0.17.0",
+		"@atlaskit/avatar": "^25.6.0",
+		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/css": "^0.18.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.0.0",
+		"@atlaskit/icon": "^29.2.0",
 		"@atlaskit/layering": "^3.4.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.6.0",
+		"@atlaskit/popup": "^4.7.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/tokens": "^8.4.0",
+		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -98,26 +98,26 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/app-provider": "^3.2.0",
-		"@atlaskit/badge": "^18.2.0",
+		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.3.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^14.3.0",
+		"@atlaskit/form": "^15.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/lozenge": "^13.1.0",
+		"@atlaskit/lozenge": "^13.2.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.7.0",
+		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/onboarding": "^14.4.0",
 		"@atlaskit/page-header": "^12.1.0",
 		"@atlaskit/page-layout": "^4.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
-		"@atlaskit/select": "^21.4.0",
+		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/skeleton": "^2.1.0",
-		"@atlaskit/textfield": "^8.1.0",
+		"@atlaskit/textfield": "^8.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
-		"@atlassian/gemini": "^1.23.0",
-		"@atlassian/search-dialog": "^9.9.0",
+		"@atlassian/gemini": "^1.24.0",
+		"@atlassian/search-dialog": "^9.10.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
@@ -190,6 +190,9 @@
 		},
 		"platform-dst-nav-app-icon-height-fix": {
 			"type": "boolean"
+		},
+		"platform-dst-shape-theme-default": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/navigation-system"