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

package/README.md

@@ -67,11 +67,11 @@ const [isOpen, setIsOpen] = useState(false)
 </ThemeProvider>
 ```
 
-### TooltipModal
+### TooltipDialog
 
 ```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
-import { TooltipModal } from '@zendeskgarden/react-modals';
+import { TooltipDialog } from '@zendeskgarden/react-modals';
 import { Button } from '@zendeskgarden/react-buttons';
 
 const [isOpen, setIsOpen] = useState(false);
@@ -81,18 +81,18 @@ const buttonRef = useRef(null);
   <Button ref={buttonRef} onClick={() => setIsOpen(!isOpen)}>
     Open
   </Button>
-  <TooltipModal
+  <TooltipDialog
     onClose={() => setIsOpen(false)}
     referenceElement={isOpen && buttonRef.current ? buttonRef.current : undefined}
   >
-    <TooltipModal.Title>Example Title</TooltipModal.Title>
-    <TooltipModal.Body>Some content</TooltipModal.Body>
-    <TooltipModal.Footer>
-      <TooltipModal.FooterItem>
+    <TooltipDialog.Title>Example Title</TooltipDialog.Title>
+    <TooltipDialog.Body>Some content</TooltipDialog.Body>
+    <TooltipDialog.Footer>
+      <TooltipDialog.FooterItem>
         <Button>Click</Button>
-      </TooltipModal.FooterItem>
-    </TooltipModal.Footer>
-    <TooltipModal.Close aria-label="Close" />
-  </TooltipModal>
+      </TooltipDialog.FooterItem>
+    </TooltipDialog.Footer>
+    <TooltipDialog.Close aria-label="Close" />
+  </TooltipDialog>
 </ThemeProvider>;
 ```

package/dist/esm/elements/Body.js

@@ -13,14 +13,14 @@ import '../styled/StyledFooterItem.js';
 import '../styled/StyledHeader.js';
 import '../styled/StyledDangerIcon.js';
 import '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';
@@ -37,6 +37,6 @@ const Body = forwardRef((props, ref) => {
     ref: ref
   }));
 });
-Body.displayName = 'Body';
+Body.displayName = 'Modal.Body';
 
 export { Body };

package/dist/esm/elements/Close.js

@@ -13,14 +13,14 @@ import '../styled/StyledFooterItem.js';
 import '../styled/StyledHeader.js';
 import '../styled/StyledDangerIcon.js';
 import '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';
@@ -48,6 +48,6 @@ const Close = forwardRef((props, ref) => {
     ref: ref
   }), React__default.createElement(SvgXStroke, null));
 });
-Close.displayName = 'Close';
+Close.displayName = 'Modal.Close';
 
 export { Close };

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

@@ -14,14 +14,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';

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

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import { StyledDrawerClose } from '../../styled/StyledDrawerClose.js';

package/dist/esm/elements/Drawer/Drawer.js

@@ -22,14 +22,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import { StyledDrawer } from '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';

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

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';

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

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';

package/dist/esm/elements/Drawer/Header.js

@@ -15,14 +15,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import { StyledDrawerHeader } from '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';

package/dist/esm/elements/Footer.js

@@ -13,14 +13,14 @@ import '../styled/StyledFooterItem.js';
 import '../styled/StyledHeader.js';
 import '../styled/StyledDangerIcon.js';
 import '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';
@@ -38,6 +38,6 @@ const Footer = React__default.forwardRef((props, ref) => {
     isLarge: isLarge
   }, props));
 });
-Footer.displayName = 'Footer';
+Footer.displayName = 'Modal.Footer';
 
 export { Footer };

package/dist/esm/elements/FooterItem.js

@@ -13,14 +13,14 @@ import { StyledFooterItem } from '../styled/StyledFooterItem.js';
 import '../styled/StyledHeader.js';
 import '../styled/StyledDangerIcon.js';
 import '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';
@@ -31,6 +31,6 @@ import '../styled/StyledDrawerFooterItem.js';
 const FooterItem = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooterItem, Object.assign({
   ref: ref
 }, props)));
-FooterItem.displayName = 'FooterItem';
+FooterItem.displayName = 'Modal.FooterItem';
 
 export { FooterItem };

package/dist/esm/elements/Header.js

@@ -15,14 +15,14 @@ import '../styled/StyledFooterItem.js';
 import { StyledHeader } from '../styled/StyledHeader.js';
 import { StyledDangerIcon } from '../styled/StyledDangerIcon.js';
 import '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';
@@ -56,9 +56,9 @@ const Header = forwardRef((_ref, ref) => {
     as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
-  }), other.isDanger && React__default.createElement(StyledDangerIcon, null), children);
+  }), !!other.isDanger && React__default.createElement(StyledDangerIcon, null), children);
 });
-Header.displayName = 'Header';
+Header.displayName = 'Modal.Header';
 Header.propTypes = {
   isDanger: PropTypes.bool,
   tag: PropTypes.any

package/dist/esm/elements/Modal.js

@@ -24,14 +24,14 @@ import '../styled/StyledFooterItem.js';
 import '../styled/StyledHeader.js';
 import '../styled/StyledDangerIcon.js';
 import { StyledModal } from '../styled/StyledModal.js';
-import '../styled/StyledTooltipModalBackdrop.js';
+import '../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../styled/StyledTooltipDialogTitle.js';
+import '../styled/StyledTooltipDialogBody.js';
+import '../styled/StyledTooltipDialogFooter.js';
+import '../styled/StyledTooltipDialogFooterItem.js';
+import '../styled/StyledTooltipDialogClose.js';
 import '../styled/StyledDrawer.js';
 import '../styled/StyledDrawerHeader.js';
 import '../styled/StyledDrawerClose.js';

package/dist/esm/elements/{TooltipModal → TooltipDialog}/Body.js

@@ -13,31 +13,31 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import { StyledTooltipDialogBody } from '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.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';
+import { useTooltipDialogContext } from '../../utils/useTooltipDialogContext.js';
 
 const BodyComponent = forwardRef((props, ref) => {
   const {
     getContentProps
-  } = useTooltipModalContext();
-  return React__default.createElement(StyledTooltipModalBody, Object.assign({}, getContentProps(props), {
+  } = useTooltipDialogContext();
+  return React__default.createElement(StyledTooltipDialogBody, Object.assign({}, getContentProps(props), {
     ref: ref
   }));
 });
-BodyComponent.displayName = 'TooltipModal.Body';
+BodyComponent.displayName = 'TooltipDialog.Body';
 const Body = BodyComponent;
 
 export { Body };

package/dist/esm/elements/{TooltipModal → TooltipDialog}/Close.js

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import { StyledTooltipDialogClose } from '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';
@@ -28,22 +28,23 @@ 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 { useTooltipDialogContext } from '../../utils/useTooltipDialogContext.js';
 import SvgXStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js';
 
 const CloseComponent = forwardRef((props, ref) => {
   const {
     getCloseProps
-  } = useTooltipModalContext();
+  } = useTooltipDialogContext();
   const ariaLabel = useText(CloseComponent, props, 'aria-label', 'Close tooltip');
-  return React__default.createElement(StyledTooltipModalClose, Object.assign({}, getCloseProps({
+  return React__default.createElement(StyledTooltipDialogClose, Object.assign({}, getCloseProps({
     ...props,
     'aria-label': ariaLabel
   }), {
-    ref: ref
+    ref: ref,
+    size: "small"
   }), React__default.createElement(SvgXStroke, null));
 });
-CloseComponent.displayName = 'TooltipModal.Close';
+CloseComponent.displayName = 'TooltipDialog.Close';
 const Close = CloseComponent;
 
 export { Close };

package/dist/esm/elements/{TooltipModal → TooltipDialog}/Footer.js

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import { StyledTooltipDialogFooter } from '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';
@@ -28,10 +28,10 @@ import '../../styled/StyledDrawerBody.js';
 import '../../styled/StyledDrawerFooter.js';
 import '../../styled/StyledDrawerFooterItem.js';
 
-const FooterComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipModalFooter, Object.assign({
+const FooterComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipDialogFooter, Object.assign({
   ref: ref
 }, props)));
-FooterComponent.displayName = 'TooltipModal.Footer';
+FooterComponent.displayName = 'TooltipDialog.Footer';
 const Footer = FooterComponent;
 
 export { Footer };

package/dist/esm/elements/{TooltipModal → TooltipDialog}/FooterItem.js

@@ -13,14 +13,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import { StyledTooltipDialogFooterItem } from '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';
@@ -28,10 +28,10 @@ import '../../styled/StyledDrawerBody.js';
 import '../../styled/StyledDrawerFooter.js';
 import '../../styled/StyledDrawerFooterItem.js';
 
-const FooterItemComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipModalFooterItem, Object.assign({
+const FooterItemComponent = forwardRef((props, ref) => React__default.createElement(StyledTooltipDialogFooterItem, Object.assign({
   ref: ref
 }, props)));
-FooterItemComponent.displayName = 'TooltipModal.FooterItem';
+FooterItemComponent.displayName = 'TooltipDialog.FooterItem';
 const FooterItem = FooterItemComponent;
 
 export { FooterItem };

package/dist/esm/elements/{TooltipModal → TooltipDialog}/Title.js

@@ -6,7 +6,7 @@
 */
 import React__default, { forwardRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { useTooltipModalContext } from '../../utils/useTooltipModalContext.js';
+import { useTooltipDialogContext } from '../../utils/useTooltipDialogContext.js';
 import '../../styled/StyledBackdrop.js';
 import '../../styled/StyledBody.js';
 import '../../styled/StyledClose.js';
@@ -15,14 +15,14 @@ import '../../styled/StyledFooterItem.js';
 import '../../styled/StyledHeader.js';
 import '../../styled/StyledDangerIcon.js';
 import '../../styled/StyledModal.js';
-import '../../styled/StyledTooltipModalBackdrop.js';
+import '../../styled/StyledTooltipDialogBackdrop.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/StyledTooltipDialog.js';
+import { StyledTooltipDialogTitle } from '../../styled/StyledTooltipDialogTitle.js';
+import '../../styled/StyledTooltipDialogBody.js';
+import '../../styled/StyledTooltipDialogFooter.js';
+import '../../styled/StyledTooltipDialogFooterItem.js';
+import '../../styled/StyledTooltipDialogClose.js';
 import '../../styled/StyledDrawer.js';
 import '../../styled/StyledDrawerHeader.js';
 import '../../styled/StyledDrawerClose.js';
@@ -40,7 +40,7 @@ const TitleComponent = forwardRef((_ref, ref) => {
     getTitleProps,
     hasTitle,
     setHasTitle
-  } = useTooltipModalContext();
+  } = useTooltipDialogContext();
   useEffect(() => {
     if (!hasTitle && setHasTitle) {
       setHasTitle(true);
@@ -51,12 +51,12 @@ const TitleComponent = forwardRef((_ref, ref) => {
       }
     };
   }, [hasTitle, setHasTitle]);
-  return React__default.createElement(StyledTooltipModalTitle, Object.assign({}, getTitleProps(other), {
+  return React__default.createElement(StyledTooltipDialogTitle, Object.assign({}, getTitleProps(other), {
     as: tag,
     ref: ref
   }), children);
 });
-TitleComponent.displayName = 'TooltipModal.Title';
+TitleComponent.displayName = 'TooltipDialog.Title';
 TitleComponent.propTypes = {
   tag: PropTypes.any
 };