@atlaskit/modal-dialog 14.1.1 → 14.1.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 +17 -0
- package/dist/cjs/internal/components/modal-dialog.compiled.css +1 -1
- package/dist/cjs/internal/components/modal-dialog.js +1 -1
- package/dist/cjs/modal-wrapper.js +1 -1
- package/dist/es2019/internal/components/modal-dialog.compiled.css +1 -1
- package/dist/es2019/internal/components/modal-dialog.js +1 -1
- package/dist/es2019/modal-wrapper.js +1 -1
- package/dist/esm/internal/components/modal-dialog.compiled.css +1 -1
- package/dist/esm/internal/components/modal-dialog.js +1 -1
- package/dist/esm/modal-wrapper.js +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/modal-dialog
|
|
2
2
|
|
|
3
|
+
## 14.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#138405](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/138405)
|
|
8
|
+
[`7e6b125029348`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7e6b125029348) -
|
|
9
|
+
Increased the specificity of the `height` CSS property in desktop view to prevent modal dialogs
|
|
10
|
+
from incorrectly stretching to full height.
|
|
11
|
+
|
|
12
|
+
## 14.1.2
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [#136563](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/136563)
|
|
17
|
+
[`ce6e88fc62ca9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ce6e88fc62ca9) -
|
|
18
|
+
Update dependencies
|
|
19
|
+
|
|
3
20
|
## 14.1.1
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
|
|
23
23
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
24
24
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
25
|
-
@media (min-width:30rem){.
|
|
25
|
+
@media (min-width:30rem){._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkx1sit{border-radius:var(--ds-border-radius,3px)}._we1i1kw7{max-width:inherit}._zg7p1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}}
|
|
@@ -112,7 +112,7 @@ var ModalDialog = function ModalDialog(props) {
|
|
|
112
112
|
'--modal-dialog-height': (0, _utils.dialogHeight)(height)
|
|
113
113
|
},
|
|
114
114
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
115
|
-
className: (0, _runtime.ax)([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw
|
|
115
|
+
className: (0, _runtime.ax)([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
|
|
116
116
|
role: "dialog",
|
|
117
117
|
"aria-labelledby": label ? undefined : titleId,
|
|
118
118
|
"data-testid": testId,
|
|
@@ -87,7 +87,7 @@ var ModalWrapper = function ModalWrapper(props) {
|
|
|
87
87
|
action: 'closed',
|
|
88
88
|
componentName: 'modalDialog',
|
|
89
89
|
packageName: "@atlaskit/modal-dialog",
|
|
90
|
-
packageVersion: "14.1.
|
|
90
|
+
packageVersion: "14.1.3"
|
|
91
91
|
});
|
|
92
92
|
var onBlanketClicked = (0, _react.useCallback)(function (e) {
|
|
93
93
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
|
|
23
23
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
24
24
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
25
|
-
@media (min-width:30rem){.
|
|
25
|
+
@media (min-width:30rem){._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkx1sit{border-radius:var(--ds-border-radius,3px)}._we1i1kw7{max-width:inherit}._zg7p1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}}
|
|
@@ -95,7 +95,7 @@ const ModalDialog = props => {
|
|
|
95
95
|
'--modal-dialog-height': dialogHeight(height)
|
|
96
96
|
},
|
|
97
97
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
98
|
-
className: ax([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw
|
|
98
|
+
className: ax([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
|
|
99
99
|
role: "dialog",
|
|
100
100
|
"aria-labelledby": label ? undefined : titleId,
|
|
101
101
|
"data-testid": testId,
|
|
@@ -73,7 +73,7 @@ const ModalWrapper = props => {
|
|
|
73
73
|
action: 'closed',
|
|
74
74
|
componentName: 'modalDialog',
|
|
75
75
|
packageName: "@atlaskit/modal-dialog",
|
|
76
|
-
packageVersion: "14.1.
|
|
76
|
+
packageVersion: "14.1.3"
|
|
77
77
|
});
|
|
78
78
|
const onBlanketClicked = useCallback(e => {
|
|
79
79
|
if (shouldCloseOnOverlayClick) {
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
|
|
23
23
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
24
24
|
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}}
|
|
25
|
-
@media (min-width:30rem){.
|
|
25
|
+
@media (min-width:30rem){._8kn617ks._8kn617ks{min-height:var(--modal-dialog-height)}._cbiz17ks._cbiz17ks{height:var(--modal-dialog-height)}._bolh1kw7._bolh1kw7{max-height:inherit}._epkx1sit{border-radius:var(--ds-border-radius,3px)}._we1i1kw7{max-width:inherit}._zg7p1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._yakv1kw7{margin-inline-end:inherit}._4lht1kw7{margin-inline-start:inherit}._1xlt6m9r._1xlt6m9r{width:var(--modal-dialog-width)}}
|
|
@@ -102,7 +102,7 @@ var ModalDialog = function ModalDialog(props) {
|
|
|
102
102
|
'--modal-dialog-height': dialogHeight(height)
|
|
103
103
|
},
|
|
104
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
|
|
105
|
-
className: ax([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw
|
|
105
|
+
className: ax([dialogStyles.root, shouldScrollInViewport ? "_1tke1kxc _c71lglyw _8kn617ks" : "_cbiz17ks _bolh1kw7", bottomFadeInProps.className]),
|
|
106
106
|
role: "dialog",
|
|
107
107
|
"aria-labelledby": label ? undefined : titleId,
|
|
108
108
|
"data-testid": testId,
|
|
@@ -77,7 +77,7 @@ var ModalWrapper = function ModalWrapper(props) {
|
|
|
77
77
|
action: 'closed',
|
|
78
78
|
componentName: 'modalDialog',
|
|
79
79
|
packageName: "@atlaskit/modal-dialog",
|
|
80
|
-
packageVersion: "14.1.
|
|
80
|
+
packageVersion: "14.1.3"
|
|
81
81
|
});
|
|
82
82
|
var onBlanketClicked = useCallback(function (e) {
|
|
83
83
|
if (shouldCloseOnOverlayClick) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/modal-dialog",
|
|
3
|
-
"version": "14.1.
|
|
3
|
+
"version": "14.1.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/"
|
|
@@ -32,18 +32,18 @@
|
|
|
32
32
|
"@atlaskit/blanket": "^15.0.0",
|
|
33
33
|
"@atlaskit/button": "^23.0.0",
|
|
34
34
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
35
|
-
"@atlaskit/css": "0.10.
|
|
35
|
+
"@atlaskit/css": "^0.10.0",
|
|
36
36
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
37
37
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
38
|
-
"@atlaskit/icon": "^25.
|
|
38
|
+
"@atlaskit/icon": "^25.5.0",
|
|
39
39
|
"@atlaskit/layering": "^2.1.0",
|
|
40
40
|
"@atlaskit/motion": "^5.1.0",
|
|
41
41
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
42
42
|
"@atlaskit/portal": "^5.1.0",
|
|
43
43
|
"@atlaskit/pragmatic-drag-and-drop": "^1.5.0",
|
|
44
|
-
"@atlaskit/primitives": "^14.
|
|
44
|
+
"@atlaskit/primitives": "^14.4.0",
|
|
45
45
|
"@atlaskit/theme": "^18.0.0",
|
|
46
|
-
"@atlaskit/tokens": "^4.
|
|
46
|
+
"@atlaskit/tokens": "^4.7.0",
|
|
47
47
|
"@babel/runtime": "^7.0.0",
|
|
48
48
|
"@compiled/react": "^0.18.3",
|
|
49
49
|
"bind-event-listener": "^3.0.0",
|
|
@@ -63,18 +63,18 @@
|
|
|
63
63
|
"@atlaskit/banner": "^14.0.0",
|
|
64
64
|
"@atlaskit/breadcrumbs": "^15.1.0",
|
|
65
65
|
"@atlaskit/checkbox": "^17.0.0",
|
|
66
|
-
"@atlaskit/code": "^
|
|
67
|
-
"@atlaskit/datetime-picker": "^
|
|
66
|
+
"@atlaskit/code": "^17.0.0",
|
|
67
|
+
"@atlaskit/datetime-picker": "^17.0.0",
|
|
68
68
|
"@atlaskit/docs": "^10.0.0",
|
|
69
69
|
"@atlaskit/dropdown-menu": "^14.0.0",
|
|
70
70
|
"@atlaskit/flag": "^17.1.0",
|
|
71
71
|
"@atlaskit/form": "^12.0.0",
|
|
72
|
-
"@atlaskit/heading": "^5.
|
|
72
|
+
"@atlaskit/heading": "^5.2.0",
|
|
73
73
|
"@atlaskit/link": "^3.1.0",
|
|
74
|
-
"@atlaskit/popup": "^
|
|
74
|
+
"@atlaskit/popup": "^4.0.0",
|
|
75
75
|
"@atlaskit/radio": "^8.0.0",
|
|
76
76
|
"@atlaskit/section-message": "^8.2.0",
|
|
77
|
-
"@atlaskit/select": "^20.
|
|
77
|
+
"@atlaskit/select": "^20.3.0",
|
|
78
78
|
"@atlaskit/ssr": "^0.4.0",
|
|
79
79
|
"@atlaskit/textfield": "^8.0.0",
|
|
80
80
|
"@atlaskit/tooltip": "^20.0.0",
|