@atlaskit/modal-dialog 16.1.7 → 16.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/modal-dialog
 
+## 16.2.0
+
+### Minor Changes
+
+- [`3f6f3bd7da074`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f6f3bd7da074) -
+  Updates usage of the Top Layer primitives to consume changes to animation API.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.1.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.1.7
 
 ### Patch Changes

package/dist/cjs/internal/components/modal-dialog.compiled.css

@@ -1,4 +1,3 @@
-
 ._16jlidpf{flex-grow:0}
 ._1bsb1osq{width:100%}
 ._1dg11kw7>form:only-child{flex-direction:inherit}

package/dist/cjs/internal/components/modal-dialog.js

@@ -1,4 +1,4 @@
-/* modal-dialog.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-dialog.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,18 +7,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-Object.defineProperty(exports, "dialogHeight", {
-  enumerable: true,
-  get: function get() {
-    return _dialogHeight.dialogHeight;
-  }
-});
-Object.defineProperty(exports, "dialogWidth", {
-  enumerable: true,
-  get: function get() {
-    return _dialogWidth.dialogWidth;
-  }
-});
 require("./modal-dialog.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
@@ -30,7 +18,8 @@ var _css = require("@atlaskit/css");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _layering = require("@atlaskit/layering");
+var _useCloseOnEscapePress = require("@atlaskit/layering/use-close-on-escape-press");
+var _useLayering2 = require("@atlaskit/layering/use-layering");
 var _motion = require("@atlaskit/motion");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -109,11 +98,11 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       isFullScreen: isFullScreen
     };
   }, [defaultTestId, titleId, onClose, hasProvidedOnClose, isFullScreen]);
-  (0, _layering.useCloseOnEscapePress)({
+  (0, _useCloseOnEscapePress.useCloseOnEscapePress)({
     onClose: onClose,
     isDisabled: !shouldCloseOnEscapePress
   });
-  var _useLayering = (0, _layering.useLayering)(),
+  var _useLayering = (0, _useLayering2.useLayering)(),
     currentLevel = _useLayering.currentLevel;
   return /*#__PURE__*/React.createElement(_positioner.default, {
     stackIndex: stackIndex,

package/dist/cjs/internal/components/modal-wrapper.compiled.css

@@ -1,4 +1,3 @@
-
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m91wug{overflow-y:auto}
 ._1bsbauwl{width:100vw}

package/dist/cjs/internal/components/modal-wrapper.js

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -20,8 +20,8 @@ var _blanket = _interopRequireDefault(require("@atlaskit/blanket"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-focus"));
 var _useId = require("@atlaskit/ds-lib/use-id");
-var _layering = require("@atlaskit/layering");
-var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
+var _layering = require("@atlaskit/layering/layering");
+var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
 var _motion = require("@atlaskit/motion");
 var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
@@ -37,6 +37,7 @@ var _usePreventProgrammaticScroll = _interopRequireDefault(require("../hooks/use
 var _element = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element");
 var _external = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external");
 var _textSelection = require("../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection");
+var _scrollContext = require("../scroll-context");
 var _dialogHeight = require("./dialog-height");
 var _dialogWidth = require("./dialog-width");
 var _modalDialog = _interopRequireDefault(require("./modal-dialog"));
@@ -112,7 +113,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.8"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -143,7 +144,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
   // Safe conditional hook: feature flags are resolved once at startup.
   if (!(0, _platformFeatureFlags.fg)('platform-dst-top-layer')) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _openLayerObserver.useNotifyOpenLayerObserver)({
+    (0, _useNotifyOpenLayerObserver.useNotifyOpenLayerObserver)({
       type: 'modal',
       // Always open — modal is conditionally rendered when visible.
       isOpen: true,
@@ -315,7 +316,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       id: dialogId,
       onClose: onDialogClose,
       onExitFinish: handleDialogExitFinish,
-      animate: !isFullScreen,
+      shouldAnimate: !isFullScreen,
       isOpen: !isExiting,
       shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
       // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).
@@ -339,7 +340,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       className: (0, _runtime.ax)([topLayerStyles.content, !isFullScreen && topLayerStyles.borderRadius, !isFullScreen && (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && topLayerStyles.borderRadiusT26, !isFullScreen && !shouldScrollInViewport && "_bolhzwhf", !isFullScreen && shouldScrollInViewport && "_1tke1kxc _c71lglyw"])
     }, /*#__PURE__*/React.createElement(_context.ModalContext.Provider, {
       value: modalDialogContext
-    }, /*#__PURE__*/React.createElement(_context.ScrollContext.Provider, {
+    }, /*#__PURE__*/React.createElement(_scrollContext.ScrollContext.Provider, {
       value: shouldScrollInViewport
     }, children))));
   }

package/dist/cjs/internal/components/positioner.js

@@ -1,4 +1,4 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/internal/components/scroll-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._kkes1kw7{flex:inherit}
 ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}

package/dist/cjs/internal/components/scroll-container.js

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/context.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModalContext = void 0;
-Object.defineProperty(exports, "ScrollContext", {
-  enumerable: true,
-  get: function get() {
-    return _scrollContext.ScrollContext;
-  }
-});
 var _react = require("react");
-var _scrollContext = require("./scroll-context");
 /* eslint-disable @repo/internal/react/require-jsdoc */
 var ModalContext = exports.ModalContext = /*#__PURE__*/(0, _react.createContext)(null);

package/dist/cjs/modal-body.js

@@ -1,4 +1,4 @@
-/* modal-body.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-body.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/modal-footer.compiled.css

@@ -1,4 +1,3 @@
-
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/cjs/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/modal-header.js

@@ -1,4 +1,4 @@
-/* modal-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/modal-title.js

@@ -1,4 +1,4 @@
-/* modal-title.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/internal/components/modal-dialog.compiled.css

@@ -1,4 +1,3 @@
-
 ._16jlidpf{flex-grow:0}
 ._1bsb1osq{width:100%}
 ._1dg11kw7>form:only-child{flex-direction:inherit}

package/dist/es2019/internal/components/modal-dialog.js

@@ -1,4 +1,4 @@
-/* modal-dialog.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-dialog.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./modal-dialog.compiled.css";
 import * as React from 'react';
@@ -8,7 +8,8 @@ import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
+import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
+import { useLayering } from '@atlaskit/layering/use-layering';
 import { Motion } from '@atlaskit/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -151,6 +152,4 @@ const ModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc, @atlaskit/volt-strict-mode/no-multiple-exports
-export default ModalDialog;
-export { dialogWidth } from './dialog-width';
-export { dialogHeight } from './dialog-height';
+export default ModalDialog;

package/dist/es2019/internal/components/modal-wrapper.compiled.css

@@ -1,4 +1,3 @@
-
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m91wug{overflow-y:auto}
 ._1bsbauwl{width:100vw}

package/dist/es2019/internal/components/modal-wrapper.js

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./modal-wrapper.compiled.css";
 import * as React from 'react';
@@ -11,8 +11,8 @@ import Blanket from '@atlaskit/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { Layering } from '@atlaskit/layering';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { Layering } from '@atlaskit/layering/layering';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { Motion } from '@atlaskit/motion';
 import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
@@ -22,15 +22,16 @@ import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { layers } from '@atlaskit/theme/constants';
 import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
-import { ModalContext, ScrollContext } from '../context';
+import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
 import usePreventProgrammaticScroll from '../hooks/use-prevent-programmatic-scroll';
 import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
 import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
 import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
+import { ScrollContext } from '../scroll-context';
 import { dialogHeight } from './dialog-height';
 import { dialogWidth as getDialogWidth } from './dialog-width';
-import ModalDialog from './modal-dialog';
+import { default as ModalDialog } from './modal-dialog';
 const fillScreenStyles = null;
 
 // Visual styles for modal content inside native <dialog>.
@@ -98,7 +99,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.8"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {
@@ -300,7 +301,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
       id: dialogId,
       onClose: onDialogClose,
       onExitFinish: handleDialogExitFinish,
-      animate: !isFullScreen,
+      shouldAnimate: !isFullScreen,
       isOpen: !isExiting,
       shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
       // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).

package/dist/es2019/internal/components/positioner.js

@@ -1,4 +1,4 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/components/scroll-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._kkes1kw7{flex:inherit}
 ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}

package/dist/es2019/internal/components/scroll-container.js

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./scroll-container.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useEffect, useRef, useState } from 'react';

package/dist/es2019/internal/context.js

@@ -1,4 +1,3 @@
 import { createContext } from 'react';
 /* eslint-disable @repo/internal/react/require-jsdoc */
-export const ModalContext = /*#__PURE__*/createContext(null);
-export { ScrollContext } from './scroll-context';
+export const ModalContext = /*#__PURE__*/createContext(null);

package/dist/es2019/modal-body.js

@@ -1,4 +1,4 @@
-/* modal-body.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-body.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-body.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/modal-footer.compiled.css

@@ -1,4 +1,3 @@
-
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/es2019/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/modal-header.js

@@ -1,4 +1,4 @@
-/* modal-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/modal-title.js

@@ -1,4 +1,4 @@
-/* modal-title.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/internal/components/modal-dialog.compiled.css

@@ -1,4 +1,3 @@
-
 ._16jlidpf{flex-grow:0}
 ._1bsb1osq{width:100%}
 ._1dg11kw7>form:only-child{flex-direction:inherit}

package/dist/esm/internal/components/modal-dialog.js

@@ -1,4 +1,4 @@
-/* modal-dialog.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-dialog.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";
@@ -10,7 +10,8 @@ import { cx } from '@atlaskit/css';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { useCloseOnEscapePress, useLayering } from '@atlaskit/layering';
+import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
+import { useLayering } from '@atlaskit/layering/use-layering';
 import { Motion } from '@atlaskit/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -161,6 +162,4 @@ var ModalDialog = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc, @atlaskit/volt-strict-mode/no-multiple-exports
-export default ModalDialog;
-export { dialogWidth } from './dialog-width';
-export { dialogHeight } from './dialog-height';
+export default ModalDialog;

package/dist/esm/internal/components/modal-wrapper.compiled.css

@@ -1,4 +1,3 @@
-
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}
 ._18m91wug{overflow-y:auto}
 ._1bsbauwl{width:100vw}

package/dist/esm/internal/components/modal-wrapper.js

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import "./modal-wrapper.compiled.css";
@@ -12,8 +12,8 @@ import Blanket from '@atlaskit/blanket';
 import noop from '@atlaskit/ds-lib/noop';
 import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
-import { Layering } from '@atlaskit/layering';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { Layering } from '@atlaskit/layering/layering';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { Motion } from '@atlaskit/motion';
 import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
 import FadeIn from '@atlaskit/motion/fade-in';
@@ -23,15 +23,16 @@ import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { layers } from '@atlaskit/theme/constants';
 import { createCloseEvent, Dialog } from '@atlaskit/top-layer/dialog';
 import { DialogScrollLock } from '@atlaskit/top-layer/dialog-scroll-lock';
-import { ModalContext, ScrollContext } from '../context';
+import { ModalContext } from '../context';
 import useModalStack from '../hooks/use-modal-stack';
 import usePreventProgrammaticScroll from '../hooks/use-prevent-programmatic-scroll';
 import { disableDraggingToCrossOriginIFramesForElement } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/element';
 import { disableDraggingToCrossOriginIFramesForExternal } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/external';
 import { disableDraggingToCrossOriginIFramesForTextSelection } from '../pragmatic-drag-and-drop/disable-dragging-to-cross-origin-iframes/text-selection';
+import { ScrollContext } from '../scroll-context';
 import { dialogHeight } from './dialog-height';
 import { dialogWidth as getDialogWidth } from './dialog-width';
-import ModalDialog from './modal-dialog';
+import { default as ModalDialog } from './modal-dialog';
 var fillScreenStyles = null;
 
 // Visual styles for modal content inside native <dialog>.
@@ -103,7 +104,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.8"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -306,7 +307,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
       id: dialogId,
       onClose: onDialogClose,
       onExitFinish: handleDialogExitFinish,
-      animate: !isFullScreen,
+      shouldAnimate: !isFullScreen,
       isOpen: !isExiting,
       shouldHideBackdrop: stackIndex > 0 || Boolean(isBlanketHidden)
       // Dialog requires at least one of `label` or `labelledBy` (string, not undefined).

package/dist/esm/internal/components/positioner.js

@@ -1,4 +1,4 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/internal/components/scroll-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._kkes1kw7{flex:inherit}
 ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
 ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}

package/dist/esm/internal/components/scroll-container.js

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./scroll-container.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/internal/context.js

@@ -1,4 +1,3 @@
 import { createContext } from 'react';
 /* eslint-disable @repo/internal/react/require-jsdoc */
-export var ModalContext = /*#__PURE__*/createContext(null);
-export { ScrollContext } from './scroll-context';
+export var ModalContext = /*#__PURE__*/createContext(null);

package/dist/esm/modal-body.js

@@ -1,4 +1,4 @@
-/* modal-body.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-body.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-body.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/modal-footer.compiled.css

@@ -1,4 +1,3 @@
-
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
 ._1bahesu3{justify-content:flex-end}
 ._1e0c1txw{display:flex}

package/dist/esm/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-footer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/modal-header.js

@@ -1,4 +1,4 @@
-/* modal-header.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-header.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/modal-title.js

@@ -1,4 +1,4 @@
-/* modal-title.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./modal-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/types/internal/components/dialog-height.d.ts

@@ -1,2 +1,2 @@
 import type { ModalDialogProps } from '../../types';
-export declare const dialogHeight: (input?: ModalDialogProps["height"]) => string;
+export declare const dialogHeight: (input?: ModalDialogProps['height']) => string;

package/dist/types/internal/components/dialog-width.d.ts

@@ -1,2 +1,2 @@
 import type { ModalDialogProps } from '../../types';
-export declare const dialogWidth: (input?: ModalDialogProps["width"]) => string;
+export declare const dialogWidth: (input?: ModalDialogProps['width']) => string;

package/dist/types/internal/components/modal-dialog.d.ts

@@ -5,5 +5,3 @@
 import type { InternalModalDialogProps } from '../types';
 declare const ModalDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalModalDialogProps> & React.RefAttributes<HTMLElement>>;
 export default ModalDialog;
-export { dialogWidth } from './dialog-width';
-export { dialogHeight } from './dialog-height';

package/dist/types/internal/context.d.ts

@@ -27,4 +27,3 @@ export type ModalAttributes = {
     isFullScreen: boolean;
 };
 export declare const ModalContext: Context<ModalAttributes | null>;
-export { ScrollContext } from './scroll-context';

package/dist/types/modal-transition.d.ts

@@ -9,5 +9,5 @@ import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persisten
  * - [Code](https://atlassian.design/components/modal-dialog/code)
  * - [Usage](https://atlassian.design/components/modal-dialog/usage)
  */
-declare const ModalTransition: (props: Pick<ExitingPersistenceProps, "children">) => React.JSX.Element;
+declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => React.JSX.Element;
 export default ModalTransition;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.1.7",
+	"version": "16.2.0",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,19 +39,19 @@
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.0.0",
-		"@atlaskit/layering": "^4.1.0",
-		"@atlaskit/motion": "^7.3.0",
-		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/layering": "^5.0.0",
+		"@atlaskit/motion": "^7.5.0",
+		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/portal": "^6.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^22.0.0",
+		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tokens": "^16.0.0",
-		"@atlaskit/top-layer": "^1.8.0",
+		"@atlaskit/tokens": "^16.3.0",
+		"@atlaskit/top-layer": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.20.0",
+		"@compiled/react": "^1.0.0",
 		"bind-event-listener": "^3.0.0",
 		"raf-schd": "^4.0.3",
 		"react-focus-lock": "^2.9.5",
@@ -64,26 +64,26 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^26.2.0",
-		"@atlaskit/avatar-group": "^13.1.0",
+		"@atlaskit/avatar": "^26.3.0",
+		"@atlaskit/avatar-group": "^13.2.0",
 		"@atlaskit/banner": "^15.1.0",
 		"@atlaskit/breadcrumbs": "^17.5.0",
 		"@atlaskit/checkbox": "^18.2.0",
 		"@atlaskit/code": "^18.2.0",
-		"@atlaskit/datetime-picker": "^18.1.0",
+		"@atlaskit/datetime-picker": "^18.2.0",
 		"@atlaskit/docs": "^12.1.0",
-		"@atlaskit/dropdown-menu": "^17.1.0",
+		"@atlaskit/dropdown-menu": "^17.2.0",
 		"@atlaskit/flag": "^18.2.0",
 		"@atlaskit/form": "^16.1.0",
 		"@atlaskit/heading": "^6.2.0",
 		"@atlaskit/link": "^4.3.0",
-		"@atlaskit/popup": "^5.1.0",
+		"@atlaskit/popup": "^5.2.0",
 		"@atlaskit/radio": "^9.1.0",
 		"@atlaskit/section-message": "^9.2.0",
-		"@atlaskit/select": "^22.5.0",
+		"@atlaskit/select": "^22.6.0",
 		"@atlaskit/spotlight": "^3.0.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tooltip": "^23.1.0",
+		"@atlaskit/tooltip": "^23.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",