@m4l/styles 7.1.36 → 7.1.38

package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.js

@@ -1,188 +0,0 @@
-const i = (t) => ({
-  M4LRHFUploadImage: {
-    styleOverrides: {
-      "&.M4LRHFUploadImage-root": {
-        width: "fit-content",
-        height: "fit-content",
-        "& .M4LRHFUploadImage-containerUploadImage": {
-          width: "100%",
-          height: "100%",
-          minHeight: "200px",
-          minWidth: t.spacing(20),
-          position: "relative",
-          borderRadius: "4px",
-          padding: "8px",
-          boxShadow: t.customShadows?.z2,
-          background: t.vars.palette.background.default,
-          "& .M4LRHFUploadImage-dropZoneStyle": {
-            zIndex: 0,
-            width: "fit-content",
-            height: "fit-content",
-            outline: "none",
-            padding: "12px",
-            display: "flex",
-            overflow: "hidden",
-            borderRadius: "4px",
-            position: "relative",
-            inset: "0",
-            alignItems: "center",
-            justifyContent: "center",
-            background: t.vars.palette.background.surface,
-            "& > *": {
-              width: "100%",
-              height: "100%"
-            },
-            "&:hover": {
-              background: t.vars.palette.primary.opacity,
-              border: "1px solid",
-              borderColor: t.vars.palette.primary.opacity,
-              cursor: "pointer",
-              "& .placeholder": {
-                zIndex: 9
-              }
-            },
-            "& .M4LRHFUploadImage-containerFileImage": {
-              width: "100%",
-              height: "100%",
-              position: "absolute",
-              padding: "12px"
-            },
-            "& .M4LRHFUploadImage-placeHolder": {
-              overflor: "hidden",
-              display: "flex",
-              justifyContent: "center",
-              position: "relative",
-              zIndex: "22",
-              inset: "0",
-              width: "100%",
-              height: "100%",
-              overflow: "hidden",
-              transition: t.transitions.create("opacity", {
-                easing: t.transitions.easing.easeInOut,
-                duration: t.transitions.duration.shorter
-              }),
-              "&:hover": {
-                opacity: 1
-              },
-              "& .M4LRHFUploadImage-containerUploadBoddy": {
-                display: "flex",
-                flexDirection: "column",
-                justifyContent: "center",
-                alignItems: "center",
-                width: "100%",
-                height: "100%",
-                gap: "0",
-                position: "relative",
-                overflow: "hidden",
-                // Icono de carga
-                "& .M4LRHFUploadImage-containerBodyImage": {
-                  display: "flex",
-                  justifyContent: "center",
-                  width: "56px",
-                  height: "56px",
-                  minWidth: "56px",
-                  minHeight: "56px",
-                  paddingBottom: "8px"
-                },
-                "& .M4LRHFUploadImage-containerMessage": {
-                  display: "flex",
-                  justifyContent: "center",
-                  flexDirection: "column",
-                  gap: "8px",
-                  width: "100%",
-                  "& .M4LRHFUploadImage-containerTitle": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-subtitle": {
-                      ...t.colorSchemes.finalTheme.typography.paragraphDens,
-                      color: t.vars.palette.text.primary
-                    }
-                  },
-                  "& .M4LRHFUploadImage-containerDescription": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-root": {
-                      ...t.colorSchemes.finalTheme.typography.paragraph,
-                      color: t.vars.palette.text.secondary
-                    }
-                  },
-                  "& .M4LRHFUploadImage-containerConditions": {
-                    display: "flex",
-                    justifyContent: "center",
-                    ".MuiTypography-root": {
-                      ...t.colorSchemes.finalTheme.typography.body,
-                      color: t.vars.palette.text.secondary
-                    }
-                  },
-                  "& .M4LButton-root": {
-                    display: "flex",
-                    justifyContent: "center",
-                    marginTop: "8px"
-                  }
-                }
-              }
-            }
-          }
-        },
-        // Skeleton
-        "& .M4LRHFUploadImage-skeleton": {
-          maskPosition: "center!important",
-          maskRepeat: "no-repeat!important",
-          WebkitMaskRepeat: "no-repeat!important",
-          border: `1px dashed ${t.vars.palette.divider}`,
-          width: "100%",
-          height: "100%",
-          mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
-          WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
-        }
-      },
-      // Imagen cargada
-      "&.M4LRHFUploadImage-hasFile": {
-        "& .M4LRHFUploadImage-placeHolder": {
-          opacity: "0",
-          overflor: "hidden",
-          display: "flex",
-          justifyContent: "center",
-          position: "relative",
-          zIndex: "22",
-          inset: "0",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          transition: t.transitions.create("opacity", {
-            easing: t.transitions.easing.easeInOut,
-            duration: t.transitions.duration.shorter
-          }),
-          "&:hover": {
-            opacity: 1
-          },
-          // Comportamiento Hover imagen cargada
-          "& .M4LRHFUploadImage-containerUploadBoddy": {
-            "& .M4LRHFUploadImage-containerBodyImage": {
-              opacity: "0"
-            },
-            "& .M4LRHFUploadImage-containerMessage": {
-              "& .M4LRHFUploadImage-containerTitle": {
-                opacity: "0"
-              },
-              "& .M4LRHFUploadImage-containerDescription": {
-                opacity: "0"
-              },
-              "& .M4LRHFUploadImage-containerConditions": {
-                opacity: "0"
-              },
-              "& .M4LButton-root": {
-                display: "flex",
-                justifyContent: "center",
-                marginTop: "16px"
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-});
-export {
-  i as M
-};