@atlaskit/modal-dialog 14.3.11 → 14.3.12

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 (32) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/internal/components/modal-dialog.compiled.css +2 -2
  3. package/dist/cjs/internal/components/modal-dialog.js +1 -1
  4. package/dist/cjs/internal/components/scroll-container.compiled.css +2 -2
  5. package/dist/cjs/internal/components/scroll-container.js +2 -2
  6. package/dist/cjs/modal-body.compiled.css +1 -1
  7. package/dist/cjs/modal-body.js +1 -1
  8. package/dist/cjs/modal-footer.compiled.css +1 -1
  9. package/dist/cjs/modal-footer.js +1 -4
  10. package/dist/cjs/modal-header.compiled.css +1 -1
  11. package/dist/cjs/modal-header.js +1 -4
  12. package/dist/es2019/internal/components/modal-dialog.compiled.css +2 -2
  13. package/dist/es2019/internal/components/modal-dialog.js +1 -1
  14. package/dist/es2019/internal/components/scroll-container.compiled.css +2 -2
  15. package/dist/es2019/internal/components/scroll-container.js +2 -2
  16. package/dist/es2019/modal-body.compiled.css +1 -1
  17. package/dist/es2019/modal-body.js +1 -1
  18. package/dist/es2019/modal-footer.compiled.css +1 -1
  19. package/dist/es2019/modal-footer.js +1 -1
  20. package/dist/es2019/modal-header.compiled.css +1 -1
  21. package/dist/es2019/modal-header.js +1 -1
  22. package/dist/esm/internal/components/modal-dialog.compiled.css +2 -2
  23. package/dist/esm/internal/components/modal-dialog.js +1 -1
  24. package/dist/esm/internal/components/scroll-container.compiled.css +2 -2
  25. package/dist/esm/internal/components/scroll-container.js +2 -2
  26. package/dist/esm/modal-body.compiled.css +1 -1
  27. package/dist/esm/modal-body.js +1 -1
  28. package/dist/esm/modal-footer.compiled.css +1 -1
  29. package/dist/esm/modal-footer.js +1 -4
  30. package/dist/esm/modal-header.compiled.css +1 -1
  31. package/dist/esm/modal-header.js +1 -4
  32. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 14.3.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 14.3.11
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/internal/components/modal-dialog.compiled.css CHANGED
@@ -17,8 +17,8 @@
17
17
  ._lcxv1wug{pointer-events:auto}
18
18
  ._m01u1kw7>form:only-child{max-height:inherit}
19
19
  ._p12fauwl{max-width:100vw}
20
- ._syaz1fxt{color:var(--ds-text,#172b4d)}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
21
- ._1ah31bk5:focus-visible{outline-offset:var(--ds-border-width-outline,2px)}
20
+ ._syaz1fxt{color:var(--ds-text,#172b4d)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
21
+ ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
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}}
package/dist/cjs/internal/components/modal-dialog.js CHANGED
@@ -30,7 +30,7 @@ var _positioner = _interopRequireDefault(require("./positioner"));
30
30
  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" != _typeof3(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); }
31
31
  var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
32
32
  var dialogStyles = {
33
- root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah31bk5 _ra3xnqa1 _128m1bk5 _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
33
+ root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
34
34
  borderRadius: "_epkxfajl"
35
35
  };
36
36
  var viewportScrollStyles = null;
package/dist/cjs/internal/components/scroll-container.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
- ._179rv2xi{border-block-end:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}
3
- ._mqm2v2xi{border-block-start:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
2
+ ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
3
+ ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._18m91wug{overflow-y:auto}
6
6
  ._1e0c1kw7{display:inherit}
package/dist/cjs/internal/components/scroll-container.js CHANGED
@@ -22,8 +22,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
22
22
  var keylineColor = "var(--ds-border, #091E4224)";
23
23
  var styles = {
24
24
  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
25
- topKeyline: "_mqm2v2xi",
26
- bottomKeyline: "_179rv2xi"
25
+ topKeyline: "_mqm2187z",
26
+ bottomKeyline: "_179r187z"
27
27
  };
28
28
  var keylineHeight = 2;
29
29
  /**
package/dist/cjs/modal-body.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
- ._1rjc1bk5{padding-block:var(--ds-border-width-outline,2px)}
3
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._1o9zkb7n{flex-shrink:1}
6
6
  ._i0dl1wug{flex-basis:auto}
package/dist/cjs/modal-body.js CHANGED
@@ -17,7 +17,7 @@ var _useScroll = _interopRequireDefault(require("./internal/hooks/use-scroll"));
17
17
  var styles = {
18
18
  root: "_16jlkb7n _1o9zkb7n _i0dl1wug",
19
19
  font: "_11c82smr",
20
- paddingBlock: "_1rjc1bk5",
20
+ paddingBlock: "_1rjcv77o",
21
21
  paddingInline: "_18zr1ejb"
22
22
  };
23
23
  /**
package/dist/cjs/modal-footer.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
3
  ._1bahesu3{justify-content:flex-end}
4
4
  ._1e0c1txw{display:flex}
5
- ._1pfhmufe{margin-block-start:var(--_t7lu6v)}
5
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
6
6
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
7
7
  ._4cvr1h6o{align-items:center}
8
8
  ._85i51ejb{padding-block-end:var(--ds-space-300,24px)}
package/dist/cjs/modal-footer.js CHANGED
@@ -29,10 +29,7 @@ var ModalFooter = function ModalFooter(props) {
29
29
  var testId = userDefinedTestId || modalTestId && "".concat(modalTestId, "--footer");
30
30
  return /*#__PURE__*/React.createElement("div", {
31
31
  "data-testid": testId,
32
- className: (0, _runtime.ax)(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfhmufe _85i51ejb _1q51pxbi"]),
33
- style: {
34
- "--_t7lu6v": (0, _runtime.ix)("calc(-1 * ".concat("var(--ds-border-width-outline, 2px)", ")"))
35
- }
32
+ className: (0, _runtime.ax)(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfh1i6y _85i51ejb _1q51pxbi"])
36
33
  }, children);
37
34
  };
38
35
  var _default = exports.default = ModalFooter;
package/dist/cjs/modal-header.compiled.css CHANGED
@@ -3,6 +3,6 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
5
5
  ._4cvr1h6o{align-items:center}
6
- ._6rthmufe{margin-block-end:var(--_t7lu6v)}
6
+ ._6rth1i6y{margin-block-end:var(--ds-space-negative-025,-2px)}
7
7
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
8
8
  ._kqswh2mm{position:relative}
package/dist/cjs/modal-header.js CHANGED
@@ -42,10 +42,7 @@ var ModalHeader = function ModalHeader(props) {
42
42
  var shouldShowCloseButton = hasCloseButton && hasProvidedOnClose && onClose;
43
43
  return /*#__PURE__*/_react.default.createElement("div", {
44
44
  "data-testid": testId,
45
- className: (0, _runtime.ax)(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rthmufe _85i5pxbi _1q511ejb"]),
46
- style: {
47
- "--_t7lu6v": (0, _runtime.ix)("calc(-1 * ".concat("var(--ds-border-width-outline, 2px)", ")"))
48
- }
45
+ className: (0, _runtime.ax)(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rth1i6y _85i5pxbi _1q511ejb"])
49
46
  }, shouldShowCloseButton ?
50
47
  /*#__PURE__*/
51
48
  // The reason we are putting the close button first in the DOM and then
package/dist/es2019/internal/components/modal-dialog.compiled.css CHANGED
@@ -17,8 +17,8 @@
17
17
  ._lcxv1wug{pointer-events:auto}
18
18
  ._m01u1kw7>form:only-child{max-height:inherit}
19
19
  ._p12fauwl{max-width:100vw}
20
- ._syaz1fxt{color:var(--ds-text,#172b4d)}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
21
- ._1ah31bk5:focus-visible{outline-offset:var(--ds-border-width-outline,2px)}
20
+ ._syaz1fxt{color:var(--ds-text,#172b4d)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
21
+ ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
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}}
package/dist/es2019/internal/components/modal-dialog.js CHANGED
@@ -19,7 +19,7 @@ import { dialogHeight, dialogWidth } from '../utils';
19
19
  import Positioner from './positioner';
20
20
  const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
21
21
  const dialogStyles = {
22
- root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah31bk5 _ra3xnqa1 _128m1bk5 _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
22
+ root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
23
23
  borderRadius: "_epkxfajl"
24
24
  };
25
25
  const viewportScrollStyles = null;
package/dist/es2019/internal/components/scroll-container.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
- ._179rv2xi{border-block-end:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}
3
- ._mqm2v2xi{border-block-start:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
2
+ ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
3
+ ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._18m91wug{overflow-y:auto}
6
6
  ._1e0c1kw7{display:inherit}
package/dist/es2019/internal/components/scroll-container.js CHANGED
@@ -12,8 +12,8 @@ import { Focusable } from '@atlaskit/primitives/compiled';
12
12
  const keylineColor = "var(--ds-border, #091E4224)";
13
13
  const styles = {
14
14
  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
15
- topKeyline: "_mqm2v2xi",
16
- bottomKeyline: "_179rv2xi"
15
+ topKeyline: "_mqm2187z",
16
+ bottomKeyline: "_179r187z"
17
17
  };
18
18
  const keylineHeight = 2;
19
19
  /**
package/dist/es2019/modal-body.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
- ._1rjc1bk5{padding-block:var(--ds-border-width-outline,2px)}
3
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._1o9zkb7n{flex-shrink:1}
6
6
  ._i0dl1wug{flex-basis:auto}
package/dist/es2019/modal-body.js CHANGED
@@ -10,7 +10,7 @@ import useScroll from './internal/hooks/use-scroll';
10
10
  const styles = {
11
11
  root: "_16jlkb7n _1o9zkb7n _i0dl1wug",
12
12
  font: "_11c82smr",
13
- paddingBlock: "_1rjc1bk5",
13
+ paddingBlock: "_1rjcv77o",
14
14
  paddingInline: "_18zr1ejb"
15
15
  };
16
16
  /**
package/dist/es2019/modal-footer.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
3
  ._1bahesu3{justify-content:flex-end}
4
4
  ._1e0c1txw{display:flex}
5
- ._1pfh1ezb{margin-block-start:calc(var(--ds-border-width-outline, 2px)*-1)}
5
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
6
6
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
7
7
  ._4cvr1h6o{align-items:center}
8
8
  ._85i51ejb{padding-block-end:var(--ds-space-300,24px)}
package/dist/es2019/modal-footer.js CHANGED
@@ -24,7 +24,7 @@ const ModalFooter = props => {
24
24
  const testId = userDefinedTestId || modalTestId && `${modalTestId}--footer`;
25
25
  return /*#__PURE__*/React.createElement("div", {
26
26
  "data-testid": testId,
27
- className: ax(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfh1ezb _85i51ejb _1q51pxbi"])
27
+ className: ax(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfh1i6y _85i51ejb _1q51pxbi"])
28
28
  }, children);
29
29
  };
30
30
  export default ModalFooter;
package/dist/es2019/modal-header.compiled.css CHANGED
@@ -3,6 +3,6 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
5
5
  ._4cvr1h6o{align-items:center}
6
- ._6rth1ezb{margin-block-end:calc(var(--ds-border-width-outline, 2px)*-1)}
6
+ ._6rth1i6y{margin-block-end:var(--ds-space-negative-025,-2px)}
7
7
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
8
8
  ._kqswh2mm{position:relative}
package/dist/es2019/modal-header.js CHANGED
@@ -37,7 +37,7 @@ const ModalHeader = props => {
37
37
  const shouldShowCloseButton = hasCloseButton && hasProvidedOnClose && onClose;
38
38
  return /*#__PURE__*/React.createElement("div", {
39
39
  "data-testid": testId,
40
- className: ax(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rth1ezb _85i5pxbi _1q511ejb"])
40
+ className: ax(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rth1i6y _85i5pxbi _1q511ejb"])
41
41
  }, shouldShowCloseButton ?
42
42
  /*#__PURE__*/
43
43
  // The reason we are putting the close button first in the DOM and then
package/dist/esm/internal/components/modal-dialog.compiled.css CHANGED
@@ -17,8 +17,8 @@
17
17
  ._lcxv1wug{pointer-events:auto}
18
18
  ._m01u1kw7>form:only-child{max-height:inherit}
19
19
  ._p12fauwl{max-width:100vw}
20
- ._syaz1fxt{color:var(--ds-text,#172b4d)}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
21
- ._1ah31bk5:focus-visible{outline-offset:var(--ds-border-width-outline,2px)}
20
+ ._syaz1fxt{color:var(--ds-text,#172b4d)}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
21
+ ._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
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}}
package/dist/esm/internal/components/modal-dialog.js CHANGED
@@ -21,7 +21,7 @@ import { dialogHeight, dialogWidth } from '../utils';
21
21
  import Positioner from './positioner';
22
22
  var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
23
23
  var dialogStyles = {
24
- root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah31bk5 _ra3xnqa1 _128m1bk5 _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
24
+ root: "_16jlidpf _1o9zkb7n _i0dl1wug _1e0c1txw _1bsb1osq _p12fauwl _4t3i1osq _1tkeidpf _c71l1kxc _2lx21bp4 _bfhk1bhr _syaz1fxt _1q1l1bhr _lcxv1wug _1mq81kw7 _m01u1kw7 _1dg11kw7 _mizu1p6i _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y _we1i1kw7 _zg7p1cd0 _yakv1kw7 _4lht1kw7 _1xlt6m9r",
25
25
  borderRadius: "_epkxfajl"
26
26
  };
27
27
  var viewportScrollStyles = null;
package/dist/esm/internal/components/scroll-container.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
- ._179rv2xi{border-block-end:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}
3
- ._mqm2v2xi{border-block-start:var(--ds-border-width-outline,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
2
+ ._179r187z{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}
3
+ ._mqm2187z{border-block-start:var(--ds-border-width-selected,2px) solid var(--ds-border,#091e4224)}._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._18m91wug{overflow-y:auto}
6
6
  ._1e0c1kw7{display:inherit}
package/dist/esm/internal/components/scroll-container.js CHANGED
@@ -13,8 +13,8 @@ import { Focusable } from '@atlaskit/primitives/compiled';
13
13
  var keylineColor = "var(--ds-border, #091E4224)";
14
14
  var styles = {
15
15
  base: "_16jlkb7n _1o9zkb7n _i0dl1kw7 _1e0c1kw7 _2lx21kw7 _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _1reo15vq _18m91wug _1jykn7od _wzg61wug",
16
- topKeyline: "_mqm2v2xi",
17
- bottomKeyline: "_179rv2xi"
16
+ topKeyline: "_mqm2187z",
17
+ bottomKeyline: "_179r187z"
18
18
  };
19
19
  var keylineHeight = 2;
20
20
  /**
package/dist/esm/modal-body.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
- ._1rjc1bk5{padding-block:var(--ds-border-width-outline,2px)}
3
+ ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
4
4
  ._16jlkb7n{flex-grow:1}
5
5
  ._1o9zkb7n{flex-shrink:1}
6
6
  ._i0dl1wug{flex-basis:auto}
package/dist/esm/modal-body.js CHANGED
@@ -10,7 +10,7 @@ import useScroll from './internal/hooks/use-scroll';
10
10
  var styles = {
11
11
  root: "_16jlkb7n _1o9zkb7n _i0dl1wug",
12
12
  font: "_11c82smr",
13
- paddingBlock: "_1rjc1bk5",
13
+ paddingBlock: "_1rjcv77o",
14
14
  paddingInline: "_18zr1ejb"
15
15
  };
16
16
  /**
package/dist/esm/modal-footer.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._zulpu2gc{gap:var(--ds-space-100,8px)}._18zr1ejb{padding-inline:var(--ds-space-300,24px)}
3
3
  ._1bahesu3{justify-content:flex-end}
4
4
  ._1e0c1txw{display:flex}
5
- ._1pfhmufe{margin-block-start:var(--_t7lu6v)}
5
+ ._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
6
6
  ._1q51pxbi{padding-block-start:var(--ds-space-200,1pc)}
7
7
  ._4cvr1h6o{align-items:center}
8
8
  ._85i51ejb{padding-block-end:var(--ds-space-300,24px)}
package/dist/esm/modal-footer.js CHANGED
@@ -21,10 +21,7 @@ var ModalFooter = function ModalFooter(props) {
21
21
  var testId = userDefinedTestId || modalTestId && "".concat(modalTestId, "--footer");
22
22
  return /*#__PURE__*/React.createElement("div", {
23
23
  "data-testid": testId,
24
- className: ax(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfhmufe _85i51ejb _1q51pxbi"]),
25
- style: {
26
- "--_t7lu6v": ix("calc(-1 * ".concat("var(--ds-border-width-outline, 2px)", ")"))
27
- }
24
+ className: ax(["_zulpu2gc _18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bahesu3 _1pfh1i6y _85i51ejb _1q51pxbi"])
28
25
  }, children);
29
26
  };
30
27
  export default ModalFooter;
package/dist/esm/modal-header.compiled.css CHANGED
@@ -3,6 +3,6 @@
3
3
  ._1e0c1txw{display:flex}
4
4
  ._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
5
5
  ._4cvr1h6o{align-items:center}
6
- ._6rthmufe{margin-block-end:var(--_t7lu6v)}
6
+ ._6rth1i6y{margin-block-end:var(--ds-space-negative-025,-2px)}
7
7
  ._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
8
8
  ._kqswh2mm{position:relative}
package/dist/esm/modal-header.js CHANGED
@@ -35,10 +35,7 @@ var ModalHeader = function ModalHeader(props) {
35
35
  var shouldShowCloseButton = hasCloseButton && hasProvidedOnClose && onClose;
36
36
  return /*#__PURE__*/React.createElement("div", {
37
37
  "data-testid": testId,
38
- className: ax(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rthmufe _85i5pxbi _1q511ejb"]),
39
- style: {
40
- "--_t7lu6v": ix("calc(-1 * ".concat("var(--ds-border-width-outline, 2px)", ")"))
41
- }
38
+ className: ax(["_18zr1ejb _1e0c1txw _kqswh2mm _4cvr1h6o _1bah1yb4 _6rth1i6y _85i5pxbi _1q511ejb"])
42
39
  }, shouldShowCloseButton ?
43
40
  /*#__PURE__*/
44
41
  // The reason we are putting the close button first in the DOM and then
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "14.3.11",
3
+ "version": "14.3.12",
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/"
@@ -40,7 +40,7 @@
40
40
  "@atlaskit/portal": "^5.1.0",
41
41
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
42
42
  "@atlaskit/primitives": "^14.14.0",
43
- "@atlaskit/theme": "^20.0.0",
43
+ "@atlaskit/theme": "^21.0.0",
44
44
  "@atlaskit/tokens": "^6.3.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@compiled/react": "^0.18.3",