@atlaskit/modal-dialog 16.3.3 → 16.4.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/modal-dialog
 
+## 16.4.0
+
+### Minor Changes
+
+- [`0075efb228821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0075efb228821) -
+  Autofix: barrel removal (imports + exports)
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.3.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.3.3
 
 ### Patch Changes

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

@@ -20,7 +20,7 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _useCloseOnEscapePress = require("@atlaskit/layering/use-close-on-escape-press");
 var _useLayering2 = require("@atlaskit/layering/use-layering");
-var _motion = require("@atlaskit/motion");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
@@ -113,7 +113,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     value: modalDialogContext
   }, /*#__PURE__*/React.createElement(_scrollContext.ScrollContext.Provider, {
     value: shouldScrollInViewport
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
+  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
     enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
     exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
     onFinish: onMotionFinish,

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

@@ -23,9 +23,9 @@ var _useAutoFocus = _interopRequireDefault(require("@atlaskit/ds-lib/use-auto-fo
 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 _motion = require("@atlaskit/motion");
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _motion = _interopRequireDefault(require("@atlaskit/motion/entering/motion"));
 var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
+var _useExitingPersistence = require("@atlaskit/motion/use-exiting-persistence");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
@@ -92,7 +92,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.3.2"
+    packageVersion: "16.3.4"
   });
 }
 function getScrollMode(_ref) {
@@ -206,7 +206,7 @@ function ModalWrapperTopLayer(props) {
     onStackChange: onStackChange
   });
   var onCloseHandler = useModalCloseHandler(providedOnClose);
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting,
     onExitFinish = _useExitingPersistenc.onFinish;
 
@@ -453,7 +453,7 @@ var ModalWrapperLegacy = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     isDisabled: false
   }, /*#__PURE__*/React.createElement(_portal.default, {
     zIndex: _constants.layers.modal()
-  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.Motion, {
+  }, !UNSAFE_shouldDisableMotionUplift && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-modal') ? /*#__PURE__*/React.createElement(_motion.default, {
     enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
     exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -10,7 +10,7 @@ require("./positioner.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _curves = require("@atlaskit/motion/curves");
-var _durations = require("@atlaskit/motion/durations");
+var _durations = require("@atlaskit/motion/utils/durations");
 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

package/dist/cjs/internal/hooks/use-modal-stack.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _useLazyCallback = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-callback"));
 var _usePreviousValue = _interopRequireDefault(require("@atlaskit/ds-lib/use-previous-value"));
 var _useStateRef3 = _interopRequireDefault(require("@atlaskit/ds-lib/use-state-ref"));
-var _exitingPersistence = require("@atlaskit/motion/exiting-persistence");
+var _useExitingPersistence = require("@atlaskit/motion/use-exiting-persistence");
 /**
  *  ________________________________________________
  * | MAJOR VERSIONS WILL NOT KNOW ABOUT EACH OTHER! |
@@ -30,7 +30,7 @@ var modalStackRegister = [];
  */
 function useModalStack(_ref) {
   var onStackChange = _ref.onStackChange;
-  var _useExitingPersistenc = (0, _exitingPersistence.useExitingPersistence)(),
+  var _useExitingPersistenc = (0, _useExitingPersistence.useExitingPersistence)(),
     isExiting = _useExitingPersistenc.isExiting;
   var _useStateRef = (0, _useStateRef3.default)(0),
     _useStateRef2 = (0, _slicedToArray2.default)(_useStateRef, 2),

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

@@ -10,7 +10,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';

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

@@ -14,9 +14,9 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 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 { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
+import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
@@ -82,7 +82,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.3.2"
+    packageVersion: "16.3.4"
   });
 }
 function getScrollMode({

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

@@ -3,7 +3,7 @@ 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 { durations } from '@atlaskit/motion/utils/durations';
 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;

package/dist/es2019/internal/hooks/use-modal-stack.js

@@ -2,7 +2,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
 
 /**
  *  ________________________________________________

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

@@ -12,7 +12,7 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { useCloseOnEscapePress } from '@atlaskit/layering/use-close-on-escape-press';
 import { useLayering } from '@atlaskit/layering/use-layering';
-import { Motion } from '@atlaskit/motion';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';

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

@@ -15,9 +15,9 @@ import useAutoFocus from '@atlaskit/ds-lib/use-auto-focus';
 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 { Motion } from '@atlaskit/motion';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import Motion from '@atlaskit/motion/entering/motion';
 import FadeIn from '@atlaskit/motion/fade-in';
+import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
@@ -83,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
     action: 'closed',
     componentName: 'modalDialog',
     packageName: "@atlaskit/modal-dialog",
-    packageVersion: "16.3.2"
+    packageVersion: "16.3.4"
   });
 }
 function getScrollMode(_ref) {

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

@@ -3,7 +3,7 @@ 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 { durations } from '@atlaskit/motion/utils/durations';
 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;

package/dist/esm/internal/hooks/use-modal-stack.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import useLazyCallback from '@atlaskit/ds-lib/use-lazy-callback';
 import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
 import useStateRef from '@atlaskit/ds-lib/use-state-ref';
-import { useExitingPersistence } from '@atlaskit/motion/exiting-persistence';
+import { useExitingPersistence } from '@atlaskit/motion/use-exiting-persistence';
 
 /**
  *  ________________________________________________

package/dist/types/internal/hooks/use-on-motion-finish.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
-import type { Transition } from '@atlaskit/motion/types';
+import type { Transition } from '@atlaskit/motion/entering/types';
 import { type ModalDialogProps } from '../../types';
 /**
  * This will run the respective passed in callback functions when modal is

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/modal-dialog",
-	"version": "16.3.3",
+	"version": "16.4.0",
 	"description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,20 +36,20 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/blanket": "^16.2.0",
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/button": "^25.1.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.3.0",
+		"@atlaskit/icon": "^37.4.0",
 		"@atlaskit/layering": "^5.0.0",
-		"@atlaskit/motion": "^8.0.0",
+		"@atlaskit/motion": "^8.2.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/portal": "^6.2.0",
-		"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+		"@atlaskit/primitives": "^22.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/theme": "^28.0.0",
 		"@atlaskit/tokens": "^16.7.0",
-		"@atlaskit/top-layer": "^4.1.0",
+		"@atlaskit/top-layer": "^4.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
@@ -65,25 +65,25 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/avatar": "^27.0.0",
-		"@atlaskit/avatar-group": "^14.0.0",
+		"@atlaskit/avatar-group": "^14.1.0",
 		"@atlaskit/banner": "^15.1.0",
 		"@atlaskit/breadcrumbs": "^17.5.0",
 		"@atlaskit/checkbox": "^19.0.0",
 		"@atlaskit/code": "^19.0.0",
 		"@atlaskit/datetime-picker": "^18.3.0",
 		"@atlaskit/docs": "^12.2.0",
-		"@atlaskit/dropdown-menu": "^18.0.0",
-		"@atlaskit/flag": "^18.2.0",
+		"@atlaskit/dropdown-menu": "^18.1.0",
+		"@atlaskit/flag": "^18.3.0",
 		"@atlaskit/form": "^17.0.0",
 		"@atlaskit/heading": "^7.0.0",
 		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/popup": "^6.0.0",
+		"@atlaskit/popup": "^6.1.0",
 		"@atlaskit/radio": "^10.0.0",
 		"@atlaskit/section-message": "^10.0.0",
-		"@atlaskit/select": "^22.6.0",
-		"@atlaskit/spotlight": "^4.0.0",
+		"@atlaskit/select": "^22.7.0",
+		"@atlaskit/spotlight": "^4.1.0",
 		"@atlaskit/textfield": "^10.0.0",
-		"@atlaskit/tooltip": "^24.0.0",
+		"@atlaskit/tooltip": "^24.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",

package/modal-dialog.docs.tsx

@@ -1,231 +0,0 @@
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-const documentation: StructuredContentSource = {
-	components: [
-		{
-			name: 'Modal',
-			description: 'A modal dialog component for important content.',
-			status: 'general-availability',
-			designSource: {
-				figmaUrl: 'https://go.atlassian.com/figma-library-ads-82128-80670',
-			},
-			import: {
-				name: 'Modal',
-				package: '@atlaskit/modal-dialog',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for immediate task or critical/warning requiring a response; blocking until closed',
-				'Use sparingly—modals are invasive',
-				'One task per modal; limit interactions; no nested modals (inaccessible)',
-				'Anatomy: header (h1 title), close button, body, footer with primary + cancel/close',
-				'Footer: primary button on the right of secondary; multiple dismissal methods (close button, Esc, blanket click, Cancel/Close)',
-				'Use Popup for smaller info + controls; Spotlight for onboarding; Inline message for alert/action',
-			],
-			contentGuidelines: [
-				'Use clear, descriptive titles',
-				'Primary button label should reflect the modal title',
-				'Use action verbs in button labels',
-				'Keep content focused on a single task or message',
-				'Use sentence case for all text',
-			],
-			accessibilityGuidelines: [
-				'Modal must have a title: use title component, or titleId from useModal, or label (avoid if no visual title)',
-				'Close button is required (except rare cases—consult a11y team)',
-				'Do not rely on color alone for severity; provide accessible label for icons',
-				'Focus order: 1) close (or title or container), 2) first focusable, 3) secondary button, 4) primary, 5) return focus to trigger on close',
-				'Dismiss via: close button, Esc, click blanket, Cancel/Close in footer',
-				'Ensure modal content is announced by screen readers',
-				'Ensure keyboard navigation and escape key support',
-				'Maintain focus within modal when open',
-			],
-			examples: [
-				{
-					name: 'Default',
-					description: 'The default form of a modal dialog.',
-					source: path.resolve(__dirname, './examples/constellation/modal-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'dialog', 'popup', 'overlay', 'focused', 'interaction', 'layer'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'ModalHeader',
-			description:
-				'The header section of a modal dialog, typically containing the title and optional close button.',
-			status: 'general-availability',
-			import: {
-				name: 'ModalHeader',
-				package: '@atlaskit/modal-dialog/modal-header',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use as the first child of Modal',
-				'Use hasCloseButton prop for standard close affordance',
-				'Ensure header contains ModalTitle or equivalent for accessibility',
-				'For custom headers, use CloseButton as first element in DOM',
-			],
-			contentGuidelines: ['Use clear, descriptive titles', 'Keep header content focused'],
-			examples: [
-				{
-					name: 'Modal Header',
-					description: 'ModalHeader example',
-					source: path.resolve(__dirname, './examples/constellation/modal-header-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'header', 'title', 'close'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'ModalTitle',
-			description: 'The title element for a modal dialog. Renders as h1 for accessibility.',
-			status: 'general-availability',
-			import: {
-				name: 'ModalTitle',
-				package: '@atlaskit/modal-dialog/modal-title',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use inside ModalHeader for the modal title',
-				'Modal must have a title for accessibility',
-				'Supports any valid React element as children',
-			],
-			contentGuidelines: ['Use clear, descriptive titles', 'Use sentence case'],
-			examples: [
-				{
-					name: 'Modal Title',
-					description: 'ModalTitle example',
-					source: path.resolve(__dirname, './examples/constellation/modal-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'title', 'heading'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'ModalBody',
-			description: 'The main content area of a modal dialog.',
-			status: 'general-availability',
-			import: {
-				name: 'ModalBody',
-				package: '@atlaskit/modal-dialog/modal-body',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for the primary content between header and footer',
-				'Accepts any valid React element as children',
-				'Handles overflow and scrolling when content exceeds viewport',
-			],
-			contentGuidelines: ['Keep content focused on a single task', 'Use clear, readable content'],
-			examples: [
-				{
-					name: 'Modal Body',
-					description: 'ModalBody example',
-					source: path.resolve(__dirname, './examples/constellation/modal-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'body', 'content'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'ModalFooter',
-			description: 'The footer section of a modal dialog, typically containing action buttons.',
-			status: 'general-availability',
-			import: {
-				name: 'ModalFooter',
-				package: '@atlaskit/modal-dialog/modal-footer',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for primary and secondary actions',
-				'Primary button on the right of secondary',
-				'Include Cancel/Close for dismissal',
-				'Accepts any valid React element for custom layouts',
-			],
-			contentGuidelines: [
-				'Primary button label should reflect the modal title',
-				'Use action verbs in button labels',
-			],
-			examples: [
-				{
-					name: 'Modal Footer',
-					description: 'ModalFooter example',
-					source: path.resolve(__dirname, './examples/constellation/modal-footer-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'footer', 'actions', 'buttons'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'ModalTransition',
-			description: 'A wrapper that provides enter/exit transitions for modal content.',
-			status: 'general-availability',
-			import: {
-				name: 'ModalTransition',
-				package: '@atlaskit/modal-dialog/modal-transition',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Wrap Modal with ModalTransition for animated open/close',
-				'Use when modal visibility is controlled by state',
-				'Children mount when visible and unmount when closed',
-			],
-			examples: [
-				{
-					name: 'Modal Transition',
-					description: 'ModalTransition example',
-					source: path.resolve(__dirname, './examples/constellation/modal-default.tsx'),
-				},
-			],
-			keywords: ['modal', 'transition', 'animation'],
-			categories: ['overlay'],
-		},
-		{
-			name: 'CloseButton',
-			description:
-				'An accessible close button for use in custom modal headers. Ensures users have an obvious way to close the modal.',
-			status: 'general-availability',
-			import: {
-				name: 'CloseButton',
-				package: '@atlaskit/modal-dialog/close-button',
-				type: 'named',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use when customizing ModalHeader without hasCloseButton',
-				'Render CloseButton first in DOM for proper focus order',
-				'Use Flex with row-reverse if close should appear on the right',
-				'Provide label prop for custom accessible name',
-			],
-			accessibilityGuidelines: [
-				'Close button is required for modals (consult a11y team for rare exceptions)',
-				'Ensure close button is keyboard accessible',
-			],
-			examples: [
-				{
-					name: 'Close Button',
-					description: 'CloseButton example',
-					source: path.resolve(__dirname, './examples/constellation/modal-header-custom.tsx'),
-				},
-			],
-			keywords: ['modal', 'close', 'button', 'dismiss'],
-			categories: ['overlay'],
-		},
-	],
-};
-
-export default documentation;