@atlaskit/popup 4.24.0 → 4.25.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/popup
 
+## 4.25.0
+
+### Minor Changes
+
+- [`2fd74328732bf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2fd74328732bf) -
+  Updated to use new motion in top layer dialog
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.24.0
 
 ### Minor Changes

package/dist/cjs/compositional/popup-content-top-layer.js

@@ -24,7 +24,7 @@ var _topLayerBridge = require("../internal/top-layer-bridge");
 var _triggerRefObjectContext = require("./trigger-ref-object-context");
 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 overflowAutoStyles = null;
-var animation = (0, _animations.slideAndFade)();
+var animation = (0, _animations.popupMotion)();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 var EMPTY_STYLE = {};

package/dist/cjs/popup-top-layer.js

@@ -28,7 +28,7 @@ var contentOverflowStyles = {
   fitViewport: "_1reo1wug _18m91wug",
   default: ""
 };
-var animation = (0, _animations.slideAndFade)();
+var animation = (0, _animations.popupMotion)();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 var EMPTY_STYLE = {};

package/dist/es2019/compositional/popup-content-top-layer.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import noop from '@atlaskit/ds-lib/noop';
-import { slideAndFade } from '@atlaskit/top-layer/animations';
+import { popupMotion } from '@atlaskit/top-layer/animations';
 import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
 import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -14,7 +14,7 @@ import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';
 import { useRoleProps } from '../internal/top-layer-bridge';
 import { TriggerRefObjectContext } from './trigger-ref-object-context';
 const overflowAutoStyles = null;
-const animation = slideAndFade();
+const animation = popupMotion();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 const EMPTY_STYLE = {};

package/dist/es2019/popup-top-layer.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, memo, useCallback, useMemo, useRef, useState } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
-import { slideAndFade } from '@atlaskit/top-layer/animations';
+import { popupMotion } from '@atlaskit/top-layer/animations';
 import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
 import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
 import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
@@ -18,7 +18,7 @@ const contentOverflowStyles = {
   fitViewport: "_1reo1wug _18m91wug",
   default: ""
 };
-const animation = slideAndFade();
+const animation = popupMotion();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 const EMPTY_STYLE = {};

package/dist/esm/compositional/popup-content-top-layer.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { ax, ix } from '@compiled/react/runtime';
 import noop from '@atlaskit/ds-lib/noop';
-import { slideAndFade } from '@atlaskit/top-layer/animations';
+import { popupMotion } from '@atlaskit/top-layer/animations';
 import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
 import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
 import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
@@ -15,7 +15,7 @@ import { useWidthFromAnchor } from '@atlaskit/top-layer/use-width-from-anchor';
 import { useRoleProps } from '../internal/top-layer-bridge';
 import { TriggerRefObjectContext } from './trigger-ref-object-context';
 var overflowAutoStyles = null;
-var animation = slideAndFade();
+var animation = popupMotion();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 var EMPTY_STYLE = {};

package/dist/esm/popup-top-layer.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, memo, useCallback, useMemo, useRef, useState } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
-import { slideAndFade } from '@atlaskit/top-layer/animations';
+import { popupMotion } from '@atlaskit/top-layer/animations';
 import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
 import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map';
 import { createPopoverCloseEvent, Popover } from '@atlaskit/top-layer/popover';
@@ -19,7 +19,7 @@ var contentOverflowStyles = {
   fitViewport: "_1reo1wug _18m91wug",
   default: ""
 };
-var animation = slideAndFade();
+var animation = popupMotion();
 
 // Top-layer positioning is handled by CSS Anchor Positioning, not inline styles.
 var EMPTY_STYLE = {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/popup",
-	"version": "4.24.0",
+	"version": "4.25.0",
 	"description": "A popup displays brief content in an overlay.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,8 +47,8 @@
 		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/portal": "^5.5.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tokens": "^13.3.0",
-		"@atlaskit/top-layer": "^0.16.0",
+		"@atlaskit/tokens": "^13.4.0",
+		"@atlaskit/top-layer": "^0.17.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -71,7 +71,7 @@
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/modal-dialog": "^15.2.0",
+		"@atlaskit/modal-dialog": "^15.3.0",
 		"@atlaskit/section-message": "^8.13.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/toggle": "^16.1.0",