@atlaskit/popup 6.1.0 → 6.2.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/popup
 
+## 6.2.1
+
+### Patch Changes
+
+- Use `@atlassian/testing-library` exclusively in unit tests.
+- Updated dependencies
+
+## 6.2.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
+
 ## 6.1.0
 
 ### Minor Changes

package/dist/cjs/compositional/popup-content.js

@@ -10,8 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _layering = require("@atlaskit/layering/layering");
 var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
 var _popperWrapper = _interopRequireDefault(require("../popper-wrapper"));
 var _useAppearance = require("../use-appearance");
 var _idContext = require("./id-context");
@@ -146,7 +146,7 @@ function PopupContent(props) {
   // Forwarding the full props onto the chosen implementation is intentional:
   // both implementations declare explicit prop types, so the forward is type
   // checked rather than an unbounded API.
-  if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+  if ((0, _fg.fg)('platform-dst-top-layer')) {
     // The top-layer Popover registers with the open layer observer itself.
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props -- intentional forward to a typed implementation
     return /*#__PURE__*/_react.default.createElement(_popupContentTopLayer.PopupContentTopLayer, (0, _extends2.default)({}, props, {

package/dist/cjs/compositional/popup-trigger.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PopupTrigger = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _reference = require("@atlaskit/popper/reference");
 var _useGetMemoizedMergedTriggerRefNew = require("../use-get-memoized-merged-trigger-ref-new");
 var _idContext = require("./id-context");
 var _isOpenContext = require("./is-open-context");
@@ -44,7 +44,7 @@ var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
 
   // When the top-layer flag is on, bypass Popper's <Reference> entirely.
   // We only need to set triggerRefObject.current — no Popper ref merging needed.
-  if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+  if ((0, _fg.fg)('platform-dst-top-layer')) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
       ref: triggerRef,
       'aria-controls': id,
@@ -52,7 +52,7 @@ var PopupTrigger = exports.PopupTrigger = function PopupTrigger(_ref) {
       'aria-haspopup': ariaHasPopup
     }));
   }
-  return /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref2) {
+  return /*#__PURE__*/_react.default.createElement(_reference.Reference, null, function (_ref2) {
     var ref = _ref2.ref;
     return children({
       ref: getMergedTriggerRef(ref, setTriggerRef),

package/dist/cjs/compositional/popup.js

@@ -9,8 +9,8 @@ exports.Popup = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _manager = require("@atlaskit/popper/manager");
 var _idContext = require("./id-context");
 var _isInsidePopupContext = require("./is-inside-popup-context");
 var _isOpenContext = require("./is-open-context");
@@ -71,10 +71,10 @@ var Popup = exports.Popup = function Popup(_ref) {
     value: setTriggerRef
   }, /*#__PURE__*/_react.default.createElement(_isOpenContext.IsOpenContext.Provider, {
     value: isOpen
-  }, (0, _platformFeatureFlags.fg)('platform-dst-top-layer') ?
+  }, (0, _fg.fg)('platform-dst-top-layer') ?
   /*#__PURE__*/
   // Skip Popper's <Manager> when Top Layer is being used.
   _react.default.createElement(_triggerRefObjectContext.TriggerRefObjectContext.Provider, {
     value: triggerRefObject
-  }, children) : /*#__PURE__*/_react.default.createElement(_popper.Manager, null, children)))))));
+  }, children) : /*#__PURE__*/_react.default.createElement(_manager.Manager, null, children)))))));
 };

package/dist/cjs/popper-wrapper.js

@@ -17,7 +17,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _runtime = require("@compiled/react/runtime");
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
+var _motion = require("@atlaskit/motion");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
 var _repositionOnUpdate = require("./reposition-on-update");
@@ -262,7 +262,7 @@ function PopperWrapper(_ref) {
       },
       "data-testid": "".concat(testId, "--container"),
       className: (0, _runtime.ax)([shouldFitContainer && wrapperStyles.fullWidth])
-    }, /*#__PURE__*/React.createElement(_motion.default, {
+    }, /*#__PURE__*/React.createElement(_motion.Motion, {
       enteringAnimation: !isAutoPlacement ? placementMap[placement].enter : undefined,
       exitingAnimation: !isAutoPlacement ? placementMap[placement].exit : undefined,
       xcss: wrapperStyles.motion

package/dist/cjs/popup.js

@@ -16,9 +16,10 @@ var _useId = require("@atlaskit/ds-lib/use-id");
 var _layering = require("@atlaskit/layering/layering");
 var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
 var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _popper = require("@atlaskit/popper");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _manager = require("@atlaskit/popper/manager");
+var _reference = require("@atlaskit/popper/reference");
+var _portal = _interopRequireDefault(require("@atlaskit/portal/portal"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _popperWrapper = _interopRequireDefault(require("./popper-wrapper"));
 var _popupTopLayer = require("./popup-top-layer");
@@ -136,17 +137,17 @@ var PopupLegacy = function PopupLegacy(props) {
     modifiers: modifiers,
     shouldFitViewport: shouldFitViewport
   }));
-  var popupContent = /*#__PURE__*/React.createElement(_popper.Manager, null, /*#__PURE__*/React.createElement(_popper.Reference, null, function (_ref) {
+  var popupContent = /*#__PURE__*/React.createElement(_manager.Manager, null, /*#__PURE__*/React.createElement(_reference.Reference, null, function (_ref) {
     var ref = _ref.ref;
     return trigger({
-      ref: !(0, _platformFeatureFlags.fg)('platform-design-system-popup-ref') ? getMergedTriggerRef(ref, setTriggerRef, isOpen) : getMergedTriggerRefNew(ref, setTriggerRef),
+      ref: !(0, _fg.fg)('platform-design-system-popup-ref') ? getMergedTriggerRef(ref, setTriggerRef, isOpen) : getMergedTriggerRefNew(ref, setTriggerRef),
       'aria-controls': isOpen ? id : undefined,
       'aria-expanded': isOpen,
-      'aria-haspopup': role === 'dialog' && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock') ? 'dialog' : true
+      'aria-haspopup': role === 'dialog' && (0, _fg.fg)('platform_dst_popup-disable-focuslock') ? 'dialog' : true
     });
-  }), !(0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
+  }), !(0, _fg.fg)('platform-dst-motion-uplift-popup') && isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
     zIndex: zIndex
-  }, renderPopperWrapper)), (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') && /*#__PURE__*/React.createElement(_exitingPersistence.default, {
+  }, renderPopperWrapper)), (0, _fg.fg)('platform-dst-motion-uplift-popup') && /*#__PURE__*/React.createElement(_exitingPersistence.default, {
     appear: true
   }, isOpen && (shouldRenderToParent || shouldFitContainer ? renderPopperWrapper : /*#__PURE__*/React.createElement(_portal.default, {
     zIndex: zIndex
@@ -164,7 +165,7 @@ var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (props) {
   // hooks unconditionally, so a runtime feature-flag change swaps component
   // types (a clean remount) instead of changing the hook order of a mounted
   // component.
-  if ((0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
+  if ((0, _fg.fg)('platform-dst-top-layer')) {
     // Pass the original props object to preserve the discriminated union
     // (shouldFitContainer: true vs false) that is lost after destructuring.
     return /*#__PURE__*/React.createElement(_popupTopLayer.PopupTopLayer, props);

package/dist/cjs/use-close-manager.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _bindEventListener = require("bind-event-listener");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _isElementInteractive = require("./utils/is-element-interactive");
 var _useAnimationFrame2 = require("./utils/use-animation-frame");
 // eslint-disable-next-line no-duplicate-imports
@@ -37,7 +37,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
       return _noop.default;
     }
     var closePopup = function closePopup(event) {
-      if (shouldIgnoreCloseEvent !== null && shouldIgnoreCloseEvent !== void 0 && shouldIgnoreCloseEvent(event) && (0, _platformFeatureFlags.fg)('cc_blocks_changeboarding')) {
+      if (shouldIgnoreCloseEvent !== null && shouldIgnoreCloseEvent !== void 0 && shouldIgnoreCloseEvent(event) && (0, _fg.fg)('cc_blocks_changeboarding')) {
         return;
       }
       if (onClose) {
@@ -48,7 +48,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
         }
         _currentLevel ? onClose(event, Number(_currentLevel)) : onClose(event);
       }
-      if (shouldDisableFocusTrap && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
+      if (shouldDisableFocusTrap && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
         // Restoring the normal focus order for trigger.
         requestFrame(function () {
           triggerRef === null || triggerRef === void 0 || triggerRef.setAttribute('tabindex', '0');
@@ -97,7 +97,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
       if (!isClickOnPopup && !isClickOnTrigger && !didClickStartInsidePopup) {
         closePopup(event);
         // If there was an outside click on a non-interactive element, the focus should be on the trigger.
-        if (document.activeElement && !(0, _isElementInteractive.isInteractiveElement)(document.activeElement) && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
+        if (document.activeElement && !(0, _isElementInteractive.isInteractiveElement)(document.activeElement) && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
           triggerRef === null || triggerRef === void 0 || triggerRef.focus();
         }
       }
@@ -117,7 +117,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
     };
     var onKeyDown = function onKeyDown(event) {
       var key = event.key;
-      if ((key === 'Escape' || key === 'Esc') && (0, _platformFeatureFlags.fg)('platform_dst_nested_escape')) {
+      if ((key === 'Escape' || key === 'Esc') && (0, _fg.fg)('platform_dst_nested_escape')) {
         var _eventTarget$closest;
         var eventTarget = event.target instanceof HTMLElement ? event.target : null;
         var layeredAncestor = eventTarget === null || eventTarget === void 0 || (_eventTarget$closest = eventTarget.closest) === null || _eventTarget$closest === void 0 ? void 0 : _eventTarget$closest.call(eventTarget, '[data-ds--level]');
@@ -126,7 +126,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
           return;
         }
       }
-      if ((0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
+      if ((0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
         var shiftKey = event.shiftKey;
         if (shiftKey && key === 'Tab' && !shouldRenderToParent) {
           if (isLayerDisabled()) {
@@ -196,7 +196,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
       }
     };
     var unbind = _noop.default;
-    if ((0, _platformFeatureFlags.fg)('popup-onclose-fix')) {
+    if ((0, _fg.fg)('popup-onclose-fix')) {
       setTimeout(function () {
         unbind = (0, _bindEventListener.bindAll)(window, [{
           type: 'click',
@@ -240,7 +240,7 @@ var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
       }
     });
     return function () {
-      if ((0, _platformFeatureFlags.fg)('popup-onclose-fix')) {
+      if ((0, _fg.fg)('popup-onclose-fix')) {
         setTimeout(function () {
           unbind();
         }, 0);

package/dist/cjs/use-focus-manager.js

@@ -9,7 +9,7 @@ var _react = require("react");
 var _focusTrap = _interopRequireDefault(require("focus-trap"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _useAnimationFrame2 = require("./utils/use-animation-frame");
 var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
   var initialFocusRef = _ref.initialFocusRef,
@@ -29,7 +29,7 @@ var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
     if (!popupRef || shouldCloseOnTab) {
       return _noop.default;
     }
-    if (shouldDisableFocusTrap && (0, _platformFeatureFlags.fg)('platform_dst_popup-disable-focuslock')) {
+    if (shouldDisableFocusTrap && (0, _fg.fg)('platform_dst_popup-disable-focuslock')) {
       var isDropdown = popupRef.matches('[id^=ds--dropdown--]');
       var popups = document.querySelectorAll("[data-ds--level=\"".concat(currentLevel - 1, "\"]"));
       if (!(popups[popups.length - 1] && !shouldRenderToParent && isDropdown)) {
@@ -47,7 +47,7 @@ var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
     }
     var trapConfig = {
       clickOutsideDeactivates: true,
-      escapeDeactivates: (0, _platformFeatureFlags.fg)('platform_dst_nested_escape') ? false : true,
+      escapeDeactivates: (0, _fg.fg)('platform_dst_nested_escape') ? false : true,
       initialFocus: initialFocusRef || popupRef,
       fallbackFocus: popupRef,
       returnFocusOnDeactivate: shouldReturnFocus

package/dist/es2019/compositional/popup-content.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useContext } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
 import PopperWrapper from '../popper-wrapper';
 import { usePopupAppearance } from '../use-appearance';
 import { IdContext } from './id-context';

package/dist/es2019/compositional/popup-trigger.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Reference } from '@atlaskit/popper';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Reference } from '@atlaskit/popper/reference';
 import { useGetMemoizedMergedTriggerRefNew } from '../use-get-memoized-merged-trigger-ref-new';
 import { IdContext } from './id-context';
 import { IsOpenContext } from './is-open-context';

package/dist/es2019/compositional/popup.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Manager } from '@atlaskit/popper';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Manager } from '@atlaskit/popper/manager';
 import { IdContext } from './id-context';
 import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
 import { IsOpenContext } from './is-open-context';

package/dist/es2019/popper-wrapper.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import Motion from '@atlaskit/motion/entering/motion';
+import { Motion } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import { RepositionOnUpdate } from './reposition-on-update';

package/dist/es2019/popup.js

@@ -8,9 +8,10 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Manager, Reference } from '@atlaskit/popper';
-import Portal from '@atlaskit/portal';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Manager } from '@atlaskit/popper/manager';
+import { Reference } from '@atlaskit/popper/reference';
+import Portal from '@atlaskit/portal/portal';
 import { Box } from '@atlaskit/primitives/compiled';
 import PopperWrapper from './popper-wrapper';
 import { PopupTopLayer } from './popup-top-layer';

package/dist/es2019/use-close-manager.js

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import { bind, bindAll } from 'bind-event-listener';
 import noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isInteractiveElement } from './utils/is-element-interactive';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export const useCloseManager = ({

package/dist/es2019/use-focus-manager.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import createFocusTrap from 'focus-trap';
 import noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export const useFocusManager = ({
   initialFocusRef,

package/dist/esm/compositional/popup-content.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useContext } from 'react';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
-import { fg } from '@atlaskit/platform-feature-flags';
-import Portal from '@atlaskit/portal';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import Portal from '@atlaskit/portal/portal';
 import PopperWrapper from '../popper-wrapper';
 import { usePopupAppearance } from '../use-appearance';
 import { IdContext } from './id-context';

package/dist/esm/compositional/popup-trigger.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Reference } from '@atlaskit/popper';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Reference } from '@atlaskit/popper/reference';
 import { useGetMemoizedMergedTriggerRefNew } from '../use-get-memoized-merged-trigger-ref-new';
 import { IdContext } from './id-context';
 import { IsOpenContext } from './is-open-context';

package/dist/esm/compositional/popup.js

@@ -1,8 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useRef, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Manager } from '@atlaskit/popper';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Manager } from '@atlaskit/popper/manager';
 import { IdContext } from './id-context';
 import { EnsureIsInsidePopupContext } from './is-inside-popup-context';
 import { IsOpenContext } from './is-open-context';

package/dist/esm/popper-wrapper.js

@@ -12,7 +12,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, Fragment, useMemo, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import Motion from '@atlaskit/motion/entering/motion';
+import { Motion } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import { RepositionOnUpdate } from './reposition-on-update';

package/dist/esm/popup.js

@@ -10,9 +10,10 @@ import { useId } from '@atlaskit/ds-lib/use-id';
 import { Layering } from '@atlaskit/layering/layering';
 import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Manager, Reference } from '@atlaskit/popper';
-import Portal from '@atlaskit/portal';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Manager } from '@atlaskit/popper/manager';
+import { Reference } from '@atlaskit/popper/reference';
+import Portal from '@atlaskit/portal/portal';
 import { Box } from '@atlaskit/primitives/compiled';
 import PopperWrapper from './popper-wrapper';
 import { PopupTopLayer } from './popup-top-layer';

package/dist/esm/use-close-manager.js

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import { bind, bindAll } from 'bind-event-listener';
 import noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isInteractiveElement } from './utils/is-element-interactive';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export var useCloseManager = function useCloseManager(_ref) {

package/dist/esm/use-focus-manager.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import createFocusTrap from 'focus-trap';
 import noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnimationFrame } from './utils/use-animation-frame';
 export var useFocusManager = function useFocusManager(_ref) {
   var initialFocusRef = _ref.initialFocusRef,

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentType, type CSSProperties, type Dispatch, type PropsWithChildren, type default as React, type ReactNode, type Ref, type SetStateAction } from 'react';
 import { type StrictXCSSProp } from '@atlaskit/css';
-import { type Modifier, type Placement, type PopperChildrenProps } from '@atlaskit/popper';
+import type { Modifier, Placement, PopperChildrenProps } from '@atlaskit/popper/main';
 export interface TriggerProps {
     /**
      * React ref that will be attached to the trigger element.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "6.1.0",
+	"version": "6.2.1",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,15 +33,15 @@
 	"dependencies": {
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/layering": "^5.0.0",
-		"@atlaskit/motion": "^8.2.0",
+		"@atlaskit/layering": "^5.1.0",
+		"@atlaskit/motion": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/popper": "^9.2.0",
-		"@atlaskit/portal": "^6.2.0",
-		"@atlaskit/primitives": "^22.3.0",
+		"@atlaskit/popper": "^9.3.0",
+		"@atlaskit/portal": "^6.3.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/top-layer": "^4.3.0",
+		"@atlaskit/tokens": "^16.8.0",
+		"@atlaskit/top-layer": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
@@ -57,23 +57,21 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^25.1.0",
-		"@atlaskit/code": "^19.0.0",
+		"@atlaskit/button": "^25.2.0",
+		"@atlaskit/code": "^19.1.0",
 		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/form": "^17.0.0",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/icon": "^37.4.0",
-		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/modal-dialog": "^16.4.0",
-		"@atlaskit/section-message": "^10.0.0",
-		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/toggle": "^17.1.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/modal-dialog": "^16.5.0",
+		"@atlaskit/section-message": "^10.1.0",
+		"@atlaskit/textfield": "^10.1.0",
+		"@atlaskit/toggle": "^17.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
-		"@testing-library/react": "^16.3.0",
-		"@testing-library/user-event": "^14.4.3",
 		"ast-types": "^0.13.3",
 		"jscodeshift": "^17.0.0",
 		"raf-stub": "^2.0.1",