@m4l/styles 7.1.36 → 7.1.38

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.38",
   "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/sizes/pointerQr.js

@@ -1,5 +1,5 @@
-import { P as a, a as e } from "./presetSizes.js";
-const o = {
+import { P as a, a as m } from "./presetSizes.js";
+const s = {
   small: {
     base: a.base.small,
     action: a.action.small,
@@ -13,38 +13,38 @@ const o = {
     container: a.container.medium,
     box: a.box.medium,
     case: a.case.medium
-  },
-  large: {
-    base: a.base.large,
-    action: a.action.large,
-    container: a.container.large,
-    box: a.box.large,
-    case: a.case.large
   }
-}, c = {
+  // large: {
+  //   base: PRESET_SIZES_DESKTOP.base.large,
+  //   action: PRESET_SIZES_DESKTOP.action.large,
+  //   container: PRESET_SIZES_DESKTOP.container.large,
+  //   box: PRESET_SIZES_DESKTOP.box.large,
+  //   case: PRESET_SIZES_DESKTOP.case.large,
+  // },
+}, i = {
   small: {
-    base: e.base.small,
-    action: e.action.small,
-    container: e.container.small,
-    box: e.box.small,
-    case: e.case.small
+    base: m.base.small,
+    action: m.action.small,
+    container: m.container.small,
+    box: m.box.small,
+    case: m.case.small
   },
   medium: {
-    base: e.base.medium,
-    action: e.action.medium,
-    container: e.container.medium,
-    box: e.box.medium,
-    case: e.case.medium
-  },
-  large: {
-    base: e.base.large,
-    action: e.action.large,
-    container: e.container.large,
-    box: e.box.large,
-    case: e.case.large
+    base: m.base.medium,
+    action: m.action.medium,
+    container: m.container.medium,
+    box: m.box.medium,
+    case: m.case.medium
   }
+  // large: {
+  //   base: PRESET_SIZES_MOBILE.base.large,
+  //   action: PRESET_SIZES_MOBILE.action.large,
+  //   container: PRESET_SIZES_MOBILE.container.large,
+  //   box: PRESET_SIZES_MOBILE.box.large,
+  //   case: PRESET_SIZES_MOBILE.case.large,
+  // },
 };
 export {
-  o as P,
-  c as a
+  s as P,
+  i as a
 };

package/theme/sizes/presetSizes.js

@@ -1,58 +1,58 @@
 import { B as s } from "./baseSizes.js";
-const m = {
+const a = {
   base: {
     small: s.sp5,
-    medium: s.sp6,
-    large: s.sp7
+    medium: s.sp6
+    // large: BASE_SPACINGS['sp7'],
   },
   action: {
     small: s.sp7,
-    medium: s.sp8,
-    large: s.sp9
+    medium: s.sp8
+    // large: BASE_SPACINGS['sp9'],
   },
   container: {
     small: s.sp9,
-    medium: s.sp10,
-    large: s.sp11
+    medium: s.sp10
+    // large: BASE_SPACINGS['sp11'],
   },
   box: {
     small: s.sp7,
-    medium: s["sp7-5"],
-    large: s.sp8
+    medium: s["sp7-5"]
+    // large: BASE_SPACINGS['sp8'],
   },
   case: {
     small: s["sp4-5"],
-    medium: s["sp5-5"],
-    large: s.sp6
+    medium: s["sp5-5"]
+    // large: BASE_SPACINGS['sp6'],
   }
 }, p = {
   base: {
     small: s["sp3-5"],
-    medium: s.sp4,
-    large: s.sp5
+    medium: s.sp4
+    // large: BASE_SPACINGS['sp5'],
   },
   action: {
     small: s.sp5,
-    medium: s.sp6,
-    large: s.sp8
+    medium: s.sp6
+    // large: BASE_SPACINGS['sp8'],
   },
   container: {
     small: s.sp7,
-    medium: s.sp8,
-    large: s.sp9
+    medium: s.sp8
+    // large: BASE_SPACINGS['sp9'],
   },
   box: {
     small: s["sp6-5"],
-    medium: s.sp7,
-    large: s.sp8
+    medium: s.sp7
+    // large: BASE_SPACINGS['sp8'],
   },
   case: {
     small: s.sp4,
-    medium: s.sp5,
-    large: s.sp6
+    medium: s.sp5
+    // large: BASE_SPACINGS['sp6'],
   }
 };
 export {
   p as P,
-  m as a
+  a
 };

package/theme/sizes/types.d.ts

@@ -50,7 +50,7 @@ export interface BaseSpacings {
 /**
  * type usado para tipar las props sizes de los componentes o sus derivaciones
  */
-export type Sizes = 'small' | 'medium' | 'large';
+export type Sizes = 'small' | 'medium';
 /**
  * Representa al conjunto de valores de tamaño que tienen en cuenta la variación de tamaño en la aplicación web.
  * Puede ser small, medium y large.

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
-};