@atlaskit/popup 4.19.0 → 4.19.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 (8) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/popper-wrapper.compiled.css +2 -0
  3. package/dist/cjs/popper-wrapper.js +4 -2
  4. package/dist/es2019/popper-wrapper.compiled.css +2 -0
  5. package/dist/es2019/popper-wrapper.js +4 -2
  6. package/dist/esm/popper-wrapper.compiled.css +2 -0
  7. package/dist/esm/popper-wrapper.js +4 -2
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 4.19.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`50154b7d33050`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50154b7d33050) -
8
+ Fixed styling related issues behind the new motion uplift
9
+
3
10
  ## 4.19.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/popper-wrapper.compiled.css CHANGED
@@ -6,6 +6,7 @@
6
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
7
7
  ._18m91wug{overflow-y:auto}
8
8
  ._1bsb1osq{width:100%}
9
+ ._1e0c1txw{display:flex}
9
10
  ._1e0c1ule{display:block}
10
11
  ._1pby1nn1{z-index:400}
11
12
  ._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
@@ -13,6 +14,7 @@
13
14
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
14
15
  ._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
15
16
  ._c71l1ei0{max-height:calc(100vh - var(--ds-space-050, 4px)*2)}
17
+ ._c71l1kw7{max-height:inherit}
16
18
  ._c71ldtre{max-height:50vh}
17
19
  ._kqsw1n9t{position:fixed}
18
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
package/dist/cjs/popper-wrapper.js CHANGED
@@ -32,7 +32,8 @@ var fullWidthStyles = null;
32
32
  var wrapperStyles = {
33
33
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
34
34
  rootT26Shape: "_2rko1mok",
35
- fullWidth: "_1bsb1osq"
35
+ fullWidth: "_1bsb1osq",
36
+ motion: "_c71l1kw7 _1e0c1txw"
36
37
  };
37
38
  var scrollableStyles = null;
38
39
  var blanketStyles = null;
@@ -261,7 +262,8 @@ function PopperWrapper(_ref) {
261
262
  className: (0, _runtime.ax)([shouldFitContainer && wrapperStyles.fullWidth])
262
263
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(_motion.Motion, {
263
264
  enteringAnimation: placementMap[placement].enter,
264
- exitingAnimation: placementMap[placement].exit
265
+ exitingAnimation: placementMap[placement].exit,
266
+ xcss: wrapperStyles.motion
265
267
  }, popupContainer));
266
268
  return /*#__PURE__*/React.createElement(_react.Fragment, null, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift-popup') ? container : popupContainer, appearance === 'UNSAFE_modal-below-sm' && /*#__PURE__*/React.createElement("div", {
267
269
  className: (0, _runtime.ax)(["_1r04idpf _kqsw1n9t _bfhk1i5c"])
package/dist/es2019/popper-wrapper.compiled.css CHANGED
@@ -6,6 +6,7 @@
6
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
7
7
  ._18m91wug{overflow-y:auto}
8
8
  ._1bsb1osq{width:100%}
9
+ ._1e0c1txw{display:flex}
9
10
  ._1e0c1ule{display:block}
10
11
  ._1pby1nn1{z-index:400}
11
12
  ._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
@@ -13,6 +14,7 @@
13
14
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
14
15
  ._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
15
16
  ._c71l1ei0{max-height:calc(100vh - var(--ds-space-050, 4px)*2)}
17
+ ._c71l1kw7{max-height:inherit}
16
18
  ._c71ldtre{max-height:50vh}
17
19
  ._kqsw1n9t{position:fixed}
18
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
package/dist/es2019/popper-wrapper.js CHANGED
@@ -16,7 +16,8 @@ const fullWidthStyles = null;
16
16
  const wrapperStyles = {
17
17
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
18
18
  rootT26Shape: "_2rko1mok",
19
- fullWidth: "_1bsb1osq"
19
+ fullWidth: "_1bsb1osq",
20
+ motion: "_c71l1kw7 _1e0c1txw"
20
21
  };
21
22
  const scrollableStyles = null;
22
23
  const blanketStyles = null;
@@ -239,7 +240,8 @@ function PopperWrapper({
239
240
  className: ax([shouldFitContainer && wrapperStyles.fullWidth])
240
241
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(Motion, {
241
242
  enteringAnimation: placementMap[placement].enter,
242
- exitingAnimation: placementMap[placement].exit
243
+ exitingAnimation: placementMap[placement].exit,
244
+ xcss: wrapperStyles.motion
243
245
  }, popupContainer));
244
246
  return /*#__PURE__*/React.createElement(Fragment, null, fg('platform-dst-motion-uplift-popup') ? container : popupContainer, appearance === 'UNSAFE_modal-below-sm' && /*#__PURE__*/React.createElement("div", {
245
247
  className: ax(["_1r04idpf _kqsw1n9t _bfhk1i5c"])
package/dist/esm/popper-wrapper.compiled.css CHANGED
@@ -6,6 +6,7 @@
6
6
  ._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
7
7
  ._18m91wug{overflow-y:auto}
8
8
  ._1bsb1osq{width:100%}
9
+ ._1e0c1txw{display:flex}
9
10
  ._1e0c1ule{display:block}
10
11
  ._1pby1nn1{z-index:400}
11
12
  ._1q1l1bhr{--ds-elevation-surface-current:var(--ds-surface-overlay,#fff)}
@@ -13,6 +14,7 @@
13
14
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
14
15
  ._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
15
16
  ._c71l1ei0{max-height:calc(100vh - var(--ds-space-050, 4px)*2)}
17
+ ._c71l1kw7{max-height:inherit}
16
18
  ._c71ldtre{max-height:50vh}
17
19
  ._kqsw1n9t{position:fixed}
18
20
  ._syazi7uo{color:var(--ds-text,#292a2e)}
package/dist/esm/popper-wrapper.js CHANGED
@@ -23,7 +23,8 @@ var fullWidthStyles = null;
23
23
  var wrapperStyles = {
24
24
  root: "_2rko12b0 _1e0c1ule _vchhusvi _1pby1nn1 _bfhk1bhr _16qs130s _syazi7uo _1q1l1bhr _nt751r31 _49pcglyw _1hvw1o36",
25
25
  rootT26Shape: "_2rko1mok",
26
- fullWidth: "_1bsb1osq"
26
+ fullWidth: "_1bsb1osq",
27
+ motion: "_c71l1kw7 _1e0c1txw"
27
28
  };
28
29
  var scrollableStyles = null;
29
30
  var blanketStyles = null;
@@ -252,7 +253,8 @@ function PopperWrapper(_ref) {
252
253
  className: ax([shouldFitContainer && wrapperStyles.fullWidth])
253
254
  }, placement === 'auto' || placement === 'auto-start' || placement === 'auto-end' ? popupContainer : /*#__PURE__*/React.createElement(Motion, {
254
255
  enteringAnimation: placementMap[placement].enter,
255
- exitingAnimation: placementMap[placement].exit
256
+ exitingAnimation: placementMap[placement].exit,
257
+ xcss: wrapperStyles.motion
256
258
  }, popupContainer));
257
259
  return /*#__PURE__*/React.createElement(Fragment, null, fg('platform-dst-motion-uplift-popup') ? container : popupContainer, appearance === 'UNSAFE_modal-below-sm' && /*#__PURE__*/React.createElement("div", {
258
260
  className: ax(["_1r04idpf _kqsw1n9t _bfhk1i5c"])
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "4.19.0",
3
+ "version": "4.19.1",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"