@mdtl/uikit 0.0.6 → 0.0.8

package/dist/theme/common/CheckboxChecked.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/theme/common/CheckboxDeterminate.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/theme/common/CheckboxIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/theme/common/RadioButtonChecked.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/theme/common/RadioButtonIcon.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/theme/config.d.ts

@@ -0,0 +1,69 @@
+import { ThemeOptions } from '@mui/material/styles';
+declare module '@mui/material/Autocomplete' {
+    interface AutocompletePropsSizeOverrides {
+        xl: true;
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        small: false;
+        medium: false;
+    }
+}
+declare module '@mui/material/TextField' {
+    interface TextFieldPropsSizeOverrides {
+        xl: true;
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        medium: false;
+        small: false;
+    }
+}
+declare module '@mui/material/InputLabel' {
+    interface InputLabelPropsSizeOverrides {
+        xl: true;
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        medium: false;
+        small: false;
+    }
+}
+declare module '@mui/material/SvgIcon' {
+    interface SvgIconPropsSizeOverrides {
+        xl: true;
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+}
+declare module '@mui/material/Radio' {
+    interface RadioPropsSizeOverrides {
+        xl: true;
+        l: true;
+        m: true;
+        s: true;
+        xs: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+}
+declare module '@mui/material/Checkbox' {
+    interface CheckboxPropsSizeOverrides {
+        l: true;
+        m: true;
+        s: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+}
+export declare const themeOptions: ThemeOptions;

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

@@ -0,0 +1,113 @@
+import { default as React } from 'react';
+declare module '@mui/material/Checkbox' {
+    interface RadioPropsColorOverrides {
+        primary: true;
+        error: true;
+    }
+    interface RadioPropsSizeOverrides {
+        l: true;
+        m: true;
+        s: true;
+        large: false;
+        medium: false;
+        small: false;
+    }
+    interface RadioProps {
+        error?: boolean;
+        required?: boolean;
+    }
+}
+export declare const radioConfig: {
+    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/alert.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { AlertProps } from '@mui/material/Alert';
+export declare const alertConfig: () => {
+    defaultProps: {
+        iconMapping: {
+            success: React.JSX.Element;
+            warning: React.JSX.Element;
+        };
+    };
+    variants: ({
+        style: ({ theme }: {
+            theme: any;
+        }) => {
+            '& .MuiAlertTitle-root': {
+                color: string;
+                fontSize: any;
+                fontWeight: any;
+            };
+            width: number;
+            borderRadius: number;
+            pt: number;
+            pr: number;
+            pb: number;
+            pl: number;
+            color: string;
+            fontSize: any;
+            fontWeight: any;
+            '& .MuiSvgIcon-root': {
+                color: string;
+                width: number;
+                height: number;
+            };
+            '& .MuiAlert-message': {
+                width: string;
+                alignContent: string;
+            };
+        };
+        props?: undefined;
+    } | {
+        props: AlertProps;
+        style: {
+            background: string;
+        };
+    })[];
+};

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

@@ -0,0 +1,50 @@
+export declare const autocompleteConfig: {
+    styleOverrides: {
+        root: {
+            '& .MuiFilledInput-root': {
+                flexWrap: string;
+                justifyContent: string;
+                paddingTop: number;
+                paddingLeft: number;
+                '&:before, &:after, &:hover:not(.Mui-disabled):before': {
+                    display: string;
+                };
+                '&.MuiInputBase-sizeS': {
+                    paddingTop: number;
+                };
+                '& .MuiFilledInput-input': {
+                    paddingLeft: number;
+                };
+            };
+            '& .MuiChip-root': {
+                height: string;
+                '& .MuiChip-label': {
+                    fontSize: string;
+                };
+                '& .MuiChip-deleteIcon': {
+                    fontSize: string;
+                };
+            };
+        };
+    };
+    variants: {
+        props: {
+            size: string;
+        };
+        style: {
+            height: number;
+            '& .MuiAutocomplete-inputRoot .MuiAutocomplete-input': {
+                paddingLeft: number;
+            };
+            '& .MuiAutocomplete-inputRoot.Mui-focused .MuiAutocomplete-input, & .MuiAutocomplete-inputRoot input:not(:placeholder-shown)': {
+                paddingTop: number;
+            };
+            '& .MuiSelect-icon': {
+                fontSize: number;
+            };
+            '& .MuiFormControl-root .MuiInputLabel-root': {
+                paddingRight: number;
+            };
+        };
+    }[];
+};

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

@@ -0,0 +1,25 @@
+export declare const badgeConfig: {
+    styleOverrides: {
+        badge: {
+            alignItems: string;
+            justifyContent: string;
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            minWidth: string;
+            width: string;
+            height: string;
+            padding: string;
+            position: string;
+            transform: string;
+            display: string;
+            '& .MuiBadge-badge': {
+                width: string;
+                height: string;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+            };
+        };
+    };
+};

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;
+        };
+    })[];
+};