@mdtl/uikit 0.0.5 → 0.0.7

package/dist/theme/base.d.ts

@@ -0,0 +1,147 @@
+export declare const defaultColors: {
+    red: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    black: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '15': string;
+        '25': string;
+        '35': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    blackBlue: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '45': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '80': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '98': string;
+        '100': string;
+    };
+    blue: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    yellow: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    green: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    green2: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    purple: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    niagara: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+    greyPlatinum: {
+        '0': string;
+        '5': string;
+        '10': string;
+        '25': string;
+        '40': string;
+        '55': string;
+        '65': string;
+        '70': string;
+        '85': string;
+        '90': string;
+        '95': string;
+        '100': string;
+    };
+};

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;
+            };
+        };
+    };
+};