@zendeskgarden/react-modals 8.47.1 → 8.47.2

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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1',
+    'data-garden-version': '8.47.2',
     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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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.47.1'
+  'data-garden-version': '8.47.2'
 }).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__default["default"].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 = 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';
 
-var FooterItem = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledFooterItem, _extends$2({
+var FooterItem = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledFooterItem, _extends$2({
     ref: ref
   }, props));
 });
 FooterItem.displayName = 'FooterItem';
 
-var Header$1 = React__default['default'].forwardRef(function (props, ref) {
+var Header$1 = React__default["default"].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,35 @@ var useTooltipModalContext = function useTooltipModalContext() {
   return context;
 };
 
-var Title = React__default['default'].forwardRef(function (props, ref) {
+var Title = React__default["default"].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';
 
-var Body$1 = React__default['default'].forwardRef(function (props, ref) {
+var Body$1 = React__default["default"].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';
 
-var Close$1 = React__default['default'].forwardRef(function (props, ref) {
+var Close$1 = React__default["default"].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));
+  }, getCloseProps(props)), React__default["default"].createElement(SvgXStroke, null));
 });
 Close$1.displayName = 'TooltipModal.Close';
 
 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 TooltipModal = React__default["default"].forwardRef(function (_ref, ref) {
   var referenceElement = _ref.referenceElement,
       popperModifiers = _ref.popperModifiers,
       placement = _ref.placement,
@@ -1194,30 +1178,30 @@ 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)))));
   });
@@ -1235,43 +1219,44 @@ TooltipModal.defaultProps = {
   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
+  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
 };
+TooltipModal.displayName = 'TooltipModal';
 
-var Header = React__default['default'].forwardRef(function (props, ref) {
+var Header = React__default["default"].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';
 
-var Body = React__default['default'].forwardRef(function (props, ref) {
+var Body = React__default["default"].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';
 
-var Close = React__default['default'].forwardRef(function (props, ref) {
+var Close = React__default["default"].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';
 
@@ -1342,21 +1327,21 @@ 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;
 DrawerModal.Body = Body;
@@ -1365,13 +1350,13 @@ 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
+  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
 };
 
 exports.Body = Body$2;

package/dist/index.esm.js

@@ -22,14 +22,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;
@@ -37,19 +32,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;
@@ -283,7 +271,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
 var animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
 var StyledBackdrop = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -313,7 +301,7 @@ StyledBackdrop.propTypes = {
 var COMPONENT_ID$i = 'modals.body';
 var StyledBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -340,7 +328,7 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -366,7 +354,7 @@ StyledClose.defaultProps = {
 var COMPONENT_ID$g = 'modals.footer';
 var StyledFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -384,7 +372,7 @@ StyledFooter.defaultProps = {
 var COMPONENT_ID$f = 'modals.footer_item';
 var StyledFooterItem = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -404,7 +392,7 @@ StyledFooterItem.defaultProps = {
 var COMPONENT_ID$e = 'modals.header';
 var StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -429,37 +417,35 @@ StyledHeader.defaultProps = {
   theme: 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.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}), /*#__PURE__*/React.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 4.5V9"
-}));
-
-var _ref2 = /*#__PURE__*/React.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.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.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
 var StyledDangerIcon = styled(SvgAlertErrorStroke).withConfig({
   displayName: "StyledDangerIcon",
@@ -493,7 +479,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -533,7 +519,7 @@ StyledModal.defaultProps = {
 var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
 var StyledTooltipModalBackdrop = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -627,7 +613,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
 var StyledTooltipModal = styled.div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$b,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     className: props.isAnimated && 'is-animated'
   };
 }).withConfig({
@@ -658,7 +644,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTooltipModalTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -678,7 +664,7 @@ StyledTooltipModalTitle.defaultProps = {
 var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
 var StyledTooltipModalBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -700,7 +686,7 @@ StyledTooltipModalBody.defaultProps = {
 var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
 var StyledTooltipModalFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -716,7 +702,7 @@ StyledTooltipModalFooter.defaultProps = {
 var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
 var StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -730,7 +716,7 @@ StyledTooltipModalFooterItem.defaultProps = {
 var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
 var StyledTooltipModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -764,7 +750,7 @@ var boxShadow = function boxShadow(props) {
 };
 var StyledDrawerModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -790,7 +776,7 @@ StyledDrawerModal.defaultProps = {
 var COMPONENT_ID$4 = 'modals.drawer_modal.header';
 var StyledDrawerModalHeader = styled(StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -806,7 +792,7 @@ StyledDrawerModalHeader.defaultProps = {
 var COMPONENT_ID$3 = 'modals.drawer_modal.close';
 var StyledDrawerModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -826,7 +812,7 @@ StyledDrawerModalClose.defaultProps = {
 var COMPONENT_ID$2 = 'modals.drawer_modal.body';
 var StyledDrawerModalBody = styled(StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -842,7 +828,7 @@ StyledDrawerModalBody.defaultProps = {
 var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
 var StyledDrawerModalFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -860,7 +846,7 @@ StyledDrawerModalFooter.defaultProps = {
 var COMPONENT_ID = 'modals.drawer_modal.footer_item';
 var StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -1010,24 +996,24 @@ var Body$2 = React__default.forwardRef(function (props, ref) {
 });
 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.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.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.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 13L13 3m0 10L3 3"
+  })));
+};
 
 var Close$2 = React__default.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),
@@ -1215,6 +1201,7 @@ TooltipModal.propTypes = {
   restoreFocus: PropTypes.bool,
   id: PropTypes.string
 };
+TooltipModal.displayName = 'TooltipModal';
 
 var Header = React__default.forwardRef(function (props, ref) {
   var _useModalContext = useModalContext(),

package/dist/typings/index.d.ts

@@ -5,11 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Modal } from './elements/Modal';
+export type { IModalProps } from './elements/Modal';
 export { Body } from './elements/Body';
 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 type { ITooltipModalProps } from './elements/TooltipModal/TooltipModal';
 export { DrawerModal } from './elements/DrawerModal/DrawerModal';
+export type { IDrawerModalProps } from './elements/DrawerModal/DrawerModal';
 export type { GARDEN_PLACEMENT } from './utils/gardenPlacements';

package/dist/typings/utils/gardenPlacements.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.
  */
-import { ARROW_POSITION } from '@zendeskgarden/react-theming';
+import { ARROW_POSITION, MENU_POSITION } from '@zendeskgarden/react-theming';
 import { Placement } from '@popperjs/core';
 export declare type GARDEN_PLACEMENT = 'auto' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
 /**
@@ -26,4 +26,4 @@ export declare function getArrowPosition(popperPlacement: Placement): ARROW_POSI
  * Convert Popper.JS placement to corresponding menu position
  * @param {String} popperPlacement
  */
-export declare function getMenuPosition(popperPlacement?: Placement): import("@popperjs/core").BasePlacement;
+export declare function getMenuPosition(popperPlacement?: Placement): MENU_POSITION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "8.47.1",
+  "version": "8.47.2",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -24,7 +24,7 @@
     "@popperjs/core": "^2.4.4",
     "@zendeskgarden/container-focusvisible": "^0.4.6",
     "@zendeskgarden/container-modal": "^0.8.7",
-    "@zendeskgarden/container-utilities": "^0.6.0",
+    "@zendeskgarden/container-utilities": "^0.7.0",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^1.1.0",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.4",
-    "@zendeskgarden/react-theming": "^8.47.1",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }