@atlaskit/modal-dialog 16.5.4 → 16.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/internal/components/modal-dialog.compiled.css +1 -1
  3. package/dist/cjs/internal/components/modal-dialog.js +13 -12
  4. package/dist/cjs/internal/components/modal-wrapper.js +1 -1
  5. package/dist/es2019/internal/components/modal-dialog.compiled.css +1 -1
  6. package/dist/es2019/internal/components/modal-dialog.js +12 -14
  7. package/dist/es2019/internal/components/modal-wrapper.js +1 -1
  8. package/dist/esm/internal/components/modal-dialog.compiled.css +1 -1
  9. package/dist/esm/internal/components/modal-dialog.js +13 -12
  10. package/dist/esm/internal/components/modal-wrapper.js +1 -1
  11. package/package.json +31 -34
  12. package/report.api.md +0 -142
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 16.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d20edab2fda3a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d20edab2fda3a) -
8
+ Cleaned up new shape theme styles, making new border and radius values the default.
9
+
10
+ ## 16.6.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
15
+ Remove stale API report artifacts from published Platform packages.
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 16.5.4
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/internal/components/modal-dialog.compiled.css CHANGED
@@ -23,5 +23,5 @@
23
23
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
24
24
  ._ra3xnqa1:focus-visible{outline-style:solid}
25
25
  @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
26
- @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxfajl{border-radius:var(--ds-radius-small,3px)}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
26
+ @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
27
27
  @media (max-width:29.9375rem){._1if81osq{height:100%}}
package/dist/cjs/internal/components/modal-dialog.js CHANGED
@@ -37,8 +37,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
37
37
  var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
38
38
  var dialogStyles = {
39
39
  root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
40
- borderRadius: "_epkxfajl",
41
- borderRadiusT26Shape: "_epkxpb1k",
40
+ borderRadius: "_epkxpb1k",
42
41
  motion: "_c71l1kw7 _p12f1kw7 _1e0c1txw _1jyk1jm9 _1if81osq",
43
42
  rootMotion: "_yakv1wug _4lht1wug",
44
43
  fullscreen: "_1jyk1osq"
@@ -69,15 +68,17 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
69
68
  var titleId = "modal-dialog-title-".concat(id);
70
69
  var defaultTestId = testId || 'modal-dialog';
71
70
  (0, _react.useEffect)(function () {
72
- // Modal dialogs can appear on top of iframe elements that are on another domain.
73
- // There is a Chrome bug where drag and drop in an element on top of a cross domain
74
- // iframe is not working. We are applying the workaround for this bug in modal so
75
- // that consumers of our modal don't have to worry about this bug and are free to
76
- // create whatever drag and drop experience they like inside a modal
77
- //
78
- // Chrome bug: https://issues.chromium.org/issues/362301053
71
+ return (
72
+ // Modal dialogs can appear on top of iframe elements that are on another domain.
73
+ // There is a Chrome bug where drag and drop in an element on top of a cross domain
74
+ // iframe is not working. We are applying the workaround for this bug in modal so
75
+ // that consumers of our modal don't have to worry about this bug and are free to
76
+ // create whatever drag and drop experience they like inside a modal
77
+ //
78
+ // Chrome bug: https://issues.chromium.org/issues/362301053
79
79
 
80
- return (0, _combine.combine)((0, _element.disableDraggingToCrossOriginIFramesForElement)(), (0, _textSelection.disableDraggingToCrossOriginIFramesForTextSelection)(), (0, _external.disableDraggingToCrossOriginIFramesForExternal)());
80
+ (0, _combine.combine)((0, _element.disableDraggingToCrossOriginIFramesForElement)(), (0, _textSelection.disableDraggingToCrossOriginIFramesForTextSelection)(), (0, _external.disableDraggingToCrossOriginIFramesForExternal)())
81
+ );
81
82
  }, []);
82
83
  (0, _useAutoFocus.default)(autoFocus,
83
84
  // When a user supplies a ref to focus we enable this hook
@@ -140,7 +141,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
140
141
  tabIndex: -1,
141
142
  "aria-modal": true,
142
143
  "data-ds--level": currentLevel,
143
- className: (0, _runtime.ax)([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _fg.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
144
+ className: (0, _runtime.ax)([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
144
145
  }, children)) : /*#__PURE__*/React.createElement(_fadeIn.default
145
146
  /**
146
147
  * We don't want a 'slide in' for the full screen modals.
@@ -158,7 +159,7 @@ var ModalDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
158
159
  '--modal-dialog-height': (0, _dialogHeight.dialogHeight)(height)
159
160
  },
160
161
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
161
- className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && (0, _fg.fg)('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
162
+ className: (0, _runtime.ax)([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
162
163
  role: "dialog",
163
164
  "aria-labelledby": label ? undefined : titleId,
164
165
  "data-testid": defaultTestId,
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -93,7 +93,7 @@ function useModalCloseHandler(providedOnClose) {
93
93
  action: 'closed',
94
94
  componentName: 'modalDialog',
95
95
  packageName: "@atlaskit/modal-dialog",
96
- packageVersion: "16.5.3"
96
+ packageVersion: "16.6.0"
97
97
  });
98
98
  }
99
99
  function getScrollMode(_ref) {
package/dist/es2019/internal/components/modal-dialog.compiled.css CHANGED
@@ -23,5 +23,5 @@
23
23
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
24
24
  ._ra3xnqa1:focus-visible{outline-style:solid}
25
25
  @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
26
- @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxfajl{border-radius:var(--ds-radius-small,3px)}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
26
+ @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
27
27
  @media (max-width:29.9375rem){._1if81osq{height:100%}}
package/dist/es2019/internal/components/modal-dialog.js CHANGED
@@ -26,8 +26,7 @@ import Positioner from './positioner';
26
26
  const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
27
27
  const dialogStyles = {
28
28
  root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
29
- borderRadius: "_epkxfajl",
30
- borderRadiusT26Shape: "_epkxpb1k",
29
+ borderRadius: "_epkxpb1k",
31
30
  motion: "_c71l1kw7 _p12f1kw7 _1e0c1txw _1jyk1jm9 _1if81osq",
32
31
  rootMotion: "_yakv1wug _4lht1wug",
33
32
  fullscreen: "_1jyk1osq"
@@ -55,17 +54,16 @@ const ModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
55
54
  const id = useId();
56
55
  const titleId = `modal-dialog-title-${id}`;
57
56
  const defaultTestId = testId || 'modal-dialog';
58
- useEffect(() => {
59
- // Modal dialogs can appear on top of iframe elements that are on another domain.
60
- // There is a Chrome bug where drag and drop in an element on top of a cross domain
61
- // iframe is not working. We are applying the workaround for this bug in modal so
62
- // that consumers of our modal don't have to worry about this bug and are free to
63
- // create whatever drag and drop experience they like inside a modal
64
- //
65
- // Chrome bug: https://issues.chromium.org/issues/362301053
57
+ useEffect(() =>
58
+ // Modal dialogs can appear on top of iframe elements that are on another domain.
59
+ // There is a Chrome bug where drag and drop in an element on top of a cross domain
60
+ // iframe is not working. We are applying the workaround for this bug in modal so
61
+ // that consumers of our modal don't have to worry about this bug and are free to
62
+ // create whatever drag and drop experience they like inside a modal
63
+ //
64
+ // Chrome bug: https://issues.chromium.org/issues/362301053
66
65
 
67
- return combine(disableDraggingToCrossOriginIFramesForElement(), disableDraggingToCrossOriginIFramesForTextSelection(), disableDraggingToCrossOriginIFramesForExternal());
68
- }, []);
66
+ combine(disableDraggingToCrossOriginIFramesForElement(), disableDraggingToCrossOriginIFramesForTextSelection(), disableDraggingToCrossOriginIFramesForExternal()), []);
69
67
  useAutoFocus(autoFocus,
70
68
  // When a user supplies a ref to focus we enable this hook
71
69
  typeof autoFocus === 'object');
@@ -123,7 +121,7 @@ const ModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
123
121
  tabIndex: -1,
124
122
  "aria-modal": true,
125
123
  "data-ds--level": currentLevel,
126
- className: ax([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && fg('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
124
+ className: ax([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
127
125
  }, children)) : /*#__PURE__*/React.createElement(FadeIn
128
126
  /**
129
127
  * We don't want a 'slide in' for the full screen modals.
@@ -140,7 +138,7 @@ const ModalDialog = /*#__PURE__*/forwardRef((props, ref) => {
140
138
  '--modal-dialog-height': dialogHeight(height)
141
139
  },
142
140
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
143
- className: ax([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && fg('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
141
+ className: ax([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
144
142
  role: "dialog",
145
143
  "aria-labelledby": label ? undefined : titleId,
146
144
  "data-testid": defaultTestId,
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -83,7 +83,7 @@ function useModalCloseHandler(providedOnClose) {
83
83
  action: 'closed',
84
84
  componentName: 'modalDialog',
85
85
  packageName: "@atlaskit/modal-dialog",
86
- packageVersion: "16.5.3"
86
+ packageVersion: "16.6.0"
87
87
  });
88
88
  }
89
89
  function getScrollMode({
package/dist/esm/internal/components/modal-dialog.compiled.css CHANGED
@@ -23,5 +23,5 @@
23
23
  ._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
24
24
  ._ra3xnqa1:focus-visible{outline-style:solid}
25
25
  @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
26
- @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxfajl{border-radius:var(--ds-radius-small,3px)}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
26
+ @media (min-width:30rem){._1jyk1jm9{height:var(--modal-dialog-height,auto)}._1jyk1osq{height:100%}._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkxpb1k{border-radius:var(--ds-radius-xlarge,9pt)}._we1i1kw7{max-width:inherit}._zg7p130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}._yakv1wug{margin-inline-end:auto}._4lht1wug{margin-inline-start:auto}}
27
27
  @media (max-width:29.9375rem){._1if81osq{height:100%}}
package/dist/esm/internal/components/modal-dialog.js CHANGED
@@ -28,8 +28,7 @@ import Positioner from './positioner';
28
28
  var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
29
29
  var dialogStyles = {
30
30
  root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syazi7uo _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1v1w _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p130s _yakv1kw7 _4lht1kw7 _1xlt6m9r",
31
- borderRadius: "_epkxfajl",
32
- borderRadiusT26Shape: "_epkxpb1k",
31
+ borderRadius: "_epkxpb1k",
33
32
  motion: "_c71l1kw7 _p12f1kw7 _1e0c1txw _1jyk1jm9 _1if81osq",
34
33
  rootMotion: "_yakv1wug _4lht1wug",
35
34
  fullscreen: "_1jyk1osq"
@@ -60,15 +59,17 @@ var ModalDialog = /*#__PURE__*/forwardRef(function (props, ref) {
60
59
  var titleId = "modal-dialog-title-".concat(id);
61
60
  var defaultTestId = testId || 'modal-dialog';
62
61
  useEffect(function () {
63
- // Modal dialogs can appear on top of iframe elements that are on another domain.
64
- // There is a Chrome bug where drag and drop in an element on top of a cross domain
65
- // iframe is not working. We are applying the workaround for this bug in modal so
66
- // that consumers of our modal don't have to worry about this bug and are free to
67
- // create whatever drag and drop experience they like inside a modal
68
- //
69
- // Chrome bug: https://issues.chromium.org/issues/362301053
62
+ return (
63
+ // Modal dialogs can appear on top of iframe elements that are on another domain.
64
+ // There is a Chrome bug where drag and drop in an element on top of a cross domain
65
+ // iframe is not working. We are applying the workaround for this bug in modal so
66
+ // that consumers of our modal don't have to worry about this bug and are free to
67
+ // create whatever drag and drop experience they like inside a modal
68
+ //
69
+ // Chrome bug: https://issues.chromium.org/issues/362301053
70
70
 
71
- return combine(disableDraggingToCrossOriginIFramesForElement(), disableDraggingToCrossOriginIFramesForTextSelection(), disableDraggingToCrossOriginIFramesForExternal());
71
+ combine(disableDraggingToCrossOriginIFramesForElement(), disableDraggingToCrossOriginIFramesForTextSelection(), disableDraggingToCrossOriginIFramesForExternal())
72
+ );
72
73
  }, []);
73
74
  useAutoFocus(autoFocus,
74
75
  // When a user supplies a ref to focus we enable this hook
@@ -131,7 +132,7 @@ var ModalDialog = /*#__PURE__*/forwardRef(function (props, ref) {
131
132
  tabIndex: -1,
132
133
  "aria-modal": true,
133
134
  "data-ds--level": currentLevel,
134
- className: ax([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && fg('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
135
+ className: ax([dialogStyles.root, dialogStyles.rootMotion, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7"])
135
136
  }, children)) : /*#__PURE__*/React.createElement(FadeIn
136
137
  /**
137
138
  * We don't want a 'slide in' for the full screen modals.
@@ -149,7 +150,7 @@ var ModalDialog = /*#__PURE__*/forwardRef(function (props, ref) {
149
150
  '--modal-dialog-height': dialogHeight(height)
150
151
  },
151
152
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
152
- className: ax([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, !isFullScreen && fg('platform-dst-shape-theme-default') && dialogStyles.borderRadiusT26Shape, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
153
+ className: ax([dialogStyles.root, !isFullScreen && dialogStyles.borderRadius, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
153
154
  role: "dialog",
154
155
  "aria-labelledby": label ? undefined : titleId,
155
156
  "data-testid": defaultTestId,
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -84,7 +84,7 @@ function useModalCloseHandler(providedOnClose) {
84
84
  action: 'closed',
85
85
  componentName: 'modalDialog',
86
86
  packageName: "@atlaskit/modal-dialog",
87
- packageVersion: "16.5.3"
87
+ packageVersion: "16.6.0"
88
88
  });
89
89
  }
90
90
  function getScrollMode(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "16.5.4",
3
+ "version": "16.6.1",
4
4
  "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,21 +34,21 @@
34
34
  "watch": "tsc --watch --noEmit --project './tsconfig.json'"
35
35
  },
36
36
  "dependencies": {
37
- "@atlaskit/analytics-next": "^12.4.0",
38
- "@atlaskit/blanket": "^16.3.0",
39
- "@atlaskit/button": "^25.2.0",
37
+ "@atlaskit/analytics-next": "^12.5.0",
38
+ "@atlaskit/blanket": "^16.4.0",
39
+ "@atlaskit/button": "^25.3.0",
40
40
  "@atlaskit/css": "^1.1.0",
41
41
  "@atlaskit/ds-lib": "^8.0.0",
42
- "@atlaskit/icon": "^37.5.0",
43
- "@atlaskit/layering": "^5.1.0",
44
- "@atlaskit/motion": "^8.5.0",
45
- "@atlaskit/platform-feature-flags": "^2.1.0",
46
- "@atlaskit/portal": "^6.3.0",
47
- "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
48
- "@atlaskit/primitives": "^22.4.0",
42
+ "@atlaskit/icon": "^37.6.0",
43
+ "@atlaskit/layering": "^5.2.0",
44
+ "@atlaskit/motion": "^8.6.0",
45
+ "@atlaskit/platform-feature-flags": "^2.2.0",
46
+ "@atlaskit/portal": "^6.4.0",
47
+ "@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
48
+ "@atlaskit/primitives": "^22.5.0",
49
49
  "@atlaskit/react-compiler-gating": "^0.2.0",
50
- "@atlaskit/theme": "^28.1.0",
51
- "@atlaskit/tokens": "^16.9.0",
50
+ "@atlaskit/theme": "^28.2.0",
51
+ "@atlaskit/tokens": "^16.11.0",
52
52
  "@atlaskit/top-layer": "^4.4.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@compiled/react": "^1.0.2",
@@ -64,27 +64,27 @@
64
64
  "@af/accessibility-testing": "workspace:^",
65
65
  "@af/integration-testing": "workspace:^",
66
66
  "@af/visual-regression": "workspace:^",
67
- "@atlaskit/avatar": "^27.2.0",
68
- "@atlaskit/avatar-group": "^14.2.0",
69
- "@atlaskit/banner": "^15.2.0",
70
- "@atlaskit/breadcrumbs": "^17.6.0",
71
- "@atlaskit/checkbox": "^19.1.0",
72
- "@atlaskit/code": "^19.1.0",
73
- "@atlaskit/datetime-picker": "^18.4.0",
67
+ "@atlaskit/avatar": "^28.0.0",
68
+ "@atlaskit/avatar-group": "^14.3.0",
69
+ "@atlaskit/banner": "^15.3.0",
70
+ "@atlaskit/breadcrumbs": "^17.7.0",
71
+ "@atlaskit/checkbox": "^19.2.0",
72
+ "@atlaskit/code": "^19.2.0",
73
+ "@atlaskit/datetime-picker": "^18.5.0",
74
74
  "@atlaskit/docs": "^12.2.0",
75
- "@atlaskit/dropdown-menu": "^18.2.0",
76
- "@atlaskit/flag": "^18.4.0",
77
- "@atlaskit/form": "^17.1.0",
78
- "@atlaskit/heading": "^7.1.0",
75
+ "@atlaskit/dropdown-menu": "^18.3.0",
76
+ "@atlaskit/flag": "^18.5.0",
77
+ "@atlaskit/form": "^17.2.0",
78
+ "@atlaskit/heading": "^7.2.0",
79
79
  "@atlaskit/link": "^5.1.0",
80
- "@atlaskit/popup": "^6.2.0",
81
- "@atlaskit/radio": "^10.1.0",
82
- "@atlaskit/section-message": "^10.1.0",
83
- "@atlaskit/select": "^22.10.0",
80
+ "@atlaskit/popup": "^6.3.0",
81
+ "@atlaskit/radio": "^10.2.0",
82
+ "@atlaskit/section-message": "^10.2.0",
83
+ "@atlaskit/select": "^22.11.0",
84
84
  "@atlaskit/spotlight": "^4.2.0",
85
- "@atlaskit/textfield": "^10.1.0",
86
- "@atlaskit/tooltip": "^24.2.0",
87
- "@atlassian/feature-flags-test-utils": "^1.2.0",
85
+ "@atlaskit/textfield": "^10.2.0",
86
+ "@atlaskit/tooltip": "^24.3.0",
87
+ "@atlassian/feature-flags-test-utils": "^1.3.0",
88
88
  "@atlassian/ssr-tests": "workspace:^",
89
89
  "@atlassian/structured-docs-types": "workspace:^",
90
90
  "@atlassian/testing-library": "^0.11.0",
@@ -106,9 +106,6 @@
106
106
  "platform_modal-dialog-heading-icon-a11y-fix": {
107
107
  "type": "boolean"
108
108
  },
109
- "platform-dst-shape-theme-default": {
110
- "type": "boolean"
111
- },
112
109
  "platform-dst-motion-uplift-modal": {
113
110
  "type": "boolean"
114
111
  },
package/report.api.md DELETED
@@ -1,142 +0,0 @@
1
- <!-- API Report Version: 2.3 -->
2
-
3
- ## API Report File for "@atlaskit/modal-dialog"
4
-
5
- > Do not edit this file. This report is auto-generated using
6
- > [API Extractor](https://api-extractor.com/).
7
- > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
8
-
9
- ### Table of contents
10
-
11
- - [Main Entry Types](#main-entry-types)
12
- - [Peer Dependencies](#peer-dependencies)
13
-
14
- ### Main Entry Types
15
-
16
- <!--SECTION START: Main Entry Types-->
17
-
18
- ```ts
19
- /// <reference types="react" />
20
-
21
- import { ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
22
- import { jsx } from '@emotion/react';
23
- import { default as React_2 } from 'react';
24
- import { ReactNode } from 'react';
25
- import { RefObject } from 'react';
26
- import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
27
-
28
- // @public (undocumented)
29
- export type Appearance = 'danger' | 'warning';
30
-
31
- // @public (undocumented)
32
- export type KeyboardOrMouseEvent =
33
- | KeyboardEvent
34
- | React_2.KeyboardEvent<any>
35
- | React_2.MouseEvent<any>;
36
-
37
- // @public (undocumented)
38
- export type ModalAttributes = {
39
- testId?: ModalDialogProps['testId'];
40
- titleId: string;
41
- onClose?: OnCloseHandler;
42
- };
43
-
44
- // @public
45
- export const ModalBody: (props: ModalBodyProps) => jsx.JSX.Element;
46
-
47
- // @public (undocumented)
48
- export interface ModalBodyProps {
49
- children: React_2.ReactNode;
50
- testId?: string;
51
- }
52
-
53
- // @public (undocumented)
54
- export interface ModalDialogProps {
55
- autoFocus?: RefObject<HTMLElement | null | undefined> | boolean;
56
- children?: React_2.ReactNode;
57
- height?: number | string;
58
- isBlanketHidden?: boolean;
59
- label?: string;
60
- onClose?: OnCloseHandler;
61
- onCloseComplete?: OnCloseCompleteHandler;
62
- onOpenComplete?: OnOpenCompleteHandler;
63
- onStackChange?: OnStackChangeHandler;
64
- shouldCloseOnEscapePress?: boolean;
65
- shouldCloseOnOverlayClick?: boolean;
66
- shouldReturnFocus?: RefObject<HTMLElement> | boolean;
67
- shouldScrollInViewport?: boolean;
68
- stackIndex?: number;
69
- testId?: string;
70
- width?: WidthNames | number | string;
71
- }
72
-
73
- // @public
74
- export const ModalFooter: (props: ModalFooterProps) => jsx.JSX.Element;
75
-
76
- // @public (undocumented)
77
- export interface ModalFooterProps {
78
- children?: ReactNode;
79
- testId?: string;
80
- }
81
-
82
- // @public
83
- export const ModalHeader: (props: ModalHeaderProps) => jsx.JSX.Element;
84
-
85
- // @public (undocumented)
86
- export interface ModalHeaderProps {
87
- children?: React_2.ReactNode;
88
- testId?: string;
89
- }
90
-
91
- // @public
92
- export const ModalTitle: (props: ModalTitleProps) => jsx.JSX.Element;
93
-
94
- // @public (undocumented)
95
- export interface ModalTitleProps {
96
- appearance?: Appearance;
97
- children?: ReactNode;
98
- isMultiline?: boolean;
99
- testId?: string;
100
- }
101
-
102
- // @public
103
- export const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
104
-
105
- // @public
106
- const ModalWrapper: (props: ModalDialogProps) => jsx.JSX.Element;
107
- export default ModalWrapper;
108
-
109
- // @public (undocumented)
110
- export type OnCloseCompleteHandler = (element: HTMLElement) => void;
111
-
112
- // @public (undocumented)
113
- export type OnCloseHandler = (e: KeyboardOrMouseEvent, analyticEvent: UIAnalyticsEvent) => void;
114
-
115
- // @public (undocumented)
116
- export type OnOpenCompleteHandler = (node: HTMLElement, isAppearing: boolean) => void;
117
-
118
- // @public (undocumented)
119
- export type OnStackChangeHandler = (stackIndex: number) => void;
120
-
121
- // @public (undocumented)
122
- export const useModal: () => ModalAttributes;
123
-
124
- // @public (undocumented)
125
- type WidthNames = 'large' | 'medium' | 'small' | 'x-large';
126
-
127
- // (No @packageDocumentation comment for this package)
128
- ```
129
-
130
- <!--SECTION END: Main Entry Types-->
131
-
132
- ### Peer Dependencies
133
-
134
- <!--SECTION START: Peer Dependencies-->
135
-
136
- ```json
137
- {
138
- "react": "^16.8.0"
139
- }
140
- ```
141
-
142
- <!--SECTION END: Peer Dependencies-->