@basic-ui/material 1.0.0-alpha.8 → 1.0.0-alpha.9

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

@@ -3,4 +3,581 @@ declare module '@emotion/react' {
     interface Theme extends MaterialTheme {
     }
 }
-export declare function useTheme(): import("@emotion/react").Theme;
+export declare function useTheme(): {
+    googleFonts: string;
+    colors: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        'primary-container': string;
+        'secondary-container': string;
+        'tertiary-container': string;
+        'error-container': string;
+        background: string;
+        surface: string;
+        'surface-variant': string;
+        outline: string;
+        on: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            error: string;
+            'primary-container': string;
+            'secondary-container': string;
+            'tertiary-container': string;
+            'error-container': string;
+            background: string;
+            surface: string;
+            'surface-variant': string;
+            outline: string;
+        };
+        modes: {
+            dark: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                error: string;
+                'primary-container': string;
+                'secondary-container': string;
+                'tertiary-container': string;
+                'error-container': string;
+                background: string;
+                surface: string;
+                'surface-variant': string;
+                outline: string;
+                on: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    error: string;
+                    'primary-container': string;
+                    'secondary-container': string;
+                    'tertiary-container': string;
+                    'error-container': string;
+                    background: string;
+                    surface: string;
+                    'surface-variant': string;
+                    outline: string;
+                };
+            };
+        };
+    };
+    sizes: {
+        icon: string;
+        avatar: string;
+    };
+    radii: {
+        none: number;
+        default: string;
+        'extra-small': string;
+        'extra-small_top': string;
+        small: string;
+        medium: string;
+        large: string;
+        large_end: string;
+        large_top: string;
+        'extra-large': string;
+        'extra-large_top': string;
+        full: string;
+        circle: string;
+    };
+    shadowsOriginal: {
+        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;
+    };
+    shadows: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        brand: string;
+        plain: 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;
+        };
+        'display-large': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'display-medium': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'display-small': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'headline-large': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'headline-medium': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'headline-small': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'title-large': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'title-medium': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'title-small': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'label-large': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'label-medium': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'label-small': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'body-large': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'body-medium': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        'body-small': {
+            fontFamily: "plain" | "brand";
+            lineHeight: string;
+            fontSize: string;
+            letterSpacing: string;
+            weight: number;
+        };
+        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;
+            letterSpacing: string;
+            fontWeight: 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;
+                boxShadow: string;
+                py: number;
+                px: string;
+                height: string;
+                borderRadius: string;
+                cursor: string;
+                outline: string;
+            };
+            text: {
+                variant: string;
+                px: string;
+            };
+            filled: {
+                variant: string;
+            };
+            outlined: {
+                variant: string;
+            };
+            fab: {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                borderRadius: string;
+                px: number;
+            };
+            'fab-mini': {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                borderRadius: string;
+                px: number;
+            };
+            'fab-large': {
+                variant: string;
+                height: string;
+                maxHeight: string;
+                width: string;
+                maxWidth: string;
+                borderRadius: 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: {};
+            default: {
+                transition: string;
+                '&:hover': {
+                    boxShadow: number;
+                };
+                '&:hover:disabled': {
+                    boxShadow: number;
+                };
+            };
+            elevated: {
+                transition: string;
+                boxShadow: number;
+                '&:hover': {
+                    boxShadow: number;
+                };
+                '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {
+                    boxShadow: number;
+                };
+            };
+            floating: {
+                transition: string;
+                boxShadow: number;
+                ':hover': {
+                    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;
+                boxShadow: number;
+                ':active:not([data-disabled])': {
+                    boxShadow: number;
+                };
+            };
+            outlined: {
+                variant: string;
+            };
+        };
+    };
+    dialogs: {
+        variants: {
+            base: {
+                borderRadius: string;
+            };
+        };
+        backgroundColorOverlay: number;
+    };
+    paper: {
+        overlays: {
+            0: number;
+            1: number;
+            2: number;
+            3: number;
+            4: number;
+            5: 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;
+            };
+        };
+    };
+};