@m4l/styles 7.1.36 → 7.1.37

package/theme/overrides/M4LExtendedComponents/M4LoadingButton.js

@@ -1,243 +0,0 @@
-const r = (o) => ({
-  M4LLoadingButton: {
-    styleOverrides: {
-      "&.M4LLoadingButton-root": {
-        /* Root properties */
-        width: "auto",
-        display: "flex",
-        justifyContent: "center",
-        height: "24px",
-        minHeight: "24px",
-        [o.breakpoints.down("md")]: {
-          height: "36px",
-          minHeight: "36px"
-        },
-        /* General properties */
-        "& .MuiButtonBase-root.MuiLoadingButton-loading": {
-          "& .M4LTypography-root": {
-            opacity: "0"
-          }
-        },
-        "& .MuiCircularProgress-root": {
-          color: `${o.vars.palette.text.primary}!important`
-        },
-        "& .M4LLoadingButton-skeleton ": {
-          height: "100%!important",
-          borderRadius: "4px"
-        },
-        "& .MuiButtonBase-root": {
-          display: "flex",
-          textTransform: "none",
-          gap: "8px",
-          transition: "all .5s ease",
-          borderRadius: "4px",
-          border: "1px solid transparent",
-          ...o.colorSchemes.finalTheme.typography.action,
-          "& .M4LIcon-icon": {
-            transition: "all .5s ease"
-          },
-          "& .MuiButton-startIcon, & .MuiButton-endIcon": {
-            margin: "0px"
-          },
-          "&::before": {
-            inset: "0",
-            border: "1px solid",
-            borderColor: o.vars.palette.primary.active,
-            borderRadius: "4px",
-            transform: "scale(1.07, 1.36)",
-            position: "absolute",
-            boxSizing: "border-box"
-          }
-        },
-        "&.M4LLoadingButton-isDisabled": {
-          "& .MuiButtonBase-root": {
-            color: `${o.vars.palette.text.disabled}!important`,
-            "& .M4LIcon-icon": {
-              backgroundColor: `${o.vars.palette.text.disabled}!important`
-            }
-          },
-          // Disabled condición de variante contained
-          "&.M4LLoadingButton-variantContained": {
-            "& .MuiButtonBase-root": {
-              color: o.vars.palette.text.disabled,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.text.disabled
-              },
-              "&:hover": {
-                backgroundColor: o.vars.palette.background?.default,
-                color: o.vars.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.vars.palette.text.disabled,
-                  color: o.vars.palette.text.disabled
-                }
-              },
-              "&:active": {
-                backgroundColor: o.vars.palette.background?.default,
-                color: o.vars.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.vars.palette.text.disabled,
-                  color: o.vars.palette.text.disabled
-                }
-              },
-              "&.Mui-focusVisible": {
-                backgroundColor: o.vars.palette.background?.default,
-                color: o.vars.palette.text.disabled,
-                "& .M4LIcon-icon": {
-                  backgroundColor: o.vars.palette.text.disabled,
-                  color: o.vars.palette.text.disabled
-                },
-                "&::before": {
-                  content: "none"
-                }
-              }
-            }
-          }
-        },
-        /* Sizes */
-        "&.M4LLoadingButton-sizeSmall": {
-          height: "24px",
-          "& .MuiButtonBase-root": {
-            padding: "4px 12px"
-          },
-          "&.M4LLoadingButton-skeleton": {
-            height: "24px"
-          }
-        },
-        "&.M4LLoadingButton-sizeMedium": {
-          height: "38px",
-          "& .MuiButtonBase-root": {
-            padding: "8px 16px"
-          },
-          "&.M4LLoadingButton-skeleton": {
-            height: "38px"
-          }
-        },
-        /* Variant contained */
-        "&.M4LLoadingButton-variantContained": {
-          "& .MuiCircularProgress-root": {
-            color: "#fff!important"
-          },
-          "& .M4LTypography-root": {
-            "& .MuiTypography-root": {
-              color: o.vars.palette.text?.primary
-            }
-          },
-          "& .MuiButtonBase-root": {
-            backgroundColor: o.vars.palette.primary.active,
-            color: o.vars.palette.common?.white,
-            boxShadow: o.customShadows?.primary,
-            position: "relative",
-            "& .M4LTypography-root": {
-              "MuiTypography-root": {
-                color: "#fff"
-              }
-            },
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.text.secondary
-            },
-            "&:hover": {
-              backgroundColor: o.vars.palette.primary?.hover,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.common?.white
-              },
-              "& .MuiTypography-root": {
-                color: "#fff"
-              }
-            },
-            "&:active": {
-              backgroundColor: o.vars.palette.primary.active,
-              color: o.vars.palette.common?.white,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.common?.white
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: o.vars.palette.primary.active,
-              color: o.vars.palette.common?.white,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.common?.white
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        /* Variant outlined */
-        "&.M4LLoadingButton-variantOutlined": {
-          "& .MuiButtonBase-root": {
-            border: "1px solid",
-            borderColor: o.vars.palette.text.secondary,
-            color: o.vars.palette.text.secondary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.text.secondary
-            },
-            "&:hover": {
-              borderColor: o.vars.palette.primary?.hover,
-              color: o.vars.palette.primary?.hover,
-              backgroundColor: o.vars.palette.primary.opacity,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary?.hover
-              }
-            },
-            "&:active": {
-              borderColor: o.vars.palette.primary.active,
-              color: o.vars.palette.primary.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              borderColor: o.vars.palette.primary.active,
-              color: o.vars.palette.primary.active,
-              backgroundColor: "transparent",
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary.active
-              },
-              "&::before": {
-                content: "''"
-              }
-            }
-          }
-        },
-        /* Variant text */
-        "&.M4LLoadingButton-variantText": {
-          "& .MuiButtonBase-root": {
-            color: o.vars.palette.text.secondary,
-            "& .M4LIcon-icon": {
-              backgroundColor: o.vars.palette.text.secondary
-            },
-            "&:hover": {
-              backgroundColor: o.vars.palette.primary.opacity,
-              color: o.vars.palette.primary?.hover,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary?.hover
-              }
-            },
-            "&:active": {
-              backgroundColor: "transparent",
-              color: o.vars.palette.primary.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary.active
-              }
-            },
-            "&.Mui-focusVisible": {
-              backgroundColor: "transparent",
-              color: o.vars.palette.primary.active,
-              "& .M4LIcon-icon": {
-                backgroundColor: o.vars.palette.primary.active
-              },
-              "&:before": {
-                content: "''"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  r as M
-};