@sproutsocial/seeds-react-modal 1.0.2 → 1.0.3

package/dist/esm/v1/index.js

@@ -0,0 +1,9 @@
+import {
+  Modal_default,
+  v1_default
+} from "../chunk-IYDY4OPB.js";
+export {
+  Modal_default as Modal,
+  v1_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/v1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/v2/index.js

@@ -0,0 +1,39 @@
+import {
+  BODY_PADDING,
+  DEFAULT_MODAL_BG,
+  DEFAULT_MODAL_WIDTH,
+  DEFAULT_MODAL_Z_INDEX,
+  DEFAULT_OVERLAY_Z_INDEX_OFFSET,
+  MODAL_PRIORITY_Z_INDEX,
+  MODAL_SIZE_PRESETS,
+  ModalAction,
+  ModalClose,
+  ModalCloseButton,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalRail,
+  ModalTrigger,
+  ModalV2_default
+} from "../chunk-GKQRFPCX.js";
+export {
+  BODY_PADDING,
+  DEFAULT_MODAL_BG,
+  DEFAULT_MODAL_WIDTH,
+  DEFAULT_MODAL_Z_INDEX,
+  DEFAULT_OVERLAY_Z_INDEX_OFFSET,
+  MODAL_PRIORITY_Z_INDEX,
+  MODAL_SIZE_PRESETS,
+  ModalV2_default as Modal,
+  ModalAction,
+  ModalClose,
+  ModalCloseButton,
+  ModalContent,
+  ModalDescription,
+  ModalFooter,
+  ModalHeader,
+  ModalRail,
+  ModalTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.mts

@@ -1,69 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import ReactModal from 'react-modal';
-import { TypeBoxProps, TypeContainerProps } from '@sproutsocial/seeds-react-box';
-import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+import { M as Modal } from './Modal-ki8oiGbC.mjs';
+export { d as TypeModalCloseButtonProps, c as TypeModalContentProps, b as TypeModalFooterProps, a as TypeModalHeaderProps, T as TypeModalProps } from './Modal-ki8oiGbC.mjs';
+export { i as ModalAction, g as ModalClose, f as ModalCloseButton, e as ModalContent, b as ModalDescription, d as ModalFooter, c as ModalHeader, h as ModalRail, a as ModalTrigger, M as ModalV2, q as TypeModalActionProps, p as TypeModalRailProps, k as TypeModalV2CloseButtonProps, n as TypeModalV2ContentProps, o as TypeModalV2DescriptionProps, m as TypeModalV2FooterProps, l as TypeModalV2HeaderProps, T as TypeModalV2Props, j as TypeModalV2TriggerProps } from './ModalRail-OQ8DZ1vH.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-modal';
+import '@sproutsocial/seeds-react-box';
+import '@sproutsocial/seeds-react-button';
+import '@radix-ui/react-dialog';
+import '@sproutsocial/seeds-react-icon';
 
-interface TypeModalCloseButtonProps extends Omit<TypeButtonProps, "children"> {
-    children?: void | null;
-}
-interface TypeModalHeaderProps extends TypeBoxProps {
-    title?: string;
-    subtitle?: string;
-    /** Passing children will override the default modal header */
-    children?: React.ReactNode;
-    /** If you're rendering a custom header, you can use this prop to add a bottom border */
-    bordered?: boolean;
-}
-interface TypeModalFooterProps extends TypeBoxProps {
-    bg?: string;
-    children: React.ReactNode;
-}
-interface TypeModalContentProps extends TypeBoxProps {
-    children?: React.ReactNode;
-}
-interface TypeModalProps extends TypeContainerProps, Omit<ReactModal.Props, keyof TypeContainerProps | "onRequestClose"> {
-    /** section of app to aria hide for the modal */
-    appElementSelector?: string;
-    /** trigger to open or close the modal */
-    isOpen: boolean;
-    /** label for screen readers to announce the modal */
-    label: string;
-    /** body content of the modal */
-    children: React.ReactNode;
-    /** callback for close */
-    onClose?: () => void;
-    /** aria-label for modal X */
-    closeButtonLabel: string;
-    /** Controls the z-index CSS property */
-    zIndex?: number;
-    /** The max width of the modal container */
-    width?: string | number;
-    /**
-     * Custom attributes to be added to the modals container
-     * Each key will be prepended with "data-" when rendered in the DOM
-     */
-    data?: Record<string, string | boolean | number>;
-}
 
-/**
- * The modal you want
- */
-declare const Modal: {
-    (props: TypeModalProps): react_jsx_runtime.JSX.Element;
-    Header: {
-        (props: TypeModalHeaderProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ bg, ...rest }: TypeModalFooterProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Content: React.ForwardRefExoticComponent<Omit<TypeModalContentProps, "ref"> & React.RefAttributes<unknown>>;
-    CloseButton: {
-        (props: TypeModalCloseButtonProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
 
-export { Modal, type TypeModalCloseButtonProps, type TypeModalContentProps, type TypeModalFooterProps, type TypeModalHeaderProps, type TypeModalProps, Modal as default };
+export { Modal, Modal as default };

package/dist/index.d.ts

@@ -1,69 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import ReactModal from 'react-modal';
-import { TypeBoxProps, TypeContainerProps } from '@sproutsocial/seeds-react-box';
-import { TypeButtonProps } from '@sproutsocial/seeds-react-button';
+import { M as Modal } from './Modal-ki8oiGbC.js';
+export { d as TypeModalCloseButtonProps, c as TypeModalContentProps, b as TypeModalFooterProps, a as TypeModalHeaderProps, T as TypeModalProps } from './Modal-ki8oiGbC.js';
+export { i as ModalAction, g as ModalClose, f as ModalCloseButton, e as ModalContent, b as ModalDescription, d as ModalFooter, c as ModalHeader, h as ModalRail, a as ModalTrigger, M as ModalV2, q as TypeModalActionProps, p as TypeModalRailProps, k as TypeModalV2CloseButtonProps, n as TypeModalV2ContentProps, o as TypeModalV2DescriptionProps, m as TypeModalV2FooterProps, l as TypeModalV2HeaderProps, T as TypeModalV2Props, j as TypeModalV2TriggerProps } from './ModalRail-OQ8DZ1vH.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-modal';
+import '@sproutsocial/seeds-react-box';
+import '@sproutsocial/seeds-react-button';
+import '@radix-ui/react-dialog';
+import '@sproutsocial/seeds-react-icon';
 
-interface TypeModalCloseButtonProps extends Omit<TypeButtonProps, "children"> {
-    children?: void | null;
-}
-interface TypeModalHeaderProps extends TypeBoxProps {
-    title?: string;
-    subtitle?: string;
-    /** Passing children will override the default modal header */
-    children?: React.ReactNode;
-    /** If you're rendering a custom header, you can use this prop to add a bottom border */
-    bordered?: boolean;
-}
-interface TypeModalFooterProps extends TypeBoxProps {
-    bg?: string;
-    children: React.ReactNode;
-}
-interface TypeModalContentProps extends TypeBoxProps {
-    children?: React.ReactNode;
-}
-interface TypeModalProps extends TypeContainerProps, Omit<ReactModal.Props, keyof TypeContainerProps | "onRequestClose"> {
-    /** section of app to aria hide for the modal */
-    appElementSelector?: string;
-    /** trigger to open or close the modal */
-    isOpen: boolean;
-    /** label for screen readers to announce the modal */
-    label: string;
-    /** body content of the modal */
-    children: React.ReactNode;
-    /** callback for close */
-    onClose?: () => void;
-    /** aria-label for modal X */
-    closeButtonLabel: string;
-    /** Controls the z-index CSS property */
-    zIndex?: number;
-    /** The max width of the modal container */
-    width?: string | number;
-    /**
-     * Custom attributes to be added to the modals container
-     * Each key will be prepended with "data-" when rendered in the DOM
-     */
-    data?: Record<string, string | boolean | number>;
-}
 
-/**
- * The modal you want
- */
-declare const Modal: {
-    (props: TypeModalProps): react_jsx_runtime.JSX.Element;
-    Header: {
-        (props: TypeModalHeaderProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ bg, ...rest }: TypeModalFooterProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    Content: React.ForwardRefExoticComponent<Omit<TypeModalContentProps, "ref"> & React.RefAttributes<unknown>>;
-    CloseButton: {
-        (props: TypeModalCloseButtonProps): react_jsx_runtime.JSX.Element | null;
-        displayName: string;
-    };
-};
 
-export { Modal, type TypeModalCloseButtonProps, type TypeModalContentProps, type TypeModalFooterProps, type TypeModalHeaderProps, type TypeModalProps, Modal as default };
+export { Modal, Modal as default };