@basic-ui/material 1.0.0-alpha.0 → 1.0.0-alpha.3

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

@@ -1,476 +1,6 @@
-import { Theme as MaterialTheme } from './theme';
+import type { Theme as MaterialTheme } from './theme';
 declare module '@emotion/react' {
     interface Theme extends MaterialTheme {
     }
 }
-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;
-        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;
-            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;
-            };
-        };
-    };
-};
+export declare function useTheme(): import("@emotion/react").Theme;

package/build/esm/theme/useTheme.js

@@ -1,7 +1,7 @@
 import { useTheme as useEmotionTheme } from '@emotion/react';
 import { theme } from './theme';
 export function useTheme() {
-  const obj = useEmotionTheme();
+  var obj = useEmotionTheme();
 
   if (Object.keys(obj).length === 0 && obj.constructor === Object) {
     return theme;

package/build/esm/theme/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/useTheme.ts"],"names":["useTheme","useEmotionTheme","theme","obj","Object","keys","length","constructor"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,eAArB,QAA4C,gBAA5C;AACA,SAASC,KAAT,QAA8C,SAA9C;AAOA,OAAO,SAASF,QAAT,GAAoB;AACzB,QAAMG,GAAG,GAAGF,eAAe,EAA3B;;AACA,MAAIG,MAAM,CAACC,IAAP,CAAYF,GAAZ,EAAiBG,MAAjB,KAA4B,CAA5B,IAAiCH,GAAG,CAACI,WAAJ,KAAoBH,MAAzD,EAAiE;AAC/D,WAAOF,KAAP;AACD;;AAED,SAAOC,GAAP;AACD","sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { theme, Theme as MaterialTheme } from './theme';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends MaterialTheme {}\n}\n\nexport function useTheme() {\n  const obj = useEmotionTheme();\n  if (Object.keys(obj).length === 0 && obj.constructor === Object) {\n    return theme;\n  }\n\n  return obj;\n}\n"],"file":"useTheme.js"}
+{"version":3,"sources":["../../../src/theme/useTheme.ts"],"names":["useTheme","useEmotionTheme","theme","obj","Object","keys","length","constructor"],"mappings":"AAAA,SAASA,QAAQ,IAAIC,eAArB,QAA4C,gBAA5C;AAGA,SAASC,KAAT,QAAsB,SAAtB;AAOA,OAAO,SAASF,QAAT,GAAoB;AACzB,MAAMG,GAAG,GAAGF,eAAe,EAA3B;;AACA,MAAIG,MAAM,CAACC,IAAP,CAAYF,GAAZ,EAAiBG,MAAjB,KAA4B,CAA5B,IAAiCH,GAAG,CAACI,WAAJ,KAAoBH,MAAzD,EAAiE;AAC/D,WAAOF,KAAP;AACD;;AAED,SAAOC,GAAP;AACD","sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\n\nimport type { Theme as MaterialTheme } from './theme';\nimport { theme } from './theme';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends MaterialTheme {}\n}\n\nexport function useTheme() {\n  const obj = useEmotionTheme();\n  if (Object.keys(obj).length === 0 && obj.constructor === Object) {\n    return theme;\n  }\n\n  return obj;\n}\n"],"file":"useTheme.js"}