@atlaskit/drawer 10.1.1 → 10.1.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/drawer
 
+## 10.1.3
+
+### Patch Changes
+
+- [#160530](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160530)
+  [`3d97095c489a5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3d97095c489a5) -
+  Internal change to align styling solutions.
+
+## 10.1.2
+
+### Patch Changes
+
+- [#158339](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158339)
+  [`ef6ac832a7616`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef6ac832a7616) -
+  Removes redundant usage of jsx pragma from @emotion/react
+
 ## 10.1.1
 
 ### Patch Changes

package/dist/cjs/compiled/drawer-panel/drawer-content.js

@@ -16,8 +16,7 @@ var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _useCallbackRef = require("use-callback-ref");
 var _context = require("../../context");
 var _usePreventProgrammaticScroll = _interopRequireDefault(require("../../hooks/use-prevent-programmatic-scroll"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"
 };

package/dist/cjs/compiled/drawer-panel/drawer-panel.js

@@ -14,8 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _motion = require("@atlaskit/motion");
 var _context = require("../../context");
 var _focusLock = _interopRequireDefault(require("./focus-lock"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var styles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _4t3i1kxc _kqsw1n9t _1pbybfng _bfhk1bhr _1q1l1bhr _152tze3t _1e02ze3t _ect41gqc",

package/dist/cjs/compiled/drawer-panel/drawer-sidebar.js

@@ -10,8 +10,7 @@ require("./drawer-sidebar.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _context = require("../../context");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 = {
   default: "_4cvr1h6o _vchhusvi _syaz1gjq _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
 };

package/dist/cjs/compiled/drawer.js

@@ -13,8 +13,7 @@ var _layering = require("@atlaskit/layering");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _blanket = _interopRequireDefault(require("./blanket"));
 var _drawerPanel = require("./drawer-panel/drawer-panel");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 
 // escape close manager for layering
@@ -67,7 +66,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -90,7 +89,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -102,7 +101,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/cjs/components/index.js

@@ -13,8 +13,7 @@ var _layering = require("@atlaskit/layering");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _blanket = _interopRequireDefault(require("./blanket"));
 var _primitives = _interopRequireDefault(require("./primitives"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 
 // escape close manager for layering
@@ -72,7 +71,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -95,7 +94,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -107,7 +106,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/cjs/components/primitives/focus-lock.js

@@ -10,8 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 /**
  * __Focus lock__
  *

package/dist/cjs/components/primitives/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = _interopRequireWildcard(require("react"));
 var _new = require("@atlaskit/button/new");
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
 var _motion = require("@atlaskit/motion");
@@ -19,11 +19,7 @@ var _focusLock = _interopRequireDefault(require("./focus-lock"));
 var _sidebar = _interopRequireDefault(require("./sidebar"));
 var _excluded = ["component"],
   _excluded2 = ["component"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+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); }
 // Misc.
 // ------------------------------
 
@@ -39,7 +35,7 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  return (0, _react2.jsx)(_motion.SlideIn, {
+  return /*#__PURE__*/_react.default.createElement(_motion.SlideIn, {
     animationTimingFunction: "ease-out",
     duration: "small",
     enterFrom: enterFrom,
@@ -87,18 +83,18 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
     }
   }, [onCloseComplete, onOpenComplete]);
-  return (0, _react2.jsx)(_motion.ExitingPersistence, {
+  return /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, {
     appear: true
-  }, isOpen && (0, _react2.jsx)(CustomSlideIn, {
+  }, isOpen && /*#__PURE__*/_react.default.createElement(CustomSlideIn, {
     onFinish: onFinish,
     enterFrom: enterFrom
   }, function (_ref3) {
     var className = _ref3.className;
-    return (0, _react2.jsx)(_focusLock.default, {
+    return /*#__PURE__*/_react.default.createElement(_focusLock.default, {
       autoFocusFirstElem: autoFocusFirstElem,
       isFocusLockEnabled: isFocusLockEnabled,
       shouldReturnFocus: shouldReturnFocus
-    }, (0, _react2.jsx)(_drawerWrapper.default
+    }, /*#__PURE__*/_react.default.createElement(_drawerWrapper.default
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {
       className: className,
@@ -107,11 +103,11 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       drawerRef: drawerRef,
       label: label,
       titleId: titleId
-    }, (0, _react2.jsx)(Sidebar, sideBarOverrides, (0, _react2.jsx)(_new.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
       onClick: onClose,
       testId: testId && 'DrawerPrimitiveSidebarCloseButton',
       icon: Icon ? function (iconProps) {
-        return (0, _react2.jsx)(Icon, (0, _extends2.default)({}, iconProps, {
+        return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
           size: "large",
           LEGACY_size: "large"
         }));
@@ -119,7 +115,7 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       label: closeLabel,
       shape: "circle",
       appearance: "subtle"
-    })), (0, _react2.jsx)(Content, (0, _extends2.default)({
+    })), /*#__PURE__*/_react.default.createElement(Content, (0, _extends2.default)({
       scrollContentLabel: scrollContentLabel
     }, contentOverrides), children)));
   }));

package/dist/es2019/compiled/drawer.js

@@ -51,7 +51,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -72,7 +72,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -82,7 +82,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/es2019/components/index.js

@@ -56,7 +56,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -77,7 +77,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -87,7 +87,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/es2019/components/primitives/index.js

@@ -1,13 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useCallback, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { useCallback, useRef } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
@@ -33,7 +25,7 @@ const CustomSlideIn = ({
   onFinish,
   enterFrom
 }) => {
-  return jsx(SlideIn, {
+  return /*#__PURE__*/React.createElement(SlideIn, {
     animationTimingFunction: "ease-out",
     duration: "small",
     enterFrom: enterFrom,
@@ -82,18 +74,18 @@ const DrawerPrimitive = ({
       onCloseComplete === null || onCloseComplete === void 0 ? void 0 : onCloseComplete(drawerRef.current);
     }
   }, [onCloseComplete, onOpenComplete]);
-  return jsx(ExitingPersistence, {
+  return /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: true
-  }, isOpen && jsx(CustomSlideIn, {
+  }, isOpen && /*#__PURE__*/React.createElement(CustomSlideIn, {
     onFinish: onFinish,
     enterFrom: enterFrom
   }, ({
     className
-  }) => jsx(FocusLock, {
+  }) => /*#__PURE__*/React.createElement(FocusLock, {
     autoFocusFirstElem: autoFocusFirstElem,
     isFocusLockEnabled: isFocusLockEnabled,
     shouldReturnFocus: shouldReturnFocus
-  }, jsx(DrawerWrapper
+  }, /*#__PURE__*/React.createElement(DrawerWrapper
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: className,
@@ -102,17 +94,17 @@ const DrawerPrimitive = ({
     drawerRef: drawerRef,
     label: label,
     titleId: titleId
-  }, jsx(Sidebar, sideBarOverrides, jsx(IconButton, {
+  }, /*#__PURE__*/React.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/React.createElement(IconButton, {
     onClick: onClose,
     testId: testId && 'DrawerPrimitiveSidebarCloseButton',
-    icon: Icon ? iconProps => jsx(Icon, _extends({}, iconProps, {
+    icon: Icon ? iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
       size: "large",
       LEGACY_size: "large"
     })) : ArrowLeft,
     label: closeLabel,
     shape: "circle",
     appearance: "subtle"
-  })), jsx(Content, _extends({
+  })), /*#__PURE__*/React.createElement(Content, _extends({
     scrollContentLabel: scrollContentLabel
   }, contentOverrides), children)))));
 };

package/dist/esm/compiled/drawer.js

@@ -56,7 +56,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -79,7 +79,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -91,7 +91,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/components/index.js

@@ -61,7 +61,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -84,7 +84,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -96,7 +96,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.1",
+    packageVersion: "10.1.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/components/primitives/index.js

@@ -2,15 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component"],
   _excluded2 = ["component"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useCallback, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { useCallback, useRef } from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
@@ -35,7 +27,7 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  return jsx(SlideIn, {
+  return /*#__PURE__*/React.createElement(SlideIn, {
     animationTimingFunction: "ease-out",
     duration: "small",
     enterFrom: enterFrom,
@@ -83,18 +75,18 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
     }
   }, [onCloseComplete, onOpenComplete]);
-  return jsx(ExitingPersistence, {
+  return /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: true
-  }, isOpen && jsx(CustomSlideIn, {
+  }, isOpen && /*#__PURE__*/React.createElement(CustomSlideIn, {
     onFinish: onFinish,
     enterFrom: enterFrom
   }, function (_ref3) {
     var className = _ref3.className;
-    return jsx(FocusLock, {
+    return /*#__PURE__*/React.createElement(FocusLock, {
       autoFocusFirstElem: autoFocusFirstElem,
       isFocusLockEnabled: isFocusLockEnabled,
       shouldReturnFocus: shouldReturnFocus
-    }, jsx(DrawerWrapper
+    }, /*#__PURE__*/React.createElement(DrawerWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     , {
       className: className,
@@ -103,11 +95,11 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       drawerRef: drawerRef,
       label: label,
       titleId: titleId
-    }, jsx(Sidebar, sideBarOverrides, jsx(IconButton, {
+    }, /*#__PURE__*/React.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/React.createElement(IconButton, {
       onClick: onClose,
       testId: testId && 'DrawerPrimitiveSidebarCloseButton',
       icon: Icon ? function (iconProps) {
-        return jsx(Icon, _extends({}, iconProps, {
+        return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
           size: "large",
           LEGACY_size: "large"
         }));
@@ -115,7 +107,7 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       label: closeLabel,
       shape: "circle",
       appearance: "subtle"
-    })), jsx(Content, _extends({
+    })), /*#__PURE__*/React.createElement(Content, _extends({
       scrollContentLabel: scrollContentLabel
     }, contentOverrides), children)));
   }));

package/dist/types/components/primitives/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type DrawerPrimitiveProps } from '../types';
-declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => jsx.JSX.Element;
+declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => React.JSX.Element;
 export default DrawerPrimitive;

package/dist/types-ts4.5/components/primitives/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type DrawerPrimitiveProps } from '../types';
-declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => jsx.JSX.Element;
+declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => React.JSX.Element;
 export default DrawerPrimitive;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "10.1.1",
+	"version": "10.1.3",
 	"description": "A drawer is a panel that slides in from the left side of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,15 +58,15 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/blanket": "^15.0.0",
-		"@atlaskit/button": "^23.0.0",
+		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/layering": "^2.1.0",
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"@emotion/react": "^11.7.1",
@@ -84,16 +84,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/code": "^17.1.0",
+		"@atlaskit/code": "^17.2.0",
 		"@atlaskit/docs": "^10.0.0",
-		"@atlaskit/dropdown-menu": "^14.1.0",
+		"@atlaskit/dropdown-menu": "^16.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/inline-message": "^15.0.0",
-		"@atlaskit/link": "^3.1.0",
-		"@atlaskit/menu": "^5.0.0",
-		"@atlaskit/modal-dialog": "^14.1.0",
-		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/inline-message": "^15.2.0",
+		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/menu": "^8.0.0",
+		"@atlaskit/modal-dialog": "^14.2.0",
+		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/section-message": "^8.2.0",
 		"@atlassian/ssr-tests": "^0.2.0",
 		"@testing-library/react": "^13.4.0",