@atlaskit/drawer 10.1.5 → 11.0.1

package/dist/esm/components/index.js

@@ -1,138 +0,0 @@
-/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
-import React, { useCallback, useEffect } from 'react';
-import { canUseDOM } from 'exenv';
-import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
-import { Layering, useCloseOnEscapePress } from '@atlaskit/layering';
-import Portal from '@atlaskit/portal';
-import Blanket from './blanket';
-import DrawerPrimitive from './primitives';
-// 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 = useCallback(function (evt) {
-    onClose && onClose(evt);
-  }, [onClose]);
-  useCloseOnEscapePress({
-    onClose: handleClose
-  });
-  return /*#__PURE__*/React.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 = canUseDOM ? document.querySelector('body') : undefined;
-  var handleClose = 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 = useCallback(function (evt) {
-    onKeyDown && onKeyDown(evt);
-  }, [onKeyDown]);
-  useEffect(function () {
-    if (isOpen) {
-      window.addEventListener('keydown', handleKeyDown);
-    }
-    return function () {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [handleKeyDown, isOpen]);
-  var handleBlanketClick = 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 = 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.createElement(Portal, {
-    zIndex: zIndex
-  }, /*#__PURE__*/React.createElement(Blanket, {
-    isOpen: isOpen,
-    onBlanketClicked: handleBlanketClick,
-    testId: testId && "".concat(testId, "--blanket")
-  }), /*#__PURE__*/React.createElement(DrawerPrimitive, {
-    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.createElement(Layering, {
-    isDisabled: false
-  }, children, /*#__PURE__*/React.createElement(EscapeCloseManager, {
-    onClose: handleClose
-  })) : children));
-};
-export default Drawer;

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

@@ -1,64 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cssFn", "scrollContentLabel"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useEffect, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-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 = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showContentFocus = _useState2[0],
-    setContentFocus = _useState2[1];
-  var scrollableRef = useRef(null);
-  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 jsx("div", _extends({
-    // 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: 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
-};
-export default contentDefaults;

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

@@ -1,82 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { forwardRef, useCallback } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { useMergeRefs } from 'use-callback-ref';
-import { N0 } from '@atlaskit/theme/colors';
-import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
-import usePreventProgrammaticScroll from '../../hooks/use-prevent-programmatic-scroll';
-export var wrapperWidth = {
-  full: {
-    width: '100vw'
-  },
-  extended: {
-    width: '95vw'
-  },
-  narrow: {
-    width: 360
-  },
-  medium: {
-    width: 480
-  },
-  wide: {
-    width: 600
-  }
-};
-var wrapperStyles = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-  display: 'flex',
-  height: '100vh',
-  position: 'fixed',
-  zIndex: 500,
-  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")")
-}, CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(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__*/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 = 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 = useMergeRefs([drawerRef, assignSecondChildRef]);
-  usePreventProgrammaticScroll();
-  return 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);
-});
-export default DrawerWrapper;

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

@@ -1,51 +0,0 @@
-import React, { useEffect } from 'react';
-import ReactFocusLock from 'react-focus-lock';
-import ScrollLock from 'react-scrolllock';
-import invariant from 'tiny-invariant';
-/**
- * __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;
-  useEffect(function () {
-    if (typeof process !== 'undefined' && 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();
-      }
-    }
-  }, [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.createElement(ReactFocusLock, {
-    disabled: !isFocusLockEnabled,
-    autoFocus: !!autoFocusFirstElem,
-    returnFocus: getFocusTarget(),
-    onDeactivation: onDeactivation
-  }, /*#__PURE__*/React.createElement(ScrollLock, null, children));
-};
-export default FocusLock;

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

@@ -1,117 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["component"],
-  _excluded2 = ["component"];
-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';
-import { createExtender } from '../utils';
-import ContentOverrides from './content';
-import DrawerWrapper from './drawer-wrapper';
-import FocusLock from './focus-lock';
-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,
-    enterFrom = _ref.enterFrom;
-  return /*#__PURE__*/React.createElement(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 = createExtender(defaults, overrides);
-  var _getOverrides = getOverrides('Sidebar'),
-    Sidebar = _getOverrides.component,
-    sideBarOverrides = _objectWithoutProperties(_getOverrides, _excluded);
-  var _getOverrides2 = getOverrides('Content'),
-    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') {
-      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.createElement(ExitingPersistence, {
-    appear: true
-  }, isOpen && /*#__PURE__*/React.createElement(CustomSlideIn, {
-    onFinish: onFinish,
-    enterFrom: enterFrom
-  }, function (_ref3) {
-    var className = _ref3.className;
-    return /*#__PURE__*/React.createElement(FocusLock, {
-      autoFocusFirstElem: autoFocusFirstElem,
-      isFocusLockEnabled: isFocusLockEnabled,
-      shouldReturnFocus: shouldReturnFocus
-    }, /*#__PURE__*/React.createElement(DrawerWrapper
-    // 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.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/React.createElement(IconButton, {
-      onClick: onClose,
-      testId: testId && 'DrawerPrimitiveSidebarCloseButton',
-      icon: Icon ? function (iconProps) {
-        return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-          size: "large",
-          LEGACY_size: "large"
-        }));
-      } : ArrowLeft,
-      label: closeLabel,
-      shape: "circle",
-      appearance: "subtle"
-    })), /*#__PURE__*/React.createElement(Content, _extends({
-      scrollContentLabel: scrollContentLabel
-    }, contentOverrides), children)));
-  }));
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-export default DrawerPrimitive;

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

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["cssFn"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N500 } from '@atlaskit/theme/colors';
-var defaultStyle = {
-  alignItems: 'center',
-  boxSizing: 'border-box',
-  color: "var(--ds-text-subtle, ".concat(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 = _objectWithoutProperties(_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 jsx("div", _extends({
-    css: css(cssFn(defaultStyle))
-  }, props));
-};
-var sidebarDefaults = {
-  component: Sidebar,
-  cssFn: sidebarCSS
-};
-export default sidebarDefaults;

package/dist/esm/components/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/components/utils.js

@@ -1,32 +0,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.
- */
-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;
-    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/esm/entry-points/compiled.js

@@ -1,4 +0,0 @@
-export { Drawer } from '../compiled/drawer';
-export { DrawerContent } from '../compiled/drawer-panel/drawer-content';
-export { DrawerSidebar } from '../compiled/drawer-panel/drawer-sidebar';
-export { DrawerCloseButton } from '../compiled/drawer-panel/drawer-close-button';

package/dist/types/components/blanket.d.ts

@@ -1,16 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-type BlanketProps = {
-    isOpen: boolean;
-    onBlanketClicked: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    testId?: string;
-};
-/**
- * A wrapper around `@atlaskit/blanket` that adds a fade in/out transition.
- */
-declare const Blanket: ({ isOpen, onBlanketClicked, testId }: BlanketProps) => jsx.JSX.Element;
-export default Blanket;

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type DrawerProps } from './types';
-/**
- * __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)
- */
-declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, onClose, testId, children, icon, closeLabel, scrollContentLabel, onCloseComplete, onOpenComplete, overrides, zIndex, label, titleId, enterFrom, }: DrawerProps) => React.JSX.Element | null;
-export default Drawer;

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

@@ -1,11 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type CSSObject, jsx } from '@emotion/react';
-import { type ContentProps } from '../types';
-declare const contentDefaults: {
-    component: ({ cssFn, scrollContentLabel, ...props }: ContentProps) => jsx.JSX.Element;
-    cssFn: () => CSSObject;
-};
-export default contentDefaults;

package/dist/types/components/primitives/drawer-wrapper.d.ts

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ReactElement, type Ref } from 'react';
-import { type DrawerPrimitiveProps, type Widths } from '../types';
-export declare const wrapperWidth: Widths;
-interface FocusLockRefTargetProps extends Pick<DrawerPrimitiveProps, 'width' | 'testId' | 'label' | 'titleId'> {
-    /**
-     * This must have two children explicitly as we target the second child as the Content.
-     */
-    children: [ReactElement, ReactElement];
-    /**
-     * A ref pointing to our drawer wrapper, passed to `onCloseComplete` and `onOpenComplete` callbacks.
-     */
-    drawerRef: Ref<HTMLDivElement>;
-    /**
-     * The className coming from the SlideIn render callback.
-     */
-    className?: string;
-}
-/**
- * A wrapper that controls the styling of the drawer with a few hacks with refs to get our Touch±Scroll locks working.
- */
-declare const DrawerWrapper: import("react").ForwardRefExoticComponent<FocusLockRefTargetProps & import("react").RefAttributes<HTMLElement>>;
-export default DrawerWrapper;

package/dist/types/components/primitives/focus-lock.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type FocusLockProps } from '../types';
-/**
- * __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
- */
-declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => React.JSX.Element;
-export default FocusLock;

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

@@ -1,4 +0,0 @@
-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) => React.JSX.Element;
-export default DrawerPrimitive;

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

@@ -1,12 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type FC } from 'react';
-import { type CSSObject } from '@emotion/react';
-import { type SidebarProps } from '../types';
-declare const sidebarDefaults: {
-    component: FC<SidebarProps>;
-    cssFn: () => CSSObject;
-};
-export default sidebarDefaults;