@m4l/styles 7.1.36 → 7.1.37

package/theme/overrides/M4LExtendedComponents/M4LModalDialog.js

@@ -1,151 +0,0 @@
-const o = (e) => ({
-  M4LModalDialog: {
-    styleOverrides: {
-      "&.M4LModal-root": {
-        test: "root",
-        "& .MuiPaper-root": {
-          "& .M4LModal-windowBaseRoot": {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "100%"
-          },
-          // Contenedor Window Confirm
-          "& .M4LModal-containerWindow": {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            height: "100%",
-            overflow: "hidden",
-            width: "100%",
-            background: e.vars.palette.background.default,
-            boxShadow: e.customShadows?.z2,
-            borderRadius: "4px",
-            // Contenedor botones de acción
-            "& .M4LCommonActions-root": {
-              padding: "16px 0 0 0",
-              margin: "0px",
-              width: "100%",
-              height: "fit-content",
-              display: "flex",
-              flexDirection: "row",
-              justifyContent: "flex-end",
-              gap: "12px"
-            },
-            "& .M4LModal-containerMassageIlustration": {
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%",
-              width: "100%",
-              overflow: "auto",
-              gap: "12px",
-              // Contenedor
-              "& .M4LModal-modalContent": {
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center",
-                gap: "12px",
-                // Ilustración
-                "& .M4LModal-illustrationContainer": {
-                  display: "flex",
-                  flexDirection: "column",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  marginBottom: "12px",
-                  height: "100px",
-                  width: "100px"
-                },
-                // Título de alerta
-                "& .MuiTypography-subtitle": {
-                  ...e.colorSchemes.finalTheme.typography.subtitleDens,
-                  color: e.vars.palette.text.primary
-                },
-                // Mensaje de alerta
-                "& .M4LModal-messageContainer": {
-                  ...e.colorSchemes.finalTheme.typography.body,
-                  color: e.vars.palette.text.secondary,
-                  textAlign: "center"
-                }
-              }
-            },
-            "& .M4LModal-headerContainer": {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              minHeight: "36px",
-              padding: "6px 4px 6px 8px",
-              gap: "8px",
-              cursor: "move",
-              "& .M4LModal-iconHeader": {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center"
-              },
-              "& .M4LModal-titleHeader": {
-                ...e.colorSchemes.finalTheme.typography.paragraphDens,
-                width: "100%",
-                whiteSpace: "nowrap",
-                textOverflow: "ellipsis",
-                overflow: "hidden"
-              },
-              "& .M4LModal-iconCloseHeader": {
-                /* Optional overrides */
-              }
-            },
-            "& .M4LModal-windowContent": {
-              padding: "24px",
-              width: "100%",
-              height: "100%",
-              display: "flex",
-              flexDirection: "column",
-              flex: "1",
-              overflow: "hidden",
-              "& .M4LStack-root": {
-                //gap: '8px',
-                overflow: "hidden"
-              }
-            }
-          }
-          /*'& .react-resizable': {
-                          display: 'flex',
-                          flexDirection: 'column',
-                          justifyContent: 'center',
-                          alignItems: 'center',
-                          '& .M4LIcon-root': {
-                              '& .M4LIcon-icon': {
-                                  background: theme.vars.palette.text.secondary,
-                                  boxShadow: theme.colorSchemes.finalTheme.customShadows.z1,
-                              },
-                          },
-                      }, */
-        }
-      },
-      "& .MuiPaper-root.MuiDialog-paperFullScreen": {
-        width: "100%",
-        height: "100%"
-      },
-      "& .MuiPaper-root:not(.MuiDialog-paperFullScreen).MuiDialog-paper": {
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-        borderRadius: "4px",
-        margin: "0px",
-        maxWidth: "unset",
-        maxHeight: "unset",
-        background: e.vars.palette.primary.opacity,
-        border: "2px solid",
-        borderColor: e.vars.palette?.border.default,
-        boxShadow: e.vars.customShadows.z4,
-        width: "auto",
-        height: "auto"
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,22 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LModuleLayout overrides
- */
-export declare const M4LModuleLayout: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LModuleLayout: {
-        styleOverrides: {
-            '&.M4LModuleLayout-root': {
-                display: string;
-                width: string;
-                height: string;
-                '& .M4LModuleLayout-moduleContent': {
-                    display: string;
-                    width: string;
-                    height: string;
-                    overflow: string;
-                    borderRadius: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.js

@@ -1,21 +0,0 @@
-const o = (e) => ({
-  M4LModuleLayout: {
-    styleOverrides: {
-      "&.M4LModuleLayout-root": {
-        display: "flex",
-        width: "100%",
-        height: "100%",
-        "& .M4LModuleLayout-moduleContent": {
-          display: "flex",
-          width: "100%",
-          height: "100%",
-          overflow: "auto",
-          borderRadius: "6px"
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,25 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LNavLink overrides
- */
-export declare const M4LNavLink: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LNavLink: {
-        styleOverrides: {
-            "&.M4LNavLink-root": {
-                '& .M4LTypography-root': {
-                    color: string;
-                };
-                '&: hover': {
-                    '& .M4LTypography-root': {
-                        color: string;
-                        textDecoration: string;
-                        textDecorationColor: string;
-                    };
-                };
-                '& > a': {
-                    textDecoration: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LNavLink.js

@@ -1,24 +0,0 @@
-const o = (r) => ({
-  M4LNavLink: {
-    styleOverrides: {
-      "&.M4LNavLink-root": {
-        "& .M4LTypography-root": {
-          color: r.vars.palette.primary.active
-        },
-        "&: hover": {
-          "& .M4LTypography-root": {
-            color: r.vars.palette.primary?.hover,
-            textDecoration: "underline",
-            textDecorationColor: r.vars.palette.primary?.hover
-          }
-        },
-        "& > a": {
-          textDecoration: "none"
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,25 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LNoItemSelected overrides
- */
-export declare const M4LNoItemSelected: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LNoItemSelected: {
-        styleOverrides: {
-            '&.M4LNoItemSelected-root': {
-                width: string;
-                height: string;
-                maxWidth: string;
-                minWidth: string;
-                display: string;
-                flexDirection: string;
-                alignItems: string;
-                justifyContent: string;
-                padding: string;
-                '& .M4LImage-root': {
-                    maxWidth: string;
-                    minWidth: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.js

@@ -1,24 +0,0 @@
-const t = (e) => ({
-  M4LNoItemSelected: {
-    styleOverrides: {
-      "&.M4LNoItemSelected-root": {
-        width: "100%",
-        height: "80%",
-        maxWidth: "600px",
-        minWidth: "200px",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "24px",
-        "& .M4LImage-root": {
-          maxWidth: "300px",
-          minWidth: "100px"
-        }
-      }
-    }
-  }
-});
-export {
-  t as M
-};

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

@@ -1,20 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LPDFViewer overrides
- */
-export declare const M4LPDFViewer: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LPDFViewer: {
-        styleOverrides: {
-            '&.M4LPDFViewer-root': {
-                width: string;
-                height: string;
-                position: string;
-                '& .M4LButton-root': {
-                    position: string;
-                    bottom: string;
-                    left: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.js

@@ -1,19 +0,0 @@
-const e = (t) => ({
-  M4LPDFViewer: {
-    styleOverrides: {
-      "&.M4LPDFViewer-root": {
-        width: "100%",
-        height: "100%",
-        position: "relative",
-        "& .M4LButton-root": {
-          position: "sticky!important",
-          bottom: "20px",
-          left: "20px"
-        }
-      }
-    }
-  }
-});
-export {
-  e as M
-};

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

@@ -1,127 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LPager overrides
- */
-export declare const M4LPager: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LPager: {
-        styleOverrides: {
-            '&.M4LPager-root': {
-                test: string;
-                display: string;
-                flexDirection: string;
-                alignItems: string;
-                whiteSpace: string;
-                width: string;
-                justifyContent: string;
-                '& .M4LPager-pagerActions': {
-                    [x: string]: string | {
-                        gap: string;
-                        padding: string;
-                        width?: undefined;
-                        height?: undefined;
-                        minWidth?: undefined;
-                        minHeight?: undefined;
-                    } | {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            minWidth: string;
-                            minHeight: string;
-                        };
-                        width: string;
-                        height: string;
-                        minWidth: string;
-                        minHeight: string;
-                        gap?: undefined;
-                        padding?: undefined;
-                    };
-                    display: string;
-                    padding: string;
-                    justifyContent: string;
-                    alignItems: string;
-                    gap: string;
-                    width: string;
-                    background: string;
-                    borderRadius: string;
-                    margin: string;
-                    '& .M4LIconButton-root': {
-                        [x: string]: string | {
-                            width: string;
-                            height: string;
-                            minWidth: string;
-                            minHeight: string;
-                        };
-                        width: string;
-                        height: string;
-                        minWidth: string;
-                        minHeight: string;
-                    };
-                };
-                '& .M4LPager-labelRowsPerPageContainer': {
-                    display: string;
-                    flexDirection: string;
-                    justifyContent: string;
-                    alignItems: string;
-                    '& .M4LPager-select': {
-                        '& .MuiSelect-select': {
-                            color: string;
-                        };
-                        '& .MuiSelect-icon': {
-                            right: string;
-                            top: string;
-                            bottom: string;
-                        };
-                    };
-                };
-                '& .M4LPager-labelDisplayRows': {
-                    marginLeft: string;
-                };
-                '& .MuiInputBase-root': {
-                    padding: string;
-                    borderRadius: string;
-                    background: string;
-                    overflow: string;
-                    minWidth: string;
-                    '& .MuiSvgIcon-root': {
-                        background: string;
-                    };
-                };
-                '& .M4LPager-skeletonRoot': {
-                    width: string;
-                    display: string;
-                    justifyContent: string;
-                    alignItems: string;
-                    marginLeft: string;
-                    '& .M4LPager-skeletonRowsPerPage': {
-                        display: string;
-                        gridTemplateColumns: string;
-                        gridGap: string;
-                        marginRight: string;
-                    };
-                    '& .M4LPager-skeletonButtonContainer': {
-                        display: string;
-                        marginLeft: string;
-                        '& .M4LPager-skeletonIconButton': {
-                            display: string;
-                            justifyContent: string;
-                            alignItems: string;
-                            width: string;
-                            height: string;
-                        };
-                    };
-                };
-            };
-        };
-    };
-    M4LPagerMenuPopover: {
-        styleOverrides: {
-            '&.M4LPager-selectMenuPopover': {
-                '& .MuiList-root': {
-                    '& .MuiMenuItem-root': {
-                        color: string;
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LPager.js

@@ -1,112 +0,0 @@
-const t = (e) => ({
-  M4LPager: {
-    styleOverrides: {
-      "&.M4LPager-root": {
-        test: "root",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        whiteSpace: "nowrap",
-        width: "100%",
-        justifyContent: "space-between",
-        // pagerActions
-        "& .M4LPager-pagerActions": {
-          display: "flex",
-          padding: "2px",
-          justifyContent: "center",
-          alignItems: "center",
-          gap: "2px",
-          width: "fit-content",
-          background: e.vars.palette.background.default,
-          borderRadius: "4px",
-          margin: "auto",
-          [e.breakpoints.down("sm")]: {
-            gap: "4px",
-            padding: "4px"
-          },
-          "& .M4LIconButton-root": {
-            width: "20px",
-            height: "20px",
-            minWidth: "20px",
-            minHeight: "20px",
-            [e.breakpoints.down("sm")]: {
-              width: "28px",
-              height: "28px",
-              minWidth: "28px",
-              minHeight: "28px"
-            }
-          }
-        },
-        "& .M4LPager-labelRowsPerPageContainer": {
-          display: "flex",
-          flexDirection: "row",
-          justifyContent: "center",
-          alignItems: "center",
-          "& .M4LPager-select": {
-            "& .MuiSelect-select": {
-              ...e.colorSchemes.finalTheme.typography.body,
-              color: e.vars.palette.text.primary
-            },
-            "& .MuiSelect-icon": {
-              right: "0",
-              top: "0",
-              bottom: "0"
-            }
-          }
-        },
-        "& .M4LPager-labelDisplayRows": {
-          marginLeft: "12px"
-        },
-        "& .MuiInputBase-root": {
-          padding: "4px 2px 4px 6px",
-          borderRadius: "4px",
-          background: e.vars.palette.background.default,
-          overflow: "hidden",
-          minWidth: "fit-content",
-          "& .MuiSvgIcon-root": {
-            background: e.vars.palette.background.default
-          }
-        },
-        "& .M4LPager-skeletonRoot": {
-          width: "100%",
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          marginLeft: e.spacing(3),
-          "& .M4LPager-skeletonRowsPerPage": {
-            display: "grid",
-            gridTemplateColumns: "auto auto",
-            gridGap: e.spacing(1),
-            marginRight: e.spacing(3)
-          },
-          "& .M4LPager-skeletonButtonContainer": {
-            display: "flex",
-            marginLeft: e.spacing(3),
-            "& .M4LPager-skeletonIconButton": {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              width: e.spacing(3.75),
-              height: e.spacing(3.75)
-            }
-          }
-        }
-      }
-    }
-  },
-  M4LPagerMenuPopover: {
-    styleOverrides: {
-      "&.M4LPager-selectMenuPopover": {
-        "& .MuiList-root": {
-          "& .MuiMenuItem-root": {
-            ...e.colorSchemes.finalTheme.typography.body,
-            color: e.vars.palette.text.primary
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  t as M
-};

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

@@ -1,61 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LPaperForm overrides
- */
-export declare const M4LPaperForm: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LPaperForm: {
-        styleOverrides: {
-            '&.M4LPaperForm-root': {
-                padding: string;
-                borderRadius: string;
-                background: string;
-                border: string;
-                borderColor: string;
-                width: string;
-                height: string;
-                '&.M4LPaperForm-isForm .M4LPaperForm-content': {
-                    gap: string;
-                };
-                '& .M4LPaperForm-headerContainer': {
-                    [x: string]: string | {
-                        height: string;
-                        minHeight: string;
-                    } | {
-                        color: string;
-                        display: string;
-                        gap: string;
-                        '& .M4LPaperForm-iconHeaderContainer': {
-                            margin: string;
-                        };
-                        height?: undefined;
-                        minHeight?: undefined;
-                    };
-                    width: string;
-                    height: string;
-                    minHeight: string;
-                    padding: string;
-                    margin: string;
-                    borderRadius: string;
-                    background: string;
-                    borderBottom: string;
-                    '& .M4LPaperForm-iconTitleContainer': {
-                        color: string;
-                        display: string;
-                        gap: string;
-                        '& .M4LPaperForm-iconHeaderContainer': {
-                            margin: string;
-                        };
-                    };
-                };
-                '& .M4LPaperForm-content': {
-                    display: string;
-                    flexDirection: string;
-                    height: string;
-                    width: string;
-                    padding: string;
-                    color: string;
-                };
-            };
-        };
-    };
-};