@atlaskit/top-layer 1.9.0 → 1.10.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/top-layer
 
+## 1.10.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.10.0
+
+### Minor Changes
+
+- [`c5a6b4e6c8a7c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c5a6b4e6c8a7c) -
+  `PopoverSurface` now sets a default text color so content no longer inherits ambient text color.
+  This restores parity with the legacy popup surface and fixes the top-layer paths of Popup, Select,
+  DateTimePicker, and AvatarGroup, which relied on the surface for their text color.
+
 ## 1.9.0
 
 ### Minor Changes

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

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
+var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
 var _useAnimatedVisibility = require("../internal/use-animated-visibility");
 var _useFocusWrap = require("../internal/use-focus-wrap");
 var _useSafariEscapeFix2 = require("../internal/use-safari-escape-fix");
@@ -112,7 +112,7 @@ var Dialog = exports.Dialog = /*#__PURE__*/(0, _react.forwardRef)(function Dialo
 
   // Notify the open layer observer so app-coordination features
   // (open-count subscriptions) work with top-layer dialogs.
-  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
+  (0, _useNotifyOpenLayerObserver.useNotifyOpenLayerObserver)({
     type: 'modal',
     isOpen: isOpen,
     // No-op: no current use case for programmatic close via OpenLayerObserver.

package/dist/cjs/popover/popover.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _once = _interopRequireDefault(require("@atlaskit/ds-lib/once"));
-var _openLayerObserver = require("@atlaskit/layering/experimental/open-layer-observer");
+var _useNotifyOpenLayerObserver = require("@atlaskit/layering/use-notify-open-layer-observer");
 var _roleTypes = require("../internal/role-types");
 var _setStyle = require("../internal/set-style");
 var _useAnimatedVisibility = require("../internal/use-animated-visibility");
@@ -159,7 +159,7 @@ var Popover = exports.Popover = /*#__PURE__*/(0, _react.forwardRef)(function Pop
       reason: 'programmatic'
     });
   }, [onClose]);
-  (0, _openLayerObserver.useNotifyOpenLayerObserver)({
+  (0, _useNotifyOpenLayerObserver.useNotifyOpenLayerObserver)({
     type: role && POPUP_ROLES.has(role) ? 'popup' : undefined,
     isOpen: isOpen,
     onClose: handleObserverClose

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

@@ -1,4 +1,5 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m91wug{overflow-y:auto}
 ._1reo1wug{overflow-x:auto}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/cjs/popover-surface/popover-surface.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 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); }
 var styles = {
-  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _16qs130s"
+  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _syazi7uo _16qs130s"
 };
 
 /**

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

@@ -5,7 +5,7 @@ import React, { forwardRef, useCallback, useEffect, useId, useLayoutEffect, useR
 import { bind } from 'bind-event-listener';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import noop from '@atlaskit/ds-lib/noop';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { useAnimatedVisibility } from '../internal/use-animated-visibility';
 import { useFocusWrap } from '../internal/use-focus-wrap';
 import { useSafariEscapeFix } from '../internal/use-safari-escape-fix';

package/dist/es2019/popover/popover.js

@@ -5,7 +5,7 @@ import React, { forwardRef, useCallback, useId, useLayoutEffect, useRef } from '
 import { bind } from 'bind-event-listener';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import once from '@atlaskit/ds-lib/once';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { shouldFocusIntoPopover } from '../internal/role-types';
 import { setStyle } from '../internal/set-style';
 import { useAnimatedVisibility } from '../internal/use-animated-visibility';

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

@@ -1,4 +1,5 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m91wug{overflow-y:auto}
 ._1reo1wug{overflow-x:auto}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/es2019/popover-surface/popover-surface.js

@@ -3,7 +3,7 @@ import "./popover-surface.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 const styles = {
-  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _16qs130s"
+  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _syazi7uo _16qs130s"
 };
 
 /**

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

@@ -5,7 +5,7 @@ import React, { forwardRef, useCallback, useEffect, useId, useLayoutEffect, useR
 import { bind } from 'bind-event-listener';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import noop from '@atlaskit/ds-lib/noop';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { useAnimatedVisibility } from '../internal/use-animated-visibility';
 import { useFocusWrap } from '../internal/use-focus-wrap';
 import { useSafariEscapeFix } from '../internal/use-safari-escape-fix';

package/dist/esm/popover/popover.js

@@ -5,7 +5,7 @@ import React, { forwardRef, useCallback, useId, useLayoutEffect, useRef } from '
 import { bind } from 'bind-event-listener';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import once from '@atlaskit/ds-lib/once';
-import { useNotifyOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
+import { useNotifyOpenLayerObserver } from '@atlaskit/layering/use-notify-open-layer-observer';
 import { shouldFocusIntoPopover } from '../internal/role-types';
 import { setStyle } from '../internal/set-style';
 import { useAnimatedVisibility } from '../internal/use-animated-visibility';

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

@@ -1,4 +1,5 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m91wug{overflow-y:auto}
 ._1reo1wug{overflow-x:auto}
-._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._syazi7uo{color:var(--ds-text,#292a2e)}

package/dist/esm/popover-surface/popover-surface.js

@@ -3,7 +3,7 @@ import "./popover-surface.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 var styles = {
-  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _16qs130s"
+  root: "_2rkofajl _1reo1wug _18m91wug _bfhk1bhr _syazi7uo _16qs130s"
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/top-layer",
-	"version": "1.9.0",
+	"version": "1.10.1",
 	"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",
@@ -38,7 +38,7 @@
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/layering": "^4.1.0",
+		"@atlaskit/layering": "^5.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/tokens": "^16.2.0",
 		"@babel/runtime": "^7.0.0",