@zendeskgarden/react-modals 9.0.0-next.7 → 9.0.0-next.8

package/dist/esm/elements/Modal.js

@@ -0,0 +1,191 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef, useContext, useRef, useState, useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { ThemeContext } from 'styled-components';
+import PropTypes from 'prop-types';
+import { useDocument, useText } from '@zendeskgarden/react-theming';
+import { useModal } from '@zendeskgarden/container-modal';
+import { mergeRefs } from 'react-merge-refs';
+import isWindow from 'dom-helpers/isWindow';
+import ownerDocument from 'dom-helpers/ownerDocument';
+import ownerWindow from 'dom-helpers/ownerWindow';
+import css from 'dom-helpers/css';
+import getScrollbarSize from 'dom-helpers/scrollbarSize';
+import { StyledBackdrop } from '../styled/StyledBackdrop.js';
+import '../styled/StyledBody.js';
+import '../styled/StyledClose.js';
+import '../styled/StyledFooter.js';
+import '../styled/StyledFooterItem.js';
+import '../styled/StyledHeader.js';
+import '../styled/StyledDangerIcon.js';
+import { StyledModal } from '../styled/StyledModal.js';
+import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipWrapper.js';
+import '../styled/StyledTooltipModal.js';
+import '../styled/StyledTooltipModalTitle.js';
+import '../styled/StyledTooltipModalBody.js';
+import '../styled/StyledTooltipModalFooter.js';
+import '../styled/StyledTooltipModalFooterItem.js';
+import '../styled/StyledTooltipModalClose.js';
+import '../styled/StyledDrawer.js';
+import '../styled/StyledDrawerHeader.js';
+import '../styled/StyledDrawerClose.js';
+import '../styled/StyledDrawerBody.js';
+import '../styled/StyledDrawerFooter.js';
+import '../styled/StyledDrawerFooterItem.js';
+import { ModalsContext } from '../utils/useModalContext.js';
+import { Body } from './Body.js';
+import { Close } from './Close.js';
+import { Footer } from './Footer.js';
+import { FooterItem } from './FooterItem.js';
+import { Header } from './Header.js';
+
+const isOverflowing = element => {
+  const doc = ownerDocument(element);
+  const win = ownerWindow(doc);
+  const isBody = element && element.tagName.toLowerCase() === 'body';
+  if (!isWindow(doc) && !isBody) {
+    return element.scrollHeight > element.clientHeight;
+  }
+  const style = win.getComputedStyle(doc.body);
+  const marginLeft = parseInt(style.getPropertyValue('margin-left'), 10);
+  const marginRight = parseInt(style.getPropertyValue('margin-right'), 10);
+  return marginLeft + doc.body.clientWidth + marginRight < win.innerWidth;
+};
+const ModalComponent = forwardRef((_ref, ref) => {
+  let {
+    backdropProps,
+    children,
+    onClose,
+    isLarge,
+    isCentered,
+    isAnimated,
+    id,
+    appendToNode,
+    focusOnMount,
+    restoreFocus,
+    ...modalProps
+  } = _ref;
+  const theme = useContext(ThemeContext);
+  const modalRef = useRef(null);
+  const environment = useDocument(theme);
+  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
+  const [hasHeader, setHasHeader] = useState(false);
+  const {
+    getBackdropProps,
+    getModalProps,
+    getTitleProps,
+    getContentProps,
+    getCloseProps
+  } = useModal({
+    idPrefix: id,
+    onClose,
+    modalRef,
+    focusOnMount,
+    restoreFocus
+  });
+  useEffect(() => {
+    if (!environment) {
+      return undefined;
+    }
+    const htmlElement = environment.querySelector('html');
+    const bodyElement = environment.querySelector('body');
+    let previousHtmlOverflow;
+    let previousBodyPaddingRight;
+    if (bodyElement) {
+      if (isOverflowing(bodyElement)) {
+        const scrollbarSize = getScrollbarSize();
+        const bodyPaddingRight = parseInt(css(bodyElement, 'paddingRight') || '0', 10);
+        previousBodyPaddingRight = bodyElement.style.paddingRight;
+        bodyElement.style.paddingRight = `${bodyPaddingRight + scrollbarSize}px`;
+      }
+      if (htmlElement) {
+        previousHtmlOverflow = htmlElement.style.overflow;
+        htmlElement.style.overflow = 'hidden';
+      }
+      return () => {
+        if (htmlElement) {
+          htmlElement.style.overflow = previousHtmlOverflow;
+        }
+        bodyElement.style.paddingRight = previousBodyPaddingRight;
+      };
+    }
+    return undefined;
+  }, [environment]);
+  const rootNode = useMemo(() => {
+    if (appendToNode) {
+      return appendToNode;
+    }
+    if (environment) {
+      return environment.body;
+    }
+    return undefined;
+  }, [appendToNode, environment]);
+  const value = useMemo(() => ({
+    isLarge,
+    isCloseButtonPresent,
+    hasHeader,
+    setHasHeader,
+    getTitleProps,
+    getContentProps,
+    getCloseProps,
+    setIsCloseButtonPresent
+  }), [isLarge, hasHeader, isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
+  const modalContainerProps = getModalProps({
+    'aria-describedby': undefined,
+    ...(hasHeader ? {} : {
+      'aria-labelledby': undefined
+    })
+  });
+  const attribute = hasHeader ? 'aria-labelledby' : 'aria-label';
+  const defaultValue = hasHeader ? modalContainerProps['aria-labelledby'] : 'Modal dialog';
+  const labelValue = hasHeader ? modalContainerProps['aria-labelledby'] : modalProps['aria-label'];
+  const ariaProps = {
+    [attribute]: useText(ModalComponent, {
+      [attribute]: labelValue
+    }, attribute, defaultValue)
+  };
+  if (!rootNode) {
+    return null;
+  }
+  return createPortal( React__default.createElement(ModalsContext.Provider, {
+    value: value
+  }, React__default.createElement(StyledBackdrop, Object.assign({
+    isCentered: isCentered,
+    isAnimated: isAnimated
+  }, getBackdropProps(backdropProps)), React__default.createElement(StyledModal, Object.assign({
+    isCentered: isCentered,
+    isAnimated: isAnimated,
+    isLarge: isLarge
+  }, modalContainerProps, ariaProps, modalProps, {
+    ref: mergeRefs([ref, modalRef])
+  }), children))), rootNode);
+});
+ModalComponent.displayName = 'Modal';
+ModalComponent.propTypes = {
+  backdropProps: PropTypes.object,
+  isLarge: PropTypes.bool,
+  isAnimated: PropTypes.bool,
+  isCentered: PropTypes.bool,
+  focusOnMount: PropTypes.bool,
+  restoreFocus: PropTypes.bool,
+  onClose: PropTypes.func,
+  appendToNode: PropTypes.any
+};
+ModalComponent.defaultProps = {
+  isAnimated: true,
+  isCentered: true
+};
+const Modal = ModalComponent;
+Modal.Body = Body;
+Modal.Close = Close;
+Modal.Footer = Footer;
+Modal.FooterItem = FooterItem;
+Modal.Header = Header;
+
+export { Modal, ModalComponent };

package/dist/esm/elements/TooltipModal/Body.js

@@ -0,0 +1,43 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef } from 'react';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipWrapper.js';
+import '../../styled/StyledTooltipModal.js';
+import '../../styled/StyledTooltipModalTitle.js';
+import { StyledTooltipModalBody } from '../../styled/StyledTooltipModalBody.js';
+import '../../styled/StyledTooltipModalFooter.js';
+import '../../styled/StyledTooltipModalFooterItem.js';
+import '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+import { useTooltipModalContext } from '../../utils/useTooltipModalContext.js';
+
+const BodyComponent = forwardRef((props, ref) => {
+  const {
+    getContentProps
+  } = useTooltipModalContext();
+  return React__default.createElement(StyledTooltipModalBody, Object.assign({}, getContentProps(props), {
+    ref: ref
+  }));
+});
+BodyComponent.displayName = 'TooltipModal.Body';
+const Body = BodyComponent;
+
+export { Body };

package/dist/esm/elements/TooltipModal/Close.js

@@ -0,0 +1,49 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef } from 'react';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipWrapper.js';
+import '../../styled/StyledTooltipModal.js';
+import '../../styled/StyledTooltipModalTitle.js';
+import '../../styled/StyledTooltipModalBody.js';
+import '../../styled/StyledTooltipModalFooter.js';
+import '../../styled/StyledTooltipModalFooterItem.js';
+import { StyledTooltipModalClose } from '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+import { useText } from '@zendeskgarden/react-theming';
+import { useTooltipModalContext } from '../../utils/useTooltipModalContext.js';
+import SvgXStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js';
+
+const CloseComponent = forwardRef((props, ref) => {
+  const {
+    getCloseProps
+  } = useTooltipModalContext();
+  const ariaLabel = useText(CloseComponent, props, 'aria-label', 'Close tooltip');
+  return React__default.createElement(StyledTooltipModalClose, Object.assign({}, getCloseProps({
+    ...props,
+    'aria-label': ariaLabel
+  }), {
+    ref: ref
+  }), React__default.createElement(SvgXStroke, null));
+});
+CloseComponent.displayName = 'TooltipModal.Close';
+const Close = CloseComponent;
+
+export { Close };

package/dist/esm/elements/TooltipModal/Footer.js

@@ -0,0 +1,37 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef } from 'react';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipWrapper.js';
+import '../../styled/StyledTooltipModal.js';
+import '../../styled/StyledTooltipModalTitle.js';
+import '../../styled/StyledTooltipModalBody.js';
+import { StyledTooltipModalFooter } from '../../styled/StyledTooltipModalFooter.js';
+import '../../styled/StyledTooltipModalFooterItem.js';
+import '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+
+const FooterComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipModalFooter, Object.assign({
+  ref: ref
+}, props)));
+FooterComponent.displayName = 'TooltipModal.Footer';
+const Footer = FooterComponent;
+
+export { Footer };

package/dist/esm/elements/TooltipModal/FooterItem.js

@@ -0,0 +1,37 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef } from 'react';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipWrapper.js';
+import '../../styled/StyledTooltipModal.js';
+import '../../styled/StyledTooltipModalTitle.js';
+import '../../styled/StyledTooltipModalBody.js';
+import '../../styled/StyledTooltipModalFooter.js';
+import { StyledTooltipModalFooterItem } from '../../styled/StyledTooltipModalFooterItem.js';
+import '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+
+const FooterItemComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipModalFooterItem, Object.assign({
+  ref: ref
+}, props)));
+FooterItemComponent.displayName = 'TooltipModal.FooterItem';
+const FooterItem = FooterItemComponent;
+
+export { FooterItem };

package/dist/esm/elements/TooltipModal/Title.js

@@ -0,0 +1,68 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { forwardRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useTooltipModalContext } from '../../utils/useTooltipModalContext.js';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipWrapper.js';
+import '../../styled/StyledTooltipModal.js';
+import { StyledTooltipModalTitle } from '../../styled/StyledTooltipModalTitle.js';
+import '../../styled/StyledTooltipModalBody.js';
+import '../../styled/StyledTooltipModalFooter.js';
+import '../../styled/StyledTooltipModalFooterItem.js';
+import '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+
+const TitleComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    tag,
+    ...other
+  } = _ref;
+  const {
+    getTitleProps,
+    hasTitle,
+    setHasTitle
+  } = useTooltipModalContext();
+  useEffect(() => {
+    if (!hasTitle && setHasTitle) {
+      setHasTitle(true);
+    }
+    return () => {
+      if (hasTitle && setHasTitle) {
+        setHasTitle(false);
+      }
+    };
+  }, [hasTitle, setHasTitle]);
+  return React__default.createElement(StyledTooltipModalTitle, Object.assign({}, getTitleProps(other), {
+    as: tag,
+    ref: ref
+  }), children);
+});
+TitleComponent.displayName = 'TooltipModal.Title';
+TitleComponent.propTypes = {
+  tag: PropTypes.any
+};
+TitleComponent.defaultProps = {
+  tag: 'div'
+};
+const Title = TitleComponent;
+
+export { Title };

package/dist/esm/elements/TooltipModal/TooltipModal.js

@@ -0,0 +1,192 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { useContext, useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { ThemeContext } from 'styled-components';
+import { CSSTransition } from 'react-transition-group';
+import { useFloating, platform, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
+import { useModal } from '@zendeskgarden/container-modal';
+import { mergeRefs } from 'react-merge-refs';
+import { TooltipModalContext } from '../../utils/useTooltipModalContext.js';
+import '../../styled/StyledBackdrop.js';
+import '../../styled/StyledBody.js';
+import '../../styled/StyledClose.js';
+import '../../styled/StyledFooter.js';
+import '../../styled/StyledFooterItem.js';
+import '../../styled/StyledHeader.js';
+import '../../styled/StyledDangerIcon.js';
+import '../../styled/StyledModal.js';
+import { StyledTooltipModalBackdrop } from '../../styled/StyledTooltipModalBackdrop.js';
+import { StyledTooltipWrapper } from '../../styled/StyledTooltipWrapper.js';
+import { StyledTooltipModal } from '../../styled/StyledTooltipModal.js';
+import '../../styled/StyledTooltipModalTitle.js';
+import '../../styled/StyledTooltipModalBody.js';
+import '../../styled/StyledTooltipModalFooter.js';
+import '../../styled/StyledTooltipModalFooterItem.js';
+import '../../styled/StyledTooltipModalClose.js';
+import '../../styled/StyledDrawer.js';
+import '../../styled/StyledDrawerHeader.js';
+import '../../styled/StyledDrawerClose.js';
+import '../../styled/StyledDrawerBody.js';
+import '../../styled/StyledDrawerFooter.js';
+import '../../styled/StyledDrawerFooterItem.js';
+import { Title } from './Title.js';
+import { Body } from './Body.js';
+import { Close } from './Close.js';
+import { Footer } from './Footer.js';
+import { FooterItem } from './FooterItem.js';
+import { DEFAULT_THEME, getFloatingPlacements, useText } from '@zendeskgarden/react-theming';
+import { createPortal } from 'react-dom';
+
+const PLACEMENT_DEFAULT = 'top';
+const TooltipModalComponent = React__default.forwardRef((_ref, ref) => {
+  let {
+    appendToNode,
+    referenceElement,
+    placement: _placement,
+    onClose,
+    hasArrow,
+    isAnimated,
+    zIndex,
+    backdropProps,
+    focusOnMount,
+    restoreFocus,
+    id,
+    ...props
+  } = _ref;
+  const theme = useContext(ThemeContext) || DEFAULT_THEME;
+  const previousReferenceElementRef = useRef();
+  const modalRef = useRef(null);
+  const transitionRef = useRef(null);
+  const [floatingElement, setFloatingElement] = useState();
+  const [hasTitle, setHasTitle] = useState(false);
+  const {
+    getTitleProps,
+    getCloseProps,
+    getContentProps,
+    getBackdropProps,
+    getModalProps
+  } = useModal({
+    idPrefix: id,
+    onClose,
+    modalRef,
+    focusOnMount,
+    restoreFocus: false
+  });
+  const [floatingPlacement] = getFloatingPlacements(theme, _placement === 'auto' ? PLACEMENT_DEFAULT : _placement);
+  const {
+    refs,
+    placement,
+    update,
+    floatingStyles: {
+      transform
+    }
+  } = useFloating({
+    platform: {
+      ...platform,
+      isRTL: () => theme.rtl
+    },
+    elements: {
+      reference: referenceElement,
+      floating: floatingElement
+    },
+    placement: floatingPlacement,
+    middleware: [offset(theme.space.base * 3), _placement === 'auto' ? autoPlacement() : undefined]
+  });
+  useEffect(() => {
+    let cleanup;
+    if (referenceElement && floatingElement && refs.reference.current && refs.floating.current) {
+      cleanup = autoUpdate(refs.reference.current, refs.floating.current, update, {
+        elementResize: typeof ResizeObserver === 'function'
+      });
+    }
+    return () => cleanup && cleanup();
+  }, [referenceElement, floatingElement, refs.reference, refs.floating, update]);
+  useEffect(() => {
+    if (!referenceElement && previousReferenceElementRef.current && restoreFocus) {
+      previousReferenceElementRef.current.focus();
+    }
+    previousReferenceElementRef.current = referenceElement;
+  }, [referenceElement, restoreFocus]);
+  const modalProps = getModalProps({
+    'aria-describedby': undefined,
+    ...(hasTitle ? {} : {
+      'aria-labelledby': undefined
+    })
+  });
+  const attribute = hasTitle ? 'aria-labelledby' : 'aria-label';
+  const defaultValue = hasTitle ? modalProps['aria-labelledby'] : 'Modal dialog';
+  const labelValue = hasTitle ? modalProps['aria-labelledby'] : props['aria-label'];
+  const ariaProps = {
+    [attribute]: useText(TooltipModalComponent, {
+      [attribute]: labelValue
+    }, attribute, defaultValue)
+  };
+  const value = {
+    hasTitle,
+    setHasTitle,
+    getTitleProps,
+    getContentProps,
+    getCloseProps
+  };
+  const Node = React__default.createElement(CSSTransition, {
+    unmountOnExit: true,
+    timeout: isAnimated ? 200 : 0,
+    in: Boolean(referenceElement),
+    classNames: isAnimated ? 'garden-tooltip-modal-transition' : '',
+    nodeRef: transitionRef
+  }, transitionState => {
+    return React__default.createElement(TooltipModalContext.Provider, {
+      value: value
+    }, React__default.createElement(StyledTooltipModalBackdrop, Object.assign({}, getBackdropProps(), backdropProps, {
+      ref: transitionRef
+    }), React__default.createElement(StyledTooltipWrapper, {
+      ref: setFloatingElement,
+      style: {
+        transform
+      },
+      placement: placement,
+      zIndex: zIndex,
+      isAnimated: isAnimated
+    }, React__default.createElement(StyledTooltipModal, Object.assign({
+      transitionState: transitionState,
+      placement: placement,
+      hasArrow: hasArrow,
+      isAnimated: isAnimated
+    }, modalProps, ariaProps, props, {
+      ref: mergeRefs([modalRef, ref])
+    })))));
+  });
+  return appendToNode ? createPortal(Node, appendToNode) : Node;
+});
+TooltipModalComponent.displayName = 'TooltipModal';
+TooltipModalComponent.defaultProps = {
+  placement: 'auto',
+  hasArrow: true,
+  focusOnMount: true,
+  restoreFocus: true
+};
+TooltipModalComponent.propTypes = {
+  appendToNode: PropTypes.any,
+  referenceElement: PropTypes.any,
+  placement: PropTypes.any,
+  isAnimated: PropTypes.bool,
+  hasArrow: PropTypes.bool,
+  zIndex: PropTypes.number,
+  onClose: PropTypes.func,
+  backdropProps: PropTypes.any,
+  focusOnMount: PropTypes.bool,
+  restoreFocus: PropTypes.bool
+};
+const TooltipModal = TooltipModalComponent;
+TooltipModal.Body = Body;
+TooltipModal.Close = Close;
+TooltipModal.Footer = Footer;
+TooltipModal.FooterItem = FooterItem;
+TooltipModal.Title = Title;
+
+export { TooltipModal };

package/dist/esm/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+export { Modal } from './elements/Modal.js';
+export { Body } from './elements/Body.js';
+export { Close } from './elements/Close.js';
+export { Footer } from './elements/Footer.js';
+export { FooterItem } from './elements/FooterItem.js';
+export { Header } from './elements/Header.js';
+export { TooltipModal } from './elements/TooltipModal/TooltipModal.js';
+export { Drawer } from './elements/Drawer/Drawer.js';
+export { PLACEMENT } from './types/index.js';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js

@@ -0,0 +1,37 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import * as React from 'react';
+
+var _g, _circle;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+export { SvgAlertErrorStroke as default };