@m4l/styles 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/graphics": "*",

package/theme/defaultThemeOptions.d.ts

@@ -1,2 +1 @@
-import { ThemeOptions } from '@mui/material/styles';
-export declare const defaultThemeOptions: ThemeOptions;
+export declare const defaultThemeOptions: any;

package/theme/index.d.ts

@@ -1,8 +1,7 @@
 export type { CustomShadowOptions } from './shadows';
-export type { GradientsPaletteOptions } from './palette';
-export type { ChartPaletteOptions } from './palette';
-export type { GridPaletteOptions } from './palette';
 export { defaultThemeOptions } from './defaultThemeOptions';
-export { shadows, customShadows } from './shadows';
-export { palette, type ColorSchema } from './palette';
+export { shadows, createCustomShadows } from './shadows';
+export { palette, PATRONUSCOLORS } from './palette';
+export type { ColorSchema, StateDefault, StateSkeleton } from './palette';
+export { typography } from './typography';
 export { fnComponentsOverrides } from './overrides';

package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts

@@ -1,13 +1,6 @@
 import { Theme } from '@mui/material/styles';
 export declare const M4LButton: (_theme: Theme) => {
     M4LButton: {
-        styleOverrides: {
-            '&.M4LButton-root': {
-                test: string;
-                '.MuiButton-root': {
-                    border: string;
-                };
-            };
-        };
+        styleOverrides: {};
     };
 };

package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts

@@ -4,9 +4,6 @@ export declare const M4LIconButton: (_theme: Theme) => {
         styleOverrides: {
             "&.M4LIconButton-root": {
                 test: string;
-                '.M4LIcon-root': {
-                    backgroundColor: string;
-                };
             };
         };
     };

package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts

@@ -1,9 +1,43 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LImageButton: (_theme: Theme) => {
+export declare const M4LImageButton: (theme: Theme) => {
     M4LImageButton: {
         styleOverrides: {
             "&.M4LImageButton-root": {
                 test: string;
+                '.MuiButtonBase-root': {
+                    display: string;
+                    padding: string;
+                    borderRadius: string;
+                    alignItems: string;
+                    justifyContent: string;
+                };
+                ".M4LImage-root": {
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                    objectFit: string;
+                    width: string;
+                    height: string;
+                };
+                ".M4LImage-lazyLoad": {
+                    borderRadius: string;
+                    width: string;
+                    height: string;
+                    display: string;
+                    alignItems: string;
+                    justifyContent: string;
+                };
+                ".M4LImage-img": {
+                    borderRadius: string;
+                };
+                '.MuiButtonBase-root:hover': {
+                    backgroundColor: string;
+                };
+                '.MuiButtonBase-root:focus': {
+                    backgroundColor: string;
+                    border: string;
+                    borderColor: string;
+                };
             };
         };
     };

package/theme/overrides/M4LExtendedComponents/M4LNavLink.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LNavLink: (_theme: Theme) => {
+    M4LNavLink: {
+        styleOverrides: {
+            "&.M4LNavLink-root": {
+                test: string;
+            };
+        };
+    };
+};

package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts

@@ -1,11 +1,15 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LPopover: (_theme: Theme) => {
+export declare const M4LPopover: (theme: Theme) => {
     M4LPopover: {
         styleOverrides: {
             "&.M4LPopover-root": {
                 test: string;
                 '.MuiPaper-root': {
                     background: string;
+                    borderRadius: string;
+                    Padding: string;
+                    margin: string;
+                    boxShadow: string;
                 };
             };
         };

package/theme/overrides/M4LExtendedComponents/M4LTypography.d.ts

@@ -1,9 +1,12 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LTypography: (_theme: Theme) => {
+export declare const M4LTypography: (theme: Theme) => {
     M4LTypography: {
         styleOverrides: {
             "&.M4LTypography-root": {
-                test: string;
+                display: string;
+                '& .MuiTypography-root': {
+                    margin: string;
+                };
             };
         };
     };

package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts

@@ -1,12 +1,9 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LanguagePopover: (_theme: Theme) => {
+export declare const M4LanguagePopover: (theme: Theme) => {
     M4LanguagePopover: {
         styleOverrides: {
             "&.M4LanguagePopover-root": {
                 test: string;
-                '.MuiIconButton-sizeMedium': {
-                    border: string;
-                };
             };
         };
     };

package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LoadingButton: (_theme: Theme) => {
+    M4LoadingButton: {
+        styleOverrides: {};
+    };
+};

package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LRHFAutocomplete: (_theme: Theme) => {
+    M4LRHFAutocomplete: {
+        styleOverrides: {
+            "&.M4LRHFAutocomplete-root": {
+                test: string;
+            };
+        };
+    };
+};

package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from '@mui/material/styles';
+export declare const M4LRHFAutocompleteAsync: (_theme: Theme) => {
+    M4LRHFAutocompleteAsync: {
+        styleOverrides: {
+            "&.M4LRHFAutocompleteAsync-root": {
+                test: string;
+            };
+        };
+    };
+};

package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts

@@ -1,9 +1,54 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LRHFCheckbox: (_theme: Theme) => {
+export declare const M4LRHFCheckbox: (theme: Theme) => {
     M4LRHFCheckbox: {
         styleOverrides: {
             "&.M4LRHFCheckbox-root": {
                 test: string;
+                '.M4LRHFCheckbox-checkTypography': {
+                    [x: string]: any;
+                    display: string;
+                    gap: string;
+                };
+                '& .MuiTypography-root': any;
+                '.M4LRHFCheckbox-small .MuiButtonBase-root': {
+                    width: string;
+                    height: string;
+                };
+                '.MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
+                    width: string;
+                    height: string;
+                };
+                '.M4LRHFCheckbox-medium .MuiButtonBase-root': {
+                    width: string;
+                    height: string;
+                };
+                '.MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
+                    width: string;
+                    height: string;
+                };
+                '.MuiButtonBase-root': {
+                    borderRadius: string;
+                };
+                '.MuiButtonBase-root:hover': {
+                    backgroundColor: string;
+                };
+                '.Mui-focusVisible': {
+                    border: string;
+                    borderColor: string;
+                };
+                '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
+                    fill: string;
+                };
+                '.M4LRHFCheckbox-checkTypography .MuiTypography-root': any;
+                '.M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root': {
+                    fill: string;
+                };
+                '.M4LRHFCheckbox-stateDisabled .MuiTypography-root': {
+                    color: string;
+                };
+                '.MuiButtonBase-root .Mui-focusVisible:focus-visible': {
+                    outline: string;
+                };
             };
         };
     };

package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts

@@ -1,16 +1,6 @@
 import { Theme } from '@mui/material/styles';
 export declare const M4LRHFTextField: (_theme: Theme) => {
     M4LRHFTextField: {
-        styleOverrides: {
-            "&.M4LRHFTextField-root": {
-                test: string;
-                '.MuiTextField-root': {
-                    border: string;
-                };
-                '.MuiFormLabel-root': {
-                    background: string;
-                };
-            };
-        };
+        styleOverrides: {};
     };
 };

package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.d.ts

@@ -1,12 +1,12 @@
 import { Theme } from '@mui/material/styles';
-export declare const M4LRHFTextFieldPassword: (_theme: Theme) => {
+export declare const M4LRHFTextFieldPassword: (theme: Theme) => {
     M4LRHFTextFieldPassword: {
         styleOverrides: {
             "&.M4LRHFTextFieldPassword-root": {
                 ".M4LRHFTextField-root .MuiTextField-root": {
-                    border: string;
-                };
-                '.MuiInputBase-root': {
+                    test: string;
+                    display: string;
+                    flexDirection: string;
                     gap: string;
                 };
             };

package/theme/overrides/MUIComponents/Autocomplete.d.ts

@@ -6,9 +6,6 @@ export default function Autocomplete(theme: Theme): {
                 '& .MuiInputBase-root': {
                     padding: string;
                 };
-                input: {
-                    padding: string;
-                };
             };
             paper: {
                 boxShadow: string;

package/theme/overrides/MUIComponents/ButtonGroup.d.ts

@@ -2,6 +2,14 @@ import { Theme } from '@mui/material/styles';
 export default function ButtonGroup(theme: Theme): {
     MuiButtonGroup: {
         variants: ({
+            props: {
+                variant: string;
+                color: "primary" | "secondary" | "info" | "success" | "warning" | "error";
+            };
+            style: {
+                boxShadow: string | undefined;
+            };
+        } | {
             props: {
                 variant: string;
                 color: string;

package/theme/overrides/MUIComponents/Fab.d.ts

@@ -13,7 +13,7 @@ export default function Fab(theme: Theme): {
                 };
             };
             primary: {
-                boxShadow: string;
+                boxShadow: string | undefined;
                 '&:hover': {
                     backgroundColor: string;
                 };

package/theme/overrides/MUIComponents/Paper.d.ts

@@ -15,7 +15,42 @@ export default function Paper(theme: Theme): {
         styleOverrides: {
             root: {
                 backgroundImage: string;
+                backgroundColor: string;
                 borderRadius: string;
+                '& .MuiStack-root .MuiMenuItem-root': any;
+                '& .MuiStack-root .MuiMenuItem-root:hover': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                };
+                '& .MuiStack-root .MuiMenuItem-root.Mui-selected': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                };
+                '& .MuiStack-root .MuiMenuItem-root:focus': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                    boxShadow: string;
+                };
+                '& .MuiAutocomplete-listbox .MuiAutocomplete-option': any;
+                '& .MuiAutocomplete-listbox .MuiAutocomplete-option:hover': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                };
+                '& .MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                };
+                '& .MuiAutocomplete-listbox .MuiAutocomplete-option:active': {
+                    color: string;
+                    transition: string;
+                    backgroundColor: string;
+                    boxShadow: string;
+                };
             };
         };
     };

package/theme/overrides/MUIComponents/Typography.d.ts

@@ -1,6 +1,11 @@
 import { Theme } from '@mui/material/styles';
 export default function Typography(theme: Theme): {
     MuiTypography: {
+        defaultProps: {
+            variantMapping: {
+                subtitleDens: string;
+            };
+        };
         styleOverrides: {
             paragraph: {
                 marginBottom: string;