@m4l/styles 7.1.36 → 7.1.38

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

@@ -1,24 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LErrorLabel overrides
- */
-export declare const M4LErrorLabel: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LErrorLabel: {
-        styleOverrides: {
-            "&.M4LHelperText-root": {
-                '&.M4LHelperText-variantInfo .MuiTypography-root': {
-                    color: string;
-                };
-                '&.M4LHelperText-variantSuccess .MuiTypography-root': {
-                    color: string;
-                };
-                '&.M4LHelperText-variantWarning .MuiTypography-root': {
-                    color: string;
-                };
-                '&.M4LHelperText-variantError .MuiTypography-root': {
-                    color: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.js

@@ -1,28 +0,0 @@
-const o = (r) => ({
-  M4LErrorLabel: {
-    styleOverrides: {
-      "&.M4LHelperText-root": {
-        /* Root properties */
-        /* Variant info */
-        "&.M4LHelperText-variantInfo .MuiTypography-root": {
-          color: r.vars.palette.info.main
-        },
-        /* Variant success */
-        "&.M4LHelperText-variantSuccess .MuiTypography-root": {
-          color: r.vars.palette.success.main
-        },
-        /* Variant success */
-        "&.M4LHelperText-variantWarning .MuiTypography-root": {
-          color: r.vars.palette.warning.main
-        },
-        /* Variant success */
-        "&.M4LHelperText-variantError .MuiTypography-root": {
-          color: r.vars.palette.error.main
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,28 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LFieldLabel overrides
- */
-export declare const M4LFieldLabel: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LFieldLabel: {
-        styleOverrides: {
-            '&.M4LFieldLabel-root': {
-                display: string;
-                alignItems: string;
-                flexWrap: string;
-                width: string;
-                '& .M4LFieldLabel-mandatory': {
-                    marginLeft: string;
-                    '& .MuiTypography-root': {
-                        color: string;
-                    };
-                };
-                '& .M4LFieldLabel-tooltip': {
-                    marginLeft: string;
-                    '& .M4LIcon-root .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LFieldLabel.js

@@ -1,27 +0,0 @@
-const a = (e) => ({
-  M4LFieldLabel: {
-    styleOverrides: {
-      "&.M4LFieldLabel-root": {
-        display: "flex",
-        alignItems: "center",
-        flexWrap: "wrap",
-        width: "100%",
-        "& .M4LFieldLabel-mandatory": {
-          marginLeft: "2px",
-          "& .MuiTypography-root": {
-            color: e.vars.palette.text.secondary
-          }
-        },
-        "& .M4LFieldLabel-tooltip": {
-          marginLeft: "6px",
-          "& .M4LIcon-root .M4LIcon-icon": {
-            backgroundColor: e.vars.palette.info.main
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  a as M
-};

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

@@ -1,22 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LFormatter overrides
- */
-export declare const M4LFormatter: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LFormatter: {
-        styleOverrides: {
-            '&.M4LFormatter-root': {
-                '& .M4LFormatter-booleanFormatterIcon': {
-                    '& .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                    '&.M4LFormatter-booleanFormatterCheck': {
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LFormatter.js

@@ -1,21 +0,0 @@
-const o = (r) => ({
-  M4LFormatter: {
-    styleOverrides: {
-      "&.M4LFormatter-root": {
-        "& .M4LFormatter-booleanFormatterIcon": {
-          "& .M4LIcon-icon": {
-            backgroundColor: r.vars.palette.text.secondary
-          },
-          "&.M4LFormatter-booleanFormatterCheck": {
-            "& .M4LIcon-icon": {
-              backgroundColor: r.vars.palette.primary.active
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  o as M
-};

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

@@ -1,13 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LGridLayout overrides
- */
-export declare const M4LGridLayout: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LGridLayout: {
-        styleOverrides: {
-            '&.M4LGridLayout-root': {
-                test: string;
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LGridLayout.js

@@ -1,12 +0,0 @@
-const r = (t) => ({
-  M4LGridLayout: {
-    styleOverrides: {
-      "&.M4LGridLayout-root": {
-        test: "root"
-      }
-    }
-  }
-});
-export {
-  r as M
-};

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

@@ -1,15 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LHamburgerMenuCommercial overrides
- */
-export declare const M4LHamburgerMenuCommercial: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LHamburgerMenuCommercial: {
-        styleOverrides: {
-            '&.M4LHamburgerMenuCommercial-root': {
-                '& .M4LSideBar-root': {
-                    display: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LHamburgerMenuCommercial.js

@@ -1,14 +0,0 @@
-const r = (e) => ({
-  M4LHamburgerMenuCommercial: {
-    styleOverrides: {
-      "&.M4LHamburgerMenuCommercial-root": {
-        "& .M4LSideBar-root": {
-          display: "none"
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};

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

@@ -1,54 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LIconButton overrides
- */
-export declare const M4LIcon: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LIcon: {
-        styleOverrides: {
-            "&.M4LIcon-root": {
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-                width: string;
-                transition: string;
-                '.M4LIcon-icon': {
-                    backgroundColor: string;
-                };
-                '.M4LIcon-sizeExtraSmall': {
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                };
-                '.M4LIcon-sizeSmall': {
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                };
-                '.M4LIcon-sizeMedium': {
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                };
-                '.M4LIcon-sizeLarge': {
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                };
-                '.M4LIcon-sizeExtraLarge': {
-                    width: string;
-                    height: string;
-                    minWidth: string;
-                    minHeight: string;
-                };
-                '.M4LIcon-variantSkeleton': {
-                    borderRadius: string;
-                    backgroundColor: string;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LIcon.js

@@ -1,53 +0,0 @@
-const i = (t) => ({
-  M4LIcon: {
-    styleOverrides: {
-      "&.M4LIcon-root": {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        width: "fit-content",
-        transition: "transform 0.5s ease-in-out",
-        ".M4LIcon-icon": {
-          backgroundColor: t.vars.palette.text.primary
-        },
-        ".M4LIcon-sizeExtraSmall": {
-          width: "14px",
-          height: "14px",
-          minWidth: "14px",
-          minHeight: "14px"
-        },
-        ".M4LIcon-sizeSmall": {
-          width: "16px",
-          height: "16px",
-          minWidth: "16px",
-          minHeight: "16px"
-        },
-        ".M4LIcon-sizeMedium": {
-          width: "20px",
-          height: "20px",
-          minWidth: "20px",
-          minHeight: "20px"
-        },
-        ".M4LIcon-sizeLarge": {
-          width: "28px",
-          height: "28px",
-          minWidth: "28px",
-          minHeight: "28px"
-        },
-        ".M4LIcon-sizeExtraLarge": {
-          width: "36px",
-          height: "36px",
-          minWidth: "36px",
-          minHeight: "36px"
-        },
-        ".M4LIcon-variantSkeleton": {
-          borderRadius: "4px",
-          backgroundColor: t.vars.palette.skeleton?.default
-        }
-      }
-    }
-  }
-});
-export {
-  i as M
-};

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

@@ -1,140 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LIconButton overrides
- */
-export declare const M4LIconButton: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LIconButton: {
-        styleOverrides: {
-            "&.M4LIconButton-root": {
-                position: string;
-                borderRadius: string;
-                display: string;
-                justifyContent: string;
-                alignItems: string;
-                transition: string;
-                '& .M4LIcon-root .M4LIcon-icon': {
-                    transition: string;
-                    backgroundColor: string;
-                };
-                '&::before': {
-                    boxSizing: string;
-                    border: string;
-                    borderColor: string;
-                    borderRadius: string;
-                    position: string;
-                    transition: string;
-                };
-                '&.M4LIconButton-sizeSmall': {
-                    width: string;
-                    height: string;
-                    '& .MuiSkeleton-root': {
-                        width: string;
-                        height: string;
-                    };
-                };
-                '&.M4LIconButton-sizeMedium': {
-                    width: string;
-                    height: string;
-                    '& .MuiSkeleton-root': {
-                        width: string;
-                        height: string;
-                    };
-                };
-                '& .MuiIconButton-root': {
-                    position: string;
-                    borderRadius: string;
-                    padding: string;
-                };
-                '&.M4LIconButton-variantPrimary:not(&.M4LIconButton-isDisabled)': {
-                    backgroundColor: string;
-                    '&:hover': {
-                        backgroundColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&:active': {
-                        backgroundColor: string;
-                        transition: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&.M4LIconButton-isFocus': {
-                        backgroundColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                        '&::before': {
-                            content: string;
-                        };
-                    };
-                };
-                '&.M4LIconButton-variantSecondary:not(&.M4LIconButton-isDisabled)': {
-                    borderColor: string;
-                    '& .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                    '&:hover': {
-                        border: string;
-                        borderColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&:active': {
-                        border: string;
-                        borderColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&.M4LIconButton-isFocus': {
-                        border: string;
-                        borderColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                        '&::before': {
-                            content: string;
-                        };
-                    };
-                };
-                '&.M4LIconButton-variantLine:not(&.M4LIconButton-isDisabled)': {
-                    '&:hover': {
-                        backgroundColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&:active': {
-                        backgroundColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                    '&.M4LIconButton-isFocus': {
-                        backgroundColor: string;
-                        border: string;
-                        borderColor: string;
-                        '& .M4LIcon-icon': {
-                            backgroundColor: string;
-                        };
-                    };
-                };
-                '&.M4LIconButton-isDisabled': {
-                    '& .M4LIcon-icon': {
-                        backgroundColor: string;
-                    };
-                };
-                '&.M4LIconButton-root .MuiSkeleton-root': {
-                    borderRadius: string;
-                };
-                '&.M4LIconButton-togglePressed': {
-                    backgroundColor: string;
-                    prop1: number;
-                };
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LIconButton.js

@@ -1,153 +0,0 @@
-const r = (o) => ({
-  M4LIconButton: {
-    styleOverrides: {
-      "&.M4LIconButton-root": {
-        position: "relative",
-        borderRadius: "4px",
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        transition: "all .3s ease",
-        "& .M4LIcon-root .M4LIcon-icon": {
-          transition: "all .3s ease",
-          //Cambiado bgPrimary temporalmente , originalmente primary
-          backgroundColor: o.vars.palette.text.primary
-        },
-        // '& .M4LIcon-root .M4LIcon-icon': {
-        //     backgroundColor: theme.vars.palette.text.bgPrimary,
-        // },
-        "&::before": {
-          boxSizing: "content-box",
-          border: "1px solid",
-          borderColor: o.vars.palette.primary.active,
-          borderRadius: "4px",
-          position: "absolute",
-          transition: "all .3s ease"
-        },
-        "&.M4LIconButton-sizeSmall": {
-          width: "24px",
-          height: "24px",
-          "& .MuiSkeleton-root": {
-            width: "16px",
-            height: "16px"
-          }
-        },
-        "&.M4LIconButton-sizeMedium": {
-          width: "36px",
-          height: "36px",
-          "& .MuiSkeleton-root": {
-            width: "20px",
-            height: "20px"
-          }
-        },
-        /* Size property */
-        "& .MuiIconButton-root": {
-          position: "static",
-          borderRadius: "4px",
-          padding: "0px"
-        },
-        /* '.MuiIconButton-root:hover': {
-                      backgroundColor: 'transparent',
-                  }, */
-        /* Variant primary */
-        "&.M4LIconButton-variantPrimary:not(&.M4LIconButton-isDisabled)": {
-          backgroundColor: o.vars.palette.background?.default,
-          "&:hover": {
-            backgroundColor: o.vars.palette.primary?.hover,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.common?.white
-            }
-          },
-          "&:active": {
-            backgroundColor: o.vars.palette.primary.active,
-            transition: "background-color .5s ease",
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.common?.white
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            backgroundColor: o.vars.palette.primary.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.common?.white
-            },
-            "&::before": {
-              content: "''"
-            }
-          }
-        },
-        /* Variant secondary */
-        "&.M4LIconButton-variantSecondary:not(&.M4LIconButton-isDisabled)": {
-          borderColor: o.vars.palette?.border.disabled,
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.primary
-          },
-          "&:hover": {
-            border: "1px solid",
-            borderColor: o.vars.palette.primary.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            }
-          },
-          "&:active": {
-            border: "1px solid",
-            borderColor: o.vars.palette.primary.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            border: "1px solid",
-            borderColor: o.vars.palette.primary.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            },
-            "&::before": {
-              content: "''"
-            }
-          }
-        },
-        /* Variant line */
-        "&.M4LIconButton-variantLine:not(&.M4LIconButton-isDisabled)": {
-          "&:hover": {
-            backgroundColor: o.vars.palette.primary.opacity,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            }
-          },
-          "&:active": {
-            backgroundColor: "transparent",
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            }
-          },
-          "&.M4LIconButton-isFocus": {
-            backgroundColor: "transparent",
-            border: "1px solid",
-            borderColor: o.vars.palette.primary.active,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.primary.active
-            }
-          }
-        },
-        /* Variant disabled */
-        "&.M4LIconButton-isDisabled": {
-          "& .M4LIcon-icon": {
-            backgroundColor: o.vars.palette.text.disabled
-          }
-        },
-        /* Variant skeleton */
-        "&.M4LIconButton-root .MuiSkeleton-root": {
-          borderRadius: "4px"
-        },
-        //TODO: Para cambiar
-        "&.M4LIconButton-togglePressed": {
-          backgroundColor: "red!important",
-          prop1: 1
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};

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

@@ -1,16 +0,0 @@
-import { Theme, CssVarsTheme } from '@mui/material/styles';
-/**
- * M4LImage overrides
- */
-export declare const M4LImage: (_theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
-    M4LImage: {
-        styleOverrides: {
-            "&.M4LImage-root": {
-                display: string;
-                flexDirection: string;
-                justifyContent: string;
-                alignItems: string;
-            };
-        };
-    };
-};

package/theme/overrides/M4LExtendedComponents/M4LImage.js

@@ -1,15 +0,0 @@
-const t = (e) => ({
-  M4LImage: {
-    styleOverrides: {
-      "&.M4LImage-root": {
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center"
-      }
-    }
-  }
-});
-export {
-  t as M
-};