@atlaskit/modal-dialog 12.20.1 → 12.20.3
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/internal/components/positioner.js +2 -1
- package/dist/cjs/modal-wrapper.js +1 -1
- package/dist/es2019/internal/components/positioner.js +3 -2
- package/dist/es2019/modal-wrapper.js +1 -1
- package/dist/esm/internal/components/positioner.js +3 -2
- package/dist/esm/modal-wrapper.js +1 -1
- package/dist/types/modal-transition.d.ts +2 -2
- package/dist/types-ts4.5/modal-transition.d.ts +2 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -58,7 +58,8 @@ var bodyScrollStyles = (0, _react.css)((0, _defineProperty2.default)({}, _primit
|
|
|
58
58
|
pointerEvents: 'none'
|
|
59
59
|
}));
|
|
60
60
|
var stackTransitionStyles = (0, _react.css)({
|
|
61
|
-
|
|
61
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
62
|
+
transitionDuration: "".concat(_durations.durations.medium, "ms"),
|
|
62
63
|
transitionProperty: 'transform',
|
|
63
64
|
transitionTimingFunction: _curves.easeInOut,
|
|
64
65
|
/**
|
|
@@ -108,7 +108,7 @@ var ModalWrapper = function ModalWrapper(props) {
|
|
|
108
108
|
action: 'closed',
|
|
109
109
|
componentName: 'modalDialog',
|
|
110
110
|
packageName: "@atlaskit/modal-dialog",
|
|
111
|
-
packageVersion: "12.20.
|
|
111
|
+
packageVersion: "12.20.3"
|
|
112
112
|
});
|
|
113
113
|
var onBlanketClicked = (0, _react.useCallback)(function (e) {
|
|
114
114
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
9
9
|
import { easeInOut } from '@atlaskit/motion/curves';
|
|
10
|
-
import {
|
|
10
|
+
import { durations } from '@atlaskit/motion/durations';
|
|
11
11
|
import { media } from '@atlaskit/primitives';
|
|
12
12
|
import { layers } from '@atlaskit/theme/constants';
|
|
13
13
|
import { gutter, verticalOffset } from '../constants';
|
|
@@ -53,7 +53,8 @@ const bodyScrollStyles = css({
|
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
const stackTransitionStyles = css({
|
|
56
|
-
|
|
56
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
57
|
+
transitionDuration: `${durations.medium}ms`,
|
|
57
58
|
transitionProperty: 'transform',
|
|
58
59
|
transitionTimingFunction: easeInOut,
|
|
59
60
|
/**
|
|
@@ -93,7 +93,7 @@ const ModalWrapper = props => {
|
|
|
93
93
|
action: 'closed',
|
|
94
94
|
componentName: 'modalDialog',
|
|
95
95
|
packageName: "@atlaskit/modal-dialog",
|
|
96
|
-
packageVersion: "12.20.
|
|
96
|
+
packageVersion: "12.20.3"
|
|
97
97
|
});
|
|
98
98
|
const onBlanketClicked = useCallback(e => {
|
|
99
99
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { easeInOut } from '@atlaskit/motion/curves';
|
|
11
|
-
import {
|
|
11
|
+
import { durations } from '@atlaskit/motion/durations';
|
|
12
12
|
import { media } from '@atlaskit/primitives';
|
|
13
13
|
import { layers } from '@atlaskit/theme/constants';
|
|
14
14
|
import { gutter, verticalOffset } from '../constants';
|
|
@@ -51,7 +51,8 @@ var bodyScrollStyles = css(_defineProperty({}, media.above.xs, {
|
|
|
51
51
|
pointerEvents: 'none'
|
|
52
52
|
}));
|
|
53
53
|
var stackTransitionStyles = css({
|
|
54
|
-
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
|
|
55
|
+
transitionDuration: "".concat(durations.medium, "ms"),
|
|
55
56
|
transitionProperty: 'transform',
|
|
56
57
|
transitionTimingFunction: easeInOut,
|
|
57
58
|
/**
|
|
@@ -98,7 +98,7 @@ var ModalWrapper = function ModalWrapper(props) {
|
|
|
98
98
|
action: 'closed',
|
|
99
99
|
componentName: 'modalDialog',
|
|
100
100
|
packageName: "@atlaskit/modal-dialog",
|
|
101
|
-
packageVersion: "12.20.
|
|
101
|
+
packageVersion: "12.20.3"
|
|
102
102
|
});
|
|
103
103
|
var onBlanketClicked = useCallback(function (e) {
|
|
104
104
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
|
|
3
3
|
/**
|
|
4
4
|
* __Modal transition__
|
|
@@ -9,5 +9,5 @@ import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persisten
|
|
|
9
9
|
* - [Code](https://atlassian.design/components/modal-dialog/code)
|
|
10
10
|
* - [Usage](https://atlassian.design/components/modal-dialog/usage)
|
|
11
11
|
*/
|
|
12
|
-
declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
|
|
12
|
+
declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => React.JSX.Element;
|
|
13
13
|
export default ModalTransition;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persistence';
|
|
3
3
|
/**
|
|
4
4
|
* __Modal transition__
|
|
@@ -9,5 +9,5 @@ import { type ExitingPersistenceProps } from '@atlaskit/motion/exiting-persisten
|
|
|
9
9
|
* - [Code](https://atlassian.design/components/modal-dialog/code)
|
|
10
10
|
* - [Usage](https://atlassian.design/components/modal-dialog/usage)
|
|
11
11
|
*/
|
|
12
|
-
declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => JSX.Element;
|
|
12
|
+
declare const ModalTransition: (props: Pick<ExitingPersistenceProps, 'children'>) => React.JSX.Element;
|
|
13
13
|
export default ModalTransition;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/modal-dialog",
|
|
3
|
-
"version": "12.20.
|
|
3
|
+
"version": "12.20.3",
|
|
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/"
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
34
34
|
"@atlaskit/ds-lib": "^3.5.0",
|
|
35
35
|
"@atlaskit/focus-ring": "^2.1.0",
|
|
36
|
-
"@atlaskit/icon": "^23.
|
|
36
|
+
"@atlaskit/icon": "^23.8.0",
|
|
37
37
|
"@atlaskit/layering": "^1.1.0",
|
|
38
|
-
"@atlaskit/motion": "^
|
|
38
|
+
"@atlaskit/motion": "^2.0.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^1.0.0",
|
|
40
40
|
"@atlaskit/portal": "^4.11.0",
|
|
41
41
|
"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
|
|
42
|
-
"@atlaskit/primitives": "^13.
|
|
43
|
-
"@atlaskit/theme": "^
|
|
42
|
+
"@atlaskit/primitives": "^13.5.0",
|
|
43
|
+
"@atlaskit/theme": "^15.0.0",
|
|
44
44
|
"@atlaskit/tokens": "^3.3.0",
|
|
45
45
|
"@babel/runtime": "^7.0.0",
|
|
46
46
|
"@emotion/react": "^11.7.1",
|