@m4l/styles 7.1.36 → 7.1.38

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

@@ -1,126 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LSplitLayout overrides
- */
-export declare const M4LSplitLayout: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LSplitLayout: {
-        styleOverrides: {
-            '&.M4LSplitLayout-root': {
-                display: string;
-                flexDirection: string;
-                position: string;
-                flexGrow: number;
-                overflow: string;
-                '& .M4LSplitLayout-firstPart': {
-                    position: string;
-                    width: string;
-                    height: string;
-                    '& .M4LStack-root': {
-                        gap: string;
-                    };
-                };
-                '& .M4LSplitLayout-secondPart': {
-                    position: string;
-                    width: string;
-                    height: string;
-                    '& .M4LStack-root': {
-                        overflow: string;
-                    };
-                };
-                '& .splitter-layout': {
-                    position: string;
-                    display: string;
-                    flexDirection: string;
-                    width: string;
-                    height: string;
-                    overflow: string;
-                };
-                '& .splitter-layout .layout-pane': {
-                    position: string;
-                    flex: string;
-                    overflow: string;
-                };
-                '& .splitter-layout .layout-pane.layout-pane-primary': {
-                    flex: string;
-                };
-                '& .splitter-layout.layout-changing': {
-                    cursor: string;
-                };
-                '& .splitter-layout > .layout-splitter': {
-                    display: string;
-                    alignItems: string;
-                    backgroundColor: string;
-                    boxSizing: string;
-                    backgroundClip: string;
-                    width: string;
-                    margin: string;
-                    borderLeft: string;
-                    borderRight: string;
-                    cursor: string;
-                    justifyContent: string;
-                    height: string;
-                };
-                '& .splitter-layout .layout-splitter:before': {
-                    content: string;
-                    height: string;
-                    width: string;
-                    top: string;
-                    position: string;
-                    background: string;
-                    borderRadius: string;
-                    margin: string;
-                };
-                '& .splitter-layout > .layout-splitter:hover': {
-                    borderRadius: string;
-                    borderLeft: string;
-                    borderRight: string;
-                };
-                '& .splitter-layout.splitter-layout-vertical.layout-changing': {
-                    cursor: string;
-                };
-                '& .splitter-layout.splitter-layout-vertical > .layout-splitter': {
-                    height: string;
-                    width: string;
-                    margin: string;
-                    borderTop: string;
-                    borderBottom: string;
-                    cursor: string;
-                };
-                '& .splitter-layout.splitter-layout-vertical .layout-splitter:before': {
-                    width: string;
-                    height: string;
-                    left: string;
-                    top: string;
-                    background: string;
-                    borderRadius: string;
-                    zIndex: string;
-                };
-                '& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing >  .layout-splitter:before': {
-                    background: string;
-                };
-                '& .splitter-layout.splitter-layout-vertical': {
-                    flexDirection: string;
-                    position: string;
-                    '& .layout-splitter:after': {
-                        content: string;
-                        height: string;
-                        left: string;
-                        right: string;
-                        position: string;
-                        background: string;
-                    };
-                };
-                '& .splitter-layout:not(.splitter-layout-vertical)': {
-                    '& .layout-splitter:after': {
-                        content: string;
-                        width: string;
-                        top: string;
-                        bottom: string;
-                        position: string;
-                        background: string;
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.js

@@ -1,142 +0,0 @@
-const o = (t) => ({
-  M4LSplitLayout: {
-    styleOverrides: {
-      "&.M4LSplitLayout-root": {
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        flexGrow: 1,
-        overflow: "hidden",
-        "& .M4LSplitLayout-firstPart": {
-          position: "relative",
-          width: "100%",
-          height: "100%",
-          "& .M4LStack-root": {
-            gap: "8px"
-          }
-        },
-        "& .M4LSplitLayout-secondPart": {
-          position: "relative",
-          width: "100%",
-          height: "100%",
-          "& .M4LStack-root": {
-            //gap: '8px',
-            overflow: "hidden"
-          }
-        },
-        // Configuracion por defecto en horizontal
-        "& .splitter-layout": {
-          position: "absolute",
-          display: "flex",
-          flexDirection: "row",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden"
-        },
-        // Configuracion de ambos paneles a dividir
-        "& .splitter-layout .layout-pane": {
-          position: "relative",
-          flex: "0 0 auto",
-          overflow: "hidden"
-        },
-        // Configuración del panel principal
-        "& .splitter-layout .layout-pane.layout-pane-primary": {
-          flex: "1 1 auto"
-        },
-        // Configuración del cursor en horizontal
-        "& .splitter-layout.layout-changing": {
-          cursor: "col-resize"
-        },
-        // Configuración barran grande cuando es horizontal
-        "& .splitter-layout > .layout-splitter": {
-          display: "flex",
-          alignItems: "center",
-          backgroundColor: "none",
-          boxSizing: "border-box",
-          backgroundClip: "padding-box",
-          // Propiedades del horizontal
-          width: "8px",
-          margin: "0 0.5px",
-          borderLeft: "4px solid hsla(0, 0%, 5%, 0)",
-          borderRight: "4px solid hsla(0, 0%, 5%, 0)",
-          cursor: "col-resize",
-          justifyContent: "center",
-          height: "100%"
-        },
-        // Configuración divisorra interna posición horizontal del split
-        "& .splitter-layout .layout-splitter:before": {
-          content: '""',
-          height: "56px",
-          width: "4px",
-          top: "calc(50% - 22.5px)",
-          position: "absolute",
-          background: t.vars.palette.primary.active,
-          borderRadius: "1px",
-          margin: "1px 0px"
-        },
-        // Hover de la barra externa en posición horizontal
-        "& .splitter-layout > .layout-splitter:hover": {
-          borderRadius: "2px",
-          borderLeft: "2px",
-          borderRight: "2px"
-        },
-        // Configuración del cursor en horizontal
-        "& .splitter-layout.splitter-layout-vertical.layout-changing": {
-          cursor: "row-resize"
-        },
-        // Barra divisora vertical del split
-        "& .splitter-layout.splitter-layout-vertical > .layout-splitter": {
-          height: "8px !important",
-          width: "100% !important",
-          margin: "1px 0",
-          borderTop: "4px solid hsla(0, 0%, 2%, 0)",
-          borderBottom: "4px solid hsla(0, 0%, 2%, 0)",
-          cursor: "row-resize"
-        },
-        // Configuración barra divisora interna vertical del split
-        "& .splitter-layout.splitter-layout-vertical .layout-splitter:before": {
-          width: "56px !important",
-          height: "4px !important",
-          left: "calc(50% - 22.5px)",
-          top: "unset",
-          background: t.vars.palette.primary.active,
-          borderRadius: "2px",
-          zIndex: "1"
-        },
-        // Color del hover y el arrastrando del splitter
-        "& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing >  .layout-splitter:before": {
-          // barra interna vertical
-          background: t.vars.palette.primary.hover
-        },
-        // Dirección flex cuando es vertical
-        "& .splitter-layout.splitter-layout-vertical": {
-          flexDirection: "column",
-          position: "relative",
-          "& .layout-splitter:after": {
-            content: '""',
-            height: "2px",
-            left: "0",
-            right: "0",
-            /* top: 'calc(50% - 6px)', */
-            position: "absolute",
-            background: t.vars.palette?.border.default
-          }
-        },
-        "& .splitter-layout:not(.splitter-layout-vertical)": {
-          "& .layout-splitter:after": {
-            content: '""',
-            width: "2px",
-            top: "0",
-            bottom: "0",
-            position: "absolute",
-            background: t.vars.palette?.border.default
-          }
-        }
-        // Borde gris cuando esta en over y es vertical
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

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

package/theme/overrides/M4LExtendedComponents/M4LStack.js

@@ -1,17 +0,0 @@
-const e = (t) => ({
-  M4LStack: {
-    styleOverrides: {
-      "&.M4LStack-root": {
-        width: "100%",
-        height: "100%",
-        position: "relative",
-        overflow: "auto",
-        flex: "1",
-        borderRadius: "4px"
-      }
-    }
-  }
-});
-export {
-  e as M
-};

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

@@ -1,62 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LTab overrides
- */
-export declare const M4LTab: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LTab: {
-        styleOverrides: {
-            '&.M4LTab-root': {
-                width: string;
-                background: string;
-                borderRadius: string;
-                zIndex: string;
-                '& .MuiButtonBase-root': {
-                    color: string;
-                    lineHeight: string;
-                    borderRadius: string;
-                    '& .M4LIcon-root': {
-                        marginBottom: string;
-                    };
-                    background: string;
-                    height: string;
-                    display: string;
-                    flexDirection: string;
-                    alignItems: string;
-                    padding: string;
-                    width: string;
-                    minHeight: string;
-                    minWidth: string;
-                    gap: string;
-                };
-                '& .MuiTab-root': {
-                    borderBottom: string;
-                };
-                '& .MuiButtonBase-root:hover': {
-                    color: string;
-                    '& .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                };
-                '& .Mui-selected': {
-                    color: string;
-                    lineHeight: string;
-                    '&::before': {
-                        content: string;
-                        width: string;
-                        height: string;
-                        left: string;
-                        top: string;
-                        backgroundColor: string;
-                        borderRadius: string;
-                        position: string;
-                    };
-                    background: string;
-                    borderTop: string;
-                    borderLeft: string;
-                    borderRight: string;
-                    borderBottom: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LTab.js

@@ -1,69 +0,0 @@
-const r = (o) => ({
-  M4LTab: {
-    styleOverrides: {
-      "&.M4LTab-root": {
-        width: "fit-content",
-        background: o.vars.palette.primary.opacity,
-        borderRadius: "4px 4px 0 0",
-        zIndex: "3",
-        "& .MuiButtonBase-root": {
-          background: o.vars.palette.primary.opacity,
-          height: "32px",
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center",
-          padding: "4px 16px 4px 8px",
-          width: "fit-content",
-          minHeight: "fit-content",
-          minWidth: "fit-content",
-          gap: "8px",
-          ...o.colorSchemes.finalTheme.typography.body,
-          color: o.vars.palette.text.primary,
-          lineHeight: "none",
-          borderRadius: "4px 4px 0 0",
-          "& .M4LIcon-root": {
-            marginBottom: "0"
-          },
-          [o.breakpoints.down("md")]: {
-            height: "44px",
-            minHeight: "fit-content"
-          }
-        },
-        "& .MuiTab-root": {
-          borderBottom: `1px solid ${o.vars.palette?.border.secondary}`
-        },
-        // estado hover
-        "& .MuiButtonBase-root:hover": {
-          color: o.vars.palette.primary.hover,
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.primary.hover
-          }
-        },
-        // estado selected
-        "& .Mui-selected": {
-          background: o.vars.palette.background.default,
-          borderTop: `1px solid ${o.vars.palette?.border.secondary}`,
-          borderLeft: `1px solid ${o.vars.palette?.border.secondary}`,
-          borderRight: `1px solid ${o.vars.palette?.border.secondary}`,
-          borderBottom: `1px solid ${o.vars.palette.background.default}`,
-          ...o.colorSchemes.finalTheme.typography.bodyDens,
-          color: o.vars.palette.text.primary,
-          lineHeight: "none",
-          "&::before": {
-            content: '""',
-            width: "95%",
-            height: "2px",
-            left: "1.5px",
-            top: "0px",
-            backgroundColor: o.vars.palette.primary.active,
-            borderRadius: "2px 2px 0px 0px",
-            position: "absolute"
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};

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

@@ -1,36 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LTabContent overrides
- */
-export declare const M4LTabContent: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LTabContent: {
-        styleOverrides: {
-            '&.M4LTabContent-root': {
-                padding: string;
-                display: string;
-                overflow: string;
-                height: string;
-                flexDirection: string;
-                gap: string;
-                background: string;
-                borderRadius: string;
-                position: string;
-                flex: number;
-                borderTop: string;
-                borderLeft: string;
-                borderRight: string;
-                borderBottom: string;
-                borderColor: string;
-                boxSizing: string;
-                zIndex: string;
-                top: string;
-                '& .M4LStack-root': {
-                    gap: string;
-                };
-                '&.M4LTabContent-root > div': {
-                    gap: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LTabContent.js

@@ -1,35 +0,0 @@
-const r = (o) => ({
-  M4LTabContent: {
-    styleOverrides: {
-      "&.M4LTabContent-root": {
-        padding: "12px",
-        display: "flex",
-        overflow: "hidden",
-        height: "100%",
-        flexDirection: "column",
-        gap: "8px",
-        background: o.vars.palette.background.default,
-        borderRadius: "0 4px 4px 4px",
-        position: "relative",
-        flex: 1,
-        borderTop: "1px solid",
-        borderLeft: "1px solid",
-        borderRight: "1px solid",
-        borderBottom: "1px solid",
-        borderColor: o.vars.palette?.border.secondary,
-        boxSizing: "border-box",
-        zIndex: "1",
-        top: "-1px",
-        "& .M4LStack-root": {
-          gap: "8px !important"
-        },
-        "&.M4LTabContent-root > div": {
-          gap: "8px"
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};

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

@@ -1,45 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LTabs overrides
- */
-export declare const M4LTabs: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LTabs: {
-        styleOverrides: {
-            '&.M4LTabs-root': {
-                width: string;
-                height: string;
-                position: string;
-                minHeight: string;
-                borderRadius: string;
-                zIndex: string;
-                '& .MuiTabs-indicator': {
-                    display: string;
-                };
-                '& .MuiButtonBase-root': {
-                    background: string;
-                    borderRadius: string;
-                    '& .MuiSvgIcon-root': {
-                        color: string;
-                    };
-                };
-                '& .MuiButtonBase-root:hover': {
-                    '& .MuiSvgIcon-root': {
-                        color: string;
-                    };
-                };
-                '& .MuiTabs-scroller': {
-                    borderRadius: string;
-                    '& .MuiTabs-flexContainer': {
-                        padding: string;
-                        backgroundColor: string;
-                        width: string;
-                        borderRadius: string;
-                    };
-                };
-                '&:not(:last-of-type)': {
-                    margin: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LTabs.js

@@ -1,44 +0,0 @@
-const o = (r) => ({
-  M4LTabs: {
-    styleOverrides: {
-      "&.M4LTabs-root": {
-        width: "100%",
-        height: "auto",
-        position: "relative",
-        minHeight: "32px",
-        borderRadius: "4px 4px 0 0",
-        zIndex: "2",
-        "& .MuiTabs-indicator": {
-          display: "none"
-        },
-        "& .MuiButtonBase-root": {
-          background: r.vars.palette.background.neutral,
-          borderRadius: "4px 4px 0 0",
-          "& .MuiSvgIcon-root": {
-            color: r.vars.palette.text.primary
-          }
-        },
-        "& .MuiButtonBase-root:hover": {
-          "& .MuiSvgIcon-root": {
-            color: r.vars.palette.primary.active
-          }
-        },
-        "& .MuiTabs-scroller": {
-          borderRadius: "4px 4px 0 0",
-          "& .MuiTabs-flexContainer": {
-            padding: "0px",
-            backgroundColor: "transparent",
-            width: "100%",
-            borderRadius: "4px 4px 0 0"
-          }
-        },
-        "&:not(:last-of-type)": {
-          margin: "unset"
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,25 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LTooltip overrides
- */
-export declare const M4LTooltip: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LTooltip: {
-        styleOverrides: {
-            '&.M4LTooltip-root': {
-                test: string;
-                '& .MuiTooltip-tooltip': {
-                    display: string;
-                    alignItems: string;
-                    background: string;
-                    borderRadius: string;
-                    boxShadow: string;
-                    padding: string;
-                    height: string;
-                    minHeight: string;
-                    width: string;
-                    color: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LTooltip.js

@@ -1,26 +0,0 @@
-import { B as t } from "../../palette/baseColors.js";
-const e = (o) => ({
-  M4LTooltip: {
-    styleOverrides: {
-      "&.M4LTooltip-root": {
-        test: "root",
-        "& .MuiTooltip-tooltip": {
-          display: "flex",
-          alignItems: "center",
-          background: o.vars.palette.info.main,
-          borderRadius: "4px",
-          boxShadow: o.customShadows?.z2,
-          padding: "4px 8px",
-          height: "fit-content",
-          minHeight: "24px",
-          width: "fit-content",
-          color: t.marbleLight[30],
-          ...o.colorSchemes.finalTheme.typography.body
-        }
-      }
-    }
-  }
-});
-export {
-  e as M
-};