@mdtl/uikit 0.0.6 → 0.0.8

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