@atlaskit/modal-dialog 14.3.13 → 14.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/modal-dialog
 
+## 14.4.0
+
+### Minor Changes
+
+- [`76a0ea5849a69`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/76a0ea5849a69) -
+  Increases the specificity on the top inset positioning the Modal Dialog to be !important to reduce
+  the impact of Compiled consumption issues in DC and Ecosystem.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 14.3.13
 
 ### Patch Changes

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

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

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

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -87,7 +87,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.3.12"
+    packageVersion: "0.0.0-development"
   });
   var onBlanketClicked = (0, _react.useCallback)(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/cjs/internal/components/positioner.compiled.css

@@ -13,4 +13,4 @@
 ._t9ec1b95{transform:translateY(var(--modal-dialog-translate-y))}
 ._t9ecglyw{transform:none}
 @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
-@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._5ee41nf8{inset-block-start:60px!important}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41wqb{inset-block-start:60px}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
+@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41nf8{inset-block-start:60px!important}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}

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

@@ -1,4 +1,4 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -11,7 +11,6 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _curves = require("@atlaskit/motion/curves");
 var _durations = require("@atlaskit/motion/durations");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("@atlaskit/theme/constants");
 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); }
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
@@ -25,14 +24,9 @@ var stackStyles = {
 // Hardcoded pixels are based off a 60px base gutter
 var scrollStyles = {
   viewport: "_4t3i1wug _kqswh2mm _1f6n1wqb _1eot1wug _eoawglyw",
-  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41wqb _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
+  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41nf8 _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
   fullScreen: ""
 };
-
-/**
- * TODO: when tidying this feature gate, add `!important` to `scrollStyles.body`
- */
-var importantBodyFeatureGateStyles = null;
 function getScrollBehavior(_ref) {
   var isFullScreen = _ref.isFullScreen,
     shouldScrollInViewport = _ref.shouldScrollInViewport;
@@ -63,7 +57,7 @@ var Positioner = function Positioner(props) {
       transitionTimingFunction: _curves.easeInOut
     },
     "data-testid": testId && "".concat(testId, "--positioner"),
-    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior], scrollBehavior === 'body' && (0, _platformFeatureFlags.fg)('platform_dst_modal_dialog_AFBH_1489') && "_5ee41nf8"])
+    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior]])
   }, children);
 };
 

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

@@ -1,14 +1,13 @@
 
+._kkes1kw7{flex:inherit}
 ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
 ._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._1e0c1kw7{display:inherit}
-._1o9zkb7n{flex-shrink:1}
 ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
 ._1reo15vq{overflow-x:hidden}
 ._2lx21kw7{flex-direction:inherit}
 ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
-._i0dl1kw7{flex-basis:inherit}
 @media (min-width:30rem){._1jykn7od{height:unset}._wzg61wug{overflow-y:auto}}

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

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -21,7 +21,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 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 keylineColor = "var(--ds-border, #091E4224)";
 var styles = {
-  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
+  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
   topKeyline: "_mqm2187z",
   bottomKeyline: "_179r187z"
 };

package/dist/cjs/modal-body.js

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

package/dist/cjs/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 "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.36.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 "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.36.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* modal-dialog.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-dialog.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./modal-dialog.compiled.css";
 import * as React from 'react';

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

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./modal-wrapper.compiled.css";
 import * as React from 'react';
@@ -74,7 +74,7 @@ const InternalModalWrapper = props => {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.3.12"
+    packageVersion: "0.0.0-development"
   });
   const onBlanketClicked = useCallback(e => {
     if (shouldCloseOnOverlayClick) {

package/dist/es2019/internal/components/positioner.compiled.css

@@ -13,4 +13,4 @@
 ._t9ec1b95{transform:translateY(var(--modal-dialog-translate-y))}
 ._t9ecglyw{transform:none}
 @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
-@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._5ee41nf8{inset-block-start:60px!important}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41wqb{inset-block-start:60px}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
+@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41nf8{inset-block-start:60px!important}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}

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

@@ -1,10 +1,9 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/durations';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 const positionerStyles = null;
@@ -17,14 +16,9 @@ const stackStyles = {
 // Hardcoded pixels are based off a 60px base gutter
 const scrollStyles = {
   viewport: "_4t3i1wug _kqswh2mm _1f6n1wqb _1eot1wug _eoawglyw",
-  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41wqb _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
+  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41nf8 _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
   fullScreen: ""
 };
-
-/**
- * TODO: when tidying this feature gate, add `!important` to `scrollStyles.body`
- */
-const importantBodyFeatureGateStyles = null;
 function getScrollBehavior({
   isFullScreen,
   shouldScrollInViewport
@@ -58,7 +52,7 @@ const Positioner = props => {
       transitionTimingFunction: easeInOut
     },
     "data-testid": testId && `${testId}--positioner`,
-    className: ax(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior], scrollBehavior === 'body' && fg('platform_dst_modal_dialog_AFBH_1489') && "_5ee41nf8"])
+    className: ax(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior]])
   }, children);
 };
 

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

@@ -1,14 +1,13 @@
 
+._kkes1kw7{flex:inherit}
 ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
 ._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._1e0c1kw7{display:inherit}
-._1o9zkb7n{flex-shrink:1}
 ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
 ._1reo15vq{overflow-x:hidden}
 ._2lx21kw7{flex-direction:inherit}
 ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
-._i0dl1kw7{flex-basis:inherit}
 @media (min-width:30rem){._1jykn7od{height:unset}._wzg61wug{overflow-y:auto}}

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

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./scroll-container.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
@@ -11,7 +11,7 @@ import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import { Focusable } from '@atlaskit/primitives/compiled';
 const keylineColor = "var(--ds-border, #091E4224)";
 const styles = {
-  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
+  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
   topKeyline: "_mqm2187z",
   bottomKeyline: "_179r187z"
 };

package/dist/es2019/modal-body.js

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

package/dist/es2019/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.36.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.36.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./modal-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* modal-dialog.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-dialog.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _typeof from "@babel/runtime/helpers/typeof";

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

@@ -1,4 +1,4 @@
-/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./modal-wrapper.compiled.css";
 import * as React from 'react';
@@ -78,7 +78,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "14.3.12"
+    packageVersion: "0.0.0-development"
   });
   var onBlanketClicked = useCallback(function (e) {
     if (shouldCloseOnOverlayClick) {

package/dist/esm/internal/components/positioner.compiled.css

@@ -13,4 +13,4 @@
 ._t9ec1b95{transform:translateY(var(--modal-dialog-translate-y))}
 ._t9ecglyw{transform:none}
 @media (prefers-reduced-motion:reduce){._1bumglyw{animation:none}._sedtglyw{transition:none}}
-@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._5ee41nf8{inset-block-start:60px!important}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41wqb{inset-block-start:60px}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
+@media (min-width:30rem){._1f6n1wqb{margin-block:60px}._1eot1wug{margin-inline:auto}._eoawglyw{pointer-events:none}._we1i18uh{max-width:calc(100vw - 90pt)}._e8uozwhf{max-height:calc(100vh - 119px)}._y1k5stnw{position:absolute}._5ee41nf8{inset-block-start:60px!important}._1urridpf{inset-inline-end:0}._1juqidpf{inset-inline-start:0}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}

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

@@ -1,10 +1,9 @@
-/* positioner.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* positioner.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./positioner.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { easeInOut } from '@atlaskit/motion/curves';
 import { durations } from '@atlaskit/motion/durations';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { layers } from '@atlaskit/theme/constants';
 // Flex and min-content are set to constrain the height of the body and support multi-column scrolling experiences
 var positionerStyles = null;
@@ -17,14 +16,9 @@ var stackStyles = {
 // Hardcoded pixels are based off a 60px base gutter
 var scrollStyles = {
   viewport: "_4t3i1wug _kqswh2mm _1f6n1wqb _1eot1wug _eoawglyw",
-  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41wqb _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
+  body: "_we1i18uh _e8uozwhf _y1k5stnw _5ee41nf8 _1urridpf _1juqidpf _yakv1wug _4lht1wug _eoawglyw",
   fullScreen: ""
 };
-
-/**
- * TODO: when tidying this feature gate, add `!important` to `scrollStyles.body`
- */
-var importantBodyFeatureGateStyles = null;
 function getScrollBehavior(_ref) {
   var isFullScreen = _ref.isFullScreen,
     shouldScrollInViewport = _ref.shouldScrollInViewport;
@@ -55,7 +49,7 @@ var Positioner = function Positioner(props) {
       transitionTimingFunction: easeInOut
     },
     "data-testid": testId && "".concat(testId, "--positioner"),
-    className: ax(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior], scrollBehavior === 'body' && fg('platform_dst_modal_dialog_AFBH_1489') && "_5ee41nf8"])
+    className: ax(["_1e0c1txw _1bsb1osq _p12f1osq _4t3i1osq _kqsw1n9t _1pby16oo _2lx21bp4 _152tidpf _1e02idpf", stackStyles.stackTransition, stackIndex > 0 ? stackStyles.stackTransform : stackStyles.stackIdle, scrollStyles[scrollBehavior]])
   }, children);
 };
 

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

@@ -1,14 +1,13 @@
 
+._kkes1kw7{flex:inherit}
 ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
 ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
 ._16jlkb7n{flex-grow:1}
 ._18m91wug{overflow-y:auto}
 ._1e0c1kw7{display:inherit}
-._1o9zkb7n{flex-shrink:1}
 ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
 ._1reo15vq{overflow-x:hidden}
 ._2lx21kw7{flex-direction:inherit}
 ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
-._i0dl1kw7{flex-basis:inherit}
 @media (min-width:30rem){._1jykn7od{height:unset}._wzg61wug{overflow-y:auto}}

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

@@ -1,4 +1,4 @@
-/* scroll-container.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* scroll-container.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./scroll-container.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -12,7 +12,7 @@ import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import { Focusable } from '@atlaskit/primitives/compiled';
 var keylineColor = "var(--ds-border, #091E4224)";
 var styles = {
-  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
+  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
   topKeyline: "_mqm2187z",
   bottomKeyline: "_179r187z"
 };

package/dist/esm/modal-body.js

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

package/dist/esm/modal-footer.js

@@ -1,4 +1,4 @@
-/* modal-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* modal-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.36.1 */
+/* modal-header.tsx generated by @compiled/babel-plugin v0.38.1 */
 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.36.1 */
+/* modal-title.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./modal-title.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/offerings.json

@@ -0,0 +1,37 @@
+[
+	{
+		"name": "Modal",
+		"package": "@atlaskit/modal-dialog",
+		"import": {
+			"name": "Modal",
+			"package": "@atlaskit/modal-dialog",
+			"type": "default"
+		},
+		"keywords": ["modal", "dialog", "popup", "overlay", "focused", "interaction", "layer"],
+		"categories": ["overlay"],
+		"shortDescription": "A modal dialog component for important content.",
+		"status": "general-availability",
+		"accessibilityGuidelines": [
+			"Ensure modal content is announced by screen readers",
+			"Provide appropriate focus management",
+			"Use clear, descriptive modal titles",
+			"Ensure keyboard navigation and escape key support",
+			"Maintain focus within modal when open"
+		],
+		"usageGuidelines": [
+			"Use for important content that requires user attention",
+			"Keep modal content focused on a single task",
+			"Provide clear action buttons",
+			"Use appropriate modal sizes for content",
+			"Consider mobile responsiveness"
+		],
+		"contentGuidelines": [
+			"Use clear, descriptive titles",
+			"Keep content focused on a single task or message",
+			"Include clear action buttons",
+			"Use sentence case for all text",
+			"Provide clear next steps"
+		],
+		"examples": ["./examples/constellation/modal-default.tsx"]
+	}
+]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "14.3.13",
+	"version": "14.4.0",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,15 +31,15 @@
 		"@atlaskit/blanket": "^15.0.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/motion": "^5.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -63,16 +63,16 @@
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/datetime-picker": "^17.0.0",
-		"@atlaskit/docs": "^11.0.0",
+		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/flag": "^17.4.0",
-		"@atlaskit/form": "^12.5.0",
+		"@atlaskit/form": "^14.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/popup": "^4.3.0",
+		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/radio": "^8.3.0",
 		"@atlaskit/section-message": "^8.7.0",
-		"@atlaskit/select": "^21.2.0",
+		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
@@ -127,9 +127,6 @@
 		},
 		"platform_ads_explicit_font_styles": {
 			"type": "boolean"
-		},
-		"platform_dst_modal_dialog_AFBH_1489": {
-			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/modal-dialog/"