@veracity/vui 0.7.1 → 1.1.0

package/theme/components.d.ts

@@ -1,1082 +0,0 @@
-declare const _default: {
-    Avatar: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            sm: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            md: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            lg: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-            xl: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
-        };
-        variants: {
-            solid: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                hoverBg: string;
-                activeBg: string;
-                bg: string;
-                color: string;
-            };
-        };
-    };
-    Box: {
-        baseStyle: {};
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Button: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            xs: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    minW: number;
-                    spaceX: number;
-                };
-                icon: {
-                    size: string;
-                };
-                text: {};
-            };
-            sm: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    minW: number;
-                    spaceX: number;
-                };
-                icon: {
-                    size: string;
-                };
-                text: {};
-            };
-            md: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    minW: number;
-                    spaceX: number;
-                };
-                icon: {
-                    size: string;
-                };
-                text: {};
-            };
-            lg: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    minW: number;
-                    spaceX: number;
-                };
-                icon: {
-                    size: string;
-                };
-                text: {};
-            };
-        };
-        variants: {
-            outlined: (props: import("..").Dict<any>) => {
-                container: {
-                    borderColor: string;
-                    hoverBorderColor: string;
-                    focusRing: number;
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    borderWidth: number;
-                    color: string;
-                };
-            };
-            solid: (props: import("..").Dict<any>) => {
-                container: {
-                    hoverBg: string;
-                    hoverBorderColor: string;
-                    activeBg: string;
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    color: string;
-                };
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                container: {
-                    hoverBg: string;
-                    hoverBorderColor: string;
-                    activeBg: string;
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    color: string;
-                };
-            };
-            text: (props: import("..").Dict<any>) => {
-                container: {
-                    hoverBg: string;
-                    hoverBorderColor: string;
-                    activeBg: string;
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    color: string;
-                    focusRing: number;
-                };
-            };
-        };
-    };
-    Card: {
-        baseStyle: {};
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Checkbox: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            md: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            lg: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
-    };
-    Dialog: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        parts: string[];
-        sizes: {
-            md: {
-                container: {
-                    maxW: number;
-                };
-            };
-            lg: {
-                container: {
-                    maxW: number;
-                };
-            };
-            fullWidth: {};
-        };
-        variants: {};
-    };
-    Divider: {
-        baseStyle: {};
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Footer: {
-        baseStyle: {};
-        defaultProps: {};
-        parts: string[];
-        sizes: {};
-        variants: {};
-    };
-    Grid: {
-        baseStyle: {};
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Header: {
-        baseStyle: {};
-        defaultProps: {};
-        parts: string[];
-        sizes: {};
-        variants: {
-            dark: {
-                container: {
-                    bg: string;
-                    borderBottom: number;
-                };
-                account: {
-                    trigger: {
-                        bg: string;
-                        color: string;
-                        hoverBg: string;
-                        activeBg: string;
-                    };
-                };
-                createAccount: {
-                    link: {
-                        color: {
-                            xs: string;
-                            md: string;
-                        };
-                        hoverColor: {
-                            xs: string;
-                            md: string;
-                        };
-                    };
-                    text: {
-                        color: {
-                            md: string;
-                        };
-                    };
-                };
-                divider: {
-                    borderColor: string;
-                };
-                linkItem: {
-                    container: {
-                        hoverBg: {
-                            xs: string;
-                            md: string;
-                        };
-                        activeBg: {
-                            xs: string;
-                            md: string;
-                        };
-                    };
-                    link: {
-                        borderColor: string;
-                    };
-                };
-                logo: {
-                    svg: {
-                        pathFill: string;
-                    };
-                };
-                mainLinks: {
-                    color: {
-                        md: string;
-                    };
-                };
-                mobileContent: {
-                    top: string;
-                };
-                mobileToggle: {
-                    variant: string;
-                };
-                notifications: {
-                    container: {
-                        variant: string;
-                    };
-                };
-                services: {
-                    button: {
-                        variant: string;
-                    };
-                };
-                signIn: {
-                    colorScheme: string;
-                };
-            };
-        };
-    };
-    Heading: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            h1: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h2: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h3: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h4: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h5: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            h6: {
-                as: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variants: {};
-    };
-    Icon: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            xs: {
-                height: number;
-                width: number;
-            };
-            sm: {
-                height: number;
-                width: number;
-            };
-            md: {
-                height: number;
-                width: number;
-            };
-            lg: {
-                height: number;
-                width: number;
-            };
-        };
-        variants: {};
-    };
-    Image: {
-        baseStyle: {};
-        defaultProps: {};
-        sizes: {};
-        variants: {};
-    };
-    Input: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            xs: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    size: string;
-                };
-                input: {};
-            };
-            sm: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    size: string;
-                };
-                input: {};
-            };
-            md: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    size: string;
-                };
-                input: {};
-            };
-            lg: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    size: string;
-                };
-                input: {};
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {
-                    borderColor: string;
-                    focusWithinRing: number;
-                    focusWithinRingColor: string;
-                };
-                icon: {};
-                input: {};
-            };
-        };
-    };
-    Link: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                container: {
-                    fontSize: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            md: {
-                container: {
-                    fontSize: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            lg: {
-                container: {
-                    fontSize: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-            light: (props: import("..").Dict<any>) => {
-                container: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-            plain: {
-                container: {
-                    hoverTextDecoration: string;
-                };
-            };
-        };
-    };
-    List: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                icon: {
-                    size: string;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-            md: {
-                icon: {
-                    size: string;
-                };
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-            };
-            lg: {
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            xl: {
-                item: {
-                    fontSize: string;
-                    h: number;
-                };
-                icon: {
-                    scale: number;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                item: import("..").Dict<any>;
-            };
-            ordered: {
-                container: {
-                    as: string;
-                    listStyleType: string;
-                    pl: number;
-                };
-                item: {
-                    display: string;
-                    h: string;
-                };
-            };
-            unordered: {
-                container: {
-                    as: string;
-                    listStyleType: string;
-                    pl: number;
-                };
-                item: {
-                    display: string;
-                    h: string;
-                };
-            };
-        };
-    };
-    Menu: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        parts: string[];
-        sizes: {
-            md: {
-                list: {
-                    size: string;
-                };
-            };
-            lg: {
-                list: {
-                    size: string;
-                };
-            };
-        };
-        variants: {};
-    };
-    Modal: {
-        baseStyle: {};
-        defaultProps: {};
-        parts: string[];
-        sizes: {};
-        variants: {};
-    };
-    Notification: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {};
-        variants: {
-            subtle: (props: import("..").Dict<any>) => {
-                container: {
-                    bg: string;
-                    borderColor: string;
-                    borderWidth: number;
-                    color: string;
-                };
-                button: {
-                    color: string;
-                    hoverBg: string;
-                    activeBg: string;
-                };
-            };
-        };
-    };
-    P: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            sm: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            md: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            lg: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            xl: {
-                fontSize: string;
-                lineHeight: string;
-            };
-            xxl: {
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variants: {};
-    };
-    Pagination: {
-        baseStyle: {};
-        defaultProps: {};
-        parts: string[];
-        sizes: {};
-        variants: {};
-    };
-    Panel: {
-        baseStyle: {};
-        defaultProps: {
-            variant: string;
-        };
-        sizes: {};
-        variants: {
-            elevated: {
-                shadow: string;
-            };
-            outlined: {
-                border: number;
-                borderColor: string;
-            };
-        };
-    };
-    Popover: {
-        baseStyle: {};
-        defaultProps: {};
-        parts: string[];
-        sizes: {};
-        variants: {};
-    };
-    Radio: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            md: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-            lg: {
-                control: {
-                    h: number;
-                    w: number;
-                };
-                label: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                control: {
-                    color: string;
-                    hoverColor: string;
-                };
-            };
-        };
-    };
-    Skeleton: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        sizes: {
-            xs: {
-                h: number;
-            };
-            sm: {
-                h: number;
-            };
-            md: {
-                h: number;
-            };
-            lg: {
-                h: number;
-            };
-        };
-        variants: {
-            circle: (props: import("..").Dict<any>) => {
-                borderRadius: string;
-                bg: string;
-            };
-            rect: (props: import("..").Dict<any>) => {
-                borderRadius: string;
-                bg: string;
-                w: string;
-            };
-        };
-    };
-    Spinner: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            xs: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            sm: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            md: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            lg: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            card: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-            page: {
-                circle: {
-                    borderWidth: number;
-                    h: number;
-                    w: number;
-                };
-            };
-        };
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {
-                    color: string;
-                };
-                circle: {
-                    borderColor: string;
-                    borderTopColor: string;
-                };
-                text: {};
-            };
-        };
-    };
-    Switch: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: () => {
-                button: {
-                    fontSize: string;
-                    minW: number;
-                    thumb: {
-                        h: number;
-                        w: number;
-                    };
-                    track: {
-                        h: number;
-                    };
-                };
-                label: {
-                    size: string;
-                };
-            };
-            md: () => {
-                button: {
-                    fontSize: string;
-                    minW: number;
-                    thumb: {
-                        h: number;
-                        w: number;
-                    };
-                    track: {
-                        h: number;
-                    };
-                };
-                label: {
-                    size: string;
-                };
-            };
-            lg: () => {
-                button: {
-                    fontSize: string;
-                    minW: number;
-                    thumb: {
-                        h: number;
-                        w: number;
-                    };
-                    track: {
-                        h: number;
-                    };
-                };
-                label: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            contained: (props: import("..").Dict<any>) => {
-                button: {
-                    thumb: {
-                        bg: string;
-                    };
-                    track: {
-                        bg: string;
-                        ring: number;
-                    };
-                };
-            };
-        };
-    };
-    T: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            xs: {
-                fontSize: string;
-            };
-            sm: {
-                fontSize: string;
-            };
-            md: {
-                fontSize: string;
-            };
-            lg: {
-                fontSize: string;
-            };
-        };
-        variants: {};
-    };
-    Table: {
-        baseStyle: {};
-        defaultProps: {
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            lg: {
-                tr: {
-                    h: number;
-                };
-            };
-            md: {
-                tr: {
-                    h: number;
-                };
-            };
-            sm: {
-                tr: {
-                    h: number;
-                };
-            };
-        };
-        variants: {
-            bordered: {
-                td: {
-                    borderBottom: string;
-                };
-            };
-            striped: {};
-        };
-    };
-    Tag: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            size: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {
-            sm: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    spaceX: number;
-                };
-                button: {
-                    size: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            md: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    spaceX: number;
-                };
-                button: {
-                    size: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-            lg: {
-                container: {
-                    fontSize: string;
-                    h: number;
-                    spaceX: number;
-                };
-                button: {
-                    size: string;
-                };
-                icon: {
-                    size: string;
-                };
-            };
-        };
-        variants: {
-            solid: (props: import("..").Dict<any>) => {
-                container: {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
-                    focusRing: number;
-                };
-                button: {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
-                };
-            };
-            subtle: (props: import("..").Dict<any>) => {
-                container: {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
-                };
-                button: {
-                    hoverBg: string;
-                    activeBg: string;
-                    color: string;
-                };
-            };
-        };
-    };
-    Textarea: {
-        baseStyle: {};
-        defaultProps: {
-            colorScheme: string;
-            variant: string;
-        };
-        parts: string[];
-        sizes: {};
-        variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {};
-                textarea: {
-                    borderColor: string;
-                    focusRing: number;
-                    focusRingColor: string;
-                };
-            };
-        };
-    };
-};
-export default _default;