@m4l/styles 7.1.13 → 7.1.14-beta.4

package/config.js

@@ -1,4 +1,4 @@
-const s = {
+const muiBreakpointsValues = {
   values: {
     xs: 0,
     sm: 600,
@@ -6,12 +6,14 @@ const s = {
     lg: 1200,
     xl: 1400
   }
-}, e = {
+};
+const globalRemSize = {
   mobile: 16,
   desktop: 16
-}, m = "medium";
+};
+const DEFAULT_SIZE = "medium";
 export {
-  m as D,
-  e as g,
-  s as m
+  DEFAULT_SIZE as D,
+  globalRemSize as g,
+  muiBreakpointsValues as m
 };

package/index.js

@@ -1,39 +1,39 @@
-import { D as r, g as s, m as t } from "./config.js";
-import { c as p, s as m } from "./theme/shadows.js";
-import { f as x } from "./theme/overrides/index.js";
-import { B as O } from "./theme/palette/baseColors.js";
-import { B as S } from "./theme/palette/baseOpacityColors.js";
-import { C as n } from "./theme/palette/commonColors.js";
-import { G as l } from "./theme/palette/greyPalette.js";
-import { p as P } from "./theme/palette/presetColors.js";
-import { t as _ } from "./theme/typography.js";
-import { u as A } from "./utils/useResponsive.js";
-import { D as L, d, g as h } from "./utils/getColorPresets.js";
-import { p as v, r as y, a as F } from "./utils/getFontValue.js";
-import { g as U } from "./utils/getColorState.js";
-import { g as w } from "./utils/getPaletteByPreset.js";
-import { g as G } from "./utils/getUserThemeOptions.js";
+import { D, g, m } from "./config.js";
+import { c, s } from "./theme/shadows.js";
+import { f } from "./theme/overrides/index.js";
+import { B } from "./theme/palette/baseColors.js";
+import { B as B2 } from "./theme/palette/baseOpacityColors.js";
+import { C } from "./theme/palette/commonColors.js";
+import { G } from "./theme/palette/greyPalette.js";
+import { p } from "./theme/palette/presetColors.js";
+import { t } from "./theme/typography.js";
+import { u } from "./utils/useResponsive.js";
+import { D as D2, d, g as g2 } from "./utils/getColorPresets.js";
+import { p as p2, r, a } from "./utils/getFontValue.js";
+import { g as g3 } from "./utils/getColorState.js";
+import { g as g4 } from "./utils/getPaletteByPreset.js";
+import { g as g5 } from "./utils/getUserThemeOptions.js";
 export {
-  O as BASE_COLORS,
-  S as BASE_OPACITY_COLORS,
-  n as COMMON_COLORS,
-  L as DEFAULT_PRESET,
-  r as DEFAULT_SIZE,
-  l as GREY_PALETTE,
-  p as createCustomShadows,
+  B as BASE_COLORS,
+  B2 as BASE_OPACITY_COLORS,
+  C as COMMON_COLORS,
+  D2 as DEFAULT_PRESET,
+  D as DEFAULT_SIZE,
+  G as GREY_PALETTE,
+  c as createCustomShadows,
   d as defaultPresetColors,
-  x as fnComponentsOverrides,
-  h as getColorPresets,
-  U as getColorState,
-  w as getPaletteByPreset,
-  G as getUserThemeOptions,
-  s as globalRemSize,
-  t as muiBreakpointsValues,
-  P as presetsOptionsMainColor,
-  v as pxToRem,
-  y as remToPx,
-  F as responsiveFontSizes,
-  m as shadows,
-  _ as typography,
-  A as useResponsive
+  f as fnComponentsOverrides,
+  g2 as getColorPresets,
+  g3 as getColorState,
+  g4 as getPaletteByPreset,
+  g5 as getUserThemeOptions,
+  g as globalRemSize,
+  m as muiBreakpointsValues,
+  p as presetsOptionsMainColor,
+  p2 as pxToRem,
+  r as remToPx,
+  a as responsiveFontSizes,
+  s as shadows,
+  t as typography,
+  u as useResponsive
 };

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@m4l/styles",
-  "version": "7.1.13",
+  "version": "7.1.14-beta.4",
   "license": "UNLICENSED",
   "author": "m4l team",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "tag": "beta"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/theme/overrides/M4LExtendedComponents/M4LAccordion.js

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