@atlaskit/drawer 10.1.5 → 11.0.1

package/dist/cjs/components/index.js

@@ -1,148 +0,0 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _exenv = require("exenv");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _layering = require("@atlaskit/layering");
-var _portal = _interopRequireDefault(require("@atlaskit/portal"));
-var _blanket = _interopRequireDefault(require("./blanket"));
-var _primitives = _interopRequireDefault(require("./primitives"));
-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
-var EscapeCloseManager = function EscapeCloseManager(_ref) {
-  var onClose = _ref.onClose;
-  // wrap so that we can cast the event to a React.KeyboardEvent
-  var handleClose = (0, _react.useCallback)(function (evt) {
-    onClose && onClose(evt);
-  }, [onClose]);
-  (0, _layering.useCloseOnEscapePress)({
-    onClose: handleClose
-  });
-  return /*#__PURE__*/_react.default.createElement("span", null);
-};
-
-/**
- * __Drawer__
- *
- * A drawer is a panel that slides in from the left side of the screen.
- *
- * - [Examples](https://atlassian.design/components/drawer/examples)
- * - [Code](https://atlassian.design/components/drawer/code)
- * - [Usage](https://atlassian.design/components/drawer/usage)
- */
-var Drawer = function Drawer(_ref2) {
-  var _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 'narrow' : _ref2$width,
-    isOpen = _ref2.isOpen,
-    _ref2$isFocusLockEnab = _ref2.isFocusLockEnabled,
-    isFocusLockEnabled = _ref2$isFocusLockEnab === void 0 ? true : _ref2$isFocusLockEnab,
-    _ref2$shouldReturnFoc = _ref2.shouldReturnFocus,
-    shouldReturnFocus = _ref2$shouldReturnFoc === void 0 ? true : _ref2$shouldReturnFoc,
-    _ref2$autoFocusFirstE = _ref2.autoFocusFirstElem,
-    autoFocusFirstElem = _ref2$autoFocusFirstE === void 0 ? true : _ref2$autoFocusFirstE,
-    onKeyDown = _ref2.onKeyDown,
-    onClose = _ref2.onClose,
-    testId = _ref2.testId,
-    children = _ref2.children,
-    icon = _ref2.icon,
-    closeLabel = _ref2.closeLabel,
-    scrollContentLabel = _ref2.scrollContentLabel,
-    onCloseComplete = _ref2.onCloseComplete,
-    onOpenComplete = _ref2.onOpenComplete,
-    overrides = _ref2.overrides,
-    _ref2$zIndex = _ref2.zIndex,
-    zIndex = _ref2$zIndex === void 0 ? 'unset' : _ref2$zIndex,
-    label = _ref2.label,
-    titleId = _ref2.titleId,
-    enterFrom = _ref2.enterFrom;
-  var body = _exenv.canUseDOM ? document.querySelector('body') : undefined;
-  var handleClose = (0, _analyticsNext.usePlatformLeafEventHandler)({
-    fn: function fn(evt, analyticsEvent) {
-      return onClose && onClose(evt, analyticsEvent);
-    },
-    action: 'dismissed',
-    componentName: 'drawer',
-    packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.5",
-    analyticsData: {
-      trigger: 'escKey'
-    }
-  });
-  var handleKeyDown = (0, _react.useCallback)(function (evt) {
-    onKeyDown && onKeyDown(evt);
-  }, [onKeyDown]);
-  (0, _react.useEffect)(function () {
-    if (isOpen) {
-      window.addEventListener('keydown', handleKeyDown);
-    }
-    return function () {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [handleKeyDown, isOpen]);
-  var handleBlanketClick = (0, _analyticsNext.usePlatformLeafEventHandler)({
-    fn: function fn(evt, analyticsEvent) {
-      return onClose && onClose(evt, analyticsEvent);
-    },
-    action: 'dismissed',
-    componentName: 'drawer',
-    packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.5",
-    analyticsData: {
-      trigger: 'blanket'
-    }
-  });
-  var handleBackButtonClick = (0, _analyticsNext.usePlatformLeafEventHandler)({
-    fn: function fn(evt, analyticsEvent) {
-      return onClose && onClose(evt, analyticsEvent);
-    },
-    action: 'dismissed',
-    componentName: 'drawer',
-    packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.5",
-    analyticsData: {
-      trigger: 'backButton'
-    }
-  });
-  if (!body) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_portal.default, {
-    zIndex: zIndex
-  }, /*#__PURE__*/_react.default.createElement(_blanket.default, {
-    isOpen: isOpen,
-    onBlanketClicked: handleBlanketClick,
-    testId: testId && "".concat(testId, "--blanket")
-  }), /*#__PURE__*/_react.default.createElement(_primitives.default, {
-    testId: testId,
-    icon: icon,
-    closeLabel: closeLabel,
-    in: isOpen,
-    onClose: handleBackButtonClick,
-    onCloseComplete: onCloseComplete,
-    onOpenComplete: onOpenComplete,
-    width: width,
-    enterFrom: enterFrom,
-    label: label,
-    titleId: titleId
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
-    ,
-    overrides: overrides,
-    autoFocusFirstElem: autoFocusFirstElem,
-    isFocusLockEnabled: isFocusLockEnabled,
-    shouldReturnFocus: shouldReturnFocus,
-    scrollContentLabel: scrollContentLabel
-  }, isOpen ? /*#__PURE__*/_react.default.createElement(_layering.Layering, {
-    isDisabled: false
-  }, children, /*#__PURE__*/_react.default.createElement(EscapeCloseManager, {
-    onClose: handleClose
-  })) : children));
-};
-var _default = exports.default = Drawer;

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

@@ -1,69 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _excluded = ["cssFn", "scrollContentLabel"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var defaultStyles = {
-  flex: 1,
-  overflow: 'auto',
-  marginTop: "var(--ds-space-300, 24px)"
-};
-var contentCSS = function contentCSS() {
-  return defaultStyles;
-};
-var Content = function Content(_ref) {
-  var cssFn = _ref.cssFn,
-    _ref$scrollContentLab = _ref.scrollContentLabel,
-    scrollContentLabel = _ref$scrollContentLab === void 0 ? 'Scrollable content' : _ref$scrollContentLab,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showContentFocus = _useState2[0],
-    setContentFocus = _useState2[1];
-  var scrollableRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var setLazyContentFocus = function setLazyContentFocus() {
-      var target = scrollableRef.current;
-      target && setContentFocus(target.scrollHeight > target.clientHeight);
-    };
-    setLazyContentFocus();
-  }, []);
-
-  /**
-   * I noticed the implementation at @atlaskit/checkbox would send the props to cssFn rather
-   * than the defaultStyles as the overrides guide suggests. I went with what the overrides
-   * 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.
-   */
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    css: (0, _react2.css)(cssFn(defaultStyles)),
-    ref: scrollableRef
-    // tabindex is allowed here so that keyboard users can scroll content
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    ,
-    tabIndex: showContentFocus ? 0 : undefined,
-    role: showContentFocus ? 'region' : undefined,
-    "aria-label": showContentFocus ? scrollContentLabel : undefined,
-    "data-testid": "drawer-contents"
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, props));
-};
-var contentDefaults = {
-  component: Content,
-  cssFn: contentCSS
-};
-var _default = exports.default = contentDefaults;

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

@@ -1,90 +0,0 @@
-"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 _colors = require("@atlaskit/theme/colors");
-var _tokens = require("@atlaskit/tokens");
-var _usePreventProgrammaticScroll = _interopRequireDefault(require("../../hooks/use-prevent-programmatic-scroll"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var wrapperWidth = exports.wrapperWidth = {
-  full: {
-    width: '100vw'
-  },
-  extended: {
-    width: '95vw'
-  },
-  narrow: {
-    width: 360
-  },
-  medium: {
-    width: 480
-  },
-  wide: {
-    width: 600
-  }
-};
-var wrapperStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
-  display: 'flex',
-  height: '100vh',
-  position: 'fixed',
-  zIndex: 500,
-  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")")
-}, _tokens.CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), "fontFamily", "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"), "insetBlockStart", 0), "insetInlineStart", 0), "overflow", 'hidden'));
-/**
- * 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,
-    label = _ref.label,
-    titleId = _ref.titleId;
-  /**
-   * 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>`
-   *
-   * This is because we do not control the `<Content />` component in order to forward a ref to it (given it can be overriden via `DrawerPrimitiveProps['overrides']['Content']['component']`).
-   * Additionally, we target the last child because with `props.overrides.Sidebar.component = () => null` you only have one child.
-   * If both `Sidebar.component` and `Content.component` return null you will have no children and this will throw an error, but that doesn't seem valid.
-   */
-  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]);
-    }
-  }, [scrollRef]);
-  var ref = (0, _useCallbackRef.useMergeRefs)([drawerRef, assignSecondChildRef]);
-  (0, _usePreventProgrammaticScroll.default)();
-  return (0, _react2.jsx)("div", {
-    css: wrapperStyles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: wrapperWidth[width]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: className,
-    "data-testid": testId,
-    ref: ref,
-    "aria-modal": true,
-    role: "dialog",
-    "aria-label": label,
-    "aria-labelledby": titleId
-  }, children);
-});
-var _default = exports.default = DrawerWrapper;

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

@@ -1,60 +0,0 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
-var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-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__
- *
- * 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 = function FocusLock(_ref) {
-  var _ref$isFocusLockEnabl = _ref.isFocusLockEnabled,
-    isFocusLockEnabled = _ref$isFocusLockEnabl === void 0 ? true : _ref$isFocusLockEnabl,
-    _ref$autoFocusFirstEl = _ref.autoFocusFirstElem,
-    autoFocusFirstElem = _ref$autoFocusFirstEl === void 0 ? true : _ref$autoFocusFirstEl,
-    _ref$shouldReturnFocu = _ref.shouldReturnFocus,
-    shouldReturnFocus = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
-    children = _ref.children;
-  (0, _react.useEffect)(function () {
-    if (typeof process !== 'undefined' && 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();
-      }
-    }
-  }, [autoFocusFirstElem, isFocusLockEnabled]);
-  var getFocusTarget = function getFocusTarget() {
-    if (typeof shouldReturnFocus === 'boolean') {
-      return shouldReturnFocus;
-    }
-    return false;
-  };
-  var onDeactivation = function onDeactivation() {
-    if (typeof shouldReturnFocus !== 'boolean') {
-      window.setTimeout(function () {
-        var _shouldReturnFocus$cu;
-        shouldReturnFocus === null || shouldReturnFocus === void 0 || (_shouldReturnFocus$cu = shouldReturnFocus.current) === null || _shouldReturnFocus$cu === void 0 || _shouldReturnFocus$cu.focus();
-      }, 0);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
-    disabled: !isFocusLockEnabled,
-    autoFocus: !!autoFocusFirstElem,
-    returnFocus: getFocusTarget(),
-    onDeactivation: onDeactivation
-  }, /*#__PURE__*/_react.default.createElement(_reactScrolllock.default, null, children));
-};
-var _default = exports.default = FocusLock;

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

@@ -1,125 +0,0 @@
-"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 = _interopRequireWildcard(require("react"));
-var _new = require("@atlaskit/button/new");
-var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
-var _motion = require("@atlaskit/motion");
-var _utils = require("../utils");
-var _content = _interopRequireDefault(require("./content"));
-var _drawerWrapper = _interopRequireDefault(require("./drawer-wrapper"));
-var _focusLock = _interopRequireDefault(require("./focus-lock"));
-var _sidebar = _interopRequireDefault(require("./sidebar"));
-var _excluded = ["component"],
-  _excluded2 = ["component"];
-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.
-// ------------------------------
-
-var defaults = {
-  Sidebar: _sidebar.default,
-  Content: _content.default
-};
-
-/**
- * This wrapper is used to specify separate durations for enter and exit.
- */
-var CustomSlideIn = function CustomSlideIn(_ref) {
-  var children = _ref.children,
-    onFinish = _ref.onFinish,
-    enterFrom = _ref.enterFrom;
-  return /*#__PURE__*/_react.default.createElement(_motion.SlideIn, {
-    animationTimingFunction: "ease-out",
-    duration: "small",
-    enterFrom: enterFrom,
-    exitTo: enterFrom,
-    fade: "none",
-    onFinish: onFinish
-  }, children);
-};
-var DrawerPrimitive = function DrawerPrimitive(_ref2) {
-  var children = _ref2.children,
-    Icon = _ref2.icon,
-    _ref2$closeLabel = _ref2.closeLabel,
-    closeLabel = _ref2$closeLabel === void 0 ? 'Close drawer' : _ref2$closeLabel,
-    scrollContentLabel = _ref2.scrollContentLabel,
-    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,
-    label = _ref2.label,
-    titleId = _ref2.titleId,
-    _ref2$enterFrom = _ref2.enterFrom,
-    enterFrom = _ref2$enterFrom === void 0 ? 'left' : _ref2$enterFrom;
-  var getOverrides = (0, _utils.createExtender)(defaults, overrides);
-  var _getOverrides = getOverrides('Sidebar'),
-    Sidebar = _getOverrides.component,
-    sideBarOverrides = (0, _objectWithoutProperties2.default)(_getOverrides, _excluded);
-  var _getOverrides2 = getOverrides('Content'),
-    Content = _getOverrides2.component,
-    contentOverrides = (0, _objectWithoutProperties2.default)(_getOverrides2, _excluded2);
-
-  /**
-   * A ref to point to our wrapper, passed to `onCloseComplete` and `onOpenComplete` callbacks.
-   */
-  var drawerRef = (0, _react.useRef)(null);
-  var onFinish = (0, _react.useCallback)(function (state) {
-    if (state === 'entering') {
-      onOpenComplete === null || onOpenComplete === void 0 || onOpenComplete(drawerRef.current);
-    } else if (state === 'exiting') {
-      onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
-    }
-  }, [onCloseComplete, onOpenComplete]);
-  return /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, {
-    appear: true
-  }, isOpen && /*#__PURE__*/_react.default.createElement(CustomSlideIn, {
-    onFinish: onFinish,
-    enterFrom: enterFrom
-  }, function (_ref3) {
-    var className = _ref3.className;
-    return /*#__PURE__*/_react.default.createElement(_focusLock.default, {
-      autoFocusFirstElem: autoFocusFirstElem,
-      isFocusLockEnabled: isFocusLockEnabled,
-      shouldReturnFocus: shouldReturnFocus
-    }, /*#__PURE__*/_react.default.createElement(_drawerWrapper.default
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: className,
-      width: width,
-      testId: testId,
-      drawerRef: drawerRef,
-      label: label,
-      titleId: titleId
-    }, /*#__PURE__*/_react.default.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
-      onClick: onClose,
-      testId: testId && 'DrawerPrimitiveSidebarCloseButton',
-      icon: Icon ? function (iconProps) {
-        return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
-          size: "large",
-          LEGACY_size: "large"
-        }));
-      } : _arrowLeft.default,
-      label: closeLabel,
-      shape: "circle",
-      appearance: "subtle"
-    })), /*#__PURE__*/_react.default.createElement(Content, (0, _extends2.default)({
-      scrollContentLabel: scrollContentLabel
-    }, contentOverrides), children)));
-  }));
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = exports.default = DrawerPrimitive;

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

@@ -1,45 +0,0 @@
-"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 _colors = require("@atlaskit/theme/colors");
-var _excluded = ["cssFn"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var defaultStyle = {
-  alignItems: 'center',
-  boxSizing: 'border-box',
-  color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-  display: 'flex',
-  flexShrink: 0,
-  flexDirection: 'column',
-  height: '100vh',
-  paddingBottom: "var(--ds-space-200, 16px)",
-  paddingTop: "var(--ds-space-300, 24px)",
-  width: "var(--ds-space-800, 64px)"
-};
-var sidebarCSS = function sidebarCSS() {
-  return defaultStyle;
-};
-var Sidebar = function Sidebar(_ref) {
-  var cssFn = _ref.cssFn,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  return (0, _react.jsx)("div", (0, _extends2.default)({
-    css: (0, _react.css)(cssFn(defaultStyle))
-  }, props));
-};
-var sidebarDefaults = {
-  component: Sidebar,
-  cssFn: sidebarCSS
-};
-var _default = exports.default = sidebarDefaults;

package/dist/cjs/components/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/components/utils.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createExtender = void 0;
-// eslint-disable-next-line @repo/internal/react/consistent-types-definitions
-
-/**
- * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
- */
-var createExtender = exports.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;
-    if (!overrides[key]) {
-      return {
-        cssFn: defaultCssFn,
-        component: defaultComponent
-      };
-    }
-    var _overrides$key = overrides[key],
-      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
-    };
-  };
-};

package/dist/cjs/entry-points/compiled.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function get() {
-    return _drawer.Drawer;
-  }
-});
-Object.defineProperty(exports, "DrawerCloseButton", {
-  enumerable: true,
-  get: function get() {
-    return _drawerCloseButton.DrawerCloseButton;
-  }
-});
-Object.defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function get() {
-    return _drawerContent.DrawerContent;
-  }
-});
-Object.defineProperty(exports, "DrawerSidebar", {
-  enumerable: true,
-  get: function get() {
-    return _drawerSidebar.DrawerSidebar;
-  }
-});
-var _drawer = require("../compiled/drawer");
-var _drawerContent = require("../compiled/drawer-panel/drawer-content");
-var _drawerSidebar = require("../compiled/drawer-panel/drawer-sidebar");
-var _drawerCloseButton = require("../compiled/drawer-panel/drawer-close-button");

package/dist/es2019/components/blanket.js

@@ -1,53 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import AkBlanket from '@atlaskit/blanket';
-import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-const blanketStyles = css({
-  position: 'relative'
-});
-
-/**
- * A wrapper around `@atlaskit/blanket` that adds a fade in/out transition.
- */
-const Blanket = ({
-  isOpen,
-  onBlanketClicked,
-  testId
-}) => {
-  return jsx(ExitingPersistence, {
-    appear: true
-  }, isOpen && jsx(FadeIn
-  /**
-   * We double the duration because the fade in keyframes have
-   * `opacity: 1` at `50%`.
-   *
-   * The fade out animation uses half the passed duration so it evens out.
-   */, {
-    duration: "large"
-    /**
-     * We don't expose this on `FadeIn` but it does get passed down.
-     * TODO: figure out how we want to handle this...
-     */
-    // @ts-ignore
-    ,
-    animationTimingFunction: "ease-out"
-  }, ({
-    className
-  }) =>
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  jsx("div", {
-    css: blanketStyles,
-    className: className
-  }, jsx(AkBlanket, {
-    isTinted: true,
-    onBlanketClicked: onBlanketClicked,
-    testId: testId && testId
-  }))));
-};
-export default Blanket;