@zendeskgarden/react-modals 8.73.4 → 9.0.0-next.0

package/dist/index.cjs.js

@@ -14,7 +14,7 @@ var PropTypes = require('prop-types');
 var reactTheming = require('@zendeskgarden/react-theming');
 var containerModal = require('@zendeskgarden/container-modal');
 var containerFocusvisible = require('@zendeskgarden/container-focusvisible');
-var mergeRefs = require('react-merge-refs');
+var reactMergeRefs = require('react-merge-refs');
 var isWindow = require('dom-helpers/isWindow');
 var ownerDocument = require('dom-helpers/ownerDocument');
 var ownerWindow = require('dom-helpers/ownerWindow');
@@ -48,7 +48,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 var isWindow__default = /*#__PURE__*/_interopDefault(isWindow);
 var ownerDocument__default = /*#__PURE__*/_interopDefault(ownerDocument);
 var ownerWindow__default = /*#__PURE__*/_interopDefault(ownerWindow);
@@ -81,7 +80,7 @@ const animationStyles$1 = props => {
 };
 const StyledBackdrop = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -97,7 +96,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -122,7 +121,7 @@ const BASE_MULTIPLIERS$1 = {
 };
 const StyledClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -134,7 +133,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -146,7 +145,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -158,7 +157,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -229,7 +228,7 @@ const sizeStyles$1 = props => {
 };
 const StyledModal = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -245,7 +244,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -328,7 +327,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.73.4',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledTooltipModal",
@@ -357,7 +356,7 @@ const sizeStyles = props => `
 `;
 const StyledTooltipModalTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -369,7 +368,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -381,7 +380,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -393,7 +392,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -405,7 +404,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -431,7 +430,7 @@ const boxShadow = props => {
 };
 const StyledDrawerModal = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -448,7 +447,7 @@ const BASE_MULTIPLIERS = {
 };
 const StyledDrawerModalClose = styled__default.default(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -460,7 +459,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -472,7 +471,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -484,7 +483,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -496,7 +495,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -636,7 +635,7 @@ const Modal = React.forwardRef((_ref, ref) => {
     isAnimated: isAnimated,
     isLarge: isLarge
   }, modalContainerProps, ariaProps, modalProps, {
-    ref: mergeRefs__default.default([ref, modalRef])
+    ref: reactMergeRefs.mergeRefs([ref, modalRef])
   }), children))), rootNode);
 });
 Modal.displayName = 'Modal';
@@ -889,7 +888,8 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
       options: {
         offset: [0, theme.space.base * 3]
       }
-    }, ...(popperModifiers || [])]
+    },
+    ...(popperModifiers || [])]
   });
   const modalProps = getModalProps({
     'aria-describedby': undefined,
@@ -935,7 +935,7 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
       hasArrow: hasArrow,
       isAnimated: isAnimated
     }, modalProps, ariaProps, props, {
-      ref: mergeRefs__default.default([modalRef, ref])
+      ref: reactMergeRefs.mergeRefs([modalRef, ref])
     })))));
   });
   return appendToNode ? ReactDOM.createPortal(Node, appendToNode) : Node;
@@ -1164,7 +1164,7 @@ const DrawerModalComponent = React.forwardRef((_ref, ref) => {
   }, React__namespace.default.createElement(StyledBackdrop, _extends$2({
     isAnimated: true
   }, getBackdropProps(backdropProps)), React__namespace.default.createElement(StyledDrawerModal, _extends$2({}, modalProps, ariaProps, props, {
-    ref: mergeRefs__default.default([ref, modalRef, transitionRef])
+    ref: reactMergeRefs.mergeRefs([ref, modalRef, transitionRef])
   }))))), rootNode);
 });
 DrawerModalComponent.displayName = 'DrawerModal';

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import PropTypes from 'prop-types';
 import { getColor, retrieveComponentStyles, DEFAULT_THEME, getLineHeight, focusStyles, mediaQuery, menuStyles, arrowStyles, useDocument, useText } from '@zendeskgarden/react-theming';
 import { useModal } from '@zendeskgarden/container-modal';
 import { useFocusVisible } from '@zendeskgarden/container-focusvisible';
-import mergeRefs from 'react-merge-refs';
+import { mergeRefs } from 'react-merge-refs';
 import isWindow from 'dom-helpers/isWindow';
 import ownerDocument from 'dom-helpers/ownerDocument';
 import ownerWindow from 'dom-helpers/ownerWindow';
@@ -48,7 +48,7 @@ const animationStyles$1 = props => {
 };
 const StyledBackdrop = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -64,7 +64,7 @@ StyledBackdrop.propTypes = {
 const COMPONENT_ID$i = 'modals.body';
 const StyledBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -89,7 +89,7 @@ const BASE_MULTIPLIERS$1 = {
 };
 const StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -101,7 +101,7 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$g = 'modals.footer';
 const StyledFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -113,7 +113,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -125,7 +125,7 @@ StyledFooterItem.defaultProps = {
 const COMPONENT_ID$e = 'modals.header';
 const StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -196,7 +196,7 @@ const sizeStyles$1 = props => {
 };
 const StyledModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -212,7 +212,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -295,7 +295,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.73.4',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledTooltipModal",
@@ -324,7 +324,7 @@ const sizeStyles = props => `
 `;
 const StyledTooltipModalTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -336,7 +336,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -348,7 +348,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -360,7 +360,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -372,7 +372,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -398,7 +398,7 @@ const boxShadow = props => {
 };
 const StyledDrawerModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -415,7 +415,7 @@ const BASE_MULTIPLIERS = {
 };
 const StyledDrawerModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -427,7 +427,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -439,7 +439,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -451,7 +451,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -463,7 +463,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.73.4'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -856,7 +856,8 @@ const TooltipModalComponent = React__default.forwardRef((_ref, ref) => {
       options: {
         offset: [0, theme.space.base * 3]
       }
-    }, ...(popperModifiers || [])]
+    },
+    ...(popperModifiers || [])]
   });
   const modalProps = getModalProps({
     'aria-describedby': undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "8.73.4",
+  "version": "9.0.0-next.0",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,12 +22,12 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@popperjs/core": "^2.4.4",
-    "@zendeskgarden/container-focusvisible": "^1.0.0",
+    "@zendeskgarden/container-focusvisible": "^2.0.0",
     "@zendeskgarden/container-modal": "^1.0.0",
-    "@zendeskgarden/container-utilities": "^1.0.0",
+    "@zendeskgarden/container-utilities": "^2.0.0",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
-    "react-merge-refs": "^1.1.0",
+    "react-merge-refs": "^2.0.0",
     "react-popper": "^2.2.3",
     "react-transition-group": "^4.4.2"
   },
@@ -38,8 +38,8 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@types/react-transition-group": "4.4.7",
-    "@zendeskgarden/react-theming": "^8.73.4",
+    "@types/react-transition-group": "4.4.10",
+    "@zendeskgarden/react-theming": "^9.0.0-next.0",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e3dbb5b02be96462dfea7b3bf1ec5e76deee6ae1"
+  "gitHead": "7145e970afa57b024ab7d505f2220a656e430c04"
 }