@atlaskit/drawer 7.4.6 → 7.4.8

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/drawer
 
+## 7.4.8
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
+## 7.4.7
+
+### Patch Changes
+
+- [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
+
 ## 7.4.6
 
 ### Patch Changes

package/dist/cjs/components/blanket.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _blanket = _interopRequireDefault(require("@atlaskit/blanket"));
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _motion = require("@atlaskit/motion");
-
 var _constants = require("../constants");
-
 /** @jsx jsx */
 
 /**
@@ -26,8 +18,8 @@ var _constants = require("../constants");
  */
 var Blanket = function Blanket(_ref) {
   var isOpen = _ref.isOpen,
-      onBlanketClicked = _ref.onBlanketClicked,
-      testId = _ref.testId;
+    onBlanketClicked = _ref.onBlanketClicked,
+    testId = _ref.testId;
   return (0, _react2.jsx)(_motion.ExitingPersistence, {
     appear: true
   }, isOpen && (0, _react2.jsx)(_motion.FadeIn
@@ -36,8 +28,7 @@ var Blanket = function Blanket(_ref) {
    * `opacity: 1` at `50%`.
    *
    * The fade out animation uses half the passed duration so it evens out.
-   */
-  , {
+   */, {
     duration: _constants.transitionDurationMs * 2
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
@@ -58,6 +49,5 @@ var Blanket = function Blanket(_ref) {
     }));
   }));
 };
-
 var _default = Blanket;
 exports.default = _default;

package/dist/cjs/components/index.js

@@ -1,58 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrawerBase = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _exenv = require("exenv");
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-
 var _constants = require("../constants");
-
 var _blanket = _interopRequireDefault(require("./blanket"));
-
 var _primitives = _interopRequireDefault(require("./primitives"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.4.6";
+var packageVersion = "7.4.8";
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({
     action: 'dismissed',
@@ -65,21 +41,15 @@ var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, t
     }
   })(createAnalyticsEvent);
 };
-
 var DrawerBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(DrawerBase, _Component);
-
   var _super = _createSuper(DrawerBase);
-
   function DrawerBase() {
     var _this;
-
     (0, _classCallCheck2.default)(this, DrawerBase);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       renderPortal: false
@@ -93,35 +63,30 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function (event, trigger) {
       var _this$props = _this.props,
-          createAnalyticsEvent = _this$props.createAnalyticsEvent,
-          onClose = _this$props.onClose;
+        createAnalyticsEvent = _this$props.createAnalyticsEvent,
+        onClose = _this$props.onClose;
       var analyticsEvent = createAnalyticsEvent && createAndFireOnClick(createAnalyticsEvent, trigger);
-
       if (onClose) {
         onClose(event, analyticsEvent);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
       var _this$props2 = _this.props,
-          isOpen = _this$props2.isOpen,
-          onKeyDown = _this$props2.onKeyDown;
-
+        isOpen = _this$props2.isOpen,
+        onKeyDown = _this$props2.onKeyDown;
       if (event.key === 'Escape' && isOpen) {
         _this.handleClose(event, 'escKey');
       }
-
       if (onKeyDown) {
         onKeyDown(event);
       }
     });
     return _this;
   }
-
   (0, _createClass2.default)(DrawerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var isOpen = this.props.isOpen;
-
       if (isOpen) {
         window.addEventListener('keydown', this.handleKeyDown);
       }
@@ -135,7 +100,6 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var isOpen = this.props.isOpen;
-
       if (isOpen !== prevProps.isOpen) {
         if (isOpen) {
           window.addEventListener('keydown', this.handleKeyDown);
@@ -150,22 +114,21 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
       if (!this.body) {
         return null;
       }
-
       var _this$props3 = this.props,
-          testId = _this$props3.testId,
-          isOpen = _this$props3.isOpen,
-          children = _this$props3.children,
-          icon = _this$props3.icon,
-          width = _this$props3.width,
-          shouldUnmountOnExit = _this$props3.shouldUnmountOnExit,
-          onCloseComplete = _this$props3.onCloseComplete,
-          onOpenComplete = _this$props3.onOpenComplete,
-          autoFocusFirstElem = _this$props3.autoFocusFirstElem,
-          isFocusLockEnabled = _this$props3.isFocusLockEnabled,
-          shouldReturnFocus = _this$props3.shouldReturnFocus,
-          overrides = _this$props3.overrides,
-          _this$props3$zIndex = _this$props3.zIndex,
-          zIndex = _this$props3$zIndex === void 0 ? 'unset' : _this$props3$zIndex;
+        testId = _this$props3.testId,
+        isOpen = _this$props3.isOpen,
+        children = _this$props3.children,
+        icon = _this$props3.icon,
+        width = _this$props3.width,
+        shouldUnmountOnExit = _this$props3.shouldUnmountOnExit,
+        onCloseComplete = _this$props3.onCloseComplete,
+        onOpenComplete = _this$props3.onOpenComplete,
+        autoFocusFirstElem = _this$props3.autoFocusFirstElem,
+        isFocusLockEnabled = _this$props3.isFocusLockEnabled,
+        shouldReturnFocus = _this$props3.shouldReturnFocus,
+        overrides = _this$props3.overrides,
+        _this$props3$zIndex = _this$props3.zIndex,
+        zIndex = _this$props3$zIndex === void 0 ? 'unset' : _this$props3$zIndex;
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
         zIndex: zIndex
       }, /*#__PURE__*/_react.default.createElement(_blanket.default, {
@@ -180,7 +143,8 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
         onCloseComplete: onCloseComplete,
         onOpenComplete: onOpenComplete,
         width: width,
-        shouldUnmountOnExit: shouldUnmountOnExit // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
+        shouldUnmountOnExit: shouldUnmountOnExit
+        // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
         ,
         overrides: overrides,
         autoFocusFirstElem: autoFocusFirstElem,
@@ -191,16 +155,13 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
   }]);
   return DrawerBase;
 }(_react.Component);
-
 exports.DrawerBase = DrawerBase;
 (0, _defineProperty2.default)(DrawerBase, "defaultProps", _objectSpread({
   width: 'narrow'
 }, _constants.defaultFocusLockSettings));
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'drawer',
   packageName: packageName,
   packageVersion: packageVersion
 })((0, _analyticsNext.withAnalyticsEvents)()(DrawerBase));
-
 exports.default = _default;

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

@@ -1,34 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _excluded = ["cssFn"];
 var defaultStyles = {
   flex: 1,
   overflow: 'auto',
   marginTop: 3 * (0, _constants.gridSize)()
 };
-
 var contentCSS = function contentCSS() {
   return defaultStyles;
 };
-
 var Content = function Content(_ref) {
   var cssFn = _ref.cssFn,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (
     /**
      * I noticed the implementation at @atlaskit/checkbox would send the props to cssFn rather
@@ -36,13 +28,13 @@ var Content = function Content(_ref) {
      * guide suggested as it made more sense as a transformer of the current styles rather than
      * a complete override with no chance of partially changing styles.
      */
+
     // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props, @repo/internal/react/use-primitives
     (0, _react.jsx)("div", (0, _extends2.default)({
       css: (0, _react.css)(cssFn(defaultStyles))
     }, props))
   );
 };
-
 var _default = {
   component: Content,
   cssFn: contentCSS

package/dist/cjs/components/primitives/drawer-wrapper.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapperWidth = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("react");
-
 var _react2 = require("@emotion/react");
-
 var _useCallbackRef = require("use-callback-ref");
-
 var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _usePreventProgrammaticScroll = _interopRequireDefault(require("./hooks/use-prevent-programmatic-scroll"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var wrapperWidth = {
   full: {
     width: '100vw'
@@ -48,18 +37,16 @@ var wrapperStyles = {
   left: 0,
   height: '100vh'
 };
-
 /**
  * A wrapper that controls the styling of the drawer with a few hacks with refs to get our Touch±Scroll locks working.
  */
 var DrawerWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, scrollRef) {
   var children = _ref.children,
-      className = _ref.className,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 'narrow' : _ref$width,
-      testId = _ref.testId,
-      drawerRef = _ref.drawerRef;
-
+    className = _ref.className,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'narrow' : _ref$width,
+    testId = _ref.testId,
+    drawerRef = _ref.drawerRef;
   /**
    * We use a callback ref to assign the `<Content />` component to the forwarded `scrollRef`.
    * This ref comes from `react-scrolllock` to allow touch scrolling, eg.: `<ScrollLock><TouchScrollable>{children}</TouchScrollable><ScrollLock>`
@@ -70,7 +57,6 @@ var DrawerWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, scrollRe
    */
   var assignSecondChildRef = (0, _react.useCallback)(function (node) {
     var _node$children;
-
     if (node !== null && node !== void 0 && (_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length && typeof scrollRef === 'function') {
       scrollRef(node.children[node.children.length - 1]);
     }

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

@@ -1,74 +1,48 @@
 "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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
-
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-
 var _constants = require("../../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 // Thin wrapper over react-focus-lock. This wrapper only exists to ensure API compatibility.
 // This component should be deleted during https://ecosystem.atlassian.net/browse/AK-5658
 var FocusLock = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(FocusLock, _Component);
-
   var _super = _createSuper(FocusLock);
-
   function FocusLock() {
     (0, _classCallCheck2.default)(this, FocusLock);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(FocusLock, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          isFocusLockEnabled = _this$props.isFocusLockEnabled,
-          autoFocusFirstElem = _this$props.autoFocusFirstElem;
-
+        isFocusLockEnabled = _this$props.isFocusLockEnabled,
+        autoFocusFirstElem = _this$props.autoFocusFirstElem;
       if (process.env.NODE_ENV !== 'production' && !process.env.CI) {
         (0, _tinyInvariant.default)(typeof autoFocusFirstElem === 'boolean', '@atlaskit/drawer: Passing a function as autoFocus is deprecated. Instead call focus on the element ref or use the autofocus property.');
       }
-
       if (typeof autoFocusFirstElem === 'function' && isFocusLockEnabled) {
         var elem = autoFocusFirstElem();
-
         if (elem && elem.focus) {
           elem.focus();
         }
@@ -78,10 +52,10 @@ var FocusLock = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          isFocusLockEnabled = _this$props2.isFocusLockEnabled,
-          autoFocusFirstElem = _this$props2.autoFocusFirstElem,
-          shouldReturnFocus = _this$props2.shouldReturnFocus,
-          children = _this$props2.children;
+        isFocusLockEnabled = _this$props2.isFocusLockEnabled,
+        autoFocusFirstElem = _this$props2.autoFocusFirstElem,
+        shouldReturnFocus = _this$props2.shouldReturnFocus,
+        children = _this$props2.children;
       return /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
         disabled: !isFocusLockEnabled,
         autoFocus: !!autoFocusFirstElem,
@@ -91,6 +65,5 @@ var FocusLock = /*#__PURE__*/function (_Component) {
   }]);
   return FocusLock;
 }(_react.Component);
-
 exports.default = FocusLock;
 (0, _defineProperty2.default)(FocusLock, "defaultProps", _objectSpread({}, _constants.defaultFocusLockSettings));

package/dist/cjs/components/primitives/hooks/use-prevent-programmatic-scroll.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = usePreventProgrammaticScroll;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _bindEventListener = require("bind-event-listener");
-
 /**
  * Returns how far the body is scrolled from the top of the viewport.
  *
@@ -27,9 +22,9 @@ var _bindEventListener = require("bind-event-listener");
  */
 function getScrollDistance() {
   var _document$documentEle, _document$body;
-
   return window.pageYOffset || ((_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.scrollTop) || ((_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.scrollTop) || 0;
 }
+
 /**
  * Prevents programmatic scrolling of the viewport with `scrollIntoView`.
  * Should be used in conjunction with a scroll lock to prevent a user from scrolling.
@@ -38,14 +33,11 @@ function getScrollDistance() {
  *
  * @returns scroll top offset of the viewport
  */
-
-
 function usePreventProgrammaticScroll() {
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      scrollTopOffset = _useState2[0],
-      setScrollTopOffset = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    scrollTopOffset = _useState2[0],
+    setScrollTopOffset = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     setScrollTopOffset(getScrollDistance());
   }, []);

package/dist/cjs/components/primitives/icon-button.js

@@ -4,17 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 /** @jsx jsx */
+
 var iconButtonStyles = (0, _react.css)({
-  padding: "var(--ds-scale-100, 8px)",
+  padding: "var(--ds-space-100, 8px)",
   backgroundColor: 'inherit',
   border: 'none',
-  borderRadius: "var(--ds-scale-1000, 80px)",
+  borderRadius: "var(--ds-space-1000, 80px)",
   color: 'inherit',
   cursor: 'pointer',
   lineHeight: "var(--ds-font-lineHeight-100, 1)",
@@ -25,12 +23,12 @@ var iconButtonStyles = (0, _react.css)({
     backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")")
   }
 });
-
 var IconButton = function IconButton(_ref) {
   var children = _ref.children,
-      onClick = _ref.onClick,
-      testId = _ref.testId;
-  return (// eslint-disable-next-line @repo/internal/react/use-primitives
+    onClick = _ref.onClick,
+    testId = _ref.testId;
+  return (
+    // eslint-disable-next-line @repo/internal/react/use-primitives
     (0, _react.jsx)("button", {
       type: "button",
       css: iconButtonStyles,
@@ -38,8 +36,8 @@ var IconButton = function IconButton(_ref) {
       "data-testid": testId
     }, children)
   );
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = IconButton;
 exports.default = _default;