@atlaskit/modal-dialog 15.0.2 → 15.0.4

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 (11) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/internal/components/modal-wrapper.js +3 -4
  3. package/dist/cjs/internal/components/scroll-container.compiled.css +2 -2
  4. package/dist/cjs/internal/components/scroll-container.js +3 -3
  5. package/dist/es2019/internal/components/modal-wrapper.js +3 -3
  6. package/dist/es2019/internal/components/scroll-container.compiled.css +2 -2
  7. package/dist/es2019/internal/components/scroll-container.js +3 -3
  8. package/dist/esm/internal/components/modal-wrapper.js +3 -4
  9. package/dist/esm/internal/components/scroll-container.compiled.css +2 -2
  10. package/dist/esm/internal/components/scroll-container.js +3 -3
  11. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 15.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.0.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`fd5faf5d7fc8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd5faf5d7fc8e) -
14
+ Updated scroll indicator width to use the correct token.
15
+
3
16
  ## 15.0.2
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -124,7 +124,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
124
124
  action: 'closed',
125
125
  componentName: 'modalDialog',
126
126
  packageName: "@atlaskit/modal-dialog",
127
- packageVersion: "15.0.1"
127
+ packageVersion: "0.0.0-development"
128
128
  });
129
129
  var onBlanketClicked = (0, _react.useCallback)(function (e) {
130
130
  if (shouldCloseOnOverlayClick) {
@@ -313,9 +313,8 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
313
313
  var desktopDialogMinHeight = shouldScrollInViewport ? 'min-height:calc(100vh - 60px);' : '';
314
314
  // Doubled-ID selector (#id#id > div) at specificity (2,0,1) beats
315
315
  // Compiled atomic classes at (0,1,0) (increaseSpecificity is disabled).
316
- var dialogPositionStyles = isFullScreen ? ''
317
- // Mobile: edge-to-edge. Desktop (≥ 30rem): 60px gutters, max-width.
318
- : "#".concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:0;height:100vh}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:100%}@media(min-width:30rem){#").concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:").concat(desktopMargin, ";height:auto;").concat(desktopDialogMinHeight, "max-width:calc(100vw - 120px)}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:").concat(desktopContentHeight, ";min-height:").concat(desktopContentMinHeight, "}}");
316
+ var dialogPositionStyles = isFullScreen ? '' : // Mobile: edge-to-edge. Desktop (≥ 30rem): 60px gutters, max-width.
317
+ "#".concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:0;height:100vh}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:100%}@media(min-width:30rem){#").concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:").concat(desktopMargin, ";height:auto;").concat(desktopDialogMinHeight, "max-width:calc(100vw - 120px)}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:").concat(desktopContentHeight, ";min-height:").concat(desktopContentMinHeight, "}}");
319
318
  return /*#__PURE__*/React.createElement(_dialog.Dialog, {
320
319
  ref: dialogRef,
321
320
  id: dialogId,
package/dist/cjs/internal/components/scroll-container.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._kkes1kw7{flex:inherit}
3
- ._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
- ._mqm21uh4{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
3
+ ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
4
+ ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._18m91wug{overflow-y:auto}
7
7
  ._1e0c1kw7{display:inherit}
package/dist/cjs/internal/components/scroll-container.js CHANGED
@@ -22,10 +22,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
22
22
  var keylineColor = "var(--ds-border, #0B120E24)";
23
23
  var styles = {
24
24
  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
25
- topKeyline: "_mqm21uh4",
26
- bottomKeyline: "_179r1uh4"
25
+ topKeyline: "_mqm2ia51",
26
+ bottomKeyline: "_179ria51"
27
27
  };
28
- var keylineHeight = 2;
28
+ var keylineHeight = 1;
29
29
  /**
30
30
  * A container that shows top and bottom keylines when the
31
31
  * content overflows into the scrollable element.
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -110,7 +110,7 @@ const InternalModalWrapper = props => {
110
110
  action: 'closed',
111
111
  componentName: 'modalDialog',
112
112
  packageName: "@atlaskit/modal-dialog",
113
- packageVersion: "15.0.1"
113
+ packageVersion: "0.0.0-development"
114
114
  });
115
115
  const onBlanketClicked = useCallback(e => {
116
116
  if (shouldCloseOnOverlayClick) {
@@ -297,9 +297,9 @@ const InternalModalWrapper = props => {
297
297
  const desktopDialogMinHeight = shouldScrollInViewport ? 'min-height:calc(100vh - 60px);' : '';
298
298
  // Doubled-ID selector (#id#id > div) at specificity (2,0,1) beats
299
299
  // Compiled atomic classes at (0,1,0) (increaseSpecificity is disabled).
300
- const dialogPositionStyles = isFullScreen ? ''
300
+ const dialogPositionStyles = isFullScreen ? '' :
301
301
  // Mobile: edge-to-edge. Desktop (≥ 30rem): 60px gutters, max-width.
302
- : `#${escapedDialogId}#${escapedDialogId}{margin:0;height:100vh}#${escapedDialogId}#${escapedDialogId}>div{height:100%}@media(min-width:30rem){#${escapedDialogId}#${escapedDialogId}{margin:${desktopMargin};height:auto;${desktopDialogMinHeight}max-width:calc(100vw - 120px)}#${escapedDialogId}#${escapedDialogId}>div{height:${desktopContentHeight};min-height:${desktopContentMinHeight}}}`;
302
+ `#${escapedDialogId}#${escapedDialogId}{margin:0;height:100vh}#${escapedDialogId}#${escapedDialogId}>div{height:100%}@media(min-width:30rem){#${escapedDialogId}#${escapedDialogId}{margin:${desktopMargin};height:auto;${desktopDialogMinHeight}max-width:calc(100vw - 120px)}#${escapedDialogId}#${escapedDialogId}>div{height:${desktopContentHeight};min-height:${desktopContentMinHeight}}}`;
303
303
  return /*#__PURE__*/React.createElement(Dialog, {
304
304
  ref: dialogRef,
305
305
  id: dialogId,
package/dist/es2019/internal/components/scroll-container.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._kkes1kw7{flex:inherit}
3
- ._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
- ._mqm21uh4{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
3
+ ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
4
+ ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._18m91wug{overflow-y:auto}
7
7
  ._1e0c1kw7{display:inherit}
package/dist/es2019/internal/components/scroll-container.js CHANGED
@@ -12,10 +12,10 @@ import { Focusable } from '@atlaskit/primitives/compiled';
12
12
  const keylineColor = "var(--ds-border, #0B120E24)";
13
13
  const styles = {
14
14
  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
15
- topKeyline: "_mqm21uh4",
16
- bottomKeyline: "_179r1uh4"
15
+ topKeyline: "_mqm2ia51",
16
+ bottomKeyline: "_179ria51"
17
17
  };
18
- const keylineHeight = 2;
18
+ const keylineHeight = 1;
19
19
  /**
20
20
  * A container that shows top and bottom keylines when the
21
21
  * content overflows into the scrollable element.
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -115,7 +115,7 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
115
115
  action: 'closed',
116
116
  componentName: 'modalDialog',
117
117
  packageName: "@atlaskit/modal-dialog",
118
- packageVersion: "15.0.1"
118
+ packageVersion: "0.0.0-development"
119
119
  });
120
120
  var onBlanketClicked = useCallback(function (e) {
121
121
  if (shouldCloseOnOverlayClick) {
@@ -304,9 +304,8 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
304
304
  var desktopDialogMinHeight = shouldScrollInViewport ? 'min-height:calc(100vh - 60px);' : '';
305
305
  // Doubled-ID selector (#id#id > div) at specificity (2,0,1) beats
306
306
  // Compiled atomic classes at (0,1,0) (increaseSpecificity is disabled).
307
- var dialogPositionStyles = isFullScreen ? ''
308
- // Mobile: edge-to-edge. Desktop (≥ 30rem): 60px gutters, max-width.
309
- : "#".concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:0;height:100vh}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:100%}@media(min-width:30rem){#").concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:").concat(desktopMargin, ";height:auto;").concat(desktopDialogMinHeight, "max-width:calc(100vw - 120px)}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:").concat(desktopContentHeight, ";min-height:").concat(desktopContentMinHeight, "}}");
307
+ var dialogPositionStyles = isFullScreen ? '' : // Mobile: edge-to-edge. Desktop (≥ 30rem): 60px gutters, max-width.
308
+ "#".concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:0;height:100vh}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:100%}@media(min-width:30rem){#").concat(escapedDialogId, "#").concat(escapedDialogId, "{margin:").concat(desktopMargin, ";height:auto;").concat(desktopDialogMinHeight, "max-width:calc(100vw - 120px)}#").concat(escapedDialogId, "#").concat(escapedDialogId, ">div{height:").concat(desktopContentHeight, ";min-height:").concat(desktopContentMinHeight, "}}");
310
309
  return /*#__PURE__*/React.createElement(Dialog, {
311
310
  ref: dialogRef,
312
311
  id: dialogId,
package/dist/esm/internal/components/scroll-container.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._kkes1kw7{flex:inherit}
3
- ._179r1uh4{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}
4
- ._mqm21uh4{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
3
+ ._179ria51{border-block-end:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}
4
+ ._mqm2ia51{border-block-start:var(--ds-border-width,1px) solid var(--ds-border,#0b120e24)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
5
5
  ._16jlkb7n{flex-grow:1}
6
6
  ._18m91wug{overflow-y:auto}
7
7
  ._1e0c1kw7{display:inherit}
package/dist/esm/internal/components/scroll-container.js CHANGED
@@ -13,10 +13,10 @@ import { Focusable } from '@atlaskit/primitives/compiled';
13
13
  var keylineColor = "var(--ds-border, #0B120E24)";
14
14
  var styles = {
15
15
  base: "_kkes1kw7 _1e0c1kw7 _2lx21kw7 _16jlkb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
16
- topKeyline: "_mqm21uh4",
17
- bottomKeyline: "_179r1uh4"
16
+ topKeyline: "_mqm2ia51",
17
+ bottomKeyline: "_179ria51"
18
18
  };
19
- var keylineHeight = 2;
19
+ var keylineHeight = 1;
20
20
  /**
21
21
  * A container that shows top and bottom keylines when the
22
22
  * content overflows into the scrollable element.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "15.0.2",
3
+ "version": "15.0.4",
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/"
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/button": "^23.11.0",
40
40
  "@atlaskit/css": "^0.19.0",
41
41
  "@atlaskit/ds-lib": "^7.0.0",
42
- "@atlaskit/icon": "^34.5.0",
42
+ "@atlaskit/icon": "^35.0.0",
43
43
  "@atlaskit/layering": "^3.7.0",
44
44
  "@atlaskit/motion": "^6.2.0",
45
45
  "@atlaskit/platform-feature-flags": "^1.1.0",
@@ -64,7 +64,7 @@
64
64
  "@af/integration-testing": "workspace:^",
65
65
  "@af/visual-regression": "workspace:^",
66
66
  "@atlaskit/avatar": "^25.14.0",
67
- "@atlaskit/avatar-group": "^12.9.0",
67
+ "@atlaskit/avatar-group": "^12.10.0",
68
68
  "@atlaskit/banner": "^14.1.0",
69
69
  "@atlaskit/breadcrumbs": "^16.1.0",
70
70
  "@atlaskit/checkbox": "^17.3.0",
@@ -87,7 +87,7 @@
87
87
  "@atlassian/react-compiler-gating": "workspace:^",
88
88
  "@atlassian/ssr-tests": "workspace:^",
89
89
  "@atlassian/structured-docs-types": "workspace:^",
90
- "@atlassian/testing-library": "^0.5.0",
90
+ "@atlassian/testing-library": "^0.6.0",
91
91
  "@testing-library/dom": "^10.1.0",
92
92
  "@testing-library/react": "^16.3.0",
93
93
  "@testing-library/user-event": "^14.4.3",