@m4l/styles 6.4.0 → 6.5.1

package/theme/overrides/MUIComponents/Button.js

@@ -0,0 +1,68 @@
+function r(o) {
+  return {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          borderRadius: "4px",
+          "&:hover": {
+            boxShadow: "none"
+          }
+        },
+        sizeLarge: {
+          height: 48
+        },
+        // contained
+        containedInherit: {
+          color: o.vars.palette.grey[800],
+          boxShadow: o.customShadows?.z1,
+          borderRadius: "4px",
+          "&:hover": {
+            backgroundColor: o.vars.palette.grey[400],
+            borderRadius: "4px"
+          }
+        },
+        containedPrimary: {
+          boxShadow: o.customShadows?.z4
+          // color: theme.vars.palette.primary.contrastText,
+        },
+        containedSecondary: {
+          boxShadow: o.customShadows?.secondary
+        },
+        containedInfo: {
+          boxShadow: o.customShadows?.info
+        },
+        containedSuccess: {
+          boxShadow: o.customShadows?.success
+        },
+        containedWarning: {
+          boxShadow: o.customShadows?.warning
+        },
+        containedError: {
+          boxShadow: o.customShadows?.error
+        },
+        // outlined
+        outlinedInherit: {
+          borderRadius: "4px",
+          border: `1px solid ${o.vars.palette?.border.default}`,
+          "&:hover": {
+            backgroundColor: o.vars.palette.action.hover,
+            borderRadius: "4px"
+          }
+        },
+        textInherit: {
+          borderRadius: "4px",
+          "&:hover": {
+            backgroundColor: o.vars.palette.action.hover,
+            borderRadius: "4px"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  r as B
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function ButtonGroup(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * ButtonGroup overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function ButtonGroup(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiButtonGroup: {
         variants: ({
             props: {

package/theme/overrides/MUIComponents/ButtonGroup.js

@@ -0,0 +1,45 @@
+function t(r) {
+  const o = (a) => ({
+    props: { variant: "contained", color: a },
+    style: { boxShadow: r.customShadows?.primary }
+  });
+  return {
+    MuiButtonGroup: {
+      variants: [
+        {
+          props: { variant: "contained", color: "inherit" },
+          style: { boxShadow: r.customShadows?.z4 }
+        },
+        o("primary"),
+        o("secondary"),
+        o("info"),
+        o("success"),
+        o("warning"),
+        o("error"),
+        {
+          props: { disabled: !0 },
+          style: {
+            boxShadow: "none",
+            "& .MuiButtonGroup-grouped.Mui-disabled": {
+              color: r.vars.palette.action.disabled,
+              borderColor: `${r.vars.palette.action.disabledBackground} !important`,
+              "&.MuiButton-contained": {
+                backgroundColor: r.vars.palette.action.disabledBackground
+              }
+            }
+          }
+        }
+      ],
+      styleOverrides: {
+        root: {
+          "&:hover": {
+            boxShadow: "none"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  t as B
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Card(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Card overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function Card(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCard: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Card.js

@@ -0,0 +1,36 @@
+function a(r) {
+  return {
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          position: "relative",
+          boxShadow: r.customShadows?.card,
+          borderRadius: Number(r.shape.borderRadius) * 2,
+          zIndex: 0
+          // Fix Safari overflow: hidden with border radius
+        }
+      }
+    },
+    MuiCardHeader: {
+      defaultProps: {
+        titleTypographyProps: { variant: "h6" },
+        subheaderTypographyProps: { variant: "body2", marginTop: r.spacing(0.5) }
+      },
+      styleOverrides: {
+        root: {
+          padding: r.spacing(3, 3, 0)
+        }
+      }
+    },
+    MuiCardContent: {
+      styleOverrides: {
+        root: {
+          padding: r.spacing(3)
+        }
+      }
+    }
+  };
+}
+export {
+  a as C
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Checkbox(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Checkbox overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function Checkbox(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCheckbox: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Checkbox.js

@@ -0,0 +1,47 @@
+function a(e) {
+  return {
+    MuiCheckbox: {
+      // defaultProps: {
+      //   icon: <CheckboxIcon />,
+      //   checkedIcon: <CheckboxCheckedIcon />,
+      //   indeterminateIcon: <CheckboxIndeterminateIcon />,
+      // },
+      styleOverrides: {
+        root: {
+          padding: e.spacing(1),
+          oleee: "sss",
+          // '& .MuiCheckbox-root': {
+          //   color: theme.vars.palette.divider,
+          // },
+          color: e.vars.palette.action.active,
+          "& .Mui-checked": {
+            color: e.vars.palette.primary.main
+          },
+          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
+            color: e.vars.palette.action.disabled
+          }
+          // '& .MuiSvgIcon-root': {
+          //   color: theme.vars.palette.text.secondary,
+          // },
+          // '& .MuiSvgIcon-fontSizeMedium': {
+          //   width: 24,
+          //   height: 24,
+          // },
+          // '& .MuiSvgIcon-fontSizeSmall': {
+          //   width: 18,
+          //   height: 18,
+          // },
+          // svg: {
+          //   fontSize: 24,
+          //   '&[font-size=small]': {
+          //     fontSize: 18,
+          //   },
+          // },
+        }
+      }
+    }
+  };
+}
+export {
+  a as C
+};

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

@@ -0,0 +1,47 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+/**
+ * Chip overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function Chip(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
+    MuiChip: {
+        defaultProps: {
+            deleteIcon: import("react").JSX.Element;
+        };
+        styleOverrides: {
+            colorDefault: {
+                '& .MuiChip-avatarMedium, .MuiChip-avatarSmall': {
+                    color: string;
+                };
+            };
+            outlined: {
+                borderColor: string;
+                '&.MuiChip-colorPrimary': {
+                    borderColor: string;
+                };
+                '&.MuiChip-colorSecondary': {
+                    borderColor: string;
+                };
+            };
+            avatarColorInfo: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorSuccess: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorWarning: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorError: {
+                color: string;
+                backgroundColor: string;
+            };
+        };
+    };
+};

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

@@ -1,4 +1,11 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
+/**
+ * CmpDisenoTest overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
 export declare const CmpDisenoTest: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
     M4LBruceTest: {
         styleOverrides: {};

package/theme/overrides/MUIComponents/CmpDisenoTest.js

@@ -0,0 +1,8 @@
+const s = (e) => ({
+  M4LBruceTest: {
+    styleOverrides: {}
+  }
+});
+export {
+  s as C
+};

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

@@ -1,10 +1,17 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function ControlLabel(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * ControlLabel overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function ControlLabel(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiFormControlLabel: {
         styleOverrides: {
             label: {
                 [x: string]: unknown;
-                '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
+                '@font-face'?: import('@mui/material/styles/createTypography').Fontface | import('@mui/material/styles/createTypography').Fontface[];
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;
                 alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -380,7 +387,7 @@ export default function ControlLabel(theme: Omit<Theme, "palette" | "applyStyles
                 writingMode?: import("csstype").Property.WritingMode | undefined;
                 zIndex?: import("csstype").Property.ZIndex | undefined;
                 zoom?: import("csstype").Property.Zoom | undefined;
-                all?: import("csstype").Globals | undefined;
+                all?: import("csstype").Property.All | undefined;
                 animation?: import("csstype").Property.Animation<string & {}> | undefined;
                 animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
                 background?: import("csstype").Property.Background<string | number> | undefined;

package/theme/overrides/MUIComponents/ControlLabel.js

@@ -0,0 +1,28 @@
+function r(e) {
+  return {
+    MuiFormControlLabel: {
+      styleOverrides: {
+        label: {
+          ...e.colorSchemes.finalTheme.typography.body1
+        }
+      }
+    },
+    MuiFormHelperText: {
+      styleOverrides: {
+        root: {
+          marginTop: e.spacing(1)
+        }
+      }
+    },
+    MuiFormLabel: {
+      styleOverrides: {
+        root: {
+          color: e.vars.palette.text.disabled
+        }
+      }
+    }
+  };
+}
+export {
+  r as C
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function CssBaseline(_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * CssBaseline overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function CssBaseline(_theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCssBaseline: {
         styleOverrides: {
             '*': {

package/theme/overrides/MUIComponents/CssBaseline.js

@@ -0,0 +1,46 @@
+function i(e) {
+  return {
+    MuiCssBaseline: {
+      styleOverrides: {
+        "*": {
+          margin: 0,
+          padding: 0,
+          boxSizing: "border-box"
+        },
+        html: {
+          width: "100%",
+          height: "100%",
+          WebkitOverflowScrolling: "touch"
+        },
+        body: {
+          width: "100%",
+          height: "100%"
+        },
+        "#root": {
+          width: "100%",
+          height: "100%"
+        },
+        input: {
+          "&[type=number]": {
+            MozAppearance: "textfield",
+            "&::-webkit-outer-spin-button": {
+              margin: 0,
+              WebkitAppearance: "none"
+            },
+            "&::-webkit-inner-spin-button": {
+              margin: 0,
+              WebkitAppearance: "none"
+            }
+          }
+        },
+        img: {
+          display: "block",
+          maxWidth: "100%"
+        }
+      }
+    }
+  };
+}
+export {
+  i as C
+};

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

@@ -0,0 +1,105 @@
+import { SvgIconProps } from '@mui/material';
+/**
+ * CloseIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function CloseIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * StarIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function StarIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * Using for Alert
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function InfoIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * WarningIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function WarningIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * SuccessIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function SuccessIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * ErrorIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function ErrorIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * CheckboxIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function CheckboxIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * CheckboxCheckedIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function CheckboxCheckedIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * CheckboxIndeterminateIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function CheckboxIndeterminateIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * InputSelectIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function InputSelectIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * TreeViewCollapseIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function TreeViewCollapseIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * TreeViewExpandIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function TreeViewExpandIcon(props: SvgIconProps): import("react").JSX.Element;
+/**
+ * TreeViewEndIcon
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export declare function TreeViewEndIcon(props: SvgIconProps): import("react").JSX.Element;

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function DataGrid(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * DataGrid overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function DataGrid(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiDataGrid: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/DataGrid.js

@@ -0,0 +1,100 @@
+function o(r) {
+  return {
+    MuiDataGrid: {
+      styleOverrides: {
+        root: {
+          borderRadius: 0,
+          border: "1px solid transparent",
+          "& .MuiTablePagination-root": {
+            borderTop: 0
+          },
+          "& .MuiDataGrid-toolbarContainer": {
+            padding: r.spacing(2),
+            backgroundColor: r.vars.palette.background.surface,
+            "& .MuiButton-root": {
+              marginRight: r.spacing(1.5),
+              color: r.vars.palette.text.primary,
+              "&:hover": {
+                backgroundColor: r.vars.palette.action.hover
+              }
+            }
+          },
+          "& .MuiDataGrid-cell, .MuiDataGrid-columnsContainer": {
+            borderBottom: `1px solid ${r.vars.palette.divider}`
+          },
+          "& .MuiDataGrid-columnSeparator": {
+            color: r.vars.palette.divider
+          },
+          '& .MuiDataGrid-columnHeader[data-field="__check__"]': {
+            padding: 0
+          }
+        }
+      }
+    },
+    MuiGridMenu: {
+      styleOverrides: {
+        root: {
+          "& .MuiDataGrid-gridMenuList": {
+            boxShadow: r.customShadows?.z4,
+            borderRadius: r.shape.borderRadius
+          },
+          "& .MuiMenuItem-root": {
+            ...r.colorSchemes.finalTheme.typography.body
+          }
+        }
+      }
+    },
+    MuiGridFilterForm: {
+      styleOverrides: {
+        root: {
+          padding: r.spacing(1.5, 0),
+          "& .MuiFormControl-root": {
+            margin: r.spacing(0, 0.5)
+          },
+          "& .MuiInput-root": {
+            marginTop: r.spacing(3),
+            "&::before, &::after": {
+              display: "none"
+            },
+            "& .MuiNativeSelect-select, .MuiInput-input": {
+              ...r.colorSchemes.finalTheme.typography.body,
+              padding: r.spacing(0.75, 1),
+              borderRadius: r.shape.borderRadius,
+              backgroundColor: r.vars.palette.background.surface
+            },
+            "& .MuiSvgIcon-root": {
+              right: 4
+            }
+          }
+        }
+      }
+    },
+    MuiGridPanelFooter: {
+      styleOverrides: {
+        root: {
+          padding: r.spacing(2),
+          justifyContent: "flex-end",
+          "& .MuiButton-root": {
+            "&:first-of-type": {
+              marginRight: r.spacing(1.5),
+              color: r.vars.palette.text.primary,
+              "&:hover": {
+                backgroundColor: r.vars.palette.action.hover
+              }
+            },
+            "&:last-of-type": {
+              color: r.vars.palette.common.white,
+              backgroundColor: r.vars.palette.primary.main,
+              "&:hover": {
+                backgroundColor: r.vars.palette.primary.dark
+              }
+            }
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  o as D
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material';
-export default function Drawer(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Drawer overrides
+ * @author Juan Escobar - automatic
+ * @createdAt 2024-10-06 13:47:24 - automatic
+ * @updatedAt 2024-10-06 13:47:25 - automatic
+ * @updatedUser Juan Escobar - automatic
+ */
+export default function Drawer(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiDrawer: {
         styleOverrides: {
             root: {