@m4l/styles 7.1.36 → 7.1.37

package/index.js

@@ -1,6 +1,6 @@
 import { D as s, g as e, m as a } from "./config.js";
 import { c as E, s as S } from "./theme/shadows.js";
-import { f as p } from "./theme/overrides/index.js";
+import { f as p } from "./overrides/index.js";
 import { B as T } from "./theme/palette/baseColors.js";
 import { B as R } from "./theme/palette/baseOpacityColors.js";
 import { C as P } from "./theme/palette/commonColors.js";

package/overrides/index.d.ts

@@ -0,0 +1,10 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+type ThemeType = Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme;
+/**
+ * Funcion que se encarga de aplicar los overrides a los componentes de MUI
+ * @param theme - El tema de MUI
+ * @returns Los overrides aplicados a los componentes de MUI
+ * @deprecated En proceso de eliminación, ahora el sistema de overrides se gestiona a través de los slots de los componentes en @m4l/components.
+ */
+export declare function fnComponentsOverrides(_theme: ThemeType): ThemeType['components'];
+export {};

package/overrides/index.js

@@ -0,0 +1,6 @@
+function n(e) {
+  return {};
+}
+export {
+  n as f
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.36",
+  "version": "7.1.37",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {

package/theme/index.d.ts

@@ -4,4 +4,4 @@ export * from './palette';
 export * from './typography';
 export * from './typographyOld';
 export * from './sizes';
-export { fnComponentsOverrides } from './overrides';
+export { fnComponentsOverrides } from '../overrides';

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

@@ -1,313 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LAccordion overrides
- */
-export declare const M4LAccordion: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LAccordion: {
-        styleOverrides: {
-            '&.M4LAccordion-root': {
-                [x: string]: string | {
-                    padding: string;
-                    display: string;
-                    alignItems: string;
-                    '& .MuiTypography-root': {
-                        color: string;
-                    };
-                    marginBottom?: undefined;
-                    borderRadius?: undefined;
-                    border?: undefined;
-                    borderColor?: undefined;
-                    '& .MuiCollapse-root'?: undefined;
-                    height?: undefined;
-                    minHeight?: undefined;
-                    background?: undefined;
-                    '&.MuiAccordionSummary-root'?: undefined;
-                    test?: undefined;
-                    '& .MuiButtonBase-root'?: undefined;
-                } | {
-                    marginBottom: string;
-                    borderRadius: string;
-                    border: string;
-                    borderColor: string;
-                    '& .MuiCollapse-root': {
-                        padding: string;
-                        '& .MuiCollapse-wrapper': {
-                            '& .MuiCollapse-wrapperInner': {
-                                '& .MuiAccordion-region': {
-                                    '& .M4LAccordion-content': {
-                                        display: string;
-                                        flexDirection: string;
-                                        gap: string;
-                                    };
-                                };
-                            };
-                        };
-                    };
-                    padding?: undefined;
-                    display?: undefined;
-                    alignItems?: undefined;
-                    '& .MuiTypography-root'?: undefined;
-                    height?: undefined;
-                    minHeight?: undefined;
-                    background?: undefined;
-                    '&.MuiAccordionSummary-root'?: undefined;
-                    test?: undefined;
-                    '& .MuiButtonBase-root'?: undefined;
-                } | {
-                    padding: string;
-                    borderRadius: string;
-                    height: string;
-                    minHeight: string;
-                    background: string;
-                    '&.MuiAccordionSummary-root': {
-                        height: string;
-                        minHeight: string;
-                        padding: string;
-                        '& .M4LAccordion-labelIcon': {
-                            display: string;
-                            flexDirection: string;
-                            justifyContent: string;
-                            '& .M4LIcon-root': {
-                                padding: string;
-                            };
-                        };
-                        '& .Mui-expanded': {
-                            background: string;
-                            height: string;
-                            minHeight: string;
-                            '& .MuiButtonBase-root': {
-                                '&.MuiAccordionSummary-content': {
-                                    borderRadius: string;
-                                    background: string;
-                                    height: string;
-                                    minHeight: string;
-                                };
-                                '& .M4LTypography-root': {
-                                    '& .MuiTypography-root': {
-                                        color: string;
-                                    };
-                                };
-                                '& .MuiAccordionSummary-expandIconWrapper': {
-                                    transform: string;
-                                };
-                                '& .M4LAccordion-endIcon': {
-                                    transform: string;
-                                };
-                            };
-                        };
-                    };
-                    test: string;
-                    display?: undefined;
-                    alignItems?: undefined;
-                    '& .MuiTypography-root'?: undefined;
-                    marginBottom?: undefined;
-                    border?: undefined;
-                    borderColor?: undefined;
-                    '& .MuiCollapse-root'?: undefined;
-                    '& .MuiButtonBase-root'?: undefined;
-                } | {
-                    '& .MuiButtonBase-root': {
-                        padding: string;
-                        borderRadius: string;
-                        height: string;
-                        minHeight: string;
-                        background: string;
-                        '&.MuiAccordionSummary-root': {
-                            height: string;
-                            minHeight: string;
-                            padding: string;
-                            '&:hover': {
-                                background: string;
-                            };
-                            '& .Mui-expanded'?: undefined;
-                        };
-                        '& .MuiCollapse-root': {
-                            background: string;
-                            borderColor: string;
-                            borderRadius: string;
-                            padding: string;
-                            '&.MuiButtonBase-root': {
-                                padding: string;
-                                background: string;
-                            };
-                            '& .M4LAccordion-content': {
-                                display: string;
-                                flexDirection: string;
-                                gap: string;
-                                '& .M4LPropertyValue-root:last-of-type': {
-                                    borderBottom: string;
-                                };
-                            };
-                        };
-                        test?: undefined;
-                    };
-                    padding?: undefined;
-                    display?: undefined;
-                    alignItems?: undefined;
-                    '& .MuiTypography-root'?: undefined;
-                    marginBottom?: undefined;
-                    borderRadius?: undefined;
-                    border?: undefined;
-                    borderColor?: undefined;
-                    '& .MuiCollapse-root'?: undefined;
-                    height?: undefined;
-                    minHeight?: undefined;
-                    background?: undefined;
-                    '&.MuiAccordionSummary-root'?: undefined;
-                    test?: undefined;
-                } | {
-                    '& .MuiButtonBase-root': {
-                        height: string;
-                        minHeight: string;
-                        '&.MuiAccordionSummary-root': {
-                            height: string;
-                            minHeight: string;
-                            '& .Mui-expanded': {
-                                height: string;
-                                minHeight: string;
-                                '& .MuiButtonBase-root': {
-                                    '&.MuiAccordionSummary-content': {
-                                        height: string;
-                                        minHeight: string;
-                                    };
-                                };
-                            };
-                            padding?: undefined;
-                            '&:hover'?: undefined;
-                        };
-                        test: string;
-                        padding?: undefined;
-                        borderRadius?: undefined;
-                        background?: undefined;
-                        '& .MuiCollapse-root'?: undefined;
-                    };
-                    padding?: undefined;
-                    display?: undefined;
-                    alignItems?: undefined;
-                    '& .MuiTypography-root'?: undefined;
-                    marginBottom?: undefined;
-                    borderRadius?: undefined;
-                    border?: undefined;
-                    borderColor?: undefined;
-                    '& .MuiCollapse-root'?: undefined;
-                    height?: undefined;
-                    minHeight?: undefined;
-                    background?: undefined;
-                    '&.MuiAccordionSummary-root'?: undefined;
-                    test?: undefined;
-                };
-                width: string;
-                background: string;
-                borderRadius: string;
-                '& .M4LTypography-root': {
-                    padding: string;
-                    display: string;
-                    alignItems: string;
-                    '& .MuiTypography-root': {
-                        color: string;
-                    };
-                };
-                '& .MuiPaper-root': {
-                    marginBottom: string;
-                    borderRadius: string;
-                    border: string;
-                    borderColor: string;
-                    '& .MuiCollapse-root': {
-                        padding: string;
-                        '& .MuiCollapse-wrapper': {
-                            '& .MuiCollapse-wrapperInner': {
-                                '& .MuiAccordion-region': {
-                                    '& .M4LAccordion-content': {
-                                        display: string;
-                                        flexDirection: string;
-                                        gap: string;
-                                    };
-                                };
-                            };
-                        };
-                    };
-                };
-                '& .MuiButtonBase-root.Mui-expanded': {
-                    padding: string;
-                    borderRadius: string;
-                    height: string;
-                    minHeight: string;
-                    background: string;
-                    '&.MuiAccordionSummary-root': {
-                        height: string;
-                        minHeight: string;
-                        padding: string;
-                        '& .M4LAccordion-labelIcon': {
-                            display: string;
-                            flexDirection: string;
-                            justifyContent: string;
-                            '& .M4LIcon-root': {
-                                padding: string;
-                            };
-                        };
-                        '& .Mui-expanded': {
-                            background: string;
-                            height: string;
-                            minHeight: string;
-                            '& .MuiButtonBase-root': {
-                                '&.MuiAccordionSummary-content': {
-                                    borderRadius: string;
-                                    background: string;
-                                    height: string;
-                                    minHeight: string;
-                                };
-                                '& .M4LTypography-root': {
-                                    '& .MuiTypography-root': {
-                                        color: string;
-                                    };
-                                };
-                                '& .MuiAccordionSummary-expandIconWrapper': {
-                                    transform: string;
-                                };
-                                '& .M4LAccordion-endIcon': {
-                                    transform: string;
-                                };
-                            };
-                        };
-                    };
-                    test: string;
-                };
-                '& .MuiPaper-outlined': {
-                    '& .MuiButtonBase-root': {
-                        padding: string;
-                        borderRadius: string;
-                        height: string;
-                        minHeight: string;
-                        background: string;
-                        '&.MuiAccordionSummary-root': {
-                            height: string;
-                            minHeight: string;
-                            padding: string;
-                            '&:hover': {
-                                background: string;
-                            };
-                        };
-                        '& .MuiCollapse-root': {
-                            background: string;
-                            borderColor: string;
-                            borderRadius: string;
-                            padding: string;
-                            '&.MuiButtonBase-root': {
-                                padding: string;
-                                background: string;
-                            };
-                            '& .M4LAccordion-content': {
-                                display: string;
-                                flexDirection: string;
-                                gap: string;
-                                '& .M4LPropertyValue-root:last-of-type': {
-                                    borderBottom: string;
-                                };
-                            };
-                        };
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LAccordion.js

@@ -1,145 +0,0 @@
-const r = (o) => ({
-  M4LAccordion: {
-    styleOverrides: {
-      "&.M4LAccordion-root": {
-        width: "100%",
-        background: o.vars.palette.background.default,
-        borderRadius: "4px",
-        "& .M4LTypography-root": {
-          padding: "4px 8px",
-          display: "flex",
-          alignItems: "center",
-          "& .MuiTypography-root": {
-            ...o.colorSchemes.finalTheme.typography.bodyDens,
-            color: o.vars.palette.text.primary
-          }
-        },
-        "& .MuiPaper-root": {
-          marginBottom: "0px",
-          borderRadius: "4px",
-          border: "1px solid",
-          borderColor: o.vars.palette?.border.default,
-          "& .MuiCollapse-root": {
-            padding: "8px",
-            "& .MuiCollapse-wrapper": {
-              "& .MuiCollapse-wrapperInner": {
-                "& .MuiAccordion-region": {
-                  "& .M4LAccordion-content": {
-                    display: "flex !important",
-                    flexDirection: "column",
-                    gap: "8px !important"
-                  }
-                }
-              }
-            }
-          }
-        },
-        "& .MuiButtonBase-root.Mui-expanded": {
-          padding: "4px 8px",
-          borderRadius: "4px",
-          height: "24px",
-          minHeight: "24px",
-          background: "transparent",
-          "&.MuiAccordionSummary-root": {
-            height: "28px",
-            minHeight: "28px",
-            padding: "0",
-            "& .M4LAccordion-labelIcon": {
-              display: "flex",
-              flexDirection: "row",
-              justifyContent: "center",
-              "& .M4LIcon-root": {
-                padding: "4px 0 4px 8px"
-              }
-            },
-            "& .Mui-expanded": {
-              background: o.vars.palette.primary.opacity,
-              height: "28px",
-              minHeight: "28px",
-              "& .MuiButtonBase-root": {
-                "&.MuiAccordionSummary-content": {
-                  borderRadius: "0 0 0 0 !important",
-                  background: o.vars.palette.primary.opacity,
-                  height: "28px",
-                  minHeight: "28px"
-                },
-                "& .M4LTypography-root": {
-                  "& .MuiTypography-root": {
-                    ...o.colorSchemes.finalTheme.typography.bodyDens,
-                    color: o.vars.palette.text?.primary
-                  }
-                },
-                "& .MuiAccordionSummary-expandIconWrapper": {
-                  transform: "rotate(0deg)"
-                },
-                "& .M4LAccordion-endIcon": {
-                  transform: "rotate(90deg)"
-                }
-              }
-            }
-          },
-          test: "root"
-        },
-        "& .MuiPaper-outlined": {
-          "& .MuiButtonBase-root": {
-            padding: "4px 8px",
-            borderRadius: "4px",
-            height: "24px",
-            minHeight: "24px",
-            background: "transparent",
-            "&.MuiAccordionSummary-root": {
-              height: "28px",
-              minHeight: "28px",
-              padding: "0",
-              "&:hover": {
-                background: o.vars.palette.background.hover
-              }
-            },
-            "& .MuiCollapse-root": {
-              background: o.vars.palette.background.default,
-              borderColor: o.vars.palette?.border.default,
-              borderRadius: "0px 0px 4px 4px",
-              padding: "8px",
-              "&.MuiButtonBase-root": {
-                padding: "4px 8px !important",
-                background: o.vars.palette.background.surface
-              },
-              "& .M4LAccordion-content": {
-                display: "flex !important",
-                flexDirection: "column",
-                gap: "2px",
-                "& .M4LPropertyValue-root:last-of-type": {
-                  borderBottom: "unset"
-                }
-              }
-            }
-          }
-        },
-        [o.breakpoints.down("md")]: {
-          "& .MuiButtonBase-root": {
-            height: "36px",
-            minHeight: "36px",
-            "&.MuiAccordionSummary-root": {
-              height: "36px",
-              minHeight: "36px",
-              "& .Mui-expanded": {
-                height: "36px",
-                minHeight: "36px",
-                "& .MuiButtonBase-root": {
-                  "&.MuiAccordionSummary-content": {
-                    height: "36px",
-                    minHeight: "36px"
-                  }
-                }
-              }
-            },
-            test: "root"
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};