@zendeskgarden/react-modals 9.0.0-next.1 → 9.0.0-next.10

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Modal.Body` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Modal.Close` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/{DrawerModal/DrawerModal.d.ts → Drawer/Drawer.d.ts}

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IDrawerModalProps } from '../../types';
+import { IDrawerProps } from '../../types';
 import { Header } from './Header';
 import { Body } from './Body';
 import { Close } from './Close';
@@ -14,7 +14,7 @@ import { FooterItem } from './FooterItem';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const DrawerModal: React.ForwardRefExoticComponent<IDrawerModalProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<HTMLDivElement>> & {
     Body: typeof Body;
     Close: typeof Close;
     Footer: typeof Footer;

package/dist/typings/elements/{DrawerModal → Drawer}/Header.d.ts

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

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Modal.Footer` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Modal.FooterItem` instead
+ *
  * @extends HTMLAttributes<HTMLSpanElement>
  */
 export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { IHeaderProps } from '../types';
 /**
+ * @deprecated use `Modal.Header` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -6,7 +6,19 @@
  */
 import React from 'react';
 import { IModalProps } from '../types';
+import { Body } from './Body';
+import { Close } from './Close';
+import { Footer } from './Footer';
+import { FooterItem } from './FooterItem';
+import { Header } from './Header';
+export declare const ModalComponent: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Modal: React.ForwardRefExoticComponent<IModalProps & React.RefAttributes<HTMLDivElement>> & {
+    Body: typeof Body;
+    Close: typeof Close;
+    Footer: typeof Footer;
+    FooterItem: typeof FooterItem;
+    Header: typeof Header;
+};

package/dist/typings/index.d.ts

@@ -11,5 +11,5 @@ export { Footer } from './elements/Footer';
 export { FooterItem } from './elements/FooterItem';
 export { Header } from './elements/Header';
 export { TooltipModal } from './elements/TooltipModal/TooltipModal';
-export { DrawerModal } from './elements/DrawerModal/DrawerModal';
-export { PLACEMENT, type IModalProps, type IDrawerModalProps, type ITooltipModalProps, type Placement as GARDEN_PLACEMENT } from './types';
+export { Drawer } from './elements/Drawer/Drawer';
+export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps } from './types';

package/dist/typings/styled/{StyledDrawerModal.d.ts → StyledDrawer.d.ts}

@@ -8,7 +8,7 @@ import { DefaultTheme } from 'styled-components';
 /**
  * 1. Smooth iOS scrolling.
  */
-export declare const StyledDrawerModal: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledDrawer: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledDrawerModalBody.d.ts → StyledDrawerBody.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.
  */
-export declare const StyledDrawerModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledDrawerModalClose.d.ts → StyledDrawerClose.d.ts}

@@ -9,7 +9,7 @@ export declare const BASE_MULTIPLIERS: {
     side: number;
     size: number;
 };
-export declare const StyledDrawerModalClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/dist/typings/styled/{StyledDrawerModalFooterItem.d.ts → StyledDrawerFooter.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.
  */
-export declare const StyledDrawerModalFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledDrawerModalFooter.d.ts → StyledDrawerFooterItem.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.
  */
-export declare const StyledDrawerModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerFooterItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/{StyledDrawerModalHeader.d.ts → StyledDrawerHeader.d.ts}

@@ -8,7 +8,7 @@
  * 1. the padding added to the Header is based on the close button size and spacing,
  *    with additional padding (+ 2) between the Header content and Close button
  */
-export declare const StyledDrawerModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledHeader").IStyledHeaderProps & {
+export declare const StyledDrawerHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledHeader").IStyledHeaderProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledTooltipModal.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 { Placement } from '@popperjs/core';
+import { Placement } from '@floating-ui/react-dom';
 import { TransitionStatus } from 'react-transition-group';
 import { ITooltipModalProps } from '../types';
 export interface IStyledTooltipModalProps extends Pick<ITooltipModalProps, 'hasArrow' | 'isAnimated'> {

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

@@ -4,10 +4,10 @@
  * 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 { Placement } from '@popperjs/core';
+import { Placement } from '@floating-ui/react-dom';
 import { ITooltipModalProps } from '../types';
 interface IStyledTooltipWrapperProps extends Pick<ITooltipModalProps, 'isAnimated' | 'zIndex'> {
-    placement?: Placement;
+    placement: Placement;
 }
 export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledTooltipWrapperProps, never>;
 export {};

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

@@ -20,9 +20,9 @@ export { StyledTooltipModalBody } from './StyledTooltipModalBody';
 export { StyledTooltipModalFooter } from './StyledTooltipModalFooter';
 export { StyledTooltipModalFooterItem } from './StyledTooltipModalFooterItem';
 export { StyledTooltipModalClose } from './StyledTooltipModalClose';
-export { StyledDrawerModal } from './StyledDrawerModal';
-export { StyledDrawerModalHeader } from './StyledDrawerModalHeader';
-export { StyledDrawerModalClose } from './StyledDrawerModalClose';
-export { StyledDrawerModalBody } from './StyledDrawerModalBody';
-export { StyledDrawerModalFooter } from './StyledDrawerModalFooter';
-export { StyledDrawerModalFooterItem } from './StyledDrawerModalFooterItem';
+export { StyledDrawer } from './StyledDrawer';
+export { StyledDrawerHeader } from './StyledDrawerHeader';
+export { StyledDrawerClose } from './StyledDrawerClose';
+export { StyledDrawerBody } from './StyledDrawerBody';
+export { StyledDrawerFooter } from './StyledDrawerFooter';
+export { StyledDrawerFooterItem } from './StyledDrawerFooterItem';

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

@@ -5,7 +5,6 @@
  * 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 type Placement = (typeof PLACEMENT)[number];
 export interface IModalProps extends HTMLAttributes<HTMLDivElement> {
@@ -54,13 +53,13 @@ export interface IHeaderProps extends HTMLAttributes<HTMLDivElement> {
      */
     tag?: any;
 }
-export interface IDrawerModalProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
+export interface IDrawerProps extends Omit<IModalProps, 'isAnimated' | 'isCentered' | 'isLarge'> {
     /**
      * Opens the modal
      */
     isOpen?: boolean;
 }
-export interface IDrawerModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Updates the element's HTML tag
      */
@@ -71,10 +70,6 @@ export interface ITooltipModalProps extends Omit<IModalProps, 'isCentered' | 'is
      * 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
      **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "9.0.0-next.1",
+  "version": "9.0.0-next.10",
   "description": "Components relating to modals in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,25 +21,23 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@popperjs/core": "^2.4.4",
-    "@zendeskgarden/container-focusvisible": "^2.0.0",
+    "@floating-ui/react-dom": "^2.0.0",
     "@zendeskgarden/container-modal": "^1.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
-    "react-popper": "^2.2.3",
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.1",
+    "@zendeskgarden/react-theming": "^9.0.0-next.10",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -52,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
+  "gitHead": "818e6100aa6676af7e972198b82516d330307d60"
 }