@atlaskit/drawer 7.4.7 → 7.4.9

package/dist/es2019/components/utils.js

@@ -18,29 +18,24 @@ overrides = Object.create(Object.prototype)) {
   if (!defaults) {
     throw new Error('a default set of overrides *must* be passed in as the first argument');
   }
-
   return function getOverrides(key) {
     const {
       cssFn: defaultCssFn,
       component: defaultComponent
     } = defaults[key];
-
     if (!overrides[key]) {
       return {
         cssFn: defaultCssFn,
         component: defaultComponent
       };
     }
-
     const {
       cssFn: customCssFn,
       component: customComponent
     } = overrides[key];
-
     const composedCssFn = state => {
       return customCssFn(defaultCssFn(state), state);
     };
-
     return {
       cssFn: customCssFn ? composedCssFn : defaultCssFn,
       component: customComponent || defaultComponent

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.4.7",
+	"version": "7.4.9",
 	"sideEffects": false
 }

package/dist/esm/components/blanket.js

@@ -5,14 +5,13 @@ import AkBlanket from '@atlaskit/blanket';
 import Box from '@atlaskit/ds-explorations/box';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { animationTimingFunction, transitionDurationMs } from '../constants';
-
 /**
  * A wrapper around `@atlaskit/blanket` that adds a fade in/out transition.
  */
 var Blanket = function Blanket(_ref) {
   var isOpen = _ref.isOpen,
-      onBlanketClicked = _ref.onBlanketClicked,
-      testId = _ref.testId;
+    onBlanketClicked = _ref.onBlanketClicked,
+    testId = _ref.testId;
   return jsx(ExitingPersistence, {
     appear: true
   }, isOpen && jsx(FadeIn
@@ -21,8 +20,7 @@ var Blanket = function Blanket(_ref) {
    * `opacity: 1` at `50%`.
    *
    * The fade out animation uses half the passed duration so it evens out.
-   */
-  , {
+   */, {
     duration: transitionDurationMs * 2
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
@@ -43,5 +41,4 @@ var Blanket = function Blanket(_ref) {
     }));
   }));
 };
-
 export default Blanket;

package/dist/esm/components/index.js

@@ -5,15 +5,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 import React, { Component } from 'react';
 import { canUseDOM } from 'exenv';
@@ -23,9 +18,8 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.4.7";
+var packageVersion = "7.4.9";
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
-
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({
     action: 'dismissed',
@@ -38,70 +32,52 @@ var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, t
     }
   })(createAnalyticsEvent);
 };
-
 export var DrawerBase = /*#__PURE__*/function (_Component) {
   _inherits(DrawerBase, _Component);
-
   var _super = _createSuper(DrawerBase);
-
   function DrawerBase() {
     var _this;
-
     _classCallCheck(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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       renderPortal: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "body", canUseDOM ? document.querySelector('body') : undefined);
-
     _defineProperty(_assertThisInitialized(_this), "handleBlanketClick", function (event) {
       _this.handleClose(event, 'blanket');
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleBackButtonClick", function (event) {
       _this.handleClose(event, 'backButton');
     });
-
     _defineProperty(_assertThisInitialized(_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);
       }
     });
-
     _defineProperty(_assertThisInitialized(_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;
   }
-
   _createClass(DrawerBase, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var isOpen = this.props.isOpen;
-
       if (isOpen) {
         window.addEventListener('keydown', this.handleKeyDown);
       }
@@ -115,7 +91,6 @@ export 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);
@@ -130,22 +105,21 @@ export 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.createElement(Portal, {
         zIndex: zIndex
       }, /*#__PURE__*/React.createElement(Blanket, {
@@ -160,7 +134,8 @@ export 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,
@@ -169,14 +144,11 @@ export var DrawerBase = /*#__PURE__*/function (_Component) {
       }, children));
     }
   }]);
-
   return DrawerBase;
 }(Component);
-
 _defineProperty(DrawerBase, "defaultProps", _objectSpread({
   width: 'narrow'
 }, defaultFocusLockSettings));
-
 export default withAnalyticsContext({
   componentName: 'drawer',
   packageName: packageName,

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cssFn"];
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 var defaultStyles = {
@@ -10,15 +10,12 @@ var defaultStyles = {
   overflow: 'auto',
   marginTop: 3 * gridSize()
 };
-
 var contentCSS = function contentCSS() {
   return defaultStyles;
 };
-
 var Content = function Content(_ref) {
   var cssFn = _ref.cssFn,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return (
     /**
      * I noticed the implementation at @atlaskit/checkbox would send the props to cssFn rather
@@ -26,13 +23,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
     jsx("div", _extends({
       css: css(cssFn(defaultStyles))
     }, props))
   );
 };
-
 export default {
   component: Content,
   cssFn: contentCSS

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

@@ -1,10 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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; }
-
 /** @jsx jsx */
+
 import { forwardRef, useCallback } from 'react';
 import { jsx } from '@emotion/react';
 import { useMergeRefs } from 'use-callback-ref';
@@ -33,18 +31,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__*/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>`
@@ -55,7 +51,6 @@ var DrawerWrapper = /*#__PURE__*/forwardRef(function (_ref, scrollRef) {
    */
   var assignSecondChildRef = 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/esm/components/primitives/focus-lock.js

@@ -4,48 +4,35 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React, { Component } from 'react';
 import ReactFocusLock from 'react-focus-lock';
 import ScrollLock from 'react-scrolllock';
 import invariant from 'tiny-invariant';
 import { defaultFocusLockSettings } from '../../constants';
-
 // 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) {
   _inherits(FocusLock, _Component);
-
   var _super = _createSuper(FocusLock);
-
   function FocusLock() {
     _classCallCheck(this, FocusLock);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(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) {
         invariant(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();
         }
@@ -55,10 +42,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.createElement(ReactFocusLock, {
         disabled: !isFocusLockEnabled,
         autoFocus: !!autoFocusFirstElem,
@@ -66,10 +53,7 @@ var FocusLock = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React.createElement(ScrollLock, null, children));
     }
   }]);
-
   return FocusLock;
 }(Component);
-
 _defineProperty(FocusLock, "defaultProps", _objectSpread({}, defaultFocusLockSettings));
-
 export { FocusLock as default };

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

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useLayoutEffect, useState } from 'react';
 import { bind } from 'bind-event-listener';
+
 /**
  * Returns how far the body is scrolled from the top of the viewport.
  *
@@ -13,12 +14,11 @@ import { bind } from 'bind-event-listener';
  *
  * Scroll distance is the height of overflow outside the viewport.
  */
-
 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.
@@ -27,14 +27,11 @@ function getScrollDistance() {
  *
  * @returns scroll top offset of the viewport
  */
-
-
 export default function usePreventProgrammaticScroll() {
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      scrollTopOffset = _useState2[0],
-      setScrollTopOffset = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollTopOffset = _useState2[0],
+    setScrollTopOffset = _useState2[1];
   useLayoutEffect(function () {
     setScrollTopOffset(getScrollDistance());
   }, []);

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

@@ -1,11 +1,12 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { B50, N30A } from '@atlaskit/theme/colors';
 var iconButtonStyles = 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)",
@@ -16,12 +17,12 @@ var iconButtonStyles = css({
     backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(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
     jsx("button", {
       type: "button",
       css: iconButtonStyles,
@@ -29,7 +30,7 @@ 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
 export default IconButton;

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

@@ -1,8 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["component"],
-    _excluded2 = ["component"];
-
+  _excluded2 = ["component"];
 /** @jsx jsx */
+
 import { useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import ArrowLeft from '@atlaskit/icon/glyph/arrow-left';
@@ -13,30 +13,30 @@ import ContentOverrides from './content';
 import DrawerWrapper from './drawer-wrapper';
 import FocusLock from './focus-lock';
 import IconButton from './icon-button';
-import SidebarOverrides from './sidebar'; // Misc.
+import SidebarOverrides from './sidebar';
+
+// Misc.
 // ------------------------------
 
 var defaults = {
   Sidebar: SidebarOverrides,
   Content: ContentOverrides
 };
+
 /**
  * This wrapper is used to specify separate durations for enter and exit.
  */
-
 var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
-      onFinish = _ref.onFinish;
-
+    onFinish = _ref.onFinish;
   var _useExitingPersistenc = useExitingPersistence(),
-      isExiting = _useExitingPersistenc.isExiting;
+    isExiting = _useExitingPersistenc.isExiting;
+
   /**
    * The actual duration should be the same for both enter and exit,
    * but motion halves the passed duration for exit animations,
    * so we double it when exiting.
    */
-
-
   var duration = isExiting ? transitionDurationMs * 2 : transitionDurationMs;
   return jsx(SlideIn, {
     animationTimingFunction: animationTimingFunction,
@@ -47,34 +47,30 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
     onFinish: onFinish
   }, children);
 };
-
 var DrawerPrimitive = function DrawerPrimitive(_ref2) {
   var children = _ref2.children,
-      Icon = _ref2.icon,
-      onClose = _ref2.onClose,
-      onCloseComplete = _ref2.onCloseComplete,
-      onOpenComplete = _ref2.onOpenComplete,
-      overrides = _ref2.overrides,
-      testId = _ref2.testId,
-      isOpen = _ref2.in,
-      shouldReturnFocus = _ref2.shouldReturnFocus,
-      autoFocusFirstElem = _ref2.autoFocusFirstElem,
-      isFocusLockEnabled = _ref2.isFocusLockEnabled,
-      width = _ref2.width;
+    Icon = _ref2.icon,
+    onClose = _ref2.onClose,
+    onCloseComplete = _ref2.onCloseComplete,
+    onOpenComplete = _ref2.onOpenComplete,
+    overrides = _ref2.overrides,
+    testId = _ref2.testId,
+    isOpen = _ref2.in,
+    shouldReturnFocus = _ref2.shouldReturnFocus,
+    autoFocusFirstElem = _ref2.autoFocusFirstElem,
+    isFocusLockEnabled = _ref2.isFocusLockEnabled,
+    width = _ref2.width;
   var getOverrides = createExtender(defaults, overrides);
-
   var _getOverrides = getOverrides('Sidebar'),
-      Sidebar = _getOverrides.component,
-      sideBarOverrides = _objectWithoutProperties(_getOverrides, _excluded);
-
+    Sidebar = _getOverrides.component,
+    sideBarOverrides = _objectWithoutProperties(_getOverrides, _excluded);
   var _getOverrides2 = getOverrides('Content'),
-      Content = _getOverrides2.component,
-      contentOverrides = _objectWithoutProperties(_getOverrides2, _excluded2);
+    Content = _getOverrides2.component,
+    contentOverrides = _objectWithoutProperties(_getOverrides2, _excluded2);
+
   /**
    * A ref to point to our wrapper, passed to `onCloseComplete` and `onOpenComplete` callbacks.
    */
-
-
   var drawerRef = useRef(null);
   var onFinish = useCallback(function (state) {
     if (state === 'entering') {
@@ -107,7 +103,7 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       label: "Close drawer"
     }))), jsx(Content, contentOverrides, children)));
   }));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default DrawerPrimitive;

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

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cssFn"];
-
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
@@ -18,21 +18,17 @@ var defaultStyle = {
   paddingTop: 3 * gridSize(),
   width: 8 * gridSize()
 };
-
 var sidebarCSS = function sidebarCSS() {
   return defaultStyle;
 };
-
 var Sidebar = function Sidebar(_ref) {
   var cssFn = _ref.cssFn,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props, @repo/internal/react/use-primitives
   return jsx("div", _extends({
     css: css(cssFn(defaultStyle))
   }, props));
 };
-
 export default {
   component: Sidebar,
   cssFn: sidebarCSS

package/dist/esm/components/utils.js

@@ -5,31 +5,25 @@
  */
 export var createExtender = function createExtender(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
-
   if (!defaults) {
     throw new Error('a default set of overrides *must* be passed in as the first argument');
   }
-
   return function getOverrides(key) {
     var _defaults$key = defaults[key],
-        defaultCssFn = _defaults$key.cssFn,
-        defaultComponent = _defaults$key.component;
-
+      defaultCssFn = _defaults$key.cssFn,
+      defaultComponent = _defaults$key.component;
     if (!overrides[key]) {
       return {
         cssFn: defaultCssFn,
         component: defaultComponent
       };
     }
-
     var _overrides$key = overrides[key],
-        customCssFn = _overrides$key.cssFn,
-        customComponent = _overrides$key.component;
-
+      customCssFn = _overrides$key.cssFn,
+      customComponent = _overrides$key.component;
     var composedCssFn = function composedCssFn(state) {
       return customCssFn(defaultCssFn(state), state);
     };
-
     return {
       cssFn: customCssFn ? composedCssFn : defaultCssFn,
       component: customComponent || defaultComponent