@majoo-ui/react 1.61.24 → 1.61.25-rc.2

package/components/pageDialog/PageDialog.d.ts

@@ -1,810 +0,0 @@
-import React from 'react';
-import { Dialog } from '../../';
-import type { DialogContentProps } from '..';
-declare type PointerDownOutsideEvent = CustomEvent<{
-    originalEvent: PointerEvent;
-}>;
-declare type FocusOutsideEvent = CustomEvent<{
-    originalEvent: FocusEvent;
-}>;
-export declare const PageDialogFooter: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const PageDialogTitle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const PageDialogContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-export declare const PageDialogTrigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: "(min-width: 359px)";
-    md: "(min-width: 767px)";
-    lg: "(min-width: 1023px)";
-    xl: "(min-width: 1199px)";
-    '2xl': "(min-width: 1399px)";
-    '3xl': "(min-width: 1600px)";
-}, {
-    colors: unknown;
-    space: unknown;
-    shadows: unknown;
-    fontSizes: unknown;
-    fonts: unknown;
-    lineHeights: unknown;
-    letterSpacings: unknown;
-    radii: unknown;
-    sizes: unknown;
-    zIndices: unknown;
-    toastPosition: unknown;
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    m: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    subtleColor: (value: string) => {
-        color: string;
-        backgroundColor: string;
-    };
-}>>;
-declare type IDialog = React.ComponentProps<typeof Dialog>;
-interface PageDialogProps extends Omit<IDialog, 'children'>, DialogContentProps {
-    /** set PageDialog zIndex, default is set to 1400 */
-    layer?: number | string;
-    /** Force to mobile view or desktop view, if undefined PageDialog will be responsive according to current screen size */
-    isMobile?: boolean | undefined;
-    /** Set default behavior when opening dialog with form. Usually used with prevent default*/
-    onOpenAutoFocus?: (event: Event) => void;
-    onCloseAutoFocus?: (event: Event) => void;
-    onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
-    onInteractOutside?: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
-    /**
-     * If true, the close button is disabled
-     */
-    disabledCloseButton?: boolean;
-    withPortal?: boolean;
-}
-export declare const PageDialog: {
-    (props: PageDialogProps): JSX.Element;
-    Trigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    Title: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    Content: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    Footer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, import("@stitches/react/types/css-util").CSS<{
-        sm: "(min-width: 359px)";
-        md: "(min-width: 767px)";
-        lg: "(min-width: 1023px)";
-        xl: "(min-width: 1199px)";
-        '2xl': "(min-width: 1399px)";
-        '3xl': "(min-width: 1600px)";
-    }, {
-        colors: unknown;
-        space: unknown;
-        shadows: unknown;
-        fontSizes: unknown;
-        fonts: unknown;
-        lineHeights: unknown;
-        letterSpacings: unknown;
-        radii: unknown;
-        sizes: unknown;
-        zIndices: unknown;
-        toastPosition: unknown;
-    }, import("@stitches/react/types/config").DefaultThemeMap, {
-        m: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        size: (value: {
-            readonly [$$PropertyValue]: "width";
-        }) => {
-            width: {
-                readonly [$$PropertyValue]: "width";
-            };
-            height: {
-                readonly [$$PropertyValue]: "width";
-            };
-        };
-        subtleColor: (value: string) => {
-            color: string;
-            backgroundColor: string;
-        };
-    }>>;
-    defaultProps: {
-        size: string;
-        layer: string;
-    };
-};
-export {};