@zendeskgarden/react-modals 8.49.2 → 8.50.0

package/dist/index.cjs.js

@@ -301,7 +301,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
 var animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
 var StyledBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -331,7 +331,7 @@ StyledBackdrop.propTypes = {
 var COMPONENT_ID$i = 'modals.body';
 var StyledBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -363,7 +363,7 @@ var BASE_MULTIPLIERS$1 = {
 };
 var StyledClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -389,7 +389,7 @@ StyledClose.defaultProps = {
 var COMPONENT_ID$g = 'modals.footer';
 var StyledFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -407,7 +407,7 @@ StyledFooter.defaultProps = {
 var COMPONENT_ID$f = 'modals.footer_item';
 var StyledFooterItem = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -427,7 +427,7 @@ StyledFooterItem.defaultProps = {
 var COMPONENT_ID$e = 'modals.header';
 var StyledHeader = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -514,7 +514,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -554,7 +554,7 @@ StyledModal.defaultProps = {
 var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
 var StyledTooltipModalBackdrop = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -648,7 +648,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
 var StyledTooltipModal = styled__default["default"].div.attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$b,
-    'data-garden-version': '8.49.2',
+    'data-garden-version': '8.50.0',
     className: props.isAnimated && 'is-animated'
   };
 }).withConfig({
@@ -679,7 +679,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTooltipModalTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -699,7 +699,7 @@ StyledTooltipModalTitle.defaultProps = {
 var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
 var StyledTooltipModalBody = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -721,7 +721,7 @@ StyledTooltipModalBody.defaultProps = {
 var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
 var StyledTooltipModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -737,7 +737,7 @@ StyledTooltipModalFooter.defaultProps = {
 var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
 var StyledTooltipModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -751,7 +751,7 @@ StyledTooltipModalFooterItem.defaultProps = {
 var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
 var StyledTooltipModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -785,7 +785,7 @@ var boxShadow = function boxShadow(props) {
 };
 var StyledDrawerModal = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -816,7 +816,7 @@ var BASE_MULTIPLIERS = {
 };
 var StyledDrawerModalClose = styled__default["default"](StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -834,7 +834,7 @@ StyledDrawerModalClose.defaultProps = {
 var COMPONENT_ID$3 = 'modals.drawer_modal.header';
 var StyledDrawerModalHeader = styled__default["default"](StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -852,7 +852,7 @@ StyledDrawerModalHeader.defaultProps = {
 var COMPONENT_ID$2 = 'modals.drawer_modal.body';
 var StyledDrawerModalBody = styled__default["default"](StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -868,7 +868,7 @@ StyledDrawerModalBody.defaultProps = {
 var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
 var StyledDrawerModalFooter = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -886,7 +886,7 @@ StyledDrawerModalFooter.defaultProps = {
 var COMPONENT_ID = 'modals.drawer_modal.footer_item';
 var StyledDrawerModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -1025,8 +1025,7 @@ Modal.propTypes = {
   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
+  appendToNode: PropTypes__default["default"].any
 };
 Modal.defaultProps = {
   isAnimated: true,
@@ -1269,8 +1268,7 @@ TooltipModalComponent.propTypes = {
   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
+  restoreFocus: PropTypes__default["default"].bool
 };
 var TooltipModal = TooltipModalComponent;
 TooltipModal.Body = Body$1;
@@ -1431,7 +1429,6 @@ DrawerModalComponent.propTypes = {
   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;
@@ -1441,6 +1438,8 @@ DrawerModal.Footer = Footer;
 DrawerModal.FooterItem = FooterItem;
 DrawerModal.Header = Header;
 
+var PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom'];
+
 exports.Body = Body$2;
 exports.Close = Close$2;
 exports.DrawerModal = DrawerModal;
@@ -1448,4 +1447,5 @@ exports.Footer = Footer$2;
 exports.FooterItem = FooterItem$2;
 exports.Header = Header$1;
 exports.Modal = Modal;
+exports.PLACEMENT = PLACEMENT;
 exports.TooltipModal = TooltipModal;

package/dist/index.esm.js

@@ -271,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-mzdjpo-0"
@@ -301,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledBody",
   componentId: "sc-14rzecg-0"
@@ -333,7 +333,7 @@ var BASE_MULTIPLIERS$1 = {
 };
 var StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-iseudj-0"
@@ -359,7 +359,7 @@ StyledClose.defaultProps = {
 var COMPONENT_ID$g = 'modals.footer';
 var StyledFooter = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooter",
   componentId: "sc-d8pfdu-0"
@@ -377,7 +377,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledFooterItem",
   componentId: "sc-1mb76hl-0"
@@ -397,7 +397,7 @@ StyledFooterItem.defaultProps = {
 var COMPONENT_ID$e = 'modals.header';
 var StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-1787r9v-0"
@@ -484,7 +484,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledModal",
   componentId: "sc-1pe1axu-0"
@@ -524,7 +524,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalBackdrop",
   componentId: "sc-1yaomgq-0"
@@ -618,7 +618,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.49.2',
+    'data-garden-version': '8.50.0',
     className: props.isAnimated && 'is-animated'
   };
 }).withConfig({
@@ -649,7 +649,7 @@ var sizeStyles = function sizeStyles(props) {
 };
 var StyledTooltipModalTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalTitle",
   componentId: "sc-11xjgjs-0"
@@ -669,7 +669,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalBody",
   componentId: "sc-195dkzj-0"
@@ -691,7 +691,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooter",
   componentId: "sc-fm36a9-0"
@@ -707,7 +707,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalFooterItem",
   componentId: "sc-1nahj6p-0"
@@ -721,7 +721,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledTooltipModalClose",
   componentId: "sc-1h2ke3q-0"
@@ -755,7 +755,7 @@ var boxShadow = function boxShadow(props) {
 };
 var StyledDrawerModal = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModal",
   componentId: "sc-i1sake-0"
@@ -786,7 +786,7 @@ var BASE_MULTIPLIERS = {
 };
 var StyledDrawerModalClose = styled(StyledClose).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalClose",
   componentId: "sc-hrnaom-0"
@@ -804,7 +804,7 @@ StyledDrawerModalClose.defaultProps = {
 var COMPONENT_ID$3 = 'modals.drawer_modal.header';
 var StyledDrawerModalHeader = styled(StyledHeader).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalHeader",
   componentId: "sc-1u04rqw-0"
@@ -822,7 +822,7 @@ StyledDrawerModalHeader.defaultProps = {
 var COMPONENT_ID$2 = 'modals.drawer_modal.body';
 var StyledDrawerModalBody = styled(StyledBody).attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalBody",
   componentId: "sc-yafe2y-0"
@@ -838,7 +838,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooter",
   componentId: "sc-17if4ka-0"
@@ -856,7 +856,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.49.2'
+  'data-garden-version': '8.50.0'
 }).withConfig({
   displayName: "StyledDrawerModalFooterItem",
   componentId: "sc-1vbl885-0"
@@ -995,8 +995,7 @@ Modal.propTypes = {
   focusOnMount: PropTypes.bool,
   restoreFocus: PropTypes.bool,
   onClose: PropTypes.func,
-  appendToNode: PropTypes.any,
-  id: PropTypes.string
+  appendToNode: PropTypes.any
 };
 Modal.defaultProps = {
   isAnimated: true,
@@ -1239,8 +1238,7 @@ TooltipModalComponent.propTypes = {
   onClose: PropTypes.func,
   backdropProps: PropTypes.any,
   focusOnMount: PropTypes.bool,
-  restoreFocus: PropTypes.bool,
-  id: PropTypes.string
+  restoreFocus: PropTypes.bool
 };
 var TooltipModal = TooltipModalComponent;
 TooltipModal.Body = Body$1;
@@ -1401,7 +1399,6 @@ DrawerModalComponent.propTypes = {
   restoreFocus: PropTypes.bool,
   onClose: PropTypes.func,
   appendToNode: PropTypes.any,
-  id: PropTypes.string,
   isOpen: PropTypes.bool
 };
 var DrawerModal = DrawerModalComponent;
@@ -1411,4 +1408,6 @@ DrawerModal.Footer = Footer;
 DrawerModal.FooterItem = FooterItem;
 DrawerModal.Header = Header;
 
-export { Body$2 as Body, Close$2 as Close, DrawerModal, Footer$2 as Footer, FooterItem$2 as FooterItem, Header$1 as Header, Modal, TooltipModal };
+var PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom'];
+
+export { Body$2 as Body, Close$2 as Close, DrawerModal, Footer$2 as Footer, FooterItem$2 as FooterItem, Header$1 as Header, Modal, PLACEMENT, TooltipModal };

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

@@ -4,40 +4,13 @@
  * 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 React, { HTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
+import React from 'react';
+import { IDrawerModalProps } from '../../types';
 import { Header } from './Header';
 import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
-export interface IDrawerModalProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Opens the modal
-     */
-    isOpen?: boolean;
-    /**
-     * Passes HTML attributes to the backdrop element
-     */
-    backdropProps?: any;
-    /**
-     * Handles close actions. Can be triggered from the backdrop and from the close icon.
-     *
-     * @param {Object} event The DOM event that triggered the close action
-     */
-    onClose?: (event: KeyboardEvent | MouseEvent) => void;
-    /**
-     * Defines the DOM element that the modal will attatch to
-     */
-    appendToNode?: Element;
-    /**
-     * Directs keyboard focus to the modal on mount
-     */
-    focusOnMount?: boolean;
-    /**
-     * Returns keyboard focus to the element that triggered the modal
-     */
-    restoreFocus?: boolean;
-}
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

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

@@ -4,13 +4,8 @@
  * 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 React, { HTMLAttributes } from 'react';
-export interface IHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Applies danger styling
-     */
-    isDanger?: boolean;
-}
+import React from 'react';
+import { IHeaderProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/Modal.d.ts

@@ -4,43 +4,8 @@
  * 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 React, { HTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
-export interface IModalProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Passes HTML attributes to the backdrop element
-     */
-    backdropProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Handles close actions. Can be triggered from the backdrop and from the close icon.
-     *
-     * @param {Object} event The DOM event that triggered the close action
-     */
-    onClose?: (event: KeyboardEvent | MouseEvent) => void;
-    /**
-     * Centers the modal on the backdrop
-     */
-    isCentered?: boolean;
-    /**
-     * Animates the modal
-     */
-    isAnimated?: boolean;
-    /**
-     * Defines the DOM element that the modal will attatch to
-     */
-    appendToNode?: Element;
-    /**
-     * Applies large styling
-     */
-    isLarge?: boolean;
-    /**
-     * Directs keyboard focus to the modal on mount
-     */
-    focusOnMount?: boolean;
-    /**
-     * Returns keyboard focus to the element that triggered the modal
-     */
-    restoreFocus?: boolean;
-}
+import React from 'react';
+import { IModalProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

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

@@ -4,58 +4,13 @@
  * 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 React, { HTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
-import { Modifier } from 'react-popper';
-import { GARDEN_PLACEMENT } from '../../utils/gardenPlacements';
+import React from 'react';
+import { ITooltipModalProps } from '../../types';
 import { Title } from './Title';
 import { Body } from './Body';
 import { Close } from './Close';
 import { Footer } from './Footer';
 import { FooterItem } from './FooterItem';
-export interface ITooltipModalProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Positions the modal relative to the provided `HTMLElement`
-     */
-    referenceElement?: HTMLElement | null;
-    /**
-     * Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic
-     */
-    popperModifiers?: Partial<Modifier<any, any>>[];
-    /**
-     * Adjusts the placement of the tooltip
-     **/
-    placement?: GARDEN_PLACEMENT;
-    /**
-     * Adds an arrow to the tooltop
-     */
-    hasArrow?: boolean;
-    /**
-     * Animates the tooltop
-     */
-    isAnimated?: boolean;
-    /**
-     * Sets the `z-index` of the tooltip
-     */
-    zIndex?: number;
-    /**
-     * Handles close actions. Can be triggered from the backdrop and from the close icon.
-     *
-     * @param {Object} event The DOM event that triggered the close action
-     */
-    onClose?: (event: KeyboardEvent | MouseEvent) => void;
-    /**
-     * Passes HTML attributes to the backdrop element
-     */
-    backdropProps?: any;
-    /**
-     * Directs keyboard focus to the modal on mount
-     */
-    focusOnMount?: boolean;
-    /**
-     * Returns keyboard focus to the element that triggered the modal
-     */
-    restoreFocus?: boolean;
-}
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/index.d.ts

@@ -5,14 +5,12 @@
  * 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';
+export { PLACEMENT } from './types';
+export type { IModalProps, IDrawerModalProps, ITooltipModalProps, Placement as GARDEN_PLACEMENT } from './types';

package/dist/typings/styled/StyledTooltipModal.d.ts

@@ -5,13 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { Placement } from '@popperjs/core';
-export interface IStyledTooltipModalProps {
-    hasArrow?: boolean;
-    /**
-     * All valid [Popper.JS Placements](https://popper.js.org/popper-documentation.html#Popper.placements)
-     */
+import { TransitionStatus } from 'react-transition-group';
+import { ITooltipModalProps } from '../types';
+export interface IStyledTooltipModalProps extends Pick<ITooltipModalProps, 'hasArrow' | 'isAnimated'> {
     placement: Placement;
-    isAnimated?: boolean;
-    transitionState?: string;
+    transitionState?: TransitionStatus;
 }
 export declare const StyledTooltipModal: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipModalProps, never>;

package/dist/typings/styled/StyledTooltipWrapper.d.ts

@@ -5,9 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { Placement } from '@popperjs/core';
-interface IStyledTooltipWrapperProps {
-    isAnimated?: boolean;
-    zIndex?: number;
+import { ITooltipModalProps } from '../types';
+interface IStyledTooltipWrapperProps extends Pick<ITooltipModalProps, 'isAnimated' | 'zIndex'> {
     placement?: Placement;
 }
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipWrapperProps, never>;

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

@@ -5,7 +5,6 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { StyledBackdrop } from './StyledBackdrop';
-export type { IStyledBackdropProps } from './StyledBackdrop';
 export { StyledBody } from './StyledBody';
 export { StyledClose } from './StyledClose';
 export { StyledFooter } from './StyledFooter';
@@ -13,7 +12,6 @@ export { StyledFooterItem } from './StyledFooterItem';
 export { StyledHeader } from './StyledHeader';
 export { StyledDangerIcon } from './StyledDangerIcon';
 export { StyledModal } from './StyledModal';
-export type { IStyledModalProps } from './StyledModal';
 export { StyledTooltipModalBackdrop } from './StyledTooltipModalBackdrop';
 export { StyledTooltipWrapper } from './StyledTooltipWrapper';
 export { StyledTooltipModal } from './StyledTooltipModal';

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

@@ -0,0 +1,80 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * 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 { HTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
+import { Modifier } from 'react-popper';
+export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
+export declare type Placement = typeof PLACEMENT[number];
+export interface IModalProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Passes HTML attributes to the backdrop element
+     */
+    backdropProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Handles close actions. Can be triggered from the backdrop and from the close icon.
+     *
+     * @param {Object} event The DOM event that triggered the close action
+     */
+    onClose?: (event: KeyboardEvent | MouseEvent) => void;
+    /**
+     * Centers the modal on the backdrop
+     */
+    isCentered?: boolean;
+    /**
+     * Animates the modal
+     */
+    isAnimated?: boolean;
+    /**
+     * Defines the DOM element that the modal will attatch to
+     */
+    appendToNode?: Element;
+    /**
+     * Applies large styling
+     */
+    isLarge?: boolean;
+    /**
+     * Directs keyboard focus to the modal on mount
+     */
+    focusOnMount?: boolean;
+    /**
+     * Returns keyboard focus to the element that triggered the modal
+     */
+    restoreFocus?: boolean;
+}
+export interface IHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Applies danger styling
+     */
+    isDanger?: boolean;
+}
+export interface IDrawerModalProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
+    /**
+     * Opens the modal
+     */
+    isOpen?: boolean;
+}
+export interface ITooltipModalProps extends Omit<IModalProps, 'appendToNode' | 'isCentered' | 'isLarge'> {
+    /**
+     * Positions the modal relative to the provided `HTMLElement`
+     */
+    referenceElement?: HTMLElement | null;
+    /**
+     * Modifies [Popper instance](https://popper.js.org/docs/v2/modifiers/) to customize positioning logic
+     */
+    popperModifiers?: Partial<Modifier<any, any>>[];
+    /**
+     * Adjusts the placement of the tooltip
+     **/
+    placement?: Placement;
+    /**
+     * Adds an arrow to the tooltop
+     */
+    hasArrow?: boolean;
+    /**
+     * Sets the `z-index` of the tooltip
+     */
+    zIndex?: number;
+}

package/dist/typings/utils/gardenPlacements.d.ts

@@ -4,26 +4,25 @@
  * 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, 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';
+import { Placement as GardenPlacement } from '../types';
 /**
  * Convert Garden RTL aware placement to Popper.JS valid placement
  * @param {String} gardenPlacement
  */
-export declare function getPopperPlacement(gardenPlacement: GARDEN_PLACEMENT): Placement;
+export declare function getPopperPlacement(gardenPlacement: GardenPlacement): Placement;
 /**
  * Convert Garden RTL aware placement to RTL equivalent Popper.JS placement
  * @param {String} gardenPlacement
  */
-export declare function getRtlPopperPlacement(gardenPlacement: GARDEN_PLACEMENT): Placement;
+export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement): Placement;
 /**
  * Convert Popper.JS placement to corresponding arrow position
  * @param {String} popperPlacement
  */
-export declare function getArrowPosition(popperPlacement: Placement): ARROW_POSITION;
+export declare function getArrowPosition(popperPlacement: Placement): "top" | "top-left" | "top-right" | "right" | "right-top" | "right-bottom" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom";
 /**
  * Convert Popper.JS placement to corresponding menu position
  * @param {String} popperPlacement
  */
-export declare function getMenuPosition(popperPlacement?: Placement): MENU_POSITION;
+export declare function getMenuPosition(popperPlacement?: Placement): "top" | "right" | "bottom" | "left";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "8.49.2",
+  "version": "8.50.0",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -39,8 +39,8 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.4",
-    "@zendeskgarden/react-theming": "^8.49.2",
-    "@zendeskgarden/svg-icons": "6.30.2"
+    "@zendeskgarden/react-theming": "^8.50.0",
+    "@zendeskgarden/svg-icons": "6.31.1"
   },
   "keywords": [
     "components",
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fd7769285a2f4bc1169c63f4db57a85a6e793027"
+  "gitHead": "d5b66e1980faf0fd40818c9e74801dfa1c3550a0"
 }