@zendeskgarden/react-modals 8.58.0 → 8.59.0

package/dist/index.cjs.js

@@ -146,7 +146,7 @@ const COMPONENT_ID$j = 'modals.backdrop';
 const animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
 const StyledBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -162,7 +162,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': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -184,7 +184,7 @@ const BASE_MULTIPLIERS$1 = {
 };
 const StyledClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -196,7 +196,7 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$g = 'modals.footer';
 const StyledFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -208,7 +208,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': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -220,7 +220,7 @@ StyledFooterItem.defaultProps = {
 const COMPONENT_ID$e = 'modals.header';
 const StyledHeader = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -288,7 +288,7 @@ const sizeStyles$1 = props => {
 };
 const StyledModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -304,7 +304,7 @@ StyledModal.defaultProps = {
 const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
 const StyledTooltipModalBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -387,7 +387,7 @@ StyledTooltipWrapper.defaultProps = {
 const COMPONENT_ID$b = 'modals.tooltip_modal';
 const StyledTooltipModal = styled__default["default"].div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.58.0',
+  'data-garden-version': '8.59.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledTooltipModal",
@@ -416,7 +416,7 @@ const sizeStyles = props => `
 `;
 const StyledTooltipModalTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -428,7 +428,7 @@ StyledTooltipModalTitle.defaultProps = {
 const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
 const StyledTooltipModalBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -440,7 +440,7 @@ StyledTooltipModalBody.defaultProps = {
 const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
 const StyledTooltipModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -452,7 +452,7 @@ StyledTooltipModalFooter.defaultProps = {
 const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
 const StyledTooltipModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -464,7 +464,7 @@ StyledTooltipModalFooterItem.defaultProps = {
 const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
 const StyledTooltipModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -490,7 +490,7 @@ const boxShadow = props => {
 };
 const StyledDrawerModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -507,7 +507,7 @@ const BASE_MULTIPLIERS = {
 };
 const StyledDrawerModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -519,7 +519,7 @@ StyledDrawerModalClose.defaultProps = {
 const COMPONENT_ID$3 = 'modals.drawer_modal.header';
 const StyledDrawerModalHeader = styled__default["default"](StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -531,7 +531,7 @@ StyledDrawerModalHeader.defaultProps = {
 const COMPONENT_ID$2 = 'modals.drawer_modal.body';
 const StyledDrawerModalBody = styled__default["default"](StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -543,7 +543,7 @@ StyledDrawerModalBody.defaultProps = {
 const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
 const StyledDrawerModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -555,7 +555,7 @@ StyledDrawerModalFooter.defaultProps = {
 const COMPONENT_ID = 'modals.drawer_modal.footer_item';
 const StyledDrawerModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -762,17 +762,31 @@ const FooterItem$2 = React__default["default"].forwardRef((props, ref) => React_
 }, props)));
 FooterItem$2.displayName = 'FooterItem';
 
-const Header$1 = React.forwardRef((props, ref) => {
+const Header$1 = React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    isDanger,
+    tag,
+    ...other
+  } = _ref;
   const {
     isCloseButtonPresent,
     getTitleProps
   } = useModalContext();
-  return React__default["default"].createElement(StyledHeader, _extends$2({}, getTitleProps(props), {
+  return React__default["default"].createElement(StyledHeader, _extends$2({}, getTitleProps(other), {
+    as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
-  }), props.isDanger && React__default["default"].createElement(StyledDangerIcon, null), props.children);
+  }), isDanger && React__default["default"].createElement(StyledDangerIcon, null), children);
 });
 Header$1.displayName = 'Header';
+Header$1.propTypes = {
+  isDanger: PropTypes__default["default"].bool,
+  tag: PropTypes__default["default"].any
+};
+Header$1.defaultProps = {
+  tag: 'div'
+};
 
 const TooltipModalContext = React.createContext(undefined);
 const useTooltipModalContext = () => {
@@ -783,15 +797,27 @@ const useTooltipModalContext = () => {
   return context;
 };
 
-const TitleComponent = React.forwardRef((props, ref) => {
+const TitleComponent = React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    tag,
+    ...other
+  } = _ref;
   const {
     getTitleProps
   } = useTooltipModalContext();
-  return React__default["default"].createElement(StyledTooltipModalTitle, _extends$2({}, getTitleProps(props), {
+  return React__default["default"].createElement(StyledTooltipModalTitle, _extends$2({}, getTitleProps(other), {
+    as: tag,
     ref: ref
-  }), props.children);
+  }), children);
 });
 TitleComponent.displayName = 'TooltipModal.Title';
+TitleComponent.propTypes = {
+  tag: PropTypes__default["default"].any
+};
+TitleComponent.defaultProps = {
+  tag: 'div'
+};
 const Title = TitleComponent;
 
 const BodyComponent$1 = React.forwardRef((props, ref) => {
@@ -944,17 +970,28 @@ TooltipModal.Footer = Footer$1;
 TooltipModal.FooterItem = FooterItem$1;
 TooltipModal.Title = Title;
 
-const HeaderComponent = React.forwardRef((props, ref) => {
+const HeaderComponent = React.forwardRef((_ref, ref) => {
+  let {
+    tag,
+    ...other
+  } = _ref;
   const {
     isCloseButtonPresent,
     getTitleProps
   } = useModalContext();
-  return React__default["default"].createElement(StyledDrawerModalHeader, _extends$2({}, getTitleProps(props), {
+  return React__default["default"].createElement(StyledDrawerModalHeader, _extends$2({}, getTitleProps(other), {
+    as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
   }));
 });
 HeaderComponent.displayName = 'DrawerModal.Header';
+HeaderComponent.propTypes = {
+  tag: PropTypes__default["default"].any
+};
+HeaderComponent.defaultProps = {
+  tag: 'div'
+};
 const Header = HeaderComponent;
 
 const BodyComponent = React.forwardRef((props, ref) => {

package/dist/index.esm.js

@@ -116,7 +116,7 @@ const COMPONENT_ID$j = 'modals.backdrop';
 const animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
 const StyledBackdrop = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -132,7 +132,7 @@ StyledBackdrop.propTypes = {
 const COMPONENT_ID$i = 'modals.body';
 const StyledBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -154,7 +154,7 @@ const BASE_MULTIPLIERS$1 = {
 };
 const StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -166,7 +166,7 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$g = 'modals.footer';
 const StyledFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -178,7 +178,7 @@ StyledFooter.defaultProps = {
 const COMPONENT_ID$f = 'modals.footer_item';
 const StyledFooterItem = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -190,7 +190,7 @@ StyledFooterItem.defaultProps = {
 const COMPONENT_ID$e = 'modals.header';
 const StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -258,7 +258,7 @@ const sizeStyles$1 = props => {
 };
 const StyledModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -274,7 +274,7 @@ StyledModal.defaultProps = {
 const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
 const StyledTooltipModalBackdrop = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -357,7 +357,7 @@ StyledTooltipWrapper.defaultProps = {
 const COMPONENT_ID$b = 'modals.tooltip_modal';
 const StyledTooltipModal = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.58.0',
+  'data-garden-version': '8.59.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledTooltipModal",
@@ -386,7 +386,7 @@ const sizeStyles = props => `
 `;
 const StyledTooltipModalTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -398,7 +398,7 @@ StyledTooltipModalTitle.defaultProps = {
 const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
 const StyledTooltipModalBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -410,7 +410,7 @@ StyledTooltipModalBody.defaultProps = {
 const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
 const StyledTooltipModalFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -422,7 +422,7 @@ StyledTooltipModalFooter.defaultProps = {
 const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
 const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -434,7 +434,7 @@ StyledTooltipModalFooterItem.defaultProps = {
 const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
 const StyledTooltipModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -460,7 +460,7 @@ const boxShadow = props => {
 };
 const StyledDrawerModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -477,7 +477,7 @@ const BASE_MULTIPLIERS = {
 };
 const StyledDrawerModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -489,7 +489,7 @@ StyledDrawerModalClose.defaultProps = {
 const COMPONENT_ID$3 = 'modals.drawer_modal.header';
 const StyledDrawerModalHeader = styled(StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -501,7 +501,7 @@ StyledDrawerModalHeader.defaultProps = {
 const COMPONENT_ID$2 = 'modals.drawer_modal.body';
 const StyledDrawerModalBody = styled(StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -513,7 +513,7 @@ StyledDrawerModalBody.defaultProps = {
 const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
 const StyledDrawerModalFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -525,7 +525,7 @@ StyledDrawerModalFooter.defaultProps = {
 const COMPONENT_ID = 'modals.drawer_modal.footer_item';
 const StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.58.0'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -732,17 +732,31 @@ const FooterItem$2 = React__default.forwardRef((props, ref) => React__default.cr
 }, props)));
 FooterItem$2.displayName = 'FooterItem';
 
-const Header$1 = forwardRef((props, ref) => {
+const Header$1 = forwardRef((_ref, ref) => {
+  let {
+    children,
+    isDanger,
+    tag,
+    ...other
+  } = _ref;
   const {
     isCloseButtonPresent,
     getTitleProps
   } = useModalContext();
-  return React__default.createElement(StyledHeader, _extends$2({}, getTitleProps(props), {
+  return React__default.createElement(StyledHeader, _extends$2({}, getTitleProps(other), {
+    as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
-  }), props.isDanger && React__default.createElement(StyledDangerIcon, null), props.children);
+  }), isDanger && React__default.createElement(StyledDangerIcon, null), children);
 });
 Header$1.displayName = 'Header';
+Header$1.propTypes = {
+  isDanger: PropTypes.bool,
+  tag: PropTypes.any
+};
+Header$1.defaultProps = {
+  tag: 'div'
+};
 
 const TooltipModalContext = createContext(undefined);
 const useTooltipModalContext = () => {
@@ -753,15 +767,27 @@ const useTooltipModalContext = () => {
   return context;
 };
 
-const TitleComponent = forwardRef((props, ref) => {
+const TitleComponent = forwardRef((_ref, ref) => {
+  let {
+    children,
+    tag,
+    ...other
+  } = _ref;
   const {
     getTitleProps
   } = useTooltipModalContext();
-  return React__default.createElement(StyledTooltipModalTitle, _extends$2({}, getTitleProps(props), {
+  return React__default.createElement(StyledTooltipModalTitle, _extends$2({}, getTitleProps(other), {
+    as: tag,
     ref: ref
-  }), props.children);
+  }), children);
 });
 TitleComponent.displayName = 'TooltipModal.Title';
+TitleComponent.propTypes = {
+  tag: PropTypes.any
+};
+TitleComponent.defaultProps = {
+  tag: 'div'
+};
 const Title = TitleComponent;
 
 const BodyComponent$1 = forwardRef((props, ref) => {
@@ -914,17 +940,28 @@ TooltipModal.Footer = Footer$1;
 TooltipModal.FooterItem = FooterItem$1;
 TooltipModal.Title = Title;
 
-const HeaderComponent = forwardRef((props, ref) => {
+const HeaderComponent = forwardRef((_ref, ref) => {
+  let {
+    tag,
+    ...other
+  } = _ref;
   const {
     isCloseButtonPresent,
     getTitleProps
   } = useModalContext();
-  return React__default.createElement(StyledDrawerModalHeader, _extends$2({}, getTitleProps(props), {
+  return React__default.createElement(StyledDrawerModalHeader, _extends$2({}, getTitleProps(other), {
+    as: tag,
     isCloseButtonPresent: isCloseButtonPresent,
     ref: ref
   }));
 });
 HeaderComponent.displayName = 'DrawerModal.Header';
+HeaderComponent.propTypes = {
+  tag: PropTypes.any
+};
+HeaderComponent.defaultProps = {
+  tag: 'div'
+};
 const Header = HeaderComponent;
 
 const BodyComponent = forwardRef((props, ref) => {

package/dist/typings/elements/DrawerModal/Header.d.ts

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

package/dist/typings/elements/TooltipModal/Title.d.ts

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

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

@@ -49,6 +49,10 @@ export interface IHeaderProps extends HTMLAttributes<HTMLDivElement> {
      * Applies danger styling
      */
     isDanger?: boolean;
+    /**
+     * Updates the element's HTML tag
+     */
+    tag?: any;
 }
 export interface IDrawerModalProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
     /**
@@ -56,6 +60,12 @@ export interface IDrawerModalProps extends Omit<IModalProps, 'isAnimated' | 'isC
      */
     isOpen?: boolean;
 }
+export interface IDrawerModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Updates the element's HTML tag
+     */
+    tag?: any;
+}
 export interface ITooltipModalProps extends Omit<IModalProps, 'appendToNode' | 'isCentered' | 'isLarge'> {
     /**
      * Positions the modal relative to the provided `HTMLElement`
@@ -78,3 +88,9 @@ export interface ITooltipModalProps extends Omit<IModalProps, 'appendToNode' | '
      */
     zIndex?: number;
 }
+export interface ITooltipModalTitleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Updates the element's HTML tag
+     */
+    tag?: any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "8.58.0",
+  "version": "8.59.0",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.5",
-    "@zendeskgarden/react-theming": "^8.58.0",
+    "@zendeskgarden/react-theming": "^8.59.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "07760a92573b619860e1252f6931467b9123f1b6"
+  "gitHead": "14c3ad1b3abb0f76ffc8512c89d167ecb6f024fa"
 }