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

package/components/card/Card.d.ts

@@ -1,531 +0,0 @@
-import React from 'react';
-import { CSS } from '../../config/stitches.config';
-interface CardProps {
-    className?: string;
-    css?: CSS;
-    color?: 'green' | 'orange' | 'blue' | 'purple' | 'yellow' | 'red' | 'dark';
-    shadow?: boolean;
-    radius?: string;
-    padding?: string;
-    title?: JSX.Element | string;
-    label?: JSX.Element | string;
-    description?: JSX.Element | string;
-    width?: string;
-    textColor?: string;
-    icon?: JSX.Element;
-    showBottomLine?: boolean;
-    children?: React.ReactNode;
-    /**
-     * Only show in mobile view.
-     */
-    mobileOnly?: boolean;
-    /**
-     * Only show in desktop view.
-     */
-    desktopOnly?: boolean;
-}
-export declare const CardComponent: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    shadow?: boolean | "true" | undefined;
-    isTemplateFormat?: boolean | "true" | undefined;
-    mobileOnly?: boolean | "true" | undefined;
-    desktopOnly?: boolean | "true" | undefined;
-}, {
-    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 CardLineColor: import("@stitches/react/types/styled-component").StyledComponent<"span", {
-    color?: "dark" | "green" | "orange" | "blue" | "purple" | "yellow" | "red" | "lightBlue" | undefined;
-}, {
-    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 StyledTitle: 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 Card: {
-    ({ className, children, color, shadow, radius, padding, title, width, textColor, icon, showBottomLine, label, description, mobileOnly, desktopOnly, ...props }: CardProps): JSX.Element;
-    defaultProps: {
-        className: string;
-        color: string;
-        shadow: boolean;
-        radius: string;
-        padding: string;
-        title: string;
-        showBottomLine: boolean;
-    };
-    Label: import("@stitches/react/types/styled-component").StyledComponent<"h3", {}, {
-        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;
-        };
-    }>>;
-    Description: import("@stitches/react/types/styled-component").StyledComponent<"p", {}, {
-        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 default Card;