@atlaskit/modal-dialog 16.1.7 → 16.1.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/modal-dialog
 
+## 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");
@@ -30,7 +30,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 +110,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"));
@@ -112,7 +112,7 @@ var InternalModalWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props,
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.7"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {
@@ -143,7 +143,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,

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/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';

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';
@@ -98,7 +98,7 @@ const InternalModalWrapper = /*#__PURE__*/forwardRef((props, ref) => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.7"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {

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/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';

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';
@@ -103,7 +103,7 @@ var InternalModalWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.1.6"
+    packageVersion: "16.1.7"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {

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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.1.7",
+	"version": "16.1.8",
 	"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.1.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.1.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.2.0",
+		"@atlaskit/top-layer": "^1.10.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",