@movable/ui 1.17.0-alpha.2 → 1.17.0

package/lib/theme/components/form.d.ts

@@ -0,0 +1,248 @@
+import { InputProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+declare const form: {
+    MuiFormControl: {
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                gap: string;
+                minWidth: string;
+                '& .MuiFormHelperText-root': {
+                    margin: number;
+                };
+                '& .Mui-error + .MuiFormHelperText-root': {
+                    color: string;
+                };
+                '& .MuiInputLabel-root': {
+                    paddingBottom: number;
+                };
+                '&:focus-within legend': {
+                    color: string;
+                };
+            };
+        };
+    };
+    MuiFormControlLabel: {
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                '&.Mui-focused': {
+                    color: string;
+                };
+                '&.Mui-disabled': {
+                    color: string;
+                    cursor: string;
+                };
+                '&.Mui-error': {
+                    color: string;
+                };
+            };
+            asterisk: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                marginLeft: string;
+            };
+        };
+    };
+    MuiFormLabel: {
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                '&.Mui-focused': {
+                    color: string;
+                };
+                '&.Mui-disabled': {
+                    color: string;
+                    cursor: string;
+                };
+                '&.Mui-error': {
+                    color: string;
+                };
+            };
+            asterisk: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                marginLeft: string;
+            };
+        };
+    };
+    MuiInputLabel: {
+        defaultProps: {
+            shrink: boolean;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                '&.Mui-focused': {
+                    color: string;
+                };
+                '&.Mui-disabled': {
+                    color: string;
+                    cursor: string;
+                };
+                '&.Mui-error': {
+                    color: string;
+                };
+                transform: string;
+                position: string;
+            };
+            asterisk: ({ theme }: {
+                theme: Theme;
+            }) => {
+                color: string;
+                marginLeft: string;
+            };
+        };
+    };
+    MuiFilledInput: {
+        defaultProps: {
+            disableUnderline: boolean;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                backgroundColor: string;
+                borderRadius: string;
+                lineHeight: string;
+                letterSpacing: string;
+                '&::before': {
+                    display: string;
+                };
+                '&:hover': {
+                    backgroundColor: string;
+                };
+                '&.Mui-focused': {
+                    outline: string;
+                    backgroundColor: string;
+                };
+                '&.Mui-disabled': {
+                    backgroundColor: string;
+                    color: string;
+                };
+                '&.Mui-error': {
+                    outline: string;
+                    backgroundColor: string;
+                };
+                '&.Mui-readOnly': {
+                    outline: string;
+                    backgroundColor: string;
+                };
+            };
+            input: ({ theme, ownerState, }: {
+                theme: Theme;
+                ownerState: InputProps;
+            }) => {
+                padding: string;
+                '&:focus': {
+                    backgroundColor: string;
+                };
+            };
+        };
+    };
+    MuiSelect: {
+        defaultProps: {
+            variant: string;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '&.Mui-disabled': {
+                    backgroundColor: string;
+                };
+                '& .MuiSelect-select[class*="Mui-disabled"]': {
+                    cursor: string;
+                };
+            };
+        };
+    };
+    MuiTextField: {
+        defaultProps: {
+            size: string;
+            variant: string;
+            hiddenLabel: boolean;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '& input.Mui-disabled, & textarea.Mui-disabled': {
+                    cursor: string;
+                };
+                '& .MuiInputBase-root.Mui-disabled': {
+                    backgroundColor: string;
+                };
+                '& input.MuiInputBase-readOnly, & textarea.MuiInputBase-readOnly': {
+                    paddingRight: string;
+                    paddingLeft: string;
+                };
+                '& .MuiFilledInput-root.Mui-readOnly': {
+                    outline: string;
+                };
+                '& .MuiFormHelperText-root': {
+                    margin: number;
+                };
+                '& .MuiInputLabel-root': {
+                    paddingBottom: number;
+                };
+                '& .MuiFilledInput-input:-webkit-autofill': {
+                    borderRadius: string;
+                };
+            };
+        };
+    };
+    MuiCheckbox: {
+        defaultProps: {
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '&.Mui-disabled': {
+                    color: string;
+                };
+                '&.MuiCheckbox-root.MuiCheckbox-sizeSmall + .MuiFormControlLabel-label, &.MuiRadio-root.MuiRadio-sizeSmall + .MuiFormControlLabel-label': {
+                    fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+                };
+            };
+        };
+    };
+    MuiRadio: {
+        defaultProps: {
+            disableRipple: boolean;
+        };
+        styleOverrides: {
+            root: ({ theme }: {
+                theme: Theme;
+            }) => {
+                '&.Mui-disabled': {
+                    color: string;
+                };
+                '&.MuiCheckbox-root.MuiCheckbox-sizeSmall + .MuiFormControlLabel-label, &.MuiRadio-root.MuiRadio-sizeSmall + .MuiFormControlLabel-label': {
+                    fontSize: import("csstype").Property.FontSize<string | number> | undefined;
+                };
+            };
+        };
+    };
+};
+export default form;

package/lib/theme/components/snackbar.d.ts

@@ -0,0 +1,13 @@
+import Slide from '@mui/material/Slide';
+declare const snackbar: {
+    MuiSnackbar: {
+        defaultProps: {
+            anchorOrigin: {
+                horizontal: string;
+                vertical: string;
+            };
+            TransitionComponent: typeof Slide;
+        };
+    };
+};
+export default snackbar;