@m4l/styles 7.1.13 → 7.1.14-beta.4

package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.js

@@ -1,38 +1,40 @@
-const o = (a) => ({
-  M4LMasterDetailLayout: {
-    styleOverrides: {
-      "&.M4LMasterDetailLayout-root": {
-        display: "flex",
-        width: "100%",
-        height: "100%",
-        overFlow: "visible",
-        "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
+const M4LMasterDetailLayout = (_theme) => {
+  return {
+    M4LMasterDetailLayout: {
+      styleOverrides: {
+        "&.M4LMasterDetailLayout-root": {
           display: "flex",
           width: "100%",
           height: "100%",
-          boxShadow: "none",
-          background: a.vars.palette.background.default,
-          border: "0px",
-          borderColor: "transparent",
-          borderRadius: "4px",
           overFlow: "visible",
-          "& .splitter-layout": {
-            gap: "8px"
+          "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
+            display: "flex",
+            width: "100%",
+            height: "100%",
+            boxShadow: "none",
+            background: _theme.vars.palette.background.default,
+            border: "0px",
+            borderColor: "transparent",
+            borderRadius: "4px",
+            overFlow: "visible",
+            "& .splitter-layout": {
+              gap: "8px"
+            }
+          },
+          /* test properties */
+          "& .M4LSplitLayout-secondPart": {
+            background: _theme.vars.palette.background.default,
+            borderRadius: "4px"
+          },
+          "& .layout-pane-primary": {
+            background: _theme.vars.palette.background.default,
+            borderRadius: "4px"
           }
-        },
-        /* test properties */
-        "& .M4LSplitLayout-secondPart": {
-          background: a.vars.palette.background.default,
-          borderRadius: "4px"
-        },
-        "& .layout-pane-primary": {
-          background: a.vars.palette.background.default,
-          borderRadius: "4px"
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  o as M
+  M4LMasterDetailLayout as M
 };

package/theme/overrides/M4LExtendedComponents/M4LMenuActions.js

@@ -1,38 +1,40 @@
-const n = (o) => ({
-  M4LMenuActions: {
-    styleOverrides: {
-      "&.M4LMenuActions-root": {
-        "& .MuiPaper-root": {
-          display: "flex",
-          flexDirection: "column",
-          background: o.vars.palette.background.default,
-          gap: "8px",
-          "& .MuiButtonBase-root": {
+const M4LMenuActions = (theme) => {
+  return {
+    M4LMenuActions: {
+      styleOverrides: {
+        "&.M4LMenuActions-root": {
+          "& .MuiPaper-root": {
             display: "flex",
-            justifyContent: "center",
-            minHeight: "24px",
-            minWidth: "24px",
-            padding: "0",
-            gap: "0px",
-            "& .M4LIcon-root": {
+            flexDirection: "column",
+            background: theme.vars.palette.background.default,
+            gap: "8px",
+            "& .MuiButtonBase-root": {
+              display: "flex",
+              justifyContent: "center",
               minHeight: "24px",
-              minWidth: "24px"
-            },
-            "& .css-hgjo64": {
-              margin: "0"
+              minWidth: "24px",
+              padding: "0",
+              gap: "0px",
+              "& .M4LIcon-root": {
+                minHeight: "24px",
+                minWidth: "24px"
+              },
+              "& .css-hgjo64": {
+                margin: "0"
+              }
+            }
+          },
+          "& .M4LMenuActions-itemDelete": {
+            color: theme.vars.palette.error.main,
+            "& .M4LIcon-root .M4LIcon-icon": {
+              backgroundColor: theme.vars.palette.error.main
             }
-          }
-        },
-        "& .M4LMenuActions-itemDelete": {
-          color: o.vars.palette.error.main,
-          "& .M4LIcon-root .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.error.main
           }
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  n as M
+  M4LMenuActions as M
 };

package/theme/overrides/M4LExtendedComponents/M4LModalDialog.js

@@ -1,152 +1,154 @@
-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",
+const M4LModalDialog = (theme) => {
+  return {
+    M4LModalDialog: {
+      styleOverrides: {
+        "&.M4LModal-root": {
+          test: "root",
+          "& .MuiPaper-root": {
+            "& .M4LModal-windowBaseRoot": {
               display: "flex",
-              flexDirection: "row",
-              justifyContent: "flex-end",
-              gap: "12px"
+              flexDirection: "column",
+              width: "100%",
+              height: "100%"
             },
-            "& .M4LModal-containerMassageIlustration": {
+            // Contenedor Window Confirm
+            "& .M4LModal-containerWindow": {
               display: "flex",
               flexDirection: "column",
               justifyContent: "center",
               alignItems: "center",
               height: "100%",
+              overflow: "hidden",
               width: "100%",
-              overflow: "auto",
-              gap: "12px",
-              // Contenedor
-              "& .M4LModal-modalContent": {
+              background: theme.vars.palette.background.default,
+              boxShadow: theme.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",
-                // Ilustración
-                "& .M4LModal-illustrationContainer": {
+                // Contenedor
+                "& .M4LModal-modalContent": {
                   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"
+                  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": {
+                    ...theme.colorSchemes.finalTheme.typography.subtitleDens,
+                    color: theme.vars.palette.text.primary
+                  },
+                  // Mensaje de alerta
+                  "& .M4LModal-messageContainer": {
+                    ...theme.colorSchemes.finalTheme.typography.body,
+                    color: theme.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": {
+              },
+              "& .M4LModal-headerContainer": {
                 display: "flex",
                 alignItems: "center",
-                justifyContent: "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": {
+                  ...theme.colorSchemes.finalTheme.typography.paragraphDens,
+                  width: "100%",
+                  whiteSpace: "nowrap",
+                  textOverflow: "ellipsis",
+                  overflow: "hidden"
+                },
+                "& .M4LModal-iconCloseHeader": {
+                  /* Optional overrides */
+                }
               },
-              "& .M4LModal-titleHeader": {
-                ...e.colorSchemes.finalTheme.typography.paragraphDens,
+              "& .M4LModal-windowContent": {
+                padding: "24px",
                 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"
+                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,
+                                            },
+                                        },
+                                    }, */
           }
-          /*'& .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: theme.vars.palette.primary.opacity,
+          border: "2px solid",
+          borderColor: theme.vars.palette?.border.default,
+          boxShadow: theme.vars.customShadows.z4,
+          width: "auto",
+          height: "auto"
         }
-      },
-      "& .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
+  M4LModalDialog as M
 };

package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.js

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

package/theme/overrides/M4LExtendedComponents/M4LNavLink.js

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

package/theme/overrides/M4LExtendedComponents/M4LNoItemSelected.js

@@ -1,24 +1,26 @@
-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"
+const M4LNoItemSelected = (_theme) => {
+  return {
+    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
+  M4LNoItemSelected as M
 };

package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.js

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