@m4l/styles 6.3.0 → 6.4.1

package/theme/overrides/MUIComponents/Accordion.js

@@ -0,0 +1,80 @@
+function a(i) {
+  return {
+    MuiAccordion: {
+      styleOverrides: {
+        root: {
+          backgroundColor: i.vars.palette.background.default,
+          width: "100%",
+          marginTop: "0px",
+          marginBottom: i.spacing(1.5),
+          "&.Mui-expanded": {
+            marginTop: "0px",
+            marginBottom: i.spacing(1.5)
+          },
+          border: "0px solid transparent",
+          "&.Mui-disabled": {
+            backgroundColor: "transparent"
+          },
+          "&::before": {
+            content: "none"
+          }
+        }
+      }
+    },
+    MuiAccordionDetails: {
+      styleOverrides: {
+        root: {
+          padding: `0px ${i.spacing(0)}`
+        }
+      }
+    },
+    MuiAccordionSummary: {
+      styleOverrides: {
+        root: {
+          borderRadius: i.spacing(0.5),
+          height: i.spacing(4.5),
+          minHeight: i.spacing(4.5),
+          backgroundColor: i.vars.palette.primary.opacity,
+          paddingLeft: i.spacing(2),
+          paddingRight: i.spacing(2),
+          marginBottom: "0px",
+          "&.Mui-expanded": {
+            height: i.spacing(4.5),
+            minHeight: i.spacing(4.5),
+            borderRadius: "4px 4px 0px 0px"
+          },
+          "&.Mui-disabled": {
+            opacity: 1,
+            color: i.vars.palette.action.disabled,
+            "& .MuiTypography-root": {
+              color: "inherit"
+            }
+          }
+        },
+        expandIconWrapper: {
+          color: i.vars.palette.action.active,
+          height: 20,
+          width: 20,
+          alignItems: "center",
+          justifyContent: "center",
+          "& > svg": {
+            height: 12,
+            width: 12
+          }
+        },
+        content: {
+          ...i.colorSchemes.finalTheme.typography.subtitle2,
+          margin: "0px",
+          // '& .MuiTypography-root': {
+          // },
+          "&.Mui-expanded": {
+            margin: "0px"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  a as A
+};

package/theme/overrides/MUIComponents/Alert.d.ts

@@ -0,0 +1,97 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export default function Alert(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
+    MuiAlert: {
+        defaultProps: {
+            iconMapping: {
+                info: import("react").JSX.Element;
+                success: import("react").JSX.Element;
+                warning: import("react").JSX.Element;
+                error: import("react").JSX.Element;
+            };
+        };
+        styleOverrides: {
+            message: {
+                '& .MuiAlertTitle-root': {
+                    marginBottom: string;
+                };
+            };
+            action: {
+                '& button:not(:first-of-type)': {
+                    marginLeft: string;
+                };
+            };
+            standardInfo: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardSuccess: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardWarning: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            standardError: {
+                color: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            filledInfo: {
+                color: string;
+            };
+            filledSuccess: {
+                color: string;
+            };
+            filledWarning: {
+                color: string;
+            };
+            filledError: {
+                color: string;
+            };
+            outlinedInfo: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedSuccess: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedWarning: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+            outlinedError: {
+                color: string;
+                border: string;
+                backgroundColor: string;
+                '& .MuiAlert-icon': {
+                    color: string;
+                };
+            };
+        };
+    };
+};

package/theme/overrides/MUIComponents/Autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Autocomplete(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Autocomplete(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiAutocomplete: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Autocomplete.js

@@ -0,0 +1,38 @@
+function p(o) {
+  return {
+    MuiAutocomplete: {
+      styleOverrides: {
+        root: {
+          height: "auto",
+          "& .MuiInputBase-root": {
+            padding: "4px 4px 4px 8px",
+            borderRadius: "4px",
+            minHeight: "24px",
+            [o.breakpoints.down("sm")]: {
+              height: "36px",
+              minHeight: "36px"
+            }
+          }
+        },
+        paper: {
+          boxShadow: o.vars.customShadows.z3
+        },
+        listbox: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          padding: "4px",
+          borderRadius: "6px",
+          "& .MuiAutocomplete-option": {
+            padding: "0px 0 0 8px",
+            borderRadius: "4px",
+            height: "auto"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  p as A
+};

package/theme/overrides/MUIComponents/Avatar.js

@@ -0,0 +1,30 @@
+function a(r) {
+  return {
+    MuiAvatar: {
+      styleOverrides: {
+        borderTop: "1.5px",
+        borderColor: r.vars.palette?.border.default,
+        colorDefault: {
+          color: r.vars.palette.text.secondary,
+          backgroundColor: r.vars.palette.grey[400]
+        }
+      }
+    },
+    MuiAvatarGroup: {
+      styleOverrides: {
+        avatar: {
+          fontSize: 16,
+          fontWeight: r.typography.fontWeightMedium,
+          "&:first-of-type": {
+            fontSize: 14,
+            color: r.vars.palette.primary.main,
+            backgroundColor: r.vars.palette.primary.light
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  a as A
+};

package/theme/overrides/MUIComponents/Backdrop.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Backdrop(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Backdrop(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBackdrop: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Backdrop.js

@@ -0,0 +1,24 @@
+import { alpha as o } from "@mui/material/styles";
+function n(a) {
+  const e = o(a.colorSchemes.finalTheme.palette.grey[900], 0.48), r = o(a.colorSchemes.finalTheme.palette.grey[900], 1);
+  return {
+    MuiBackdrop: {
+      styleOverrides: {
+        root: {
+          background: [
+            "rgb(22,28,36)",
+            `-moz-linear-gradient(75deg, ${e} 0%, ${r} 100%)`,
+            `-webkit-linear-gradient(75deg, ${e} 0%, ${r} 100%)`,
+            `linear-gradient(75deg, ${e} 0%, ${r} 100%)`
+          ],
+          "&.MuiBackdrop-invisible": {
+            background: "transparent"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  n as B
+};

package/theme/overrides/MUIComponents/Badge.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Badge(_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Badge(_theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBadge: {
         styleOverrides: {
             background: string;

package/theme/overrides/MUIComponents/Badge.js

@@ -0,0 +1,18 @@
+function d(e) {
+  return {
+    MuiBadge: {
+      styleOverrides: {
+        background: "red",
+        dot: {
+          width: "16px",
+          height: "16px",
+          borderRadius: "50%"
+          //background: "red",
+        }
+      }
+    }
+  };
+}
+export {
+  d as B
+};

package/theme/overrides/MUIComponents/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Breadcrumbs(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Breadcrumbs(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiBreadcrumbs: {
         styleOverrides: {
             separator: {

package/theme/overrides/MUIComponents/Breadcrumbs.js

@@ -0,0 +1,15 @@
+function a(r) {
+  return {
+    MuiBreadcrumbs: {
+      styleOverrides: {
+        separator: {
+          marginLeft: r.spacing(2),
+          marginRight: r.spacing(2)
+        }
+      }
+    }
+  };
+}
+export {
+  a as B
+};

package/theme/overrides/MUIComponents/Button.js

@@ -0,0 +1,68 @@
+function r(o) {
+  return {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          borderRadius: "4px",
+          "&:hover": {
+            boxShadow: "none"
+          }
+        },
+        sizeLarge: {
+          height: 48
+        },
+        // contained
+        containedInherit: {
+          color: o.vars.palette.grey[800],
+          boxShadow: o.customShadows?.z1,
+          borderRadius: "4px",
+          "&:hover": {
+            backgroundColor: o.vars.palette.grey[400],
+            borderRadius: "4px"
+          }
+        },
+        containedPrimary: {
+          boxShadow: o.customShadows?.z4
+          // color: theme.vars.palette.primary.contrastText,
+        },
+        containedSecondary: {
+          boxShadow: o.customShadows?.secondary
+        },
+        containedInfo: {
+          boxShadow: o.customShadows?.info
+        },
+        containedSuccess: {
+          boxShadow: o.customShadows?.success
+        },
+        containedWarning: {
+          boxShadow: o.customShadows?.warning
+        },
+        containedError: {
+          boxShadow: o.customShadows?.error
+        },
+        // outlined
+        outlinedInherit: {
+          borderRadius: "4px",
+          border: `1px solid ${o.vars.palette?.border.default}`,
+          "&:hover": {
+            backgroundColor: o.vars.palette.action.hover,
+            borderRadius: "4px"
+          }
+        },
+        textInherit: {
+          borderRadius: "4px",
+          "&:hover": {
+            backgroundColor: o.vars.palette.action.hover,
+            borderRadius: "4px"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  r as B
+};

package/theme/overrides/MUIComponents/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function ButtonGroup(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function ButtonGroup(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiButtonGroup: {
         variants: ({
             props: {

package/theme/overrides/MUIComponents/ButtonGroup.js

@@ -0,0 +1,45 @@
+function t(r) {
+  const o = (a) => ({
+    props: { variant: "contained", color: a },
+    style: { boxShadow: r.customShadows?.primary }
+  });
+  return {
+    MuiButtonGroup: {
+      variants: [
+        {
+          props: { variant: "contained", color: "inherit" },
+          style: { boxShadow: r.customShadows?.z4 }
+        },
+        o("primary"),
+        o("secondary"),
+        o("info"),
+        o("success"),
+        o("warning"),
+        o("error"),
+        {
+          props: { disabled: !0 },
+          style: {
+            boxShadow: "none",
+            "& .MuiButtonGroup-grouped.Mui-disabled": {
+              color: r.vars.palette.action.disabled,
+              borderColor: `${r.vars.palette.action.disabledBackground} !important`,
+              "&.MuiButton-contained": {
+                backgroundColor: r.vars.palette.action.disabledBackground
+              }
+            }
+          }
+        }
+      ],
+      styleOverrides: {
+        root: {
+          "&:hover": {
+            boxShadow: "none"
+          }
+        }
+      }
+    }
+  };
+}
+export {
+  t as B
+};

package/theme/overrides/MUIComponents/Card.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Card(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Card(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCard: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Card.js

@@ -0,0 +1,36 @@
+function a(r) {
+  return {
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          position: "relative",
+          boxShadow: r.customShadows?.card,
+          borderRadius: Number(r.shape.borderRadius) * 2,
+          zIndex: 0
+          // Fix Safari overflow: hidden with border radius
+        }
+      }
+    },
+    MuiCardHeader: {
+      defaultProps: {
+        titleTypographyProps: { variant: "h6" },
+        subheaderTypographyProps: { variant: "body2", marginTop: r.spacing(0.5) }
+      },
+      styleOverrides: {
+        root: {
+          padding: r.spacing(3, 3, 0)
+        }
+      }
+    },
+    MuiCardContent: {
+      styleOverrides: {
+        root: {
+          padding: r.spacing(3)
+        }
+      }
+    }
+  };
+}
+export {
+  a as C
+};

package/theme/overrides/MUIComponents/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function Checkbox(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function Checkbox(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCheckbox: {
         styleOverrides: {
             root: {

package/theme/overrides/MUIComponents/Checkbox.js

@@ -0,0 +1,47 @@
+function a(e) {
+  return {
+    MuiCheckbox: {
+      // defaultProps: {
+      //   icon: <CheckboxIcon />,
+      //   checkedIcon: <CheckboxCheckedIcon />,
+      //   indeterminateIcon: <CheckboxIndeterminateIcon />,
+      // },
+      styleOverrides: {
+        root: {
+          padding: e.spacing(1),
+          oleee: "sss",
+          // '& .MuiCheckbox-root': {
+          //   color: theme.vars.palette.divider,
+          // },
+          color: e.vars.palette.action.active,
+          "& .Mui-checked": {
+            color: e.vars.palette.primary.main
+          },
+          "&.Mui-checked.Mui-disabled, &.Mui-disabled": {
+            color: e.vars.palette.action.disabled
+          }
+          // '& .MuiSvgIcon-root': {
+          //   color: theme.vars.palette.text.secondary,
+          // },
+          // '& .MuiSvgIcon-fontSizeMedium': {
+          //   width: 24,
+          //   height: 24,
+          // },
+          // '& .MuiSvgIcon-fontSizeSmall': {
+          //   width: 18,
+          //   height: 18,
+          // },
+          // svg: {
+          //   fontSize: 24,
+          //   '&[font-size=small]': {
+          //     fontSize: 18,
+          //   },
+          // },
+        }
+      }
+    }
+  };
+}
+export {
+  a as C
+};

package/theme/overrides/MUIComponents/Chip.d.ts

@@ -0,0 +1,40 @@
+import { Theme, CssVarsTheme } from '@mui/material/styles';
+export default function Chip(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
+    MuiChip: {
+        defaultProps: {
+            deleteIcon: import("react").JSX.Element;
+        };
+        styleOverrides: {
+            colorDefault: {
+                '& .MuiChip-avatarMedium, .MuiChip-avatarSmall': {
+                    color: string;
+                };
+            };
+            outlined: {
+                borderColor: string;
+                '&.MuiChip-colorPrimary': {
+                    borderColor: string;
+                };
+                '&.MuiChip-colorSecondary': {
+                    borderColor: string;
+                };
+            };
+            avatarColorInfo: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorSuccess: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorWarning: {
+                color: string;
+                backgroundColor: string;
+            };
+            avatarColorError: {
+                color: string;
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/theme/overrides/MUIComponents/CmpDisenoTest.js

@@ -0,0 +1,8 @@
+const s = (e) => ({
+  M4LBruceTest: {
+    styleOverrides: {}
+  }
+});
+export {
+  s as C
+};

package/theme/overrides/MUIComponents/ControlLabel.d.ts

@@ -1,10 +1,10 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function ControlLabel(theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function ControlLabel(theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiFormControlLabel: {
         styleOverrides: {
             label: {
                 [x: string]: unknown;
-                '@font-face'?: import("@mui/material/styles/createTypography").Fontface | import("@mui/material/styles/createTypography").Fontface[] | undefined;
+                '@font-face'?: import('@mui/material/styles/createTypography').Fontface | import('@mui/material/styles/createTypography').Fontface[];
                 accentColor?: import("csstype").Property.AccentColor | undefined;
                 alignContent?: import("csstype").Property.AlignContent | undefined;
                 alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -380,7 +380,7 @@ export default function ControlLabel(theme: Omit<Theme, "palette" | "applyStyles
                 writingMode?: import("csstype").Property.WritingMode | undefined;
                 zIndex?: import("csstype").Property.ZIndex | undefined;
                 zoom?: import("csstype").Property.Zoom | undefined;
-                all?: import("csstype").Globals | undefined;
+                all?: import("csstype").Property.All | undefined;
                 animation?: import("csstype").Property.Animation<string & {}> | undefined;
                 animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
                 background?: import("csstype").Property.Background<string | number> | undefined;

package/theme/overrides/MUIComponents/ControlLabel.js

@@ -0,0 +1,28 @@
+function r(e) {
+  return {
+    MuiFormControlLabel: {
+      styleOverrides: {
+        label: {
+          ...e.colorSchemes.finalTheme.typography.body1
+        }
+      }
+    },
+    MuiFormHelperText: {
+      styleOverrides: {
+        root: {
+          marginTop: e.spacing(1)
+        }
+      }
+    },
+    MuiFormLabel: {
+      styleOverrides: {
+        root: {
+          color: e.vars.palette.text.disabled
+        }
+      }
+    }
+  };
+}
+export {
+  r as C
+};

package/theme/overrides/MUIComponents/CssBaseline.d.ts

@@ -1,5 +1,5 @@
 import { Theme, CssVarsTheme } from '@mui/material/styles';
-export default function CssBaseline(_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme): {
+export default function CssBaseline(_theme: Omit<Theme, 'palette' | 'applyStyles'> & CssVarsTheme): {
     MuiCssBaseline: {
         styleOverrides: {
             '*': {