@m4l/styles 7.1.13 → 7.1.14-beta.4

package/theme/overrides/M4LExtendedComponents/M4LTopBar.js

@@ -1,71 +1,73 @@
-const r = (o) => ({
-  M4LTopBar: {
-    styleOverrides: {
-      "&.M4LTopBar-root": {
-        "& .M4LTopBar-SimplebarComercial": {
-          display: "inline-flex",
-          gap: "16px",
-          alignItems: "center",
-          justifyContent: "center",
-          height: "36px",
-          "& .M4LTopBar-ContainerAccordionCase1": {
-            display: "flex",
-            gap: 8,
-            padding: "4px 12px",
-            border: "1px solid transparent",
-            borderRadius: "4px",
-            "& .MuiButtonBase-root": {
-              padding: 0,
-              minWidth: "20px"
-            }
-          },
-          //if IsActive class exist add to styles
-          "& .M4LTopBar-IsActive": {
-            //Render case 1
+const M4LTopBar = (theme) => {
+  return {
+    M4LTopBar: {
+      styleOverrides: {
+        "&.M4LTopBar-root": {
+          "& .M4LTopBar-SimplebarComercial": {
+            display: "inline-flex",
+            gap: "16px",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "36px",
             "& .M4LTopBar-ContainerAccordionCase1": {
-              "& .M4LIcon-root": {
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.vars.palette.primary.main
-                }
-              },
+              display: "flex",
+              gap: 8,
+              padding: "4px 12px",
+              border: "1px solid transparent",
+              borderRadius: "4px",
               "& .MuiButtonBase-root": {
-                color: o.vars.palette.primary.main
+                padding: 0,
+                minWidth: "20px"
               }
             },
-            //Render case 2
-            "& .M4LTopBar-ContainerAccordion": {
-              "& .M4LIcon-root": {
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.vars.palette.primary.main
+            //if IsActive class exist add to styles
+            "& .M4LTopBar-IsActive": {
+              //Render case 1
+              "& .M4LTopBar-ContainerAccordionCase1": {
+                "& .M4LIcon-root": {
+                  "& .M4LIcon-icon": {
+                    backgroundColor: theme.vars.palette.primary.main
+                  }
+                },
+                "& .MuiButtonBase-root": {
+                  color: theme.vars.palette.primary.main
+                }
+              },
+              //Render case 2
+              "& .M4LTopBar-ContainerAccordion": {
+                "& .M4LIcon-root": {
+                  "& .M4LIcon-icon": {
+                    backgroundColor: theme.vars.palette.primary.main
+                  }
+                },
+                "& .MuiButtonBase-root": {
+                  color: theme.vars.palette.primary.main
                 }
               },
+              //Render case 3
               "& .MuiButtonBase-root": {
-                color: o.vars.palette.primary.main
+                color: theme.vars.palette.primary.main
               }
-            },
-            //Render case 3
-            "& .MuiButtonBase-root": {
-              color: o.vars.palette.primary.main
             }
           }
         }
       }
-    }
-  },
-  M4LPopoverTopBar: {
-    styleOverrides: {
-      "& .MuiPaper-root": {
-        "& .M4LTopBar-ItemSelect": {
-          "&.M4LTopBar-IsActive": {
-            "& .MuiButtonBase-root": {
-              color: o.vars.palette.primary.main
+    },
+    M4LPopoverTopBar: {
+      styleOverrides: {
+        "& .MuiPaper-root": {
+          "& .M4LTopBar-ItemSelect": {
+            "&.M4LTopBar-IsActive": {
+              "& .MuiButtonBase-root": {
+                color: theme.vars.palette.primary.main
+              }
             }
           }
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  r as M
+  M4LTopBar as M
 };

package/theme/overrides/M4LExtendedComponents/M4LTypography.js

@@ -1,16 +1,18 @@
-const o = (r) => ({
-  M4LTypography: {
-    styleOverrides: {
-      "&.M4LTypography-root": {
-        color: r.vars.palette.text.primary,
-        display: "inline",
-        "& .MuiTypography-root": {
-          margin: "unset"
+const M4LTypography = (theme) => {
+  return {
+    M4LTypography: {
+      styleOverrides: {
+        ["&.M4LTypography-root"]: {
+          color: theme.vars.palette.text.primary,
+          display: "inline",
+          "& .MuiTypography-root": {
+            margin: "unset"
+          }
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  o as M
+  M4LTypography as M
 };

package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.js

@@ -1,25 +1,27 @@
-const o = (t) => ({
-  M4LanguagePopover: {
-    styleOverrides: {
-      "&.M4LanguagePopover-root": {
-        "& .M4LImageButton-root": {
-          "& .MuiButtonBase-root": {
-            width: "32px",
-            height: "32px",
-            "M4LImage-root": {
+const M4LanguagePopover = (_theme) => {
+  return {
+    M4LanguagePopover: {
+      styleOverrides: {
+        ["&.M4LanguagePopover-root"]: {
+          "& .M4LImageButton-root": {
+            "& .MuiButtonBase-root": {
               width: "32px",
               height: "32px",
-              "& .M4LImage-lazyLoad": {
-                width: "24px !important",
-                height: "24px !important"
+              "M4LImage-root": {
+                width: "32px",
+                height: "32px",
+                "& .M4LImage-lazyLoad": {
+                  width: "24px !important",
+                  height: "24px !important"
+                }
               }
             }
           }
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  o as M
+  M4LanguagePopover as M
 };

package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.js

@@ -1,58 +1,60 @@
-const t = (e) => ({
-  M4LinearProgressIndeterminate: {
-    styleOverrides: {
-      "&.M4LinearProgressIndeterminate-root": {
-        width: "100%",
-        position: "absolute",
-        padding: "1px",
-        top: "0",
-        left: "0",
-        "@keyframes borealisBar": {
-          "0%": {
-            left: "0%",
-            right: "100%",
-            width: "0%"
-          },
-          "30%": {
-            left: "0%",
-            right: "75%",
-            width: "60%"
-          },
-          "90%": {
-            right: "0%",
-            left: "50%",
-            width: "25%"
-          },
-          "100%": {
-            left: "100%",
-            right: "0%",
-            width: "0%"
-          }
-        },
-        "&:before": {
-          content: '""',
-          borderRadius: "10px",
-          position: "absolute",
-          top: "-4px",
-          right: "-4px",
-          bottom: "-4px",
-          left: "-4px"
-        },
-        "& .M4LinearProgressIndeterminate-windowLinearProgressBar": {
+const M4LinearProgressIndeterminate = (theme) => {
+  return {
+    M4LinearProgressIndeterminate: {
+      styleOverrides: {
+        "&.M4LinearProgressIndeterminate-root": {
+          width: "100%",
           position: "absolute",
-          borderRadius: "10px",
+          padding: "1px",
           top: "0",
-          right: "100%",
-          bottom: "0",
           left: "0",
-          backgroundColor: e.vars.palette.primary.focusVisible,
-          width: "0",
-          animation: "borealisBar 2s linear infinite"
+          "@keyframes borealisBar": {
+            "0%": {
+              left: "0%",
+              right: "100%",
+              width: "0%"
+            },
+            "30%": {
+              left: "0%",
+              right: "75%",
+              width: "60%"
+            },
+            "90%": {
+              right: "0%",
+              left: "50%",
+              width: "25%"
+            },
+            "100%": {
+              left: "100%",
+              right: "0%",
+              width: "0%"
+            }
+          },
+          "&:before": {
+            content: '""',
+            borderRadius: "10px",
+            position: "absolute",
+            top: "-4px",
+            right: "-4px",
+            bottom: "-4px",
+            left: "-4px"
+          },
+          "& .M4LinearProgressIndeterminate-windowLinearProgressBar": {
+            position: "absolute",
+            borderRadius: "10px",
+            top: "0",
+            right: "100%",
+            bottom: "0",
+            left: "0",
+            backgroundColor: theme.vars.palette.primary.focusVisible,
+            width: "0",
+            animation: "borealisBar 2s linear infinite"
+          }
         }
       }
     }
-  }
-});
+  };
+};
 export {
-  t as M
+  M4LinearProgressIndeterminate as M
 };