@zendeskgarden/react-modals 9.0.0-next.22 → 9.0.0-next.24

package/dist/index.cjs.js

@@ -64,7 +64,7 @@ const animationStyles$1 = props => {
 };
 const StyledBackdrop = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -95,7 +95,7 @@ StyledBackdrop.propTypes = {
 const COMPONENT_ID$i = 'modals.body';
 const StyledBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -120,7 +120,7 @@ const BASE_MULTIPLIERS$1 = {
 };
 const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -132,11 +132,14 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$g = 'modals.footer';
 const StyledFooter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
-})(["display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;border-top:", ";padding:", ";", ";"], props => props.isLarge && `${props.theme.borders.sm} ${reactTheming.getColorV8('neutralHue', 200, props.theme)}`, props => props.isLarge ? `${props.theme.space.base * 8}px ${props.theme.space.base * 10}px` : `${props.theme.space.base * 5}px ${props.theme.space.base * 10}px ${props.theme.space.base * 8}px`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$g, props));
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;border-top:", ";padding:", ";", ";"], props => props.isLarge && `${props.theme.borders.sm} ${reactTheming.getColor({
+  theme: props.theme,
+  variable: 'border.default'
+})}`, props => props.isLarge ? `${props.theme.space.base * 8}px ${props.theme.space.base * 10}px` : `${props.theme.space.base * 5}px ${props.theme.space.base * 10}px ${props.theme.space.base * 8}px`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$g, props));
 StyledFooter.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -144,7 +147,7 @@ StyledFooter.defaultProps = {
 const COMPONENT_ID$f = 'modals.footer_item';
 const StyledFooterItem = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -171,7 +174,7 @@ const colorStyles$2 = _ref => {
 };
 const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -250,7 +253,7 @@ const sizeStyles$1 = props => {
 };
 const StyledModal = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -263,15 +266,15 @@ StyledModal.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
-const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
+const COMPONENT_ID$c = 'modals.tooltip_dialog.backdrop';
+const StyledTooltipDialogBackdrop = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalBackdrop",
-  componentId: "sc-1yaomgq-0"
+  displayName: "StyledTooltipDialogBackdrop",
+  componentId: "sc-zrk625-0"
 })(["position:fixed;inset:0;z-index:400;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";&.garden-tooltip-modal-transition-exit-active{pointer-events:none;}&.garden-tooltip-modal-transition-exit-active div{transition:opacity 200ms;opacity:0;}", ";"], props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$c, props));
-StyledTooltipModalBackdrop.defaultProps = {
+StyledTooltipDialogBackdrop.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
@@ -290,14 +293,14 @@ StyledTooltipWrapper.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$b = 'modals.tooltip_modal';
-const StyledTooltipModal = styled__default.default.div.attrs(props => ({
+const COMPONENT_ID$b = 'modals.tooltip_dialog';
+const StyledTooltipDialog = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.22',
+  'data-garden-version': '9.0.0-next.24',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
-  displayName: "StyledTooltipModal",
-  componentId: "sc-42ubfr-0"
+  displayName: "StyledTooltipDialog",
+  componentId: "sc-iv3db-0"
 })(["padding:", "px;width:400px;", ";", ";"], props => props.theme.space.base * 5, props => {
   const computedArrowStyles = reactTheming.arrowStyles(reactTheming.getArrowPosition(props.theme, props.placement), {
     size: `${props.theme.space.base * 2}px`,
@@ -309,23 +312,23 @@ const StyledTooltipModal = styled__default.default.div.attrs(props => ({
   }
   return props.hasArrow && computedArrowStyles;
 }, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$b, props));
-StyledTooltipModal.defaultProps = {
+StyledTooltipDialog.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$a = 'modals.tooltip_modal.title';
+const COMPONENT_ID$a = 'modals.tooltip_dialog.title';
 const sizeStyles = props => `
   /* stylelint-disable-next-line property-no-unknown */
   padding-${props.theme.rtl ? 'left' : 'right'}: ${props.theme.space.base * 8}px;
   line-height: ${reactTheming.getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md)};
   font-size: ${props.theme.fontSizes.md};
 `;
-const StyledTooltipModalTitle = styled__default.default.div.attrs({
+const StyledTooltipDialogTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalTitle",
-  componentId: "sc-11xjgjs-0"
+  displayName: "StyledTooltipDialogTitle",
+  componentId: "sc-1rceixg-0"
 })(["margin:0;color:", ";font-weight:", ";", ";", ";"], _ref => {
   let {
     theme
@@ -335,17 +338,17 @@ const StyledTooltipModalTitle = styled__default.default.div.attrs({
     theme
   });
 }, props => props.theme.fontWeights.semibold, props => sizeStyles(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$a, props));
-StyledTooltipModalTitle.defaultProps = {
+StyledTooltipDialogTitle.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
-const StyledTooltipModalBody = styled__default.default.div.attrs({
+const COMPONENT_ID$9 = 'modals.tooltip_dialog.body';
+const StyledTooltipDialogBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalBody",
-  componentId: "sc-195dkzj-0"
+  displayName: "StyledTooltipDialogBody",
+  componentId: "sc-132lcoq-0"
 })(["display:block;margin:0;padding-top:", "px;line-height:", ";color-scheme:only ", ";color:", ";font-size:", ";", ";"], props => props.theme.space.base * 1.5, props => reactTheming.getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md), p => p.theme.colors.base, _ref => {
   let {
     theme
@@ -355,43 +358,43 @@ const StyledTooltipModalBody = styled__default.default.div.attrs({
     theme
   });
 }, props => props.theme.fontSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
-StyledTooltipModalBody.defaultProps = {
+StyledTooltipDialogBody.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
-const StyledTooltipModalFooter = styled__default.default.div.attrs({
+const COMPONENT_ID$8 = 'modals.tooltip_dialog.footer';
+const StyledTooltipDialogFooter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalFooter",
-  componentId: "sc-fm36a9-0"
+  displayName: "StyledTooltipDialogFooter",
+  componentId: "sc-kjomsm-0"
 })(["display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;padding-top:", "px;", ";"], p => p.theme.space.base * 5, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
-StyledTooltipModalFooter.defaultProps = {
+StyledTooltipDialogFooter.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
-const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
+const COMPONENT_ID$7 = 'modals.tooltip_dialog.footer_item';
+const StyledTooltipDialogFooterItem = styled__default.default(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalFooterItem",
-  componentId: "sc-1nahj6p-0"
+  displayName: "StyledTooltipDialogFooterItem",
+  componentId: "sc-u2rmo8-0"
 })(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
-StyledTooltipModalFooterItem.defaultProps = {
+StyledTooltipDialogFooterItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
-const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
+const COMPONENT_ID$6 = 'modals.tooltip_dialog.close';
+const StyledTooltipDialogClose = styled__default.default(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
-  displayName: "StyledTooltipModalClose",
-  componentId: "sc-1h2ke3q-0"
+  displayName: "StyledTooltipDialogClose",
+  componentId: "sc-18xlgfi-0"
 })(["top:", "px;", ":", ";", ";"], props => props.theme.space.base * 3.5, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * 3}px`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
-StyledTooltipModalClose.defaultProps = {
+StyledTooltipDialogClose.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
@@ -420,7 +423,7 @@ const colorStyles = _ref => {
 };
 const StyledDrawer = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawer",
   componentId: "sc-zp66t3-0"
@@ -437,7 +440,7 @@ const BASE_MULTIPLIERS = {
 };
 const StyledDrawerClose = styled__default.default(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawerClose",
   componentId: "sc-1a0xt3x-0"
@@ -449,7 +452,7 @@ StyledDrawerClose.defaultProps = {
 const COMPONENT_ID$3 = 'modals.drawer_modal.header';
 const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawerHeader",
   componentId: "sc-y4mgkj-0"
@@ -461,7 +464,7 @@ StyledDrawerHeader.defaultProps = {
 const COMPONENT_ID$2 = 'modals.drawer_modal.body';
 const StyledDrawerBody = styled__default.default(StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawerBody",
   componentId: "sc-13qufyn-0"
@@ -473,7 +476,7 @@ StyledDrawerBody.defaultProps = {
 const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
 const StyledDrawerFooter = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawerFooter",
   componentId: "sc-kc7e6p-0"
@@ -493,7 +496,7 @@ StyledDrawerFooter.defaultProps = {
 const COMPONENT_ID = 'modals.drawer_modal.footer_item';
 const StyledDrawerFooterItem = styled__default.default(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.22'
+  'data-garden-version': '9.0.0-next.24'
 }).withConfig({
   displayName: "StyledDrawerFooterItem",
   componentId: "sc-m2yul4-0"
@@ -599,7 +602,7 @@ const Header$1 = React.forwardRef((_ref, ref) => {
     as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
-  }), other.isDanger && React__namespace.default.createElement(StyledDangerIcon, null), children);
+  }), !!other.isDanger && React__namespace.default.createElement(StyledDangerIcon, null), children);
 });
 Header$1.displayName = 'Modal.Header';
 Header$1.propTypes = {
@@ -753,11 +756,11 @@ Modal.Footer = Footer$2;
 Modal.FooterItem = FooterItem$2;
 Modal.Header = Header$1;
 
-const TooltipModalContext = React.createContext(undefined);
-const useTooltipModalContext = () => {
-  const context = React.useContext(TooltipModalContext);
+const TooltipDialogContext = React.createContext(undefined);
+const useTooltipDialogContext = () => {
+  const context = React.useContext(TooltipDialogContext);
   if (context === undefined) {
-    throw new Error('Element must be used within a TooltipModal component.');
+    throw new Error('Element must be used within a TooltipDialog component.');
   }
   return context;
 };
@@ -772,7 +775,7 @@ const TitleComponent = React.forwardRef((_ref, ref) => {
     getTitleProps,
     hasTitle,
     setHasTitle
-  } = useTooltipModalContext();
+  } = useTooltipDialogContext();
   React.useEffect(() => {
     if (!hasTitle && setHasTitle) {
       setHasTitle(true);
@@ -783,12 +786,12 @@ const TitleComponent = React.forwardRef((_ref, ref) => {
       }
     };
   }, [hasTitle, setHasTitle]);
-  return React__namespace.default.createElement(StyledTooltipModalTitle, Object.assign({}, getTitleProps(other), {
+  return React__namespace.default.createElement(StyledTooltipDialogTitle, Object.assign({}, getTitleProps(other), {
     as: tag,
     ref: ref
   }), children);
 });
-TitleComponent.displayName = 'TooltipModal.Title';
+TitleComponent.displayName = 'TooltipDialog.Title';
 TitleComponent.propTypes = {
   tag: PropTypes__default.default.any
 };
@@ -800,20 +803,20 @@ const Title = TitleComponent;
 const BodyComponent$1 = React.forwardRef((props, ref) => {
   const {
     getContentProps
-  } = useTooltipModalContext();
-  return React__namespace.default.createElement(StyledTooltipModalBody, Object.assign({}, getContentProps(props), {
+  } = useTooltipDialogContext();
+  return React__namespace.default.createElement(StyledTooltipDialogBody, Object.assign({}, getContentProps(props), {
     ref: ref
   }));
 });
-BodyComponent$1.displayName = 'TooltipModal.Body';
+BodyComponent$1.displayName = 'TooltipDialog.Body';
 const Body$1 = BodyComponent$1;
 
 const CloseComponent$1 = React.forwardRef((props, ref) => {
   const {
     getCloseProps
-  } = useTooltipModalContext();
+  } = useTooltipDialogContext();
   const ariaLabel = reactTheming.useText(CloseComponent$1, props, 'aria-label', 'Close tooltip');
-  return React__namespace.default.createElement(StyledTooltipModalClose, Object.assign({}, getCloseProps({
+  return React__namespace.default.createElement(StyledTooltipDialogClose, Object.assign({}, getCloseProps({
     ...props,
     'aria-label': ariaLabel
   }), {
@@ -821,23 +824,23 @@ const CloseComponent$1 = React.forwardRef((props, ref) => {
     size: "small"
   }), React__namespace.default.createElement(SvgXStroke, null));
 });
-CloseComponent$1.displayName = 'TooltipModal.Close';
+CloseComponent$1.displayName = 'TooltipDialog.Close';
 const Close$1 = CloseComponent$1;
 
-const FooterComponent$1 = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledTooltipModalFooter, Object.assign({
+const FooterComponent$1 = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledTooltipDialogFooter, Object.assign({
   ref: ref
 }, props)));
-FooterComponent$1.displayName = 'TooltipModal.Footer';
+FooterComponent$1.displayName = 'TooltipDialog.Footer';
 const Footer$1 = FooterComponent$1;
 
-const FooterItemComponent$1 = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledTooltipModalFooterItem, Object.assign({
+const FooterItemComponent$1 = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledTooltipDialogFooterItem, Object.assign({
   ref: ref
 }, props)));
-FooterItemComponent$1.displayName = 'TooltipModal.FooterItem';
+FooterItemComponent$1.displayName = 'TooltipDialog.FooterItem';
 const FooterItem$1 = FooterItemComponent$1;
 
 const PLACEMENT_DEFAULT = 'top';
-const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) => {
+const TooltipDialogComponent = React__namespace.default.forwardRef((_ref, ref) => {
   let {
     appendToNode,
     referenceElement,
@@ -916,7 +919,7 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
   const defaultValue = hasTitle ? modalProps['aria-labelledby'] : 'Modal dialog';
   const labelValue = hasTitle ? modalProps['aria-labelledby'] : props['aria-label'];
   const ariaProps = {
-    [attribute]: reactTheming.useText(TooltipModalComponent, {
+    [attribute]: reactTheming.useText(TooltipDialogComponent, {
       [attribute]: labelValue
     }, attribute, defaultValue)
   };
@@ -934,9 +937,9 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
     classNames: isAnimated ? 'garden-tooltip-modal-transition' : '',
     nodeRef: transitionRef
   }, transitionState => {
-    return React__namespace.default.createElement(TooltipModalContext.Provider, {
+    return React__namespace.default.createElement(TooltipDialogContext.Provider, {
       value: value
-    }, React__namespace.default.createElement(StyledTooltipModalBackdrop, Object.assign({}, getBackdropProps(), backdropProps, {
+    }, React__namespace.default.createElement(StyledTooltipDialogBackdrop, Object.assign({}, getBackdropProps(), backdropProps, {
       ref: transitionRef
     }), React__namespace.default.createElement(StyledTooltipWrapper, {
       ref: setFloatingElement,
@@ -946,7 +949,7 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
       placement: placement,
       zIndex: zIndex,
       isAnimated: isAnimated
-    }, React__namespace.default.createElement(StyledTooltipModal, Object.assign({
+    }, React__namespace.default.createElement(StyledTooltipDialog, Object.assign({
       transitionState: transitionState,
       placement: placement,
       hasArrow: hasArrow,
@@ -957,14 +960,14 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
   });
   return appendToNode ? ReactDOM.createPortal(Node, appendToNode) : Node;
 });
-TooltipModalComponent.displayName = 'TooltipModal';
-TooltipModalComponent.defaultProps = {
+TooltipDialogComponent.displayName = 'TooltipDialog';
+TooltipDialogComponent.defaultProps = {
   placement: 'auto',
   hasArrow: true,
   focusOnMount: true,
   restoreFocus: true
 };
-TooltipModalComponent.propTypes = {
+TooltipDialogComponent.propTypes = {
   appendToNode: PropTypes__default.default.any,
   referenceElement: PropTypes__default.default.any,
   placement: PropTypes__default.default.any,
@@ -976,12 +979,12 @@ TooltipModalComponent.propTypes = {
   focusOnMount: PropTypes__default.default.bool,
   restoreFocus: PropTypes__default.default.bool
 };
-const TooltipModal = TooltipModalComponent;
-TooltipModal.Body = Body$1;
-TooltipModal.Close = Close$1;
-TooltipModal.Footer = Footer$1;
-TooltipModal.FooterItem = FooterItem$1;
-TooltipModal.Title = Title;
+const TooltipDialog = TooltipDialogComponent;
+TooltipDialog.Body = Body$1;
+TooltipDialog.Close = Close$1;
+TooltipDialog.Footer = Footer$1;
+TooltipDialog.FooterItem = FooterItem$1;
+TooltipDialog.Title = Title;
 
 const HeaderComponent = React.forwardRef((_ref, ref) => {
   let {
@@ -1209,4 +1212,4 @@ exports.FooterItem = FooterItem$2;
 exports.Header = Header$1;
 exports.Modal = Modal;
 exports.PLACEMENT = PLACEMENT;
-exports.TooltipModal = TooltipModal;
+exports.TooltipDialog = TooltipDialog;

package/dist/typings/elements/Drawer/Drawer.d.ts

@@ -11,13 +11,22 @@ import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
+/**
+ * [1] implementation of focus management for Drawer usage to support focus edge cases
+ *     - (1:a) a ref used to return focus on the last focused element
+ *     - (1:b) opt out of `@zendeskgarden/focus-jail` managing the focus
+ *     - (1:c) implementation of the focus management effect inside the component
+ *     - (1:d) set default props to match useFocusJail behavior
+ */
+declare const DrawerComponent: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Drawer: typeof DrawerComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;
     FooterItem: typeof FooterItem;
     Header: typeof Header;
 };
+export {};

package/dist/typings/elements/Modal.d.ts

@@ -15,7 +15,7 @@ export declare const ModalComponent: React.ForwardRefExoticComponent<IModalProps
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Modal: typeof ModalComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;

package/dist/typings/elements/{TooltipModal → TooltipDialog}/Title.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ITooltipModalTitleProps } from '../../types';
+import { ITooltipDialogTitleProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Title: React.ForwardRefExoticComponent<ITooltipModalTitleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<ITooltipDialogTitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{TooltipModal/TooltipModal.d.ts → TooltipDialog/TooltipDialog.d.ts}

@@ -5,19 +5,21 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ITooltipModalProps } from '../../types';
+import { ITooltipDialogProps } from '../../types';
 import { Title } from './Title';
 import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
+declare const TooltipDialogComponent: React.ForwardRefExoticComponent<ITooltipDialogProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const TooltipModal: React.ForwardRefExoticComponent<ITooltipModalProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const TooltipDialog: typeof TooltipDialogComponent & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;
     FooterItem: typeof FooterItem;
     Title: typeof Title;
 };
+export {};

package/dist/typings/index.d.ts

@@ -10,6 +10,6 @@ export { Close } from './elements/Close';
 export { Footer } from './elements/Footer';
 export { FooterItem } from './elements/FooterItem';
 export { Header } from './elements/Header';
-export { TooltipModal } from './elements/TooltipModal/TooltipModal';
+export { TooltipDialog } from './elements/TooltipDialog/TooltipDialog';
 export { Drawer } from './elements/Drawer/Drawer';
-export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps } from './types';
+export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipDialogProps } from './types';

package/dist/typings/styled/StyledClose.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const BASE_MULTIPLIERS: {
     top: number;
     side: number;

package/dist/typings/styled/StyledDrawerClose.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const BASE_MULTIPLIERS: {
     top: number;
     side: number;

package/dist/typings/styled/{StyledTooltipModal.d.ts → StyledTooltipDialog.d.ts}

@@ -6,9 +6,9 @@
  */
 import { Placement } from '@floating-ui/react-dom';
 import { TransitionStatus } from 'react-transition-group';
-import { ITooltipModalProps } from '../types';
-export interface IStyledTooltipModalProps extends Pick<ITooltipModalProps, 'hasArrow' | 'isAnimated'> {
+import { ITooltipDialogProps } from '../types';
+export interface IStyledTooltipDialogProps extends Pick<ITooltipDialogProps, 'hasArrow' | 'isAnimated'> {
     placement: Placement;
     transitionState?: TransitionStatus;
 }
-export declare const StyledTooltipModal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipModalProps, never>;
+export declare const StyledTooltipDialog: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipDialogProps, never>;

package/dist/typings/styled/{StyledTooltipModalBackdrop.d.ts → StyledTooltipDialogBackdrop.d.ts}

@@ -7,7 +7,7 @@
 /**
  * 1. Smooth iOS scrolling.
  */
-export declare const StyledTooltipModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalBody.d.ts → StyledTooltipDialogBody.d.ts}

@@ -4,7 +4,7 @@
  * 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 declare const StyledTooltipModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalClose.d.ts → StyledTooltipDialogClose.d.ts}

@@ -4,8 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
-export declare const StyledTooltipModalClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledTooltipModalFooter.d.ts → StyledTooltipDialogFooter.d.ts}

@@ -4,7 +4,7 @@
  * 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 declare const StyledTooltipModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledTooltipModalFooterItem.d.ts → StyledTooltipDialogFooterItem.d.ts}

@@ -4,7 +4,7 @@
  * 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 declare const StyledTooltipModalFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+export declare const StyledTooltipDialogFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledTooltipModalTitle.d.ts → StyledTooltipDialogTitle.d.ts}

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export declare const StyledTooltipModalTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledTooltipDialogTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledTooltipWrapper.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { Placement } from '@floating-ui/react-dom';
-import { ITooltipModalProps } from '../types';
-interface IStyledTooltipWrapperProps extends Pick<ITooltipModalProps, 'isAnimated' | 'zIndex'> {
+import { ITooltipDialogProps } from '../types';
+interface IStyledTooltipWrapperProps extends Pick<ITooltipDialogProps, 'isAnimated' | 'zIndex'> {
     placement: Placement;
 }
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipWrapperProps, never>;