@mdtl/uikit 0.0.5 → 0.0.7

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

@@ -0,0 +1,250 @@
+export declare const colors: {
+    primary: {
+        main: string;
+        hover: string;
+        text: string;
+    };
+    secondary: {
+        main: string;
+        hover: string;
+        active: string;
+        text: string;
+        border: string;
+        borderActive: string;
+    };
+    text: {
+        main: string;
+        hover: string;
+        active: string;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+export declare const buttonsConfig: {
+    styleOverrides: {
+        root: {
+            textTransform: string;
+            borderRadius: number;
+            fontWeight: number;
+            boxShadow: string;
+            '& .MuiSvgIcon-root': {
+                fontSize: number;
+            };
+            variants: ({
+                props: {
+                    variant: string;
+                    color: string;
+                    size?: undefined;
+                };
+                style: {
+                    color: string;
+                    background: string;
+                    '&:hover': {
+                        background: string;
+                        border?: undefined;
+                    };
+                    '&:active': {
+                        background: string;
+                        border?: undefined;
+                    };
+                    '&.Mui-disabled': {
+                        opacity: number;
+                        background: string;
+                        color: string;
+                        border?: undefined;
+                    };
+                    border?: undefined;
+                    minHeight?: undefined;
+                    height?: undefined;
+                    fontSize?: undefined;
+                    weight?: undefined;
+                    lineHeight?: undefined;
+                    padding?: undefined;
+                    '& .MuiSvgIcon-root'?: undefined;
+                    '& .MuiButton-startIcon'?: undefined;
+                    '& .MuiButton-endtIcon'?: undefined;
+                    '& .MuiButton-endIcon'?: undefined;
+                    borderRadius?: undefined;
+                };
+            } | {
+                props: {
+                    variant: string;
+                    color: string;
+                    size?: undefined;
+                };
+                style: {
+                    color: string;
+                    background: string;
+                    border: string;
+                    '&:hover': {
+                        background: string;
+                        border: string;
+                    };
+                    '&:active': {
+                        background: string;
+                        border: string;
+                    };
+                    '&.Mui-disabled': {
+                        opacity: number;
+                        background: string;
+                        color: string;
+                        border: string;
+                    };
+                    minHeight?: undefined;
+                    height?: undefined;
+                    fontSize?: undefined;
+                    weight?: undefined;
+                    lineHeight?: undefined;
+                    padding?: undefined;
+                    '& .MuiSvgIcon-root'?: undefined;
+                    '& .MuiButton-startIcon'?: undefined;
+                    '& .MuiButton-endtIcon'?: undefined;
+                    '& .MuiButton-endIcon'?: undefined;
+                    borderRadius?: undefined;
+                };
+            } | {
+                props: {
+                    size: string;
+                    variant?: undefined;
+                    color?: undefined;
+                };
+                style: {
+                    minHeight: number;
+                    height: number;
+                    fontSize: string;
+                    weight: number;
+                    lineHeight: string;
+                    padding: string;
+                    '& .MuiSvgIcon-root': {
+                        fontSize: number;
+                    };
+                    '& .MuiButton-startIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    '& .MuiButton-endtIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    color?: undefined;
+                    background?: undefined;
+                    '&:hover'?: undefined;
+                    '&:active'?: undefined;
+                    '&.Mui-disabled'?: undefined;
+                    border?: undefined;
+                    '& .MuiButton-endIcon'?: undefined;
+                    borderRadius?: undefined;
+                };
+            } | {
+                props: {
+                    size: string;
+                    variant?: undefined;
+                    color?: undefined;
+                };
+                style: {
+                    minHeight: number;
+                    height: number;
+                    fontSize: string;
+                    weight: number;
+                    lineHeight: string;
+                    padding: string;
+                    '& .MuiSvgIcon-root': {
+                        fontSize: number;
+                    };
+                    '& .MuiButton-startIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    '& .MuiButton-endIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    color?: undefined;
+                    background?: undefined;
+                    '&:hover'?: undefined;
+                    '&:active'?: undefined;
+                    '&.Mui-disabled'?: undefined;
+                    border?: undefined;
+                    '& .MuiButton-endtIcon'?: undefined;
+                    borderRadius?: undefined;
+                };
+            } | {
+                props: {
+                    size: string;
+                    variant?: undefined;
+                    color?: undefined;
+                };
+                style: {
+                    minHeight: number;
+                    height: number;
+                    borderRadius: number;
+                    fontSize: string;
+                    weight: number;
+                    lineHeight: string;
+                    padding: string;
+                    '& .MuiButton-startIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    '& .MuiButton-endIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    color?: undefined;
+                    background?: undefined;
+                    '&:hover'?: undefined;
+                    '&:active'?: undefined;
+                    '&.Mui-disabled'?: undefined;
+                    border?: undefined;
+                    '& .MuiSvgIcon-root'?: undefined;
+                    '& .MuiButton-endtIcon'?: undefined;
+                };
+            } | {
+                props: {
+                    size: string;
+                    variant?: undefined;
+                    color?: undefined;
+                };
+                style: {
+                    minHeight: number;
+                    height: number;
+                    fontSize: string;
+                    weight: number;
+                    lineHeight: string;
+                    padding: string;
+                    '& .MuiButton-startIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    '& .MuiButton-endtIcon': {
+                        mr: number;
+                        ml: number;
+                        width: number;
+                    };
+                    color?: undefined;
+                    background?: undefined;
+                    '&:hover'?: undefined;
+                    '&:active'?: undefined;
+                    '&.Mui-disabled'?: undefined;
+                    border?: undefined;
+                    '& .MuiSvgIcon-root'?: undefined;
+                    '& .MuiButton-endIcon'?: undefined;
+                    borderRadius?: undefined;
+                };
+            })[];
+        };
+    };
+    defaultProps: {
+        disableRipple: boolean;
+        disableFocusRipple: boolean;
+        disableTouchRipple: boolean;
+    };
+};

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

@@ -0,0 +1,113 @@
+import { default as React } from 'react';
+declare module '@mui/material/Checkbox' {
+    interface CheckboxPropsColorOverrides {
+        primary: true;
+        error: true;
+    }
+    interface CheckboxPropsSizeOverrides {
+        l: true;
+        m: true;
+        s: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+    interface CheckboxProps {
+        error?: boolean;
+        required?: boolean;
+    }
+}
+export declare const checkboxConfig: {
+    defaultProps: {
+        indeterminateIcon: string | number | bigint | true | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>>;
+        disableRipple: boolean;
+        disableFocusRipple: boolean;
+        disableTouchRipple: boolean;
+        icon: React.ReactNode;
+        checkedIcon: React.ReactNode;
+    };
+    variants: ({
+        props: {
+            color: string;
+            size?: undefined;
+        };
+        style: {
+            color: string;
+            '&:hover': {
+                color: string;
+            };
+            '&.Mui-checked': {
+                color: string;
+                '&:hover': {
+                    color: string;
+                };
+            };
+            '&.MuiCheckbox-indeterminate': {
+                color: string;
+                '&:hover': {
+                    color: string;
+                };
+            };
+            '&.Mui-disabled': {
+                color: string;
+            };
+            padding?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            color: string;
+            size?: undefined;
+        };
+        style: {
+            color: string;
+            '&:hover': {
+                color: string;
+            };
+            '&.Mui-checked': {
+                color: string;
+                '&:hover': {
+                    color: string;
+                };
+            };
+            '&.Mui-disabled': {
+                color: string;
+            };
+            '&.MuiCheckbox-indeterminate'?: undefined;
+            padding?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            color?: undefined;
+        };
+        style: {
+            padding: string;
+            '& .MuiSvgIcon-root': {
+                fontSize: number;
+            };
+            color?: undefined;
+            '&:hover'?: undefined;
+            '&.Mui-checked'?: undefined;
+            '&.MuiCheckbox-indeterminate'?: undefined;
+            '&.Mui-disabled'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            color?: undefined;
+        };
+        style: {
+            '& .MuiSvgIcon-root': {
+                fontSize: number;
+            };
+            color?: undefined;
+            '&:hover'?: undefined;
+            '&.Mui-checked'?: undefined;
+            '&.MuiCheckbox-indeterminate'?: undefined;
+            '&.Mui-disabled'?: undefined;
+            padding?: undefined;
+        };
+    })[];
+};

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

@@ -0,0 +1,36 @@
+export declare const fabConfig: {
+    styleOverrides: {
+        root: {
+            background: string;
+            color: string;
+            '&:hover': {
+                background: string;
+            };
+            borderRadius: number;
+        };
+        transparent: {
+            background: string;
+            '&:hover': {
+                background: string;
+            };
+        };
+        sizeSmall: {
+            height: string;
+            width: string;
+            minHeight: string;
+            minWidth: string;
+        };
+        sizeMedium: {
+            height: string;
+            minHeight: string;
+            width: string;
+            minWidth: string;
+        };
+        sizeLarge: {
+            height: string;
+            minHeight: string;
+            width: string;
+            minWidth: string;
+        };
+    };
+};

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

@@ -0,0 +1,16 @@
+export declare const formControlLabelConfig: {
+    styleOverrides: {
+        root: {
+            gap: string;
+            margin: number;
+            '& .MuiCheckbox-root': {
+                padding: number;
+            };
+            '& .MuiFormControlLabel-label': {
+                whiteSpace: string;
+                fontSize: number;
+                margin: number;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,142 @@
+export declare const iconButtonConfig: {
+    defaultProps: {
+        disableRipple: boolean;
+        disableFocusRipple: boolean;
+        disableTouchRipple: boolean;
+    };
+    styleOverrides: {
+        root: {
+            '& .MuiSvgIcon-root': {
+                fontSize: number;
+            };
+            borderRadius: number;
+        };
+    };
+    variants: ({
+        props: {
+            color: string;
+            size?: undefined;
+        };
+        style: {
+            color: string;
+            background: string;
+            '&:hover': {
+                background: string;
+                color?: undefined;
+                border?: undefined;
+            };
+            '&:active': {
+                background: string;
+                color?: undefined;
+                border?: undefined;
+            };
+            '&.Mui-disabled': {
+                opacity: number;
+                background: string;
+                color: string;
+                border?: undefined;
+            };
+            border?: undefined;
+            width?: undefined;
+            height?: undefined;
+            padding?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            color: string;
+            size?: undefined;
+        };
+        style: {
+            '&:hover': {
+                background: string;
+                color: string;
+                border?: undefined;
+            };
+            '&:active': {
+                background: string;
+                color: string;
+                border?: undefined;
+            };
+            '&.Mui-disabled': {
+                opacity: number;
+                background: string;
+                color: string;
+                border?: undefined;
+            };
+            color?: undefined;
+            background?: undefined;
+            border?: undefined;
+            width?: undefined;
+            height?: undefined;
+            padding?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            color: string;
+            size?: undefined;
+        };
+        style: {
+            color: string;
+            background: string;
+            border: string;
+            '&:hover': {
+                background: string;
+                border: string;
+                color?: undefined;
+            };
+            '&:active': {
+                background: string;
+                border: string;
+                color?: undefined;
+            };
+            '&.Mui-disabled': {
+                opacity: number;
+                background: string;
+                color: string;
+                border: string;
+            };
+            width?: undefined;
+            height?: undefined;
+            padding?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            color?: undefined;
+        };
+        style: {
+            width: number;
+            height: number;
+            padding: number;
+            color?: undefined;
+            background?: undefined;
+            '&:hover'?: undefined;
+            '&:active'?: undefined;
+            '&.Mui-disabled'?: undefined;
+            border?: undefined;
+            '& .MuiSvgIcon-root'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            color?: undefined;
+        };
+        style: {
+            width: number;
+            height: number;
+            padding: number;
+            '& .MuiSvgIcon-root': {
+                fontSize: number;
+            };
+            color?: undefined;
+            background?: undefined;
+            '&:hover'?: undefined;
+            '&:active'?: undefined;
+            '&.Mui-disabled'?: undefined;
+            border?: undefined;
+        };
+    })[];
+};

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

@@ -0,0 +1,15 @@
+export declare const inputAdornmentConfig: {
+    styleOverrides: {
+        root: {
+            display: string;
+            marginTop: string;
+            marginBottom: string;
+        };
+        positionStart: {
+            marginRight: string;
+        };
+        positionEnd: {
+            marginLeft: string;
+        };
+    };
+};

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

@@ -0,0 +1,90 @@
+export declare const inputLabelConfig: {
+    styleOverrides: {
+        root: {
+            pointerEvents: string;
+        };
+    };
+    variants: ({
+        style: {
+            fontFamily: string;
+            color: string;
+            fontSize: string;
+            lineHeight: string;
+            '&:not(.Mui-focused)': {
+                color: string;
+            };
+            '&.Mui-focused': {
+                color: string;
+            };
+            '&.Mui-focused.Mui-error': {
+                color: string;
+            };
+            transform?: undefined;
+            '&.Mui-focused, &.MuiFormLabel-filled'?: undefined;
+            maxWidth?: undefined;
+            '&.MuiFormLabel-filled'?: undefined;
+        };
+        props?: undefined;
+    } | {
+        props: {
+            size: string;
+        };
+        style: {
+            fontSize: string;
+            lineHeight: string;
+            transform: string;
+            '&.Mui-focused, &.MuiFormLabel-filled': {
+                transform: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            maxWidth: string;
+            fontFamily?: undefined;
+            color?: undefined;
+            '&:not(.Mui-focused)'?: undefined;
+            '&.Mui-focused'?: undefined;
+            '&.Mui-focused.Mui-error'?: undefined;
+            '&.MuiFormLabel-filled'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+        };
+        style: {
+            transform: string;
+            '&.Mui-focused, &.MuiFormLabel-filled': {
+                transform: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            maxWidth: string;
+            fontFamily?: undefined;
+            color?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '&:not(.Mui-focused)'?: undefined;
+            '&.Mui-focused'?: undefined;
+            '&.Mui-focused.Mui-error'?: undefined;
+            '&.MuiFormLabel-filled'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+        };
+        style: {
+            transform: string;
+            '&.MuiFormLabel-filled': {
+                display: string;
+            };
+            maxWidth: string;
+            fontFamily?: undefined;
+            color?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '&:not(.Mui-focused)'?: undefined;
+            '&.Mui-focused'?: undefined;
+            '&.Mui-focused.Mui-error'?: undefined;
+            '&.Mui-focused, &.MuiFormLabel-filled'?: undefined;
+        };
+    })[];
+};

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

@@ -0,0 +1,14 @@
+export declare const menuConfig: {
+    defaultProps: {
+        elevation: number;
+    };
+    styleOverrides: {
+        paper: {
+            borderRadius: number;
+        };
+        list: {
+            paddingTop: number;
+            paddingBottom: number;
+        };
+    };
+};

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

@@ -0,0 +1,19 @@
+export declare const menuItemConfig: {
+    styleOverrides: {
+        root: {
+            fontSize: string;
+            fontFamily: string;
+            paddingTop: number;
+            paddingBottom: number;
+            paddingLeft: number;
+            paddingRight: number;
+            height: number;
+            '&:hover': {
+                background: string;
+            };
+            '&.Mui-selected': {
+                background: string;
+            };
+        };
+    };
+};