@m4l/styles 6.4.0 → 6.5.1

package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.js

@@ -0,0 +1,188 @@
+const i = (t) => ({
+  M4LRHFUploadImage: {
+    styleOverrides: {
+      "&.M4LRHFUploadImage-root": {
+        width: "fit-content",
+        height: "fit-content",
+        "& .M4LRHFUploadImage-containerUploadImage": {
+          width: "100%",
+          height: "100%",
+          minHeight: "200px",
+          minWidth: t.spacing(20),
+          position: "relative",
+          borderRadius: "4px",
+          padding: "8px",
+          boxShadow: t.customShadows?.z2,
+          background: t.vars.palette.background.default,
+          "& .M4LRHFUploadImage-dropZoneStyle": {
+            zIndex: 0,
+            width: "fit-content",
+            height: "fit-content",
+            outline: "none",
+            padding: "12px",
+            display: "flex",
+            overflow: "hidden",
+            borderRadius: "4px",
+            position: "relative",
+            inset: "0",
+            alignItems: "center",
+            justifyContent: "center",
+            background: t.vars.palette.background.surface,
+            "& > *": {
+              width: "100%",
+              height: "100%"
+            },
+            "&:hover": {
+              background: t.vars.palette.primary.opacity,
+              border: "1px solid",
+              borderColor: t.vars.palette.primary.opacity,
+              cursor: "pointer",
+              "& .placeholder": {
+                zIndex: 9
+              }
+            },
+            "& .M4LRHFUploadImage-containerFileImage": {
+              width: "100%",
+              height: "100%",
+              position: "absolute",
+              padding: "12px"
+            },
+            "& .M4LRHFUploadImage-placeHolder": {
+              overflor: "hidden",
+              display: "flex",
+              justifyContent: "center",
+              position: "relative",
+              zIndex: "22",
+              inset: "0",
+              width: "100%",
+              height: "100%",
+              overflow: "hidden",
+              transition: t.transitions.create("opacity", {
+                easing: t.transitions.easing.easeInOut,
+                duration: t.transitions.duration.shorter
+              }),
+              "&:hover": {
+                opacity: 1
+              },
+              "& .M4LRHFUploadImage-containerUploadBoddy": {
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                width: "100%",
+                height: "100%",
+                gap: "0",
+                position: "relative",
+                overflow: "hidden",
+                // Icono de carga
+                "& .M4LRHFUploadImage-containerBodyImage": {
+                  display: "flex",
+                  justifyContent: "center",
+                  width: "56px",
+                  height: "56px",
+                  minWidth: "56px",
+                  minHeight: "56px",
+                  paddingBottom: "8px"
+                },
+                "& .M4LRHFUploadImage-containerMessage": {
+                  display: "flex",
+                  justifyContent: "center",
+                  flexDirection: "column",
+                  gap: "8px",
+                  width: "100%",
+                  "& .M4LRHFUploadImage-containerTitle": {
+                    display: "flex",
+                    justifyContent: "center",
+                    ".MuiTypography-subtitle": {
+                      ...t.colorSchemes.finalTheme.typography.paragraphDens,
+                      color: t.vars.palette.text.primary
+                    }
+                  },
+                  "& .M4LRHFUploadImage-containerDescription": {
+                    display: "flex",
+                    justifyContent: "center",
+                    ".MuiTypography-root": {
+                      ...t.colorSchemes.finalTheme.typography.paragraph,
+                      color: t.vars.palette.text.secondary
+                    }
+                  },
+                  "& .M4LRHFUploadImage-containerConditions": {
+                    display: "flex",
+                    justifyContent: "center",
+                    ".MuiTypography-root": {
+                      ...t.colorSchemes.finalTheme.typography.body,
+                      color: t.vars.palette.text.secondary
+                    }
+                  },
+                  "& .M4LButton-root": {
+                    display: "flex",
+                    justifyContent: "center",
+                    marginTop: "8px"
+                  }
+                }
+              }
+            }
+          }
+        },
+        // Skeleton
+        "& .M4LRHFUploadImage-skeleton": {
+          maskPosition: "center!important",
+          maskRepeat: "no-repeat!important",
+          WebkitMaskRepeat: "no-repeat!important",
+          border: `1px dashed ${t.vars.palette.divider}`,
+          width: "100%",
+          height: "100%",
+          mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
+          WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
+        }
+      },
+      // Imagen cargada
+      "&.M4LRHFUploadImage-hasFile": {
+        "& .M4LRHFUploadImage-placeHolder": {
+          opacity: "0",
+          overflor: "hidden",
+          display: "flex",
+          justifyContent: "center",
+          position: "relative",
+          zIndex: "22",
+          inset: "0",
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          transition: t.transitions.create("opacity", {
+            easing: t.transitions.easing.easeInOut,
+            duration: t.transitions.duration.shorter
+          }),
+          "&:hover": {
+            opacity: 1
+          },
+          // Comportamiento Hover imagen cargada
+          "& .M4LRHFUploadImage-containerUploadBoddy": {
+            "& .M4LRHFUploadImage-containerBodyImage": {
+              opacity: "0"
+            },
+            "& .M4LRHFUploadImage-containerMessage": {
+              "& .M4LRHFUploadImage-containerTitle": {
+                opacity: "0"
+              },
+              "& .M4LRHFUploadImage-containerDescription": {
+                opacity: "0"
+              },
+              "& .M4LRHFUploadImage-containerConditions": {
+                opacity: "0"
+              },
+              "& .M4LButton-root": {
+                display: "flex",
+                justifyContent: "center",
+                marginTop: "16px"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+});
+export {
+  i as M
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Accordion(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Accordion 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 Accordion(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiAccordion: {
         styleOverrides: {
             root: {
@@ -67,7 +74,7 @@ export default function Accordion(theme: Omit<Theme, "palette" | "applyStyles">
                 '&.Mui-expanded': {
                     margin: string;
                 };
-                '@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;
@@ -443,7 +450,7 @@ export default function Accordion(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/Accordion.js

@@ -0,0 +1,80 @@
+function a(i) {
+  return {
+    MuiAccordion: {
+      styleOverrides: {
+        root: {
+          backgroundColor: i.vars.palette.background.default,
+          width: "100%",
+          marginTop: "0px",
+          marginBottom: i.spacing(1.5),
+          "&.Mui-expanded": {
+            marginTop: "0px",
+            marginBottom: i.spacing(1.5)
+          },
+          border: "0px solid transparent",
+          "&.Mui-disabled": {
+            backgroundColor: "transparent"
+          },
+          "&::before": {
+            content: "none"
+          }
+        }
+      }
+    },
+    MuiAccordionDetails: {
+      styleOverrides: {
+        root: {
+          padding: `0px ${i.spacing(0)}`
+        }
+      }
+    },
+    MuiAccordionSummary: {
+      styleOverrides: {
+        root: {
+          borderRadius: i.spacing(0.5),
+          height: i.spacing(4.5),
+          minHeight: i.spacing(4.5),
+          backgroundColor: i.vars.palette.primary.opacity,
+          paddingLeft: i.spacing(2),
+          paddingRight: i.spacing(2),
+          marginBottom: "0px",
+          "&.Mui-expanded": {
+            height: i.spacing(4.5),
+            minHeight: i.spacing(4.5),
+            borderRadius: "4px 4px 0px 0px"
+          },
+          "&.Mui-disabled": {
+            opacity: 1,
+            color: i.vars.palette.action.disabled,
+            "& .MuiTypography-root": {
+              color: "inherit"
+            }
+          }
+        },
+        expandIconWrapper: {
+          color: i.vars.palette.action.active,
+          height: 20,
+          width: 20,
+          alignItems: "center",
+          justifyContent: "center",
+          "& > svg": {
+            height: 12,
+            width: 12
+          }
+        },
+        content: {
+          ...i.colorSchemes.finalTheme.typography.subtitle2,
+          margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
+          "&.Mui-expanded": {
+            margin: "0px"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  a as A
+};

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

@@ -0,0 +1,104 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+/**
+ * Alert 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 Alert(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
+    MuiAlert: {
+        defaultProps: {
+            iconMapping: {
+                info: import("react").JSX.Element;
+                success: import("react").JSX.Element;
+                warning: import("react").JSX.Element;
+                error: import("react").JSX.Element;
+            };
+        };
+        styleOverrides: {
+            message: {
+                '& .MuiAlertTitle-root': {
+                    marginBottom: string;
+                };
+            };
+            action: {
+                '& button:not(:first-of-type)': {
+                    marginLeft: string;
+                };
+            };
+            standardInfo: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardSuccess: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardWarning: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardError: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            filledInfo: {
+                color: string;
+            };
+            filledSuccess: {
+                color: string;
+            };
+            filledWarning: {
+                color: string;
+            };
+            filledError: {
+                color: string;
+            };
+            outlinedInfo: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedSuccess: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedWarning: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedError: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+        };
+    };
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Autocomplete(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Autocomplete 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 Autocomplete(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiAutocomplete: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Autocomplete.js

@@ -0,0 +1,38 @@
+function p(o) {
+  return {
+    MuiAutocomplete: {
+      styleOverrides: {
+        root: {
+          height: "auto",
+          "& .MuiInputBase-root": {
+            padding: "4px 4px 4px 8px",
+            borderRadius: "4px",
+            minHeight: "24px",
+            [o.breakpoints.down("sm")]: {
+              height: "36px",
+              minHeight: "36px"
+            }
+          }
+        },
+        paper: {
+          boxShadow: o.vars.customShadows.z3
+        },
+        listbox: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          padding: "4px",
+          borderRadius: "6px",
+          "& .MuiAutocomplete-option": {
+            padding: "0px 0 0 8px",
+            borderRadius: "4px",
+            height: "auto"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  p as A
+};

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

@@ -1,4 +1,11 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
+/**
+ * Avatar 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 Avatar(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiAvatar: {
         styleOverrides: {

package/theme/overrides/MUIComponents/Avatar.js

@@ -0,0 +1,30 @@
+function a(r) {
+  return {
+    MuiAvatar: {
+      styleOverrides: {
+        borderTop: "1.5px",
+        borderColor: r.vars.palette?.border.default,
+        colorDefault: {
+          color: r.vars.palette.text.secondary,
+          backgroundColor: r.vars.palette.grey[400]
+        }
+      }
+    },
+    MuiAvatarGroup: {
+      styleOverrides: {
+        avatar: {
+          fontSize: 16,
+          fontWeight: r.typography.fontWeightMedium,
+          "&:first-of-type": {
+            fontSize: 14,
+            color: r.vars.palette.primary.main,
+            backgroundColor: r.vars.palette.primary.light
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  a as A
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Backdrop(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Backdrop 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 Backdrop(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBackdrop: {
         styleOverrides: {
             root: {
@@ -11,6 +18,13 @@ export default function Backdrop(theme: Omit<Theme, "palette" | "applyStyles"> &
         };
     };
 };
+/**
+ * ColorTheFrontBackdrop
+ * @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 ColorTheFrontBackdrop(_theme: Theme): {
     MuiBackdrop: {
         styleOverrides: {

package/theme/overrides/MUIComponents/Backdrop.js

@@ -0,0 +1,24 @@
+import { alpha as o } from "@mui/material/styles";
+function n(a) {
+  const e = o(a.colorSchemes.finalTheme.palette.grey[900], 0.48), r = o(a.colorSchemes.finalTheme.palette.grey[900], 1);
+  return {
+    MuiBackdrop: {
+      styleOverrides: {
+        root: {
+          background: [
+            "rgb(22,28,36)",
+            `-moz-linear-gradient(75deg, ${e} 0%, ${r} 100%)`,
+            `-webkit-linear-gradient(75deg, ${e} 0%, ${r} 100%)`,
+            `linear-gradient(75deg, ${e} 0%, ${r} 100%)`
+          ],
+          "&.MuiBackdrop-invisible": {
+            background: "transparent"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  n as B
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Badge(_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Badge 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 Badge(_theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBadge: {
         styleOverrides: {
             background: string;

package/theme/overrides/MUIComponents/Badge.js

@@ -0,0 +1,18 @@
+function d(e) {
+  return {
+    MuiBadge: {
+      styleOverrides: {
+        background: "red",
+        dot: {
+          width: "16px",
+          height: "16px",
+          borderRadius: "50%"
+          //background: "red",
+        }
+      }
+    }
+  };
+}
+export {
+  d as B
+};

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

@@ -1,5 +1,12 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Breadcrumbs(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+/**
+ * Breadcrumbs 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 Breadcrumbs(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBreadcrumbs: {
         styleOverrides: {
             separator: {

package/theme/overrides/MUIComponents/Breadcrumbs.js

@@ -0,0 +1,15 @@
+function a(r) {
+  return {
+    MuiBreadcrumbs: {
+      styleOverrides: {
+        separator: {
+          marginLeft: r.spacing(2),
+          marginRight: r.spacing(2)
+        }
+      }
+    }
+  };
+}
+export {
+  a as B
+};

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

@@ -1,4 +1,11 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
+/**
+ * Button 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 Button(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiButton: {
         styleOverrides: {