@atlaskit/navigation-system 10.14.1 → 10.16.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlassian/navigation-system
 
+## 10.16.0
+
+### Minor Changes
+
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.15.0
+
+### Minor Changes
+
+- [`0075efb228821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0075efb228821) -
+  Autofix: barrel removal (imports + exports)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.14.1
 
 ### Patch Changes

package/dist/cjs/components/skip-links/skip-link.js

@@ -9,7 +9,7 @@ exports.SkipLink = void 0;
 require("./skip-link.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _focusElement = require("./focus-element");
 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); }
@@ -30,7 +30,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
   var href = "#".concat(id);
   var handleClick = (0, _react.useCallback)(function (event) {
     event.preventDefault();
-    if (navigate && (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')) {
+    if (navigate && (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')) {
       /**
        * The consumer takes over the navigation effect (e.g. expanding the
        * side nav and focusing the first nav item). The universal pre/post
@@ -53,7 +53,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
        *
        * This callback can be removed entirely on gate cleanup.
        */
-      if (!(0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')) {
+      if (!(0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')) {
         onBeforeNavigate === null || onBeforeNavigate === void 0 || onBeforeNavigate();
       }
       (0, _focusElement.focusElement)(target);
@@ -74,7 +74,7 @@ var SkipLink = exports.SkipLink = function SkipLink(_ref) {
     window.scrollTo(0, 0);
   }, [id, onBeforeNavigate, navigate]);
   return /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _runtime.ax)([styles.skipLinkListItem, (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1') && styles.skipLinkListItemNew])
+    className: (0, _runtime.ax)([styles.skipLinkListItem, (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') && styles.skipLinkListItemNew])
   }, /*#__PURE__*/_react.default.createElement(_compiled.Anchor
   /**
    * It looks like Safari handles link clicks during `pointerdown` unless it has an explicit `tabIndex={0}` :/

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

@@ -13,7 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _skipLink = require("./skip-link");
 var _skipLinksPopup = require("./skip-links-popup");
@@ -107,7 +107,7 @@ function SkipLinksContainer(_ref) {
     return null;
   }
   var isEmptyLabel = isOnlyWhitespaceRegex.test(label);
-  if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')) {
+  if ((0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')) {
     return /*#__PURE__*/React.createElement(_skipLinksPopup.SkipLinksPopup, {
       label: label,
       triggerLabel: triggerLabel,

package/dist/cjs/components/skip-links/skip-links-popup.js

@@ -16,7 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _reactDom = require("react-dom");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _popup = require("@atlaskit/popup/popup");
 var _focusElement = require("./focus-element");
 var _skipLink = require("./skip-link");
 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); }
@@ -77,7 +77,7 @@ function SkipLinksPopup(_ref) {
       (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
     }
   }, [closePopup]);
-  return /*#__PURE__*/React.createElement(_popup.default, {
+  return /*#__PURE__*/React.createElement(_popup.Popup, {
     isOpen: isOpen,
     onClose: onClose,
     placement: "bottom-start",

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IsFhsEnabledContext = void 0;
 var _react = require("react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 /**
  * __Is fhs enabled context__
  *
@@ -13,5 +13,5 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
  * Defaults to feature gate 'navx-full-height-sidebar'.
  */
 var IsFhsEnabledContext = exports.IsFhsEnabledContext = /*#__PURE__*/(0, _react.createContext)(function () {
-  return (0, _platformFeatureFlags.fg)('navx-full-height-sidebar');
+  return (0, _fg.fg)('navx-full-height-sidebar');
 });

package/dist/cjs/ui/page-layout/aside.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _responsive = require("@atlaskit/primitives/responsive");
 var _useSkipLinkInternal = require("../../context/skip-links/use-skip-link-internal");
 var _constants = require("./constants");
@@ -97,7 +97,7 @@ function Aside(_ref) {
   (0, _useSkipLinkInternal.useSkipLinkInternal)({
     id: id,
     label: skipLinkLabel,
-    isHidden: defaultWidth === 0 || (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')
+    isHidden: defaultWidth === 0 || (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
   var ref = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(defaultWidth),

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

@@ -10,7 +10,7 @@ require("./banner.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useSkipLinkInternal = require("../../context/skip-links/use-skip-link-internal");
 var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
 var _constants = require("./constants");
@@ -52,7 +52,7 @@ function Banner(_ref) {
   (0, _useSkipLinkInternal.useSkipLinkInternal)({
     id: id,
     label: skipLinkLabel,
-    isHidden: height === 0 || (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')
+    isHidden: height === 0 || (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
   return /*#__PURE__*/React.createElement("div", {
     id: id,

package/dist/cjs/ui/page-layout/main/main.js

@@ -10,7 +10,7 @@ require("./main.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useSkipLink = require("../../../context/skip-links/use-skip-link");
 var _constants = require("../constants");
 var _useLayoutId = require("../use-layout-id");
@@ -26,7 +26,7 @@ function Main(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss,
     _ref$skipLinkLabel = _ref.skipLinkLabel,
-    skipLinkLabel = _ref$skipLinkLabel === void 0 ? (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1') ? 'Main content' : 'Main Content' : _ref$skipLinkLabel,
+    skipLinkLabel = _ref$skipLinkLabel === void 0 ? (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') ? 'Main content' : 'Main Content' : _ref$skipLinkLabel,
     testId = _ref.testId,
     providedId = _ref.id;
   var id = (0, _useLayoutId.useLayoutId)({

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

@@ -22,12 +22,12 @@ var _useId = require("@atlaskit/ds-lib/use-id");
 var _useStableRef = _interopRequireDefault(require("@atlaskit/ds-lib/use-stable-ref"));
 var _useOpenLayerObserver = require("@atlaskit/layering/use-open-layer-observer");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
-var _blockDraggingToIframes = require("@atlaskit/pragmatic-drag-and-drop/element/block-dragging-to-iframes");
-var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
-var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
+var _blockDraggingToIframes = require("@atlaskit/pragmatic-drag-and-drop/utils/block-dragging-to-iframes");
+var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview");
+var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _TooltipContainer = _interopRequireDefault(require("@atlaskit/tooltip/TooltipContainer"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
@@ -118,7 +118,7 @@ var MaybeTooltip = function MaybeTooltip(_ref2) {
     testId = _ref2.testId;
   var isFhsEnabled = (0, _useIsFhsEnabled.useIsFhsEnabled)();
   if (tooltipContent && (isFhsEnabled || (0, _fg.fg)('platform-dst-keep-desired-fhs-features'))) {
-    return /*#__PURE__*/React.createElement(_tooltip.default, {
+    return /*#__PURE__*/React.createElement(_Tooltip.default, {
       testId: testId,
       content: tooltipContent,
       shortcut: shortcut,
@@ -210,7 +210,7 @@ var PortaledPanelSplitter = function PortaledPanelSplitter(_ref3) {
       listener: function listener(event) {
         initialClientXRef.current = event.clientX;
       }
-    }), (0, _adapter.draggable)({
+    }), (0, _elementAdapter.draggable)({
       element: splitter,
       onGenerateDragPreview: function onGenerateDragPreview(_ref4) {
         var nativeSetDragImage = _ref4.nativeSetDragImage;

package/dist/cjs/ui/page-layout/root.js

@@ -11,7 +11,7 @@ require("./root.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _openLayerObserver = require("@atlaskit/layering/open-layer-observer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _skipLinksProvider = require("../../context/skip-links/skip-links-provider");
 var _topNavStartContextProvider = require("../../context/top-nav-start/top-nav-start-context-provider");
 var _hoistSlotSizesContext = require("./hoist-slot-sizes-context");
@@ -39,7 +39,7 @@ function Root(_ref) {
     _ref$UNSAFE_dangerous = _ref.UNSAFE_dangerouslyHoistSlotSizes,
     UNSAFE_dangerouslyHoistSlotSizes = _ref$UNSAFE_dangerous === void 0 ? false : _ref$UNSAFE_dangerous,
     _ref$skipLinksLabel = _ref.skipLinksLabel,
-    skipLinksLabel = _ref$skipLinksLabel === void 0 ? (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1') ? 'Skip to' : 'Skip to:' : _ref$skipLinksLabel,
+    skipLinksLabel = _ref$skipLinksLabel === void 0 ? (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') ? 'Skip to' : 'Skip to:' : _ref$skipLinksLabel,
     _ref$skipLinksTrigger = _ref.skipLinksTriggerLabel,
     skipLinksTriggerLabel = _ref$skipLinksTrigger === void 0 ? 'Skip to' : _ref$skipLinksTrigger,
     testId = _ref.testId,
@@ -50,7 +50,7 @@ function Root(_ref) {
   (0, _react.useEffect)(function () {
     if (process.env.NODE_ENV !== 'production') {
       var IGNORED_ELEMENTS = ['SCRIPT', 'STYLE'];
-      var topLayerGateOn = (0, _platformFeatureFlags.fg)('platform-dst-top-layer');
+      var topLayerGateOn = (0, _fg.fg)('platform-dst-top-layer');
       if (ref.current) {
         Array.from(ref.current.children).forEach(function (child) {
           // Top-layer elements are allowed as direct children when the gate is on.
@@ -75,7 +75,7 @@ function Root(_ref) {
     testId: testId
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
-    className: (0, _runtime.ax)([styles.root, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-panel') && styles.panelUplift, (0, _platformFeatureFlags.fg)('platform-dst-top-layer') ? styles.safetyRailWithTopLayer : styles.safetyRail, xcss]),
+    className: (0, _runtime.ax)([styles.root, (0, _fg.fg)('platform-dst-motion-uplift-panel') && styles.panelUplift, (0, _fg.fg)('platform-dst-top-layer') ? styles.safetyRailWithTopLayer : styles.safetyRail, xcss]),
     id: gridRootId,
     "data-testid": testId
   }, children)))))))));

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

@@ -16,13 +16,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _reactDom = require("react-dom");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _useStableRef = _interopRequireDefault(require("@atlaskit/ds-lib/use-stable-ref"));
 var _openLayerObserverNamespaceProvider = require("@atlaskit/layering/open-layer-observer-namespace-provider");
 var _useOpenLayerObserver = require("@atlaskit/layering/use-open-layer-observer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _responsive = require("@atlaskit/primitives/responsive");
 var _useSkipLinkInternal = require("../../../context/skip-links/use-skip-link-internal");
 var _topNavStartElement = require("../../../context/top-nav-start/top-nav-start-element");
@@ -171,8 +171,8 @@ function SideNavInternal(_ref) {
      * `onBeforeNavigate` is the legacy contract used only when the gate is OFF.
      * On gate cleanup, drop `onBeforeNavigate` and `synchronouslyExpandSideNav` here.
      */
-    navigate: (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1') ? expandAndFocusSideNav : undefined,
-    onBeforeNavigate: (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1') ? undefined : synchronouslyExpandSideNav
+    navigate: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') ? expandAndFocusSideNav : undefined,
+    onBeforeNavigate: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1') ? undefined : synchronouslyExpandSideNav
   });
   var sideNavState = (0, _react.useContext)(_sideNavVisibilityState.SideNavVisibilityState);
   var setSideNavState = (0, _react.useContext)(_setSideNavVisibilityState.SetSideNavVisibilityState);
@@ -187,7 +187,7 @@ function SideNavInternal(_ref) {
   var _useState = (0, _react.useState)(defaultCollapsed),
     _useState2 = (0, _slicedToArray2.default)(_useState, 1),
     initialDefaultCollapsed = _useState2[0];
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useState3 = (0, _react.useState)(isExpandedOnDesktop),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
@@ -619,7 +619,7 @@ function SideNavInternal(_ref) {
     // - We are not creating a drop target for the users to drop on,
     //   we are just interested in listening to events within an element
     // - We do not want to impact `location.{*}.dropTargets` in events
-    return (0, _adapter.monitorForElements)({
+    return (0, _elementAdapter.monitorForElements)({
       canMonitor: function canMonitor(_ref4) {
         var source = _ref4.source;
         return nav.contains(source.element);
@@ -753,7 +753,7 @@ function SideNavInternal(_ref) {
    * Otherwise, the `@starting-style` rule will cause the sidebar to slide in initially.
    */
   var hasExpandedStateChanged = isExpandedStateDifferentFromInitial || hasExpandedStateChangedRef.current;
-  var isMotionUpliftEnabled = (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-sidenav');
+  var isMotionUpliftEnabled = (0, _fg.fg)('platform-dst-motion-uplift-sidenav');
 
   // This is only used for the regular expand and collapse animations, not the flyout animations.
   var shouldShowSidebarToggleAnimation = (isMotionUpliftEnabled || isFhsEnabled) &&

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

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _sidebarCollapse = _interopRequireDefault(require("@atlaskit/icon/core/sidebar-collapse"));
 var _sidebarExpand = _interopRequireDefault(require("@atlaskit/icon/core/sidebar-expand"));
 var _useOpenLayerObserver = require("@atlaskit/layering/use-open-layer-observer");
@@ -100,7 +100,7 @@ var SideNavToggleButton = exports.SideNavToggleButton = function SideNavToggleBu
   var toggleVisibility = (0, _useToggleSideNav.useToggleSideNav)({
     trigger: 'toggle-button'
   });
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var openLayerObserver = (0, _useOpenLayerObserver.useOpenLayerObserver)();
   var handleClick = (0, _react.useCallback)(function (event, analyticsEvent) {

package/dist/cjs/ui/page-layout/side-nav/use-expand-side-nav.js

@@ -7,7 +7,7 @@ exports.useExpandSideNav = useExpandSideNav;
 var _react = require("react");
 var _bindEventListener = require("bind-event-listener");
 var _reactDom = require("react-dom");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _setSideNavVisibilityState = require("./set-side-nav-visibility-state");
 var _useSideNavRef = require("./use-side-nav-ref");
 /**
@@ -119,7 +119,7 @@ function useExpandSideNav() {
         });
       }
     };
-    if (triggersWithFocusOnExpand.has(trigger) && (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')) {
+    if (triggersWithFocusOnExpand.has(trigger) && (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')) {
       (0, _reactDom.flushSync)(runUpdate);
       var sideNavElement = sideNavRef.current;
       if (sideNavElement) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useToggleSideNav = useToggleSideNav;
 var _react = require("react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _setSideNavVisibilityState = require("./set-side-nav-visibility-state");
 var _sideNavVisibilityState = require("./side-nav-visibility-state");
 var _useExpandSideNav = require("./use-expand-side-nav");
@@ -32,7 +32,7 @@ function useToggleSideNav() {
   var toggleSideNav = (0, _react.useCallback)(function () {
     var _window$matchMedia = window.matchMedia('(min-width: 64rem)'),
       isDesktop = _window$matchMedia.matches;
-    if ((0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')) {
+    if ((0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')) {
       var isExpanding = isDesktop ? isCollapsedOnDesktop : isCollapsedOnMobile;
       if (isExpanding) {
         expandSideNav();

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

@@ -16,7 +16,7 @@ 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 _openLayerObserverNamespaceProvider = require("@atlaskit/layering/open-layer-observer-namespace-provider");
-var _popup = _interopRequireDefault(require("@atlaskit/popup"));
+var _popup = require("@atlaskit/popup/popup");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _list = require("../../../components/list");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
@@ -74,7 +74,7 @@ function TopNavEnd(_ref) {
   return /*#__PURE__*/_react.default.createElement("nav", {
     "aria-label": label,
     className: (0, _runtime.ax)([containerStyles.root, isFhsEnabled && containerStyles.fullHeightSidebar])
-  }, isMobile ? /*#__PURE__*/_react.default.createElement(_popup.default, {
+  }, isMobile ? /*#__PURE__*/_react.default.createElement(_popup.Popup, {
     isOpen: isOpen,
     onClose: function onClose() {
       return setIsOpen(false);

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

@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _useStableRef = _interopRequireDefault(require("@atlaskit/ds-lib/use-stable-ref"));
 var _openLayerObserverNamespaceProvider = require("@atlaskit/layering/open-layer-observer-namespace-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _topNavStartAttachRef = require("../../../context/top-nav-start/top-nav-start-attach-ref");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
@@ -140,7 +140,7 @@ var TopNavStartInnerFHS = /*#__PURE__*/(0, _react.forwardRef)(function TopNavSta
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
   var hasDefaultBackgroundColor = (0, _react.useContext)(_hasDefaultBackgroundColorContext.HasDefaultBackgroundColorContext);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([wrapperStyles.root, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded, !isFirstRenderRef.current && isExpandedOnDesktop && wrapperStyles.fullHeightSidebarBorderTransition, hasCustomTheme && !hasDefaultBackgroundColor && (0, _platformFeatureFlags.fg)('platform_dst_nav4_custom_theming_fhs_1') && wrapperStyles.fullHeightSidebarCustomTheming])
+    className: (0, _runtime.ax)([wrapperStyles.root, isExpandedOnDesktop && wrapperStyles.fullHeightSidebarExpanded, !isFirstRenderRef.current && isExpandedOnDesktop && wrapperStyles.fullHeightSidebarBorderTransition, hasCustomTheme && !hasDefaultBackgroundColor && (0, _fg.fg)('platform_dst_nav4_custom_theming_fhs_1') && wrapperStyles.fullHeightSidebarCustomTheming])
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     "data-testid": testId,

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

@@ -10,8 +10,8 @@ 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 _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _componentWithFg = require("@atlaskit/platform-feature-flags-react/component-with-fg");
 var _useSkipLinkInternal = require("../../../context/skip-links/use-skip-link-internal");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../../top-nav-items/themed/has-custom-theme-context");
@@ -59,9 +59,9 @@ function TopNavOld(_ref) {
   (0, _useSkipLinkInternal.useSkipLinkInternal)({
     id: id,
     label: skipLinkLabel,
-    isHidden: (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')
+    isHidden: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _platformFeatureFlags.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = (0, _useCustomTheme.useCustomTheme)(customThemeConfig);
   var _useSideNavVisibility = (0, _useSideNavVisibility3.useSideNavVisibility)(),
     isExpandedOnDesktop = _useSideNavVisibility.isExpandedOnDesktop;
@@ -111,9 +111,9 @@ function TopNavNew(_ref2) {
   (0, _useSkipLinkInternal.useSkipLinkInternal)({
     id: id,
     label: skipLinkLabel,
-    isHidden: (0, _platformFeatureFlags.fg)('platform_dst_nav4_skip_link_a11y_1')
+    isHidden: (0, _fg.fg)('platform_dst_nav4_skip_link_a11y_1')
   });
-  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _platformFeatureFlags.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
+  var height = heightProp !== null && heightProp !== void 0 ? heightProp : isFhsEnabled || (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? 56 : 48;
   var customTheme = (0, _useCustomThemeNew.useCustomThemeNew)(customThemeConfig);
   var hasDefaultBackground = customTheme.isEnabled ? customTheme.hasDefaultBackground : true;
   var _useSideNavVisibility2 = (0, _useSideNavVisibility3.useSideNavVisibility)(),
@@ -125,7 +125,7 @@ function TopNavNew(_ref2) {
   }, /*#__PURE__*/React.createElement("header", {
     id: id,
     "data-layout-slot": true,
-    className: (0, _runtime.ax)([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, customTheme.isEnabled && !hasDefaultBackground && (0, _platformFeatureFlags.fg)('platform_dst_nav4_custom_theming_fhs_1') && styles.fullHeightSidebarCustomTheming, xcss]),
+    className: (0, _runtime.ax)([styles.root, isFhsEnabled && styles.fullHeightSidebar, isExpandedOnDesktop && isFhsEnabled && styles.fullHeightSidebarExpanded, customTheme.isEnabled && !hasDefaultBackground && (0, _fg.fg)('platform_dst_nav4_custom_theming_fhs_1') && styles.fullHeightSidebarCustomTheming, xcss]),
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
@@ -149,4 +149,4 @@ function TopNavNew(_ref2) {
 /**
  * The top nav layout area. It will display at the top of the screen, below the banner if one is present.
  */
-var TopNav = exports.TopNav = (0, _platformFeatureFlagsReact.componentWithFG)('platform_dst_nav4_custom_theming_fhs_1', TopNavNew, TopNavOld);
+var TopNav = exports.TopNav = (0, _componentWithFg.componentWithFG)('platform_dst_nav4_custom_theming_fhs_1', TopNavNew, TopNavOld);

package/dist/cjs/ui/page-layout/use-resizing-width-css-var-on-root-element.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useResizingWidthCssVarOnRootElement = useResizingWidthCssVarOnRootElement;
 var _react = require("react");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
-var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/utils/combine");
+var _elementAdapter = require("@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter");
 var _isPanelSplitterDragData = require("./panel-splitter/is-panel-splitter-drag-data");
 /**
  * Monitors resizing on the panel splitter with the provided `panelId`
@@ -21,7 +21,7 @@ function useResizingWidthCssVarOnRootElement(_ref) {
     if (!isEnabled) {
       return;
     }
-    return (0, _combine.combine)((0, _adapter.monitorForElements)({
+    return (0, _combine.combine)((0, _elementAdapter.monitorForElements)({
       canMonitor: function canMonitor(_ref2) {
         var source = _ref2.source;
         return source.data.panelId === panelId;

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.AppSwitcher = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _appSwitcher = _interopRequireDefault(require("@atlaskit/icon/core/app-switcher"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _iconButton = require("./themed/icon-button");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var toggleButtonTooltipOptions = {
@@ -33,7 +33,7 @@ var AppSwitcher = exports.AppSwitcher = /*#__PURE__*/(0, _react.forwardRef)(func
     ariaControls = _ref['aria-controls'],
     ariaExpanded = _ref['aria-expanded'],
     ariaHasPopup = _ref['aria-haspopup'];
-  var pickedAppSwitcherIcon = (0, _platformFeatureFlags.fg)('platform_dst_ads_appswitcher_improvements') ? icon !== null && icon !== void 0 ? icon : _appSwitcher.default : _appSwitcher.default;
+  var pickedAppSwitcherIcon = (0, _fg.fg)('platform_dst_ads_appswitcher_improvements') ? icon !== null && icon !== void 0 ? icon : _appSwitcher.default : _appSwitcher.default;
   return /*#__PURE__*/_react.default.createElement(_iconButton.IconButton, {
     ref: ref,
     "aria-controls": ariaControls,

package/dist/cjs/ui/top-nav-items/icon-renderer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function isIconRenderProp(func) {
   return !func.displayName &&
   // most function components and class components have a displayName, negate them
@@ -36,7 +36,7 @@ var IconRenderer = function IconRenderer(_ref) {
   var iconProps = {
     label: '',
     color: 'currentColor',
-    size: (0, _platformFeatureFlags.fg)('platform_dst_button_chevron_sizing') ? function (iconName) {
+    size: (0, _fg.fg)('platform_dst_button_chevron_sizing') ? function (iconName) {
       return iconName.startsWith('Chevron') ? 'small' : 'medium';
     } : undefined
   };

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

@@ -11,9 +11,9 @@ require("./app-logo.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
 var _logoRenderer = require("./logo-renderer");
@@ -62,7 +62,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
   var ref = (0, _react.useRef)(null);
   var nameRef = (0, _react.useRef)(null);
   var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
-  var showSecondaryName = Boolean(secondaryName) && (0, _platformFeatureFlags.fg)('platform_dst_ads_appswitcher_improvements');
+  var showSecondaryName = Boolean(secondaryName) && (0, _fg.fg)('platform_dst_ads_appswitcher_improvements');
 
   /**
    * Show the tooltip if the name is truncated
@@ -78,7 +78,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_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, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
+    xcss: (0, _react2.cx)(anchorStyles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && anchorStyles.rootT26Shape, hasCustomTheme ? anchorStyles.interactionStatesCustomTheming : anchorStyles.interactionStates, isFhsEnabled && anchorStyles.fullHeightSidebar),
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     space: "space.075",
@@ -93,7 +93,7 @@ var AppLogo = exports.AppLogo = function AppLogo(_ref) {
     logoOrIcon: icon
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _runtime.ax)([logoTextStyles.root])
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     content: name,
     position: "bottom",
     ignoreTooltipPointerEvents: true,

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

@@ -10,7 +10,7 @@ require("./custom-logo.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useIsFhsEnabled = require("../../fhs-rollout/use-is-fhs-enabled");
 var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
@@ -89,7 +89,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, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && anchorStyles.customLogoBorderRadiusT26Shape, anchorStyles.newMargin, hasCustomTheme ? anchorStyles.newInteractionStatesCustomTheming : anchorStyles.newInteractionStates),
+    xcss: (0, _react2.cx)(anchorStyles.root, anchorStyles.customLogoBorderRadius, (0, _fg.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, isFhsEnabled && sharedIconOrLogoContainerStyles.withFullHeightSidebar])

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

@@ -9,7 +9,7 @@ exports.Profile = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
 var _endItem = require("./end-item");
 var _excluded = ["src"];
 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); }

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

@@ -12,7 +12,7 @@ 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 _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
 var _iconButton = require("./themed/icon-button");
@@ -48,7 +48,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, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
+    xcss: (0, _css.cx)(styles.root, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.rootT26Shape, isFhsEnabled && styles.fullHeightSidebar),
     interactionName: interactionName,
     "aria-haspopup": ariaHaspopup
   }, /*#__PURE__*/_react.default.createElement("span", {