@zendeskgarden/react-modals 8.46.0 → 8.48.0

package/dist/index.cjs.js

@@ -31,14 +31,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -54,14 +52,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -69,19 +62,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -313,9 +299,9 @@ function scrollbarSize(recalc) {
 
 var COMPONENT_ID$j = 'modals.backdrop';
 var animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
-var StyledBackdrop = styled__default['default'].div.attrs({
+var StyledBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -338,14 +324,14 @@ StyledBackdrop.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 StyledBackdrop.propTypes = {
-  isCentered: PropTypes__default['default'].bool,
-  isAnimated: PropTypes__default['default'].bool
+  isCentered: PropTypes__default["default"].bool,
+  isAnimated: PropTypes__default["default"].bool
 };
 
 var COMPONENT_ID$i = 'modals.body';
-var StyledBody = styled__default['default'].div.attrs({
+var StyledBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -370,9 +356,9 @@ var colorStyles = function colorStyles(props) {
   var foregroundColor = 'neutralHue';
   return styled.css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}&[data-garden-focus-visible]{box-shadow:", ";}&:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], reactTheming.getColor(foregroundColor, 600, props.theme), reactTheming.getColor(backgroundColor, 600, props.theme, 0.08), reactTheming.getColor(foregroundColor, 700, props.theme), props.theme.shadows.md(reactTheming.getColor(backgroundColor, 600, props.theme, 0.35)), reactTheming.getColor(backgroundColor, 600, props.theme, 0.2), reactTheming.getColor(foregroundColor, 800, props.theme));
 };
-var StyledClose = styled__default['default'].button.attrs({
+var StyledClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -396,9 +382,9 @@ StyledClose.defaultProps = {
 };
 
 var COMPONENT_ID$g = 'modals.footer';
-var StyledFooter = styled__default['default'].div.attrs({
+var StyledFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -414,9 +400,9 @@ StyledFooter.defaultProps = {
 };
 
 var COMPONENT_ID$f = 'modals.footer_item';
-var StyledFooterItem = styled__default['default'].span.attrs({
+var StyledFooterItem = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -434,9 +420,9 @@ StyledFooterItem.defaultProps = {
 };
 
 var COMPONENT_ID$e = 'modals.header';
-var StyledHeader = styled__default['default'].div.attrs({
+var StyledHeader = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -461,39 +447,37 @@ StyledHeader.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
+var _g, _circle;
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 4.5V9"
-}));
-
-var _ref2 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
+function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
 
-function SvgAlertErrorStroke(props) {
+var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1, _ref2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
-var StyledDangerIcon = styled__default['default'](SvgAlertErrorStroke).withConfig({
+var StyledDangerIcon = styled__default["default"](SvgAlertErrorStroke).withConfig({
   displayName: "StyledDangerIcon",
   componentId: "sc-1kwbb39-0"
 })(["position:absolute;top:", "px;", ":", ";"], function (props) {
@@ -523,9 +507,9 @@ var sizeStyles$1 = function sizeStyles(props) {
   var largeWidth = 800;
   return styled.css(["width:", ";@media (max-width:", "){", ":", "px;}"], props.isLarge ? "".concat(largeWidth, "px") : "".concat(defaultWidth, "px"), props.isLarge ? "".concat(largeWidth - 1, "px") : props.theme.breakpoints.md, props.theme.rtl ? 'right' : 'left', props.theme.space.base * 6);
 };
-var StyledModal = styled__default['default'].div.attrs({
+var StyledModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -555,17 +539,17 @@ var StyledModal = styled__default['default'].div.attrs({
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$d, props);
 });
 StyledModal.propTypes = {
-  isLarge: PropTypes__default['default'].bool,
-  isAnimated: PropTypes__default['default'].bool
+  isLarge: PropTypes__default["default"].bool,
+  isAnimated: PropTypes__default["default"].bool
 };
 StyledModal.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
 var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
-var StyledTooltipModalBackdrop = styled__default['default'].div.attrs({
+var StyledTooltipModalBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -635,7 +619,7 @@ function getMenuPosition(popperPlacement) {
   return popperPlacement ? popperPlacement.split('-')[0] : 'bottom';
 }
 
-var StyledTooltipWrapper = styled__default['default'].div.attrs(function (props) {
+var StyledTooltipWrapper = styled__default["default"].div.attrs(function (props) {
   return {
     className: props.isAnimated && 'is-animated'
   };
@@ -656,10 +640,10 @@ StyledTooltipWrapper.defaultProps = {
 };
 
 var COMPONENT_ID$b = 'modals.tooltip_modal';
-var StyledTooltipModal = styled__default['default'].div.attrs(function (props) {
+var StyledTooltipModal = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$b,
-    'data-garden-version': '8.46.0',
+    'data-garden-version': '8.48.0',
     className: props.isAnimated && 'is-animated'
   };
 }).withConfig({
@@ -688,9 +672,9 @@ var COMPONENT_ID$a = 'modals.tooltip_modal.title';
 var sizeStyles = function sizeStyles(props) {
   return "\n  /* stylelint-disable-next-line property-no-unknown */\n  padding-".concat(props.theme.rtl ? 'left' : 'right', ": ").concat(props.theme.space.base * 8, "px;\n  line-height: ").concat(reactTheming.getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md), ";\n  font-size: ").concat(props.theme.fontSizes.md, ";\n");
 };
-var StyledTooltipModalTitle = styled__default['default'].div.attrs({
+var StyledTooltipModalTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -708,9 +692,9 @@ StyledTooltipModalTitle.defaultProps = {
 };
 
 var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
-var StyledTooltipModalBody = styled__default['default'].div.attrs({
+var StyledTooltipModalBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -730,9 +714,9 @@ StyledTooltipModalBody.defaultProps = {
 };
 
 var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
-var StyledTooltipModalFooter = styled__default['default'].div.attrs({
+var StyledTooltipModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -746,9 +730,9 @@ StyledTooltipModalFooter.defaultProps = {
 };
 
 var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
-var StyledTooltipModalFooterItem = styled__default['default'](StyledFooterItem).attrs({
+var StyledTooltipModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -760,9 +744,9 @@ StyledTooltipModalFooterItem.defaultProps = {
 };
 
 var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
-var StyledTooltipModalClose = styled__default['default'](StyledClose).attrs({
+var StyledTooltipModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -794,9 +778,9 @@ var boxShadow = function boxShadow(props) {
   var color = reactTheming.getColor('neutralHue', 800, theme, 0.35);
   return shadows.lg(offsetY, blurRadius, color);
 };
-var StyledDrawerModal = styled__default['default'].div.attrs({
+var StyledDrawerModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -820,9 +804,9 @@ StyledDrawerModal.defaultProps = {
 };
 
 var COMPONENT_ID$4 = 'modals.drawer_modal.header';
-var StyledDrawerModalHeader = styled__default['default'](StyledHeader).attrs({
+var StyledDrawerModalHeader = styled__default["default"](StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -836,9 +820,9 @@ StyledDrawerModalHeader.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'modals.drawer_modal.close';
-var StyledDrawerModalClose = styled__default['default'](StyledClose).attrs({
+var StyledDrawerModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -856,9 +840,9 @@ StyledDrawerModalClose.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'modals.drawer_modal.body';
-var StyledDrawerModalBody = styled__default['default'](StyledBody).attrs({
+var StyledDrawerModalBody = styled__default["default"](StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -872,9 +856,9 @@ StyledDrawerModalBody.defaultProps = {
 };
 
 var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
-var StyledDrawerModalFooter = styled__default['default'].div.attrs({
+var StyledDrawerModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -890,9 +874,9 @@ StyledDrawerModalFooter.defaultProps = {
 };
 
 var COMPONENT_ID = 'modals.drawer_modal.footer_item';
-var StyledDrawerModalFooterItem = styled__default['default'](StyledFooterItem).attrs({
+var StyledDrawerModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.46.0'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -925,7 +909,7 @@ var isOverflowing = function isOverflowing(element) {
   var marginRight = parseInt(style.getPropertyValue('margin-right'), 10);
   return marginLeft + doc.body.clientWidth + marginRight < win.innerWidth;
 };
-var Modal = React__default['default'].forwardRef(function (_ref, ref) {
+var Modal = React.forwardRef(function (_ref, ref) {
   var backdropProps = _ref.backdropProps,
       children = _ref.children,
       onClose = _ref.onClose,
@@ -1004,95 +988,95 @@ var Modal = React__default['default'].forwardRef(function (_ref, ref) {
   if (!rootNode) {
     return null;
   }
-  return ReactDOM.createPortal( React__default['default'].createElement(ModalsContext.Provider, {
+  return ReactDOM.createPortal( React__default["default"].createElement(ModalsContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledBackdrop, getBackdropProps(_objectSpread2({
+  }, React__default["default"].createElement(StyledBackdrop, getBackdropProps(_objectSpread2({
     isCentered: isCentered,
     isAnimated: isAnimated
-  }, backdropProps)), React__default['default'].createElement(StyledModal, getModalProps(_objectSpread2({
+  }, backdropProps)), React__default["default"].createElement(StyledModal, getModalProps(_objectSpread2({
     isCentered: isCentered,
     isAnimated: isAnimated,
     isLarge: isLarge,
-    ref: mergeRefs__default['default']([ref, modalRef])
+    ref: mergeRefs__default["default"]([ref, modalRef])
   }, modalProps)), children))), rootNode);
 });
 Modal.displayName = 'Modal';
 Modal.propTypes = {
-  backdropProps: PropTypes__default['default'].object,
-  isLarge: PropTypes__default['default'].bool,
-  isAnimated: PropTypes__default['default'].bool,
-  isCentered: PropTypes__default['default'].bool,
-  focusOnMount: PropTypes__default['default'].bool,
-  restoreFocus: PropTypes__default['default'].bool,
-  onClose: PropTypes__default['default'].func,
-  appendToNode: PropTypes__default['default'].any,
-  id: PropTypes__default['default'].string
+  backdropProps: PropTypes__default["default"].object,
+  isLarge: PropTypes__default["default"].bool,
+  isAnimated: PropTypes__default["default"].bool,
+  isCentered: PropTypes__default["default"].bool,
+  focusOnMount: PropTypes__default["default"].bool,
+  restoreFocus: PropTypes__default["default"].bool,
+  onClose: PropTypes__default["default"].func,
+  appendToNode: PropTypes__default["default"].any,
+  id: PropTypes__default["default"].string
 };
 Modal.defaultProps = {
   isAnimated: true,
   isCentered: true
 };
 
-var Body$2 = React__default['default'].forwardRef(function (props, ref) {
+var Body$2 = React__default["default"].forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getContentProps = _useModalContext.getContentProps;
-  return React__default['default'].createElement(StyledBody, _extends$2({
+  return React__default["default"].createElement(StyledBody, _extends$2({
     ref: ref
   }, getContentProps(props)));
 });
 Body$2.displayName = 'Body';
 
-function _extends() { _extends = Object.assign || 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 _path;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 13L13 3m0 10L3 3"
-});
+function _extends() { _extends = Object.assign || 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); }
 
-function SvgXStroke(props) {
+var SvgXStroke = function SvgXStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 13L13 3m0 10L3 3"
+  })));
+};
 
-var Close$2 = React__default['default'].forwardRef(function (props, ref) {
+var Close$2 = React__default["default"].forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getCloseProps = _useModalContext.getCloseProps;
-  return React__default['default'].createElement(StyledClose, _extends$2({
+  return React__default["default"].createElement(StyledClose, _extends$2({
     ref: ref
-  }, getCloseProps(props)), React__default['default'].createElement(SvgXStroke, null));
+  }, getCloseProps(props)), React__default["default"].createElement(SvgXStroke, null));
 });
 Close$2.displayName = 'Close';
 
-var Footer = React__default['default'].forwardRef(function (props, ref) {
+var Footer$2 = React__default["default"].forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       isLarge = _useModalContext.isLarge;
-  return React__default['default'].createElement(StyledFooter, _extends$2({
+  return React__default["default"].createElement(StyledFooter, _extends$2({
     ref: ref,
     isLarge: isLarge
   }, props));
 });
-Footer.displayName = 'Footer';
+Footer$2.displayName = 'Footer';
 
-var FooterItem = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledFooterItem, _extends$2({
+var FooterItem$2 = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledFooterItem, _extends$2({
     ref: ref
   }, props));
 });
-FooterItem.displayName = 'FooterItem';
+FooterItem$2.displayName = 'FooterItem';
 
-var Header$1 = React__default['default'].forwardRef(function (props, ref) {
+var Header$1 = React.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getTitleProps = _useModalContext.getTitleProps;
-  return React__default['default'].createElement(StyledHeader, _extends$2({
+  return React__default["default"].createElement(StyledHeader, _extends$2({
     ref: ref
-  }, getTitleProps(props)), props.isDanger && React__default['default'].createElement(StyledDangerIcon, null), props.children);
+  }, getTitleProps(props)), props.isDanger && React__default["default"].createElement(StyledDangerIcon, null), props.children);
 });
 Header$1.displayName = 'Header';
 
@@ -1105,35 +1089,54 @@ var useTooltipModalContext = function useTooltipModalContext() {
   return context;
 };
 
-var Title = React__default['default'].forwardRef(function (props, ref) {
+var TitleComponent = React.forwardRef(function (props, ref) {
   var _useTooltipModalConte = useTooltipModalContext(),
       getTitleProps = _useTooltipModalConte.getTitleProps;
-  return React__default['default'].createElement(StyledTooltipModalTitle, _extends$2({
+  return React__default["default"].createElement(StyledTooltipModalTitle, _extends$2({
     ref: ref
   }, getTitleProps(props)), props.children);
 });
-Title.displayName = 'TooltipModal.Title';
+TitleComponent.displayName = 'TooltipModal.Title';
+var Title = TitleComponent;
 
-var Body$1 = React__default['default'].forwardRef(function (props, ref) {
+var BodyComponent$1 = React.forwardRef(function (props, ref) {
   var _useTooltipModalConte = useTooltipModalContext(),
       getContentProps = _useTooltipModalConte.getContentProps;
-  return React__default['default'].createElement(StyledTooltipModalBody, _extends$2({
+  return React__default["default"].createElement(StyledTooltipModalBody, _extends$2({
     ref: ref
   }, getContentProps(props)));
 });
-Body$1.displayName = 'TooltipModal.Body';
+BodyComponent$1.displayName = 'TooltipModal.Body';
+var Body$1 = BodyComponent$1;
 
-var Close$1 = React__default['default'].forwardRef(function (props, ref) {
+var CloseComponent$1 = React.forwardRef(function (props, ref) {
   var _useTooltipModalConte = useTooltipModalContext(),
       getCloseProps = _useTooltipModalConte.getCloseProps;
-  return React__default['default'].createElement(StyledTooltipModalClose, _extends$2({
+  return React__default["default"].createElement(StyledTooltipModalClose, _extends$2({
+    ref: ref
+  }, getCloseProps(props)), React__default["default"].createElement(SvgXStroke, null));
+});
+CloseComponent$1.displayName = 'TooltipModal.Close';
+var Close$1 = CloseComponent$1;
+
+var FooterComponent$1 = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledTooltipModalFooter, _extends$2({
     ref: ref
-  }, getCloseProps(props)), React__default['default'].createElement(SvgXStroke, null));
+  }, props));
+});
+FooterComponent$1.displayName = 'TooltipModal.Footer';
+var Footer$1 = FooterComponent$1;
+
+var FooterItemComponent$1 = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledTooltipModalFooterItem, _extends$2({
+    ref: ref
+  }, props));
 });
-Close$1.displayName = 'TooltipModal.Close';
+FooterItemComponent$1.displayName = 'TooltipModal.FooterItem';
+var FooterItem$1 = FooterItemComponent$1;
 
 var _excluded$1 = ["referenceElement", "popperModifiers", "placement", "onClose", "hasArrow", "isAnimated", "zIndex", "style", "backdropProps", "focusOnMount", "restoreFocus", "id"];
-var TooltipModal = React__default['default'].forwardRef(function (_ref, ref) {
+var TooltipModalComponent = React__default["default"].forwardRef(function (_ref, ref) {
   var referenceElement = _ref.referenceElement,
       popperModifiers = _ref.popperModifiers,
       placement = _ref.placement,
@@ -1194,89 +1197,110 @@ var TooltipModal = React__default['default'].forwardRef(function (_ref, ref) {
     getCloseProps: getCloseProps
   };
   var modalProps = getModalProps(_objectSpread2({
-    ref: mergeRefs__default['default']([modalRef, ref]),
+    ref: mergeRefs__default["default"]([modalRef, ref]),
     placement: state ? state.placement : 'top',
     hasArrow: hasArrow,
     isAnimated: isAnimated,
     style: style
   }, props));
-  return React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+  return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     unmountOnExit: true,
     timeout: isAnimated ? 200 : 0,
     in: Boolean(referenceElement),
     classNames: isAnimated ? 'garden-tooltip-modal-transition' : '',
     nodRef: transitionRef
   }, function (transitionState) {
-    return React__default['default'].createElement(TooltipModalContext.Provider, {
+    return React__default["default"].createElement(TooltipModalContext.Provider, {
       value: value
-    }, React__default['default'].createElement(StyledTooltipModalBackdrop, getBackdropProps(_objectSpread2({
+    }, React__default["default"].createElement(StyledTooltipModalBackdrop, getBackdropProps(_objectSpread2({
       ref: transitionRef
-    }, backdropProps)), React__default['default'].createElement(StyledTooltipWrapper, _extends$2({
+    }, backdropProps)), React__default["default"].createElement(StyledTooltipWrapper, _extends$2({
       ref: setPopperElement,
       style: styles.popper,
       placement: state ? state.placement : undefined,
       zIndex: zIndex,
       isAnimated: isAnimated
-    }, attributes.popper), React__default['default'].createElement(StyledTooltipModal, _extends$2({
+    }, attributes.popper), React__default["default"].createElement(StyledTooltipModal, _extends$2({
       transitionState: transitionState
     }, modalProps)))));
   });
 });
-TooltipModal.Title = Title;
-TooltipModal.Body = Body$1;
-TooltipModal.Close = Close$1;
-TooltipModal.Footer = StyledTooltipModalFooter;
-TooltipModal.FooterItem = StyledTooltipModalFooterItem;
-TooltipModal.defaultProps = {
+TooltipModalComponent.displayName = 'TooltipModal';
+TooltipModalComponent.defaultProps = {
   placement: 'auto',
   isAnimated: true,
   hasArrow: true,
   focusOnMount: true,
   restoreFocus: true
 };
-TooltipModal.propTypes = {
-  referenceElement: PropTypes__default['default'].any,
-  popperModifiers: PropTypes__default['default'].any,
-  placement: PropTypes__default['default'].any,
-  isAnimated: PropTypes__default['default'].bool,
-  hasArrow: PropTypes__default['default'].bool,
-  zIndex: PropTypes__default['default'].number,
-  onClose: PropTypes__default['default'].func,
-  backdropProps: PropTypes__default['default'].any,
-  focusOnMount: PropTypes__default['default'].bool,
-  restoreFocus: PropTypes__default['default'].bool,
-  id: PropTypes__default['default'].string
+TooltipModalComponent.propTypes = {
+  referenceElement: PropTypes__default["default"].any,
+  popperModifiers: PropTypes__default["default"].any,
+  placement: PropTypes__default["default"].any,
+  isAnimated: PropTypes__default["default"].bool,
+  hasArrow: PropTypes__default["default"].bool,
+  zIndex: PropTypes__default["default"].number,
+  onClose: PropTypes__default["default"].func,
+  backdropProps: PropTypes__default["default"].any,
+  focusOnMount: PropTypes__default["default"].bool,
+  restoreFocus: PropTypes__default["default"].bool,
+  id: PropTypes__default["default"].string
 };
+var TooltipModal = TooltipModalComponent;
+TooltipModal.Body = Body$1;
+TooltipModal.Close = Close$1;
+TooltipModal.Footer = Footer$1;
+TooltipModal.FooterItem = FooterItem$1;
+TooltipModal.Title = Title;
 
-var Header = React__default['default'].forwardRef(function (props, ref) {
+var HeaderComponent = React.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getTitleProps = _useModalContext.getTitleProps;
-  return React__default['default'].createElement(StyledDrawerModalHeader, _extends$2({
+  return React__default["default"].createElement(StyledDrawerModalHeader, _extends$2({
     ref: ref
   }, getTitleProps(props)));
 });
-Header.displayName = 'DrawerModal.Header';
+HeaderComponent.displayName = 'DrawerModal.Header';
+var Header = HeaderComponent;
 
-var Body = React__default['default'].forwardRef(function (props, ref) {
+var BodyComponent = React.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getContentProps = _useModalContext.getContentProps;
-  return React__default['default'].createElement(StyledDrawerModalBody, _extends$2({
+  return React__default["default"].createElement(StyledDrawerModalBody, _extends$2({
     ref: ref
   }, getContentProps(props)), props.children);
 });
-Body.displayName = 'DrawerModal.Body';
+BodyComponent.displayName = 'DrawerModal.Body';
+var Body = BodyComponent;
 
-var Close = React__default['default'].forwardRef(function (props, ref) {
+var CloseComponent = React.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
       getCloseProps = _useModalContext.getCloseProps;
-  return React__default['default'].createElement(StyledDrawerModalClose, _extends$2({
+  return React__default["default"].createElement(StyledDrawerModalClose, _extends$2({
     ref: ref
-  }, getCloseProps(props)), React__default['default'].createElement(SvgXStroke, null));
+  }, getCloseProps(props)), React__default["default"].createElement(SvgXStroke, null));
 });
-Close.displayName = 'DrawerModal.Close';
+CloseComponent.displayName = 'DrawerModal.Close';
+var Close = CloseComponent;
+
+var FooterComponent = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledDrawerModalFooter, _extends$2({
+    ref: ref
+  }, props));
+});
+FooterComponent.displayName = 'DrawerModal.Footer';
+var Footer = FooterComponent;
+
+var FooterItemComponent = React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledDrawerModalFooterItem, _extends$2({
+    ref: ref
+  }, props));
+});
+FooterItemComponent.displayName = 'DrawerModal.FooterItem';
+var FooterItem = FooterItemComponent;
 
 var _excluded = ["id", "isOpen", "onClose", "backdropProps", "appendToNode", "focusOnMount", "restoreFocus"];
-var DrawerModal = React.forwardRef(function (_ref, ref) {
+var DrawerModalComponent = React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
       isOpen = _ref.isOpen,
       onClose = _ref.onClose,
@@ -1342,43 +1366,44 @@ var DrawerModal = React.forwardRef(function (_ref, ref) {
     return null;
   }
   var modalProps = isOpen ? getModalProps(_objectSpread2({
-    ref: mergeRefs__default['default']([ref, modalRef, transitionRef])
+    ref: mergeRefs__default["default"]([ref, modalRef, transitionRef])
   }, props)) : _objectSpread2({
-    ref: mergeRefs__default['default']([ref, modalRef, transitionRef])
+    ref: mergeRefs__default["default"]([ref, modalRef, transitionRef])
   }, props);
-  return ReactDOM__default['default'].createPortal( React__default['default'].createElement(ModalsContext.Provider, {
+  return ReactDOM__default["default"].createPortal( React__default["default"].createElement(ModalsContext.Provider, {
     value: value
-  }, React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+  }, React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
     in: isOpen,
     timeout: 250,
     unmountOnExit: true,
     classNames: "garden-drawer-transition",
     nodeRef: transitionRef
-  }, React__default['default'].createElement(StyledBackdrop, getBackdropProps(_objectSpread2({
+  }, React__default["default"].createElement(StyledBackdrop, getBackdropProps(_objectSpread2({
     isAnimated: true
-  }, backdropProps)), React__default['default'].createElement(StyledDrawerModal, modalProps)))), rootNode);
+  }, backdropProps)), React__default["default"].createElement(StyledDrawerModal, modalProps)))), rootNode);
 });
-DrawerModal.Header = Header;
+DrawerModalComponent.displayName = 'DrawerModal';
+DrawerModalComponent.propTypes = {
+  backdropProps: PropTypes__default["default"].object,
+  focusOnMount: PropTypes__default["default"].bool,
+  restoreFocus: PropTypes__default["default"].bool,
+  onClose: PropTypes__default["default"].func,
+  appendToNode: PropTypes__default["default"].any,
+  id: PropTypes__default["default"].string,
+  isOpen: PropTypes__default["default"].bool
+};
+var DrawerModal = DrawerModalComponent;
 DrawerModal.Body = Body;
 DrawerModal.Close = Close;
-DrawerModal.Footer = StyledDrawerModalFooter;
-DrawerModal.FooterItem = StyledDrawerModalFooterItem;
-DrawerModal.displayName = 'DrawerModal';
-DrawerModal.propTypes = {
-  backdropProps: PropTypes__default['default'].object,
-  focusOnMount: PropTypes__default['default'].bool,
-  restoreFocus: PropTypes__default['default'].bool,
-  onClose: PropTypes__default['default'].func,
-  appendToNode: PropTypes__default['default'].any,
-  id: PropTypes__default['default'].string,
-  isOpen: PropTypes__default['default'].bool
-};
+DrawerModal.Footer = Footer;
+DrawerModal.FooterItem = FooterItem;
+DrawerModal.Header = Header;
 
 exports.Body = Body$2;
 exports.Close = Close$2;
 exports.DrawerModal = DrawerModal;
-exports.Footer = Footer;
-exports.FooterItem = FooterItem;
+exports.Footer = Footer$2;
+exports.FooterItem = FooterItem$2;
 exports.Header = Header$1;
 exports.Modal = Modal;
 exports.TooltipModal = TooltipModal;