@mdtl/uikit 0.0.6 → 0.0.8

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

@@ -0,0 +1,10 @@
+export declare const tabsConfig: {
+    styleOverrides: {
+        root: {
+            minHeight: number;
+        };
+        indicator: {
+            backgroundColor: string;
+        };
+    };
+};

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

@@ -0,0 +1,689 @@
+export declare const textfieldConfig: {
+    variants: ({
+        style: {
+            overflow: string;
+            '& .MuiInputBase-input': {
+                textOverflow: string;
+                overflow: string;
+                whiteSpace: string;
+                width: string;
+                paddingTop: number;
+                paddingBottom: number;
+                fontSize: string;
+                lineHeight: string;
+                height: string;
+                paddingLeft?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .MuiSelect-select, & .MuiInputBase-input': {
+                display: string;
+                alignItems: string;
+                height: string;
+                boxSizing: string;
+            };
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select': {
+                display: string;
+                paddingTop?: undefined;
+            };
+            '& .MuiInputAdornment-root': {
+                alignSelf: string;
+            };
+            '& .MuiInputAdornment-positionEnd': {
+                position: string;
+                right: number;
+                '&:hover': {
+                    color: string;
+                };
+            };
+            '& .MuiInputBase-root': {
+                fontFamily: string;
+                overflow: string;
+                boxShadow: string;
+                marginTop: number;
+                minHeight: number;
+                padding: number;
+                height: string;
+                border: string;
+                borderRadius: number;
+                '&.Mui-error': {
+                    borderColor: string;
+                };
+                '&.Mui-focused': {
+                    borderColor: string;
+                    '&.Mui-error': {
+                        borderColor: string;
+                    };
+                };
+                '&:before, &:after'?: undefined;
+                borderColor?: undefined;
+                display?: undefined;
+            };
+            '& .MuiInputBase-root.Mui-focused': {
+                borderColor: string;
+            };
+            '& .MuiInputBase-root:hover': {
+                borderColor: string;
+            };
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+        props?: undefined;
+    } | {
+        props: {
+            variant: string;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiInputBase-root': {
+                border: string;
+                '&:before, &:after': {
+                    borderBottom: string;
+                };
+                fontFamily?: undefined;
+                overflow?: undefined;
+                boxShadow?: undefined;
+                marginTop?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                height?: undefined;
+                borderRadius?: undefined;
+                '&.Mui-error'?: undefined;
+                '&.Mui-focused'?: undefined;
+                borderColor?: undefined;
+                display?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            variant: string;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiInputBase-root': {
+                borderColor: string;
+                fontFamily?: undefined;
+                overflow?: undefined;
+                boxShadow?: undefined;
+                marginTop?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                height?: undefined;
+                border?: undefined;
+                borderRadius?: undefined;
+                '&.Mui-error'?: undefined;
+                '&.Mui-focused'?: undefined;
+                '&:before, &:after'?: undefined;
+                display?: undefined;
+            };
+            '& fieldset': {
+                display: string;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            variant: string;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiFilledInput-root': {
+                backgroundColor: string;
+                '&:hover': {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+                '&:before, &:after, &:hover:not(.Mui-disabled):before': {
+                    borderBottom: string;
+                };
+                '&.Mui-error': {
+                    backgroundColor: string;
+                };
+                '&.Mui-focused': {
+                    backgroundColor: string;
+                };
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            disabled: boolean;
+            variant?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiInputLabel-root': {
+                opacity: number;
+                color?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            fullWidth: boolean;
+            variant?: undefined;
+            disabled?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiInputBase-root': {
+                display: string;
+                fontFamily?: undefined;
+                overflow?: undefined;
+                boxShadow?: undefined;
+                marginTop?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                height?: undefined;
+                border?: undefined;
+                borderRadius?: undefined;
+                '&.Mui-error'?: undefined;
+                '&.Mui-focused'?: undefined;
+                '&:before, &:after'?: undefined;
+                borderColor?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            error: boolean;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            multiline?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& .MuiInputLabel-root': {
+                color: string;
+                opacity?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            multiline: boolean;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            size?: undefined;
+        };
+        style: {
+            height: string;
+            '& .MuiInputBase-root': {
+                minHeight: string;
+                fontFamily?: undefined;
+                overflow?: undefined;
+                boxShadow?: undefined;
+                marginTop?: undefined;
+                padding?: undefined;
+                height?: undefined;
+                border?: undefined;
+                borderRadius?: undefined;
+                '&.Mui-error'?: undefined;
+                '&.Mui-focused'?: undefined;
+                '&:before, &:after'?: undefined;
+                borderColor?: undefined;
+                display?: undefined;
+            };
+            '& .MuiInputBase-input': {
+                paddingLeft: string;
+                height: string;
+                minHeight: string;
+                padding: string;
+                alignItems: string;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+        };
+        style: {
+            height: number;
+            '& .MuiInputBase-input': {
+                paddingLeft: number;
+                fontSize: string;
+                lineHeight: string;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                height?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select': {
+                paddingTop: number;
+                display?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+        };
+        style: {
+            height: number;
+            '& .MuiInputBase-input': {
+                paddingLeft: number;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                height?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select': {
+                paddingTop: number;
+                display?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+        };
+        style: {
+            height: number;
+            '& .MuiInputBase-input': {
+                paddingLeft: number;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                height?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select': {
+                paddingTop: number;
+                display?: undefined;
+            };
+            '& .MuiSelect-icon': {
+                fontSize: number;
+            };
+            '& .MuiSelect-select, & .MuiInputBase-input': {
+                height: string;
+                display?: undefined;
+                alignItems?: undefined;
+                boxSizing?: undefined;
+            };
+            overflow?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+        };
+        style: {
+            height: number;
+            '& .MuiInputBase-input': {
+                paddingLeft: number;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                height?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .MuiSelect-select': {
+                paddingTop: number;
+            };
+            '& .MuiSelect-icon': {
+                fontSize: number;
+            };
+            overflow?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            size: string;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            multiline?: undefined;
+        };
+        style: {
+            height: number;
+            variants: {
+                fontWeight: number;
+                fontSize: string;
+                lineHeight: string;
+            };
+            fontSize: string;
+            lineHeight: string;
+            '& .MuiInputBase-input': {
+                fontSize: string;
+                lineHeight: string;
+                paddingLeft: number;
+                textOverflow?: undefined;
+                overflow?: undefined;
+                whiteSpace?: undefined;
+                width?: undefined;
+                paddingTop?: undefined;
+                paddingBottom?: undefined;
+                height?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                alignItems?: undefined;
+            };
+            '& .MuiSelect-select': {
+                paddingTop: number;
+            };
+            '& .MuiInputBase-root': {
+                borderRadius: number;
+                fontFamily?: undefined;
+                overflow?: undefined;
+                boxShadow?: undefined;
+                marginTop?: undefined;
+                minHeight?: undefined;
+                padding?: undefined;
+                height?: undefined;
+                border?: undefined;
+                '&.Mui-error'?: undefined;
+                '&.Mui-focused'?: undefined;
+                '&:before, &:after'?: undefined;
+                borderColor?: undefined;
+                display?: undefined;
+            };
+            '& .MuiSelect-icon': {
+                fontSize: number;
+            };
+            overflow?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            '& textarea'?: undefined;
+        };
+    } | {
+        props: {
+            multiline: boolean;
+            variant?: undefined;
+            disabled?: undefined;
+            fullWidth?: undefined;
+            error?: undefined;
+            size?: undefined;
+        };
+        style: {
+            '& textarea': {
+                height: string;
+                lineHeight: string;
+                padding: string;
+                whiteSpace: string;
+            };
+            overflow?: undefined;
+            '& .MuiInputBase-input'?: undefined;
+            '& .MuiSelect-select, & .MuiInputBase-input'?: undefined;
+            '& .Mui-focused input, & input:not(:placeholder-shown), & .MuiSelect-select'?: undefined;
+            '& .MuiInputAdornment-root'?: undefined;
+            '& .MuiInputAdornment-positionEnd'?: undefined;
+            '& .MuiInputBase-root'?: undefined;
+            '& .MuiInputBase-root.Mui-focused'?: undefined;
+            '& .MuiInputBase-root:hover'?: undefined;
+            '& fieldset'?: undefined;
+            '& .MuiFilledInput-root'?: undefined;
+            '& .MuiInputLabel-root'?: undefined;
+            height?: undefined;
+            '& .MuiSelect-icon'?: undefined;
+            '& .MuiSelect-select'?: undefined;
+            variants?: undefined;
+            fontSize?: undefined;
+            lineHeight?: undefined;
+        };
+    })[];
+};