@atlaskit/navigation-system 2.14.1 → 2.15.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlassian/navigation-system
 
+## 2.15.0
+
+### Minor Changes
+
+- [`71f5e9dd549f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71f5e9dd549f3) -
+  Adds a fix for the flyout breaking due to stale element references behind the
+  `platform_dst_nav4_side_nav_toggle_ref_fix` feature gate.
+
+## 2.14.2
+
+### Patch Changes
+
+- [`c2a513589de1c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c2a513589de1c) -
+  Pass isTooltipDisabled as prop when render IconButton
+- Updated dependencies
+
 ## 2.14.1
 
 ### Patch Changes

package/dist/cjs/ui/page-layout/side-nav/toggle-button.js

@@ -50,6 +50,8 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     collapseLabel = _ref.collapseLabel,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     onClick = _ref.onClick,
     shortcut = _ref.shortcut;
   var _useSideNavVisibility = (0, _useSideNavVisibility2.useSideNavVisibility)({
@@ -66,8 +68,27 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     setIsSideNavExpanded = _useState2[1];
   var ref = (0, _react.useContext)(_toggleButtonContext.SideNavToggleButtonAttachRef);
   var elementRef = (0, _react.useRef)(null);
+
+  /**
+   * Attempts to address HOT-121458 by ensuring that the toggle button element
+   * in context is always up to date.
+   *
+   * My theory is that something to do with SSR, hydration and suspense was causing the
+   * underlying HTML element to change but without causing the toggle button to remount.
+   *
+   * This meant the effect calling `ref()` did not re-run, and the value in context became stale.
+   */
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    element = _useState4[0],
+    setElement = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_side_nav_toggle_ref_fix')) {
+      ref(element);
+    }
+  }, [element, ref]);
   (0, _react.useEffect)(function () {
-    if ((0, _platformFeatureFlags.fg)('platform_fix_component_state_update_for_suspense')) {
+    if (!(0, _platformFeatureFlags.fg)('platform_dst_nav4_side_nav_toggle_ref_fix')) {
       ref(elementRef.current);
     }
   }, [elementRef, ref]);
@@ -129,9 +150,9 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
-    ref: (0, _platformFeatureFlags.fg)('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
+    ref: (0, _platformFeatureFlags.fg)('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
     tooltip: tooltipProps
   });
   var isInsideSlot = (0, _react.useContext)(_toggleButtonContext.SideNavToggleButtonSlotContext);

package/dist/cjs/ui/top-nav-items/app-switcher.js

@@ -27,6 +27,8 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
     onMouseEnter = _ref.onMouseEnter,
     interactionName = _ref.interactionName,
     isSelected = _ref.isSelected,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'];
@@ -41,7 +43,7 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     interactionName: interactionName,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     tooltip: toggleButtonTooltipOptions,
     isSelected: isSelected
   });

package/dist/cjs/ui/top-nav-items/end-item.js

@@ -24,6 +24,8 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     isSelected = _ref.isSelected,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
@@ -38,7 +40,7 @@ var EndItem = exports.EndItem = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

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

@@ -30,7 +30,8 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
     testId = _ref.testId,
     interactionName = _ref.interactionName,
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   var sharedProps = {
     icon: _questionCircle.default,
     label: label,
@@ -39,7 +40,8 @@ var Help = exports.Help = /*#__PURE__*/(0, _react.forwardRef)(function Help(_ref
     isSelected: isSelected,
     testId: testId,
     interactionName: interactionName,
-    ref: ref
+    ref: ref,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/_react.default.createElement(_endItem.EndItem, (0, _extends2.default)({}, sharedProps, {

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

@@ -28,7 +28,8 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   return /*#__PURE__*/_react.default.createElement(_badgeContainer.BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
     badge: badge
@@ -50,6 +51,7 @@ var Notifications = exports.Notifications = /*#__PURE__*/(0, _react.forwardRef)(
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

package/dist/es2019/ui/page-layout/side-nav/toggle-button.js

@@ -36,6 +36,7 @@ export const SideNavToggleButton = ({
   collapseLabel,
   testId,
   interactionName,
+  UNSAFE_isTooltipDisabled = false,
   onClick,
   shortcut
 }) => {
@@ -51,8 +52,24 @@ export const SideNavToggleButton = ({
   const [isSideNavExpanded, setIsSideNavExpanded] = useState(fg('platform_dst_nav4_full_height_sidebar_api_changes') ? isSideNavExpandedOnDesktop : !defaultCollapsed);
   const ref = useContext(SideNavToggleButtonAttachRef);
   const elementRef = useRef(null);
+
+  /**
+   * Attempts to address HOT-121458 by ensuring that the toggle button element
+   * in context is always up to date.
+   *
+   * My theory is that something to do with SSR, hydration and suspense was causing the
+   * underlying HTML element to change but without causing the toggle button to remount.
+   *
+   * This meant the effect calling `ref()` did not re-run, and the value in context became stale.
+   */
+  const [element, setElement] = useState(null);
+  useEffect(() => {
+    if (fg('platform_dst_nav4_side_nav_toggle_ref_fix')) {
+      ref(element);
+    }
+  }, [element, ref]);
   useEffect(() => {
-    if (fg('platform_fix_component_state_update_for_suspense')) {
+    if (!fg('platform_dst_nav4_side_nav_toggle_ref_fix')) {
       ref(elementRef.current);
     }
   }, [elementRef, ref]);
@@ -114,9 +131,9 @@ export const SideNavToggleButton = ({
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
-    ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
+    ref: fg('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
     tooltip: tooltipProps
   });
   const isInsideSlot = useContext(SideNavToggleButtonSlotContext);

package/dist/es2019/ui/top-nav-items/app-switcher.js

@@ -18,6 +18,7 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
   onMouseEnter,
   interactionName,
   isSelected,
+  UNSAFE_isTooltipDisabled = false,
   'aria-controls': ariaControls,
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup
@@ -32,7 +33,7 @@ export const AppSwitcher = /*#__PURE__*/forwardRef(({
   onClick: onClick,
   onMouseEnter: onMouseEnter,
   interactionName: interactionName,
-  isTooltipDisabled: false,
+  isTooltipDisabled: UNSAFE_isTooltipDisabled,
   tooltip: toggleButtonTooltipOptions,
   isSelected: isSelected
 }));

package/dist/es2019/ui/top-nav-items/end-item.js

@@ -16,6 +16,7 @@ export const EndItem = /*#__PURE__*/forwardRef(({
   isSelected,
   testId,
   interactionName,
+  UNSAFE_isTooltipDisabled = false,
   'aria-controls': ariaControls,
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup,
@@ -30,7 +31,7 @@ export const EndItem = /*#__PURE__*/forwardRef(({
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

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

@@ -20,7 +20,8 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
   testId,
   interactionName,
   isListItem,
-  badge
+  badge,
+  UNSAFE_isTooltipDisabled
 }, ref) {
   const sharedProps = {
     icon: HelpIcon,
@@ -30,7 +31,8 @@ export const Help = /*#__PURE__*/forwardRef(function Help({
     isSelected,
     testId,
     interactionName,
-    ref
+    ref,
+    UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {

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

@@ -19,7 +19,8 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
   'aria-expanded': ariaExpanded,
   'aria-haspopup': ariaHasPopup,
   isListItem,
-  badge
+  badge,
+  UNSAFE_isTooltipDisabled
 }, ref) {
   return /*#__PURE__*/React.createElement(BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
@@ -42,6 +43,7 @@ export const Notifications = /*#__PURE__*/forwardRef(function Notifications({
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

package/dist/esm/ui/page-layout/side-nav/toggle-button.js

@@ -41,6 +41,8 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
     collapseLabel = _ref.collapseLabel,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     onClick = _ref.onClick,
     shortcut = _ref.shortcut;
   var _useSideNavVisibility = useSideNavVisibility({
@@ -57,8 +59,27 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
     setIsSideNavExpanded = _useState2[1];
   var ref = useContext(SideNavToggleButtonAttachRef);
   var elementRef = useRef(null);
+
+  /**
+   * Attempts to address HOT-121458 by ensuring that the toggle button element
+   * in context is always up to date.
+   *
+   * My theory is that something to do with SSR, hydration and suspense was causing the
+   * underlying HTML element to change but without causing the toggle button to remount.
+   *
+   * This meant the effect calling `ref()` did not re-run, and the value in context became stale.
+   */
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    element = _useState4[0],
+    setElement = _useState4[1];
+  useEffect(function () {
+    if (fg('platform_dst_nav4_side_nav_toggle_ref_fix')) {
+      ref(element);
+    }
+  }, [element, ref]);
   useEffect(function () {
-    if (fg('platform_fix_component_state_update_for_suspense')) {
+    if (!fg('platform_dst_nav4_side_nav_toggle_ref_fix')) {
       ref(elementRef.current);
     }
   }, [elementRef, ref]);
@@ -120,9 +141,9 @@ export var SideNavToggleButton = function SideNavToggleButton(_ref) {
     icon: icon,
     onClick: handleClick,
     testId: testId,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     interactionName: interactionName,
-    ref: fg('platform_fix_component_state_update_for_suspense') ? elementRef : ref,
+    ref: fg('platform_dst_nav4_side_nav_toggle_ref_fix') ? setElement : elementRef,
     tooltip: tooltipProps
   });
   var isInsideSlot = useContext(SideNavToggleButtonSlotContext);

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

@@ -18,6 +18,8 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onMouseEnter = _ref.onMouseEnter,
     interactionName = _ref.interactionName,
     isSelected = _ref.isSelected,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'];
@@ -32,7 +34,7 @@ export var AppSwitcher = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     interactionName: interactionName,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     tooltip: toggleButtonTooltipOptions,
     isSelected: isSelected
   });

package/dist/esm/ui/top-nav-items/end-item.js

@@ -16,6 +16,8 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     isSelected = _ref.isSelected,
     testId = _ref.testId,
     interactionName = _ref.interactionName,
+    _ref$UNSAFE_isTooltip = _ref.UNSAFE_isTooltipDisabled,
+    UNSAFE_isTooltipDisabled = _ref$UNSAFE_isTooltip === void 0 ? false : _ref$UNSAFE_isTooltip,
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
@@ -30,7 +32,7 @@ export var EndItem = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     onMouseEnter: onMouseEnter,
     appearance: "subtle",
     isSelected: isSelected,
-    isTooltipDisabled: false,
+    isTooltipDisabled: UNSAFE_isTooltipDisabled,
     testId: testId,
     interactionName: interactionName,
     "aria-controls": ariaControls,

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

@@ -20,7 +20,8 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
     testId = _ref.testId,
     interactionName = _ref.interactionName,
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   var sharedProps = {
     icon: HelpIcon,
     label: label,
@@ -29,7 +30,8 @@ export var Help = /*#__PURE__*/forwardRef(function Help(_ref, ref) {
     isSelected: isSelected,
     testId: testId,
     interactionName: interactionName,
-    ref: ref
+    ref: ref,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   };
   if (!badge) {
     return /*#__PURE__*/React.createElement(EndItem, _extends({}, sharedProps, {

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

@@ -19,7 +19,8 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'],
     isListItem = _ref.isListItem,
-    badge = _ref.badge;
+    badge = _ref.badge,
+    UNSAFE_isTooltipDisabled = _ref.UNSAFE_isTooltipDisabled;
   return /*#__PURE__*/React.createElement(BadgeContainer, {
     id: NOTIFICATIONS_BADGE_ID,
     badge: badge
@@ -41,6 +42,7 @@ export var Notifications = /*#__PURE__*/forwardRef(function Notifications(_ref,
     // We explicitly set the EndItem to not be a list item,
     // because the BadgeContainer already has a list item role (if `isListItem` is true)
     ,
-    isListItem: false
+    isListItem: false,
+    UNSAFE_isTooltipDisabled: UNSAFE_isTooltipDisabled
   }));
 });

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

@@ -12,7 +12,7 @@ export type SideNavVisibilityChangeAnalyticsAttributes = {
  *
  * Button for toggling the side nav. It should be used in the top bar.
  */
-export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, shortcut, }: {
+export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, UNSAFE_isTooltipDisabled, onClick, shortcut, }: {
     /**
      * @deprecated
      *
@@ -45,6 +45,11 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * The callback function that is called when the toggle button is clicked.
      */

package/dist/types/ui/top-nav-items/app-switcher.d.ts

@@ -22,6 +22,11 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
      * Indicates that the button is selected.
      */
     isSelected?: boolean;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __App switcher__

package/dist/types/ui/top-nav-items/end-item.d.ts

@@ -35,6 +35,11 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * Can be used to disable the default `listitem` role.
      *

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

@@ -9,6 +9,11 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge?: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Help__

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

@@ -6,6 +6,11 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Notifications__

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

@@ -1,6 +1,11 @@
 import React from 'react';
 import { type EndItemProps } from './end-item';
 interface SettingsProps extends Omit<EndItemProps, 'icon'> {
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Settings__

package/dist/types-ts4.5/ui/page-layout/side-nav/toggle-button.d.ts

@@ -12,7 +12,7 @@ export type SideNavVisibilityChangeAnalyticsAttributes = {
  *
  * Button for toggling the side nav. It should be used in the top bar.
  */
-export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, onClick, shortcut, }: {
+export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, collapseLabel, testId, interactionName, UNSAFE_isTooltipDisabled, onClick, shortcut, }: {
     /**
      * @deprecated
      *
@@ -45,6 +45,11 @@ export declare const SideNavToggleButton: ({ defaultCollapsed, expandLabel, coll
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * The callback function that is called when the toggle button is clicked.
      */

package/dist/types-ts4.5/ui/top-nav-items/app-switcher.d.ts

@@ -22,6 +22,11 @@ interface AppSwitcherProps extends Partial<Omit<TriggerProps, 'ref' | 'data-ds--
      * Indicates that the button is selected.
      */
     isSelected?: boolean;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __App switcher__

package/dist/types-ts4.5/ui/top-nav-items/end-item.d.ts

@@ -35,6 +35,11 @@ export interface EndItemProps extends Partial<Pick<TriggerProps, 'aria-controls'
      * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
     /**
      * Can be used to disable the default `listitem` role.
      *

package/dist/types-ts4.5/ui/top-nav-items/help.d.ts

@@ -9,6 +9,11 @@ interface HelpProps extends Omit<EndItemProps, 'icon' | 'aria-controls' | 'aria-
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge?: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Help__

package/dist/types-ts4.5/ui/top-nav-items/notifications.d.ts

@@ -6,6 +6,11 @@ interface NotificationsProps extends Omit<EndItemProps, 'icon'> {
      * You are recommended to use the Badge component from `@atlaskit/badge`.
      */
     badge: ComponentType;
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Notifications__

package/dist/types-ts4.5/ui/top-nav-items/settings.d.ts

@@ -1,6 +1,11 @@
 import React from 'react';
 import { type EndItemProps } from './end-item';
 interface SettingsProps extends Omit<EndItemProps, 'icon'> {
+    /**
+     * Experimental, do not use. May be removed at any time.
+     * Whether the tooltip should be disabled.
+     */
+    UNSAFE_isTooltipDisabled?: boolean;
 }
 /**
  * __Settings__

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.14.1",
+	"version": "2.15.0",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -71,9 +71,9 @@
 		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/ds-lib": "^5.1.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.4.0",
 		"@atlaskit/layering": "^3.0.0",
-		"@atlaskit/logo": "^19.8.0",
+		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
@@ -146,6 +146,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"platform_dst_nav4_side_nav_toggle_ref_fix": {
+			"type": "boolean"
+		},
 		"platform-component-visual-refresh": {
 			"type": "boolean",
 			"referenceOnly": true