@mdtl/uikit 0.0.5 → 0.0.7

package/dist/theme/controls/toggleButton.d.ts

@@ -0,0 +1,35 @@
+export declare const toggelButtonConfig: {
+    styleOverrides: {
+        root: {
+            textTransform: string;
+            fontSize: number;
+            width: string;
+            height: string;
+            padding: string;
+            color: string;
+            '&.MuiToggleButtonGroup-firstButton, &.MuiToggleButtonGroup-lastButton, &.MuiToggleButtonGroup-middleButton': {
+                margin: number;
+                borderRadius: string;
+                borderColor: string;
+            };
+            '&.Mui-selected': {
+                background: string;
+                borderColor: string;
+                color: string;
+                '&:hover': {
+                    background: string;
+                };
+            };
+            '&.MuiToggleButton-root': {
+                '&.Mui-selected': {
+                    backgroundColor: string;
+                    color: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                };
+                color: string;
+            };
+        };
+    };
+};

package/dist/theme/controls/toggleButtonGroup.d.ts

@@ -0,0 +1,7 @@
+export declare const toggelButtonGroupConfig: {
+    styleOverrides: {
+        root: {
+            gap: string;
+        };
+    };
+};

package/dist/theme/controls/tooltip.d.ts

@@ -0,0 +1,27 @@
+export declare const tooltipConfig: {
+    defaultProps: {
+        arrow: boolean;
+    };
+    styleOverrides: {
+        tooltip: ({ theme }: {
+            theme: any;
+        }) => {
+            background: string;
+            color: string;
+            borderRadius: number;
+            padding: number;
+            maxWidth: number;
+            fontSize: any;
+            fontWeight: any;
+            boxShadow: any;
+            position: string;
+            '& .MuiTooltip-arrow': {
+                color: string;
+                width: number;
+                '&:before': {
+                    borderRadius: number;
+                };
+            };
+        };
+    };
+};

package/dist/theme/declareTypes.d.ts

@@ -0,0 +1,126 @@
+import { default as React } from 'react';
+declare module '@mui/material/styles' {
+    interface TypeBackground {
+        defaultHover: React.CSSProperties;
+        secondary: React.CSSProperties;
+    }
+    interface TypeAction {
+        main?: React.CSSProperties;
+        light?: React.CSSProperties;
+        dark?: React.CSSProperties;
+    }
+    interface TypographyVariants {
+        'title-lg': React.CSSProperties;
+        'title-md': React.CSSProperties;
+        'title-sm': React.CSSProperties;
+        'body-lg': React.CSSProperties;
+        'body-md': React.CSSProperties;
+        'body-sm': React.CSSProperties;
+        'body-xs': React.CSSProperties;
+        display1: React.CSSProperties;
+        display2: React.CSSProperties;
+        'h3 bold': React.CSSProperties;
+        'h4 semi bold': React.CSSProperties;
+        h5: React.CSSProperties;
+        h6: React.CSSProperties;
+        body1: React.CSSProperties;
+        'body1 semi bold': React.CSSProperties;
+        body2: React.CSSProperties;
+        'body2 semi bold': React.CSSProperties;
+        body3: React.CSSProperties;
+        'body3 semi bold': React.CSSProperties;
+        body4: React.CSSProperties;
+        body5: React.CSSProperties;
+        'body5 semi bold': React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        'title-lg'?: React.CSSProperties;
+        'title-md'?: React.CSSProperties;
+        'title-sm'?: React.CSSProperties;
+        'body-lg'?: React.CSSProperties;
+        'body-md'?: React.CSSProperties;
+        'body-sm'?: React.CSSProperties;
+        'body-xs'?: React.CSSProperties;
+        display1?: React.CSSProperties;
+        display2?: React.CSSProperties;
+        'h3 bold'?: React.CSSProperties;
+        'h4 semi bold'?: React.CSSProperties;
+        h5?: React.CSSProperties;
+        h6?: React.CSSProperties;
+        body1?: React.CSSProperties;
+        'body1 semi bold'?: React.CSSProperties;
+        body2?: React.CSSProperties;
+        'body2 semi bold'?: React.CSSProperties;
+        body3?: React.CSSProperties;
+        'body3 semi bold'?: React.CSSProperties;
+        body4?: React.CSSProperties;
+        body5?: React.CSSProperties;
+        'body5 semi bold'?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        'title-lg': false;
+        'title-md': false;
+        'title-sm': false;
+        'body-lg': false;
+        'body-md': false;
+        'body-sm': false;
+        'body-xs': false;
+        display1: true;
+        display2: true;
+        'h3 bold': true;
+        'h4 semi bold': true;
+        h5: true;
+        h6: true;
+        body1: true;
+        'body1 semi bold': true;
+        body2: true;
+        'body2 semi bold': true;
+        body3: true;
+        'body3 semi bold': true;
+        body4: true;
+        body5: true;
+        'body5 semi bold': true;
+    }
+}
+declare module '@mui/material/SvgIcon' {
+    interface SvgIconPropsSizeOverrides {
+        xl: true;
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsSizeOverrides {
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+}
+declare module '@mui/material/Fab' {
+    interface FabPropsVariantOverrides {
+        transparent: true;
+    }
+    interface FabPropsColorOverrides {
+        unaccented: true;
+        transparent: true;
+    }
+}
+declare module '@mui/material/IconButton' {
+    interface IconButtonPropsSizeOverrides {
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+    interface IconButtonPropsColorOverrides {
+        text: true;
+        outlined: true;
+    }
+}

package/dist/theme/global.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const AppGlobalStyles: React.JSX.Element;

package/dist/theme/typography.d.ts

@@ -0,0 +1,129 @@
+declare module '@mui/material/styles' {
+    interface TypographySystemOverrides {
+        'title-lg': false;
+        'title-md': false;
+        'title-sm': false;
+        'body-lg': false;
+        'body-md': false;
+        'body-sm': false;
+        'body-xs': false;
+        display1: true;
+        display2: true;
+        'h3 bold': true;
+        h4: true;
+        'h4 semi bold': true;
+        h5: true;
+        h6: true;
+        body1: true;
+        'body1 semi bold': true;
+        body2: true;
+        'body2 semi bold': true;
+        body3: true;
+        'body3 semi bold': true;
+        body4: true;
+        body5: true;
+        'body5 semi bold': true;
+    }
+}
+declare const typography: {
+    display1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    display2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'h3 bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'h4 semi bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body1 semi bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body2 semi bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body3 semi bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body5 semi bold': {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+};
+export default typography;