@zendeskgarden/react-modals 9.0.0-next.2 → 9.0.0-next.21

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/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

@@ -12,4 +12,4 @@ export { FooterItem } from './elements/FooterItem';
 export { Header } from './elements/Header';
 export { TooltipModal } from './elements/TooltipModal/TooltipModal';
 export { Drawer } from './elements/Drawer/Drawer';
-export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps, type Placement as GARDEN_PLACEMENT } from './types';
+export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps } from './types';

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

@@ -4,16 +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 { DefaultTheme } from 'styled-components';
+/// <reference types="react" />
 export declare const BASE_MULTIPLIERS: {
     top: number;
     side: number;
     size: number;
 };
-/**
- * 1. Remove dotted outline from Firefox on focus.
- */
-export declare const StyledClose: import("styled-components").StyledComponent<"button", DefaultTheme, {
+export declare const StyledClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

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

@@ -4,12 +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.
  */
+/// <reference types="react" />
 export declare const BASE_MULTIPLIERS: {
     top: number;
     side: number;
     size: number;
 };
-export declare const StyledDrawerClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledDrawerClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

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

@@ -4,6 +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 { DefaultTheme } from 'styled-components';
 export interface IStyledHeaderProps {
     isDanger?: boolean;
     isCloseButtonPresent?: boolean;
@@ -12,4 +13,4 @@ export interface IStyledHeaderProps {
  * 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 StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledHeaderProps, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledHeaderProps, never>;

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

@@ -4,7 +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.
  */
-export declare const StyledTooltipModalClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+/// <reference types="react" />
+export declare const StyledTooltipModalClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("packages/buttons/dist/typings").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-modals",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.21",
   "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"
   ],
@@ -22,24 +22,24 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
-    "@zendeskgarden/container-focusvisible": "^2.0.0",
-    "@zendeskgarden/container-modal": "^1.0.0",
+    "@zendeskgarden/container-modal": "^1.0.15",
     "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.21",
     "dom-helpers": "^5.1.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
     "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.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "components",
@@ -51,5 +51,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
 }