@veracity/vui 0.7.0-beta.2 → 0.7.1

package/theme/defaultTheme.d.ts

@@ -0,0 +1,1279 @@
+declare const defaultTheme: {
+    animations: {
+        bounce: string;
+        fadeDown: string;
+        fadeIn: string;
+        fadeLeft: string;
+        fadeOut: string;
+        fadeRight: string;
+        fadeUp: string;
+        pulse: string;
+        spin: string;
+    };
+    borders: {};
+    colors: {
+        blue: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        green: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        grey: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        pink: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        prussian: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        red: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        yellow: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        disabled: {
+            bg: string;
+            border: string;
+            color: string;
+        };
+    };
+    durations: {
+        instant: string;
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        demi: string;
+        bold: string;
+    };
+    gridTemplateColumns: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+    };
+    gridTemplateRows: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    radii: {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+        round: number;
+    };
+    ringWidths: {};
+    screens: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    shadows: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        t1: string;
+        t2: string;
+        t3: string;
+        t4: string;
+        r1: string;
+        r2: string;
+        r3: string;
+        r4: string;
+        l1: string;
+        l2: string;
+        l3: string;
+        l4: string;
+    };
+    sizes: {};
+    spaces: {};
+    transformers: {
+        border: (value: string | number, { props }: any) => string;
+        space: (value: string | number) => string;
+    };
+    transforms: {};
+    transitions: {};
+    timingFunctions: {};
+    zIndices: {
+        drawer: number;
+        modal: number;
+        toast: number;
+        tooltip: number;
+    };
+    components: {
+        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 defaultTheme;