@atlaskit/top-layer 4.1.0 → 4.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/top-layer
 
+## 4.2.0
+
+### Minor Changes
+
+- [`e825821c5493d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e825821c5493d) -
+  Reset inherited `pointer-events` on Dialog and Popover top-layer surfaces so their content remains
+  interactive inside non-interactive overlay containers.
+
 ## 4.1.0
 
 ### Minor Changes

package/dist/cjs/dialog/dialog-content.compiled.css

@@ -24,6 +24,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._c71lglyw{max-height:none}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._o5724jg8{white-space:normal}
 ._otyr1wug{margin-bottom:auto}
 ._p12fglyw{max-width:none}

package/dist/cjs/dialog/dialog-content.js

@@ -20,16 +20,16 @@ var _useFocusWrap = require("../internal/use-focus-wrap");
 var _useSafariEscapeFix2 = require("../internal/use-safari-escape-fix");
 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" != _typeof(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); }
 // Surface reset — see the rationale on `surfaceResetStyles` in `popover/popover.tsx`.
-// Neutralises inherited text-layout properties (e.g. `white-space: nowrap`) that leak
-// into the top-layer surface. Excludes `color`/`font` (theming) and
-// `direction`/`unicode-bidi` (RTL must inherit). Pure layout reset with no box
-// side-effects, so it does not reintroduce the `margin: auto` centering problem that
-// kept `height: auto` off `Dialog`.
+// Neutralises inherited interaction and text-layout properties (e.g.
+// `pointer-events: none` and `white-space: nowrap`) that leak into the top-layer
+// surface. Excludes `color`/`font` (theming) and `direction`/`unicode-bidi` (RTL
+// must inherit). The reset has no box side-effects, so it does not reintroduce
+// the `margin: auto` centering problem that kept `height: auto` off `Dialog`.
 //
 // KEEP IN SYNC with the identical `surfaceResetStyles` in `popover/popover.tsx`
 // (ADS forbids sharing styles across files, so it is co-located and duplicated).
 var surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 var dialogStyles = {
   root: "_19itglyw _19pk1wug _2hwx1wug _otyr1wug _18u01wug _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _p12fglyw _c71lglyw _bfhk1j28",

package/dist/cjs/popover/popover.compiled.css

@@ -18,6 +18,7 @@
 ._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._n3tdidpf{padding-bottom:0}
 ._o5724jg8{white-space:normal}
 ._otyridpf{margin-bottom:0}

package/dist/cjs/popover/popover.js

@@ -34,7 +34,8 @@ var supportsPopoverHint = (0, _once.default)(function () {
   return element.popover === 'hint';
 });
 
-// Surface reset — neutralises inherited text-layout properties (e.g.
+// Surface reset — neutralises inherited interaction and text-layout properties
+// (e.g. `pointer-events: none` from an overlaid controls container and
 // `white-space: nowrap` from an `@atlaskit/select` option) that leak into a
 // top-layer element because, for CSS inheritance, it is still a DOM child of its
 // trigger (top-layer promotion is paint/stacking only; the legacy portal path
@@ -46,7 +47,7 @@ var supportsPopoverHint = (0, _once.default)(function () {
 // `no-imported-style-values` — Compiled styles are null at runtime), so the reset is
 // co-located and duplicated deliberately.
 var surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 var styles = {
   root: "_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _1r041wug _1reoewfl _18m9ewfl _bfhk1j28 _4t3i1wug",

package/dist/es2019/dialog/dialog-content.compiled.css

@@ -24,6 +24,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._c71lglyw{max-height:none}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._o5724jg8{white-space:normal}
 ._otyr1wug{margin-bottom:auto}
 ._p12fglyw{max-width:none}

package/dist/es2019/dialog/dialog-content.js

@@ -11,16 +11,16 @@ import { useAnimatedVisibility } from '../internal/use-animated-visibility';
 import { useFocusWrap } from '../internal/use-focus-wrap';
 import { useSafariEscapeFix } from '../internal/use-safari-escape-fix';
 // Surface reset — see the rationale on `surfaceResetStyles` in `popover/popover.tsx`.
-// Neutralises inherited text-layout properties (e.g. `white-space: nowrap`) that leak
-// into the top-layer surface. Excludes `color`/`font` (theming) and
-// `direction`/`unicode-bidi` (RTL must inherit). Pure layout reset with no box
-// side-effects, so it does not reintroduce the `margin: auto` centering problem that
-// kept `height: auto` off `Dialog`.
+// Neutralises inherited interaction and text-layout properties (e.g.
+// `pointer-events: none` and `white-space: nowrap`) that leak into the top-layer
+// surface. Excludes `color`/`font` (theming) and `direction`/`unicode-bidi` (RTL
+// must inherit). The reset has no box side-effects, so it does not reintroduce
+// the `margin: auto` centering problem that kept `height: auto` off `Dialog`.
 //
 // KEEP IN SYNC with the identical `surfaceResetStyles` in `popover/popover.tsx`
 // (ADS forbids sharing styles across files, so it is co-located and duplicated).
 const surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 const dialogStyles = {
   root: "_19itglyw _19pk1wug _2hwx1wug _otyr1wug _18u01wug _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _p12fglyw _c71lglyw _bfhk1j28",

package/dist/es2019/popover/popover.compiled.css

@@ -18,6 +18,7 @@
 ._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._n3tdidpf{padding-bottom:0}
 ._o5724jg8{white-space:normal}
 ._otyridpf{margin-bottom:0}

package/dist/es2019/popover/popover.js

@@ -25,7 +25,8 @@ const supportsPopoverHint = once(() => {
   return element.popover === 'hint';
 });
 
-// Surface reset — neutralises inherited text-layout properties (e.g.
+// Surface reset — neutralises inherited interaction and text-layout properties
+// (e.g. `pointer-events: none` from an overlaid controls container and
 // `white-space: nowrap` from an `@atlaskit/select` option) that leak into a
 // top-layer element because, for CSS inheritance, it is still a DOM child of its
 // trigger (top-layer promotion is paint/stacking only; the legacy portal path
@@ -37,7 +38,7 @@ const supportsPopoverHint = once(() => {
 // `no-imported-style-values` — Compiled styles are null at runtime), so the reset is
 // co-located and duplicated deliberately.
 const surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 const styles = {
   root: "_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _1r041wug _1reoewfl _18m9ewfl _bfhk1j28 _4t3i1wug",

package/dist/esm/dialog/dialog-content.compiled.css

@@ -24,6 +24,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._c71lglyw{max-height:none}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._o5724jg8{white-space:normal}
 ._otyr1wug{margin-bottom:auto}
 ._p12fglyw{max-width:none}

package/dist/esm/dialog/dialog-content.js

@@ -11,16 +11,16 @@ import { useAnimatedVisibility } from '../internal/use-animated-visibility';
 import { useFocusWrap } from '../internal/use-focus-wrap';
 import { useSafariEscapeFix } from '../internal/use-safari-escape-fix';
 // Surface reset — see the rationale on `surfaceResetStyles` in `popover/popover.tsx`.
-// Neutralises inherited text-layout properties (e.g. `white-space: nowrap`) that leak
-// into the top-layer surface. Excludes `color`/`font` (theming) and
-// `direction`/`unicode-bidi` (RTL must inherit). Pure layout reset with no box
-// side-effects, so it does not reintroduce the `margin: auto` centering problem that
-// kept `height: auto` off `Dialog`.
+// Neutralises inherited interaction and text-layout properties (e.g.
+// `pointer-events: none` and `white-space: nowrap`) that leak into the top-layer
+// surface. Excludes `color`/`font` (theming) and `direction`/`unicode-bidi` (RTL
+// must inherit). The reset has no box side-effects, so it does not reintroduce
+// the `margin: auto` centering problem that kept `height: auto` off `Dialog`.
 //
 // KEEP IN SYNC with the identical `surfaceResetStyles` in `popover/popover.tsx`
 // (ADS forbids sharing styles across files, so it is co-located and duplicated).
 var surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 var dialogStyles = {
   root: "_19itglyw _19pk1wug _2hwx1wug _otyr1wug _18u01wug _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _p12fglyw _c71lglyw _bfhk1j28",

package/dist/esm/popover/popover.compiled.css

@@ -18,6 +18,7 @@
 ._bfhk1j28{background-color:transparent}
 ._ca0qidpf{padding-top:0}
 ._k8m011k7{transition-property:overlay,display}
+._lcxv1wug{pointer-events:auto}
 ._n3tdidpf{padding-bottom:0}
 ._o5724jg8{white-space:normal}
 ._otyridpf{margin-bottom:0}

package/dist/esm/popover/popover.js

@@ -25,7 +25,8 @@ var supportsPopoverHint = once(function () {
   return element.popover === 'hint';
 });
 
-// Surface reset — neutralises inherited text-layout properties (e.g.
+// Surface reset — neutralises inherited interaction and text-layout properties
+// (e.g. `pointer-events: none` from an overlaid controls container and
 // `white-space: nowrap` from an `@atlaskit/select` option) that leak into a
 // top-layer element because, for CSS inheritance, it is still a DOM child of its
 // trigger (top-layer promotion is paint/stacking only; the legacy portal path
@@ -37,7 +38,7 @@ var supportsPopoverHint = once(function () {
 // `no-imported-style-values` — Compiled styles are null at runtime), so the reset is
 // co-located and duplicated deliberately.
 var surfaceResetStyles = {
-  root: "_o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
+  root: "_lcxv1wug _o5724jg8 _1nmz4jg8 _1i4q4jg8 _y3gnv2br _azhwidpf _1p1dglyw"
 };
 var styles = {
   root: "_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _19pkidpf _2hwxidpf _otyridpf _18u0idpf _1r041wug _1reoewfl _18m9ewfl _bfhk1j28 _4t3i1wug",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/top-layer",
-	"version": "4.1.0",
+	"version": "4.2.0",
 	"description": "Low-level layering primitives based on popover and dialog",
 	"homepage": "https://atlassian.design/components/top-layer",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",