@atlaskit/datetime-picker 18.1.7 → 18.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/datetime-picker
 
+## 18.2.0
+
+### Minor Changes
+
+- [`3f6f3bd7da074`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f6f3bd7da074) -
+  Updates usage of the Top Layer primitives to consume changes to animation API.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.1.8
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.1.7
 
 ### Patch Changes

package/dist/cjs/components/date-picker.compiled.css

@@ -1,4 +1,3 @@
-
 ._v564vrg3{transition:color .15s}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._12l2xy5q{margin-inline-end:var(--ds-space-400,2pc)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}

package/dist/cjs/components/date-picker.js

@@ -1,4 +1,4 @@
-/* date-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -44,7 +44,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

package/dist/cjs/components/date-time-picker.js

@@ -1,4 +1,4 @@
-/* date-time-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // for typing `process`
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

package/dist/cjs/components/time-picker.js

@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/cjs/internal/date-time-picker-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}

package/dist/cjs/internal/date-time-picker-container.js

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/fixed-layer-menu-top-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -91,7 +91,7 @@ var FixedLayerMenuTopLayer = exports.FixedLayerMenuTopLayer = function FixedLaye
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true
+    shouldAnimate: true
     // @ts-ignore -- testId is a custom prop passed through selectProps
     ,
     testId: selectProps.testId && "".concat(selectProps.testId, "--popup")

package/dist/cjs/internal/fixed-layer-menu.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/fixed-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/indicators-container.js

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/internal/menu-top-layer.js

@@ -1,4 +1,4 @@
-/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -98,7 +98,7 @@ var MenuTopLayer = exports.MenuTopLayer = function MenuTopLayer(_ref) {
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true,
+    shouldAnimate: true,
     testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
   }, /*#__PURE__*/React.createElement(_popoverSurface.PopoverSurface, null, /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, innerProps, {
     role: "presentation",

package/dist/cjs/internal/menu.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}

package/dist/cjs/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _dateFns = require("date-fns");
 var _calendar = _interopRequireDefault(require("@atlaskit/calendar"));
-var _layering = require("@atlaskit/layering");
+var _layering = require("@atlaskit/layering/layering");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 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); }

package/dist/es2019/components/date-picker.compiled.css

@@ -1,4 +1,3 @@
-
 ._v564vrg3{transition:color .15s}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._12l2xy5q{margin-inline-end:var(--ds-space-400,2pc)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}

package/dist/es2019/components/date-picker.js

@@ -1,4 +1,4 @@
-/* date-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-picker.compiled.css";
 import * as React from 'react';
@@ -31,7 +31,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.6";
+const packageVersion = "18.1.8";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

package/dist/es2019/components/date-time-picker.js

@@ -1,4 +1,4 @@
-/* date-time-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.6";
+const packageVersion = "18.1.8";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

package/dist/es2019/components/time-picker.js

@@ -17,7 +17,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.6";
+const packageVersion = "18.1.8";
 const defaultTimeFormat = 'h:mma';
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/es2019/internal/date-time-picker-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}

package/dist/es2019/internal/date-time-picker-container.js

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker-container.compiled.css";
 import * as React from 'react';

package/dist/es2019/internal/fixed-layer-menu-top-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -82,7 +82,7 @@ export const FixedLayerMenuTopLayer = ({
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true
+    shouldAnimate: true
     // @ts-ignore -- testId is a custom prop passed through selectProps
     ,
     testId: selectProps.testId && `${selectProps.testId}--popup`

package/dist/es2019/internal/fixed-layer-menu.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/fixed-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./fixed-layer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/indicators-container.js

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import "./indicators-container.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/internal/menu-top-layer.js

@@ -1,4 +1,4 @@
-/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -94,7 +94,7 @@ export const MenuTopLayer = ({
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true,
+    shouldAnimate: true,
     testId: selectProps.testId && `${selectProps.testId}--popup`
   }, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
     role: "presentation",

package/dist/es2019/internal/menu.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}

package/dist/es2019/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./menu.compiled.css";
 import * as React from 'react';
@@ -8,7 +8,7 @@ import { Fragment } from 'react';
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
-import { Layering } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import FixedLayer from '../internal/fixed-layer';
 

package/dist/esm/components/date-picker.compiled.css

@@ -1,4 +1,3 @@
-
 ._v564vrg3{transition:color .15s}._12l21b66{margin-inline-end:var(--ds-space-050,4px)}
 ._12l2xy5q{margin-inline-end:var(--ds-space-400,2pc)}
 ._152tze3t{inset-block-start:var(--ds-space-0,0)}

package/dist/esm/components/date-picker.js

@@ -1,4 +1,4 @@
-/* date-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -37,7 +37,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

package/dist/esm/components/date-time-picker.js

@@ -1,4 +1,4 @@
-/* date-time-picker.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

package/dist/esm/components/time-picker.js

@@ -23,7 +23,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.6";
+var packageVersion = "18.1.8";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

package/dist/esm/internal/date-time-picker-container.compiled.css

@@ -1,4 +1,3 @@
-
 ._19itno8c{border:var(--ds-border-width,1px) solid var(--ds-border-input,#8c8f97)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}

package/dist/esm/internal/date-time-picker-container.js

@@ -1,4 +1,4 @@
-/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* date-time-picker-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./date-time-picker-container.compiled.css";
 import * as React from 'react';

package/dist/esm/internal/fixed-layer-menu-top-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];
@@ -83,7 +83,7 @@ var FixedLayerMenuTopLayer = function FixedLayerMenuTopLayer(_ref) {
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true
+    shouldAnimate: true
     // @ts-ignore -- testId is a custom prop passed through selectProps
     ,
     testId: selectProps.testId && "".concat(selectProps.testId, "--popup")

package/dist/esm/internal/fixed-layer-menu.js

@@ -1,4 +1,4 @@
-/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer-menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "clearValue", "cx", "getStyles", "getValue", "hasValue", "innerProps", "innerRef", "isLoading", "isMulti", "isRtl", "maxMenuHeight", "menuPlacement", "menuPosition", "menuShouldScrollIntoView", "minMenuHeight", "options", "placement", "selectOption", "selectProps", "setValue", "children"];

package/dist/esm/internal/fixed-layer.js

@@ -1,4 +1,4 @@
-/* fixed-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* fixed-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

package/dist/esm/internal/indicators-container.js

@@ -1,4 +1,4 @@
-/* indicators-container.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* indicators-container.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["showClearIndicator"];
 import "./indicators-container.compiled.css";

package/dist/esm/internal/menu-top-layer.js

@@ -1,4 +1,4 @@
-/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu-top-layer.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -90,7 +90,7 @@ export var MenuTopLayer = function MenuTopLayer(_ref) {
     ,
     mode: "manual",
     placement: popupPlacement,
-    animate: true,
+    shouldAnimate: true,
     testId: selectProps.testId && "".concat(selectProps.testId, "--popup")
   }, /*#__PURE__*/React.createElement(PopoverSurface, null, /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
     role: "presentation",

package/dist/esm/internal/menu.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
 ._18m915vq{overflow-y:hidden}

package/dist/esm/internal/menu.js

@@ -1,4 +1,4 @@
-/* menu.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* menu.tsx generated by @compiled/babel-plugin v0.40.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./menu.compiled.css";
 import * as React from 'react';
@@ -8,7 +8,7 @@ import { Fragment } from 'react';
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
-import { Layering } from '@atlaskit/layering';
+import { Layering } from '@atlaskit/layering/layering';
 import { fg } from '@atlaskit/platform-feature-flags';
 import FixedLayer from '../internal/fixed-layer';
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "18.1.7",
+	"version": "18.2.0",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,18 +36,18 @@
 		"@atlaskit/calendar": "^18.3.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^37.0.0",
-		"@atlaskit/layering": "^4.1.0",
+		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/layering": "^5.0.0",
 		"@atlaskit/locale": "^5.0.0",
-		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/popper": "^8.3.0",
-		"@atlaskit/primitives": "^22.0.0",
+		"@atlaskit/platform-feature-flags": "^2.1.0",
+		"@atlaskit/popper": "^8.4.0",
+		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/select": "^22.5.0",
-		"@atlaskit/tokens": "^16.0.0",
-		"@atlaskit/top-layer": "^1.8.0",
+		"@atlaskit/select": "^22.6.0",
+		"@atlaskit/tokens": "^16.3.0",
+		"@atlaskit/top-layer": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.20.0",
+		"@compiled/react": "^1.0.0",
 		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
@@ -63,8 +63,8 @@
 		"@atlaskit/form": "^16.1.0",
 		"@atlaskit/heading": "^6.2.0",
 		"@atlaskit/link": "^4.3.0",
-		"@atlaskit/modal-dialog": "^16.1.0",
-		"@atlaskit/popup": "^5.1.0",
+		"@atlaskit/modal-dialog": "^16.2.0",
+		"@atlaskit/popup": "^5.2.0",
 		"@atlaskit/range": "^11.1.0",
 		"@atlaskit/section-message": "^9.2.0",
 		"@atlaskit/textfield": "^9.1.0",