@basic-ui/material 0.1.6 → 0.1.9

package/build/esm/theme/useTheme.d.ts

@@ -3,4 +3,428 @@ declare module '@emotion/react' {
     interface Theme extends MaterialTheme {
     }
 }
-export declare function useTheme(): import("@emotion/react").Theme;
+export declare function useTheme(): {
+    googleFonts: string;
+    colors: {
+        background: string;
+        surface: string;
+        error: string;
+        primary: string;
+        secondary: string;
+        muted: string;
+        on: {
+            primary: string;
+            secondary: string;
+            error: string;
+            background: string;
+            surface: string;
+            muted: string;
+        };
+        modes: {
+            dark: {
+                text: string;
+                background: string;
+                surface: string;
+                error: string;
+                primary: string;
+                secondary: string;
+                muted: string;
+                on: {
+                    primary: string;
+                    secondary: string;
+                    error: string;
+                    background: string;
+                    surface: string;
+                    muted: string;
+                };
+            };
+        };
+    };
+    sizes: {
+        icon: string;
+        avatar: string;
+    };
+    radii: {
+        none: number;
+        default: string;
+        large: string;
+        circle: string;
+    };
+    shadows: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        21: string;
+        22: string;
+        23: string;
+        24: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+    };
+    fontSizes: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    fontWeights: {
+        light: number;
+        regular: number;
+        medium: number;
+    };
+    lineHeights: {
+        body: number;
+        heading: number;
+    };
+    space: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+    };
+    text: {
+        caps: {
+            textTransform: string;
+            fontFamily: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        heading: {
+            fontFamily: string;
+            lineHeight: string;
+        };
+        display: {
+            fontFamily: string;
+            lineHeight: string;
+        };
+        h1: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        h2: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        h3: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        h4: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        h5: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        h6: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        subtitle1: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        subtitle2: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        body1: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        body2: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        button: {
+            variant: string;
+            fontSize: number;
+            fontWeight: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        caption: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+        overline: {
+            variant: string;
+            fontWeight: string;
+            fontSize: number;
+            letterSpacing: string;
+        };
+    };
+    appbar: {
+        variants: {
+            base: {
+                fontFamily: string;
+                fontSize: number;
+            };
+            default: {
+                variant: string;
+                backgroundColor: string;
+                color: string;
+            };
+            primary: {
+                variant: string;
+                backgroundColor: string;
+                color: string;
+            };
+            secondary: {
+                variant: string;
+                backgroundColor: string;
+                color: string;
+            };
+            transparent: {
+                variant: string;
+                backgroundColor: string;
+                color: string;
+            };
+        };
+        elevations: {
+            default: {};
+            elevated: {
+                boxShadow: number;
+            };
+        };
+        sizes: {
+            default: {
+                height: string;
+                p: number;
+            };
+            dense: {
+                height: string;
+            };
+        };
+    };
+    buttons: {
+        variants: {
+            base: {
+                variant: string;
+                borderRadius: string;
+                boxShadow: string;
+                py: number;
+                px: number;
+                height: string;
+                cursor: string;
+                outline: string;
+            };
+            text: {
+                variant: string;
+                px: number;
+            };
+            filled: {
+                variant: string;
+            };
+            outlined: {
+                variant: string;
+            };
+            fab: {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                borderRadius: string;
+            };
+            'fab-mini': {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                px: number;
+            };
+            'fab-extended': {
+                variant: string;
+                height: string;
+                px: string;
+                borderRadius: string;
+            };
+            icon: {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                px: string;
+                borderRadius: string;
+            };
+        };
+        elevations: {
+            none: {};
+            contained: {
+                transition: string;
+                boxShadow: number;
+                ':focus,:hover': {
+                    boxShadow: number;
+                };
+                ':active': {
+                    boxShadow: number;
+                };
+                '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
+                    boxShadow: number;
+                };
+            };
+            floating: {
+                transition: string;
+                boxShadow: number;
+                ':focus,:hover': {
+                    boxShadow: number;
+                };
+                ':active': {
+                    boxShadow: number;
+                };
+                '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
+                    boxShadow: number;
+                };
+            };
+        };
+        overlays: {
+            transparent: {
+                hover: {
+                    opacity: number;
+                };
+                focus: {
+                    opacity: number;
+                };
+                pressed: {
+                    opacity: number;
+                };
+            };
+            filled: {
+                hover: {
+                    opacity: number;
+                };
+                focus: {
+                    opacity: number;
+                };
+                pressed: {
+                    opacity: number;
+                };
+            };
+        };
+    };
+    chips: {
+        variants: {
+            base: {
+                variant: string;
+                boxShadow: string;
+                py: number;
+                px: number;
+                height: string;
+                borderRadius: string;
+                outline: string;
+                transition: string;
+            };
+            filled: {
+                variant: string;
+            };
+            outlined: {
+                variant: string;
+            };
+        };
+    };
+    paper: {
+        overlays: {
+            '0': number;
+            '1': number;
+            '2': number;
+            '3': number;
+            '4': number;
+            '5': number;
+            '6': number;
+            '7': number;
+            '8': number;
+            '9': number;
+            '10': number;
+            '11': number;
+            '12': number;
+            '13': number;
+            '14': number;
+            '15': number;
+            '16': number;
+            '17': number;
+            '18': number;
+            '19': number;
+            '20': number;
+            '21': number;
+            '22': number;
+            '23': number;
+            '24': number;
+        };
+    };
+    zIndices: {
+        appBar: number;
+        drawer: number;
+        dialog: number;
+        snackbar: number;
+        tooltip: number;
+    };
+    styles: {
+        root: {
+            body: {
+                fontFamily: string;
+                fontWeight: string;
+                lineHeight: string;
+                backgroundColor: string;
+                color: string;
+            };
+        };
+    };
+};