@sector.siit/mlz-components 1.0.6 → 1.0.8

package/dist/index.js

@@ -1401,7 +1401,7 @@ const inputClasses = (hasError, fullWidth) => {
     const colorClass = hasError ? "semantic-error-600" : "primary-600";
     const borderColorClass = hasError ? "semantic-error-600" : "primary-400";
     return {
-        containerStyle: "flex flex-col relative font-geometria" + (fullWidth ? " w-full" : ""),
+        containerStyle: "flex flex-col relative " + (fullWidth ? " w-full" : ""),
         labelStyle: `block text-base font-bold text-${colorClass}`,
         inputStyle: [
             "disabled:bg-primary-100 disabled:cursor-not-allowed disabled:text-primary-300",
@@ -1429,12 +1429,12 @@ function UserCard({ name, email, changeUser, editUser }) {
 
 const CheckCircleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" }) }));
 
+const ErrorCircleIcon = (props) => (jsxRuntimeExports.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsxRuntimeExports.jsx("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M7 7L13 13M13 7L7 13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })] }));
+
 const InfoCircleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M10 15C10.2833 15 10.5208 14.9042 10.7125 14.7125C10.9042 14.5208 11 14.2833 11 14C11 13.7167 10.9042 13.4792 10.7125 13.2875C10.5208 13.0958 10.2833 13 10 13C9.71667 13 9.47917 13.0958 9.2875 13.2875C9.09583 13.4792 9 13.7167 9 14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15ZM9 11H11V5H9V11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z", fill: "currentColor" }) }));
 
 const WarningTriangleIcon = (props) => (jsxRuntimeExports.jsx("svg", { width: "22", height: "19", viewBox: "0 0 22 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsxRuntimeExports.jsx("path", { d: "M0 19L11 0L22 19H0ZM3.45 17H18.55L11 4L3.45 17ZM11 16C11.2833 16 11.5208 15.9042 11.7125 15.7125C11.9042 15.5208 12 15.2833 12 15C12 14.7167 11.9042 14.4792 11.7125 14.2875C11.5208 14.0958 11.2833 14 11 14C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15C10 15.2833 10.0958 15.5208 10.2875 15.7125C10.4792 15.9042 10.7167 16 11 16ZM10 13H12V8H10V13Z", fill: "currentColor" }) }));
 
-const ErrorCircleIcon = (props) => (jsxRuntimeExports.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [jsxRuntimeExports.jsx("circle", { cx: "10", cy: "10", r: "10", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M7 7L13 13M13 7L7 13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })] }));
-
 const toastClasses$1 = (variant) => {
     const variants = {
         success: {
@@ -1472,24 +1472,23 @@ const toastClasses$1 = (variant) => {
     };
     return variants[variant];
 };
-const Toast = ({ title, description, variant = "info", onClose }) => {
+const Toast = ({ title, description, variant = "info", onClose, }) => {
     const classes = toastClasses$1(variant);
     const IconComponent = classes.iconComponent;
     return (jsxRuntimeExports.jsxs("div", { className: [
             "flex items-start",
             "w-[400px] min-h-[88px]",
-            "rounded-[8px]",
+            "rounded-lg",
             "border border-solid",
             "p-4",
             "gap-4",
-            "font-geometria",
             "shadow-[0px_3px_6px_0px_rgba(0,0,0,0.16)]",
             classes.bg,
             classes.border,
         ].join(" "), children: [jsxRuntimeExports.jsx("div", { className: [
                     "flex items-center justify-center",
-                    "w-[40px] h-[40px]",
-                    "rounded-[8px]",
+                    "w-10 h-10",
+                    "rounded-lg",
                     "p-2",
                     "flex-none",
                     classes.iconBg,
@@ -1593,18 +1592,17 @@ const CustomToast = ({ t, title, description, variant = "info" }) => {
     return (jsxRuntimeExports.jsxs("div", { className: [
             "flex items-start",
             "w-[400px] min-h-[88px]",
-            "rounded-[8px]",
+            "rounded-lg",
             "border border-solid",
             "p-4",
             "gap-4",
-            "font-geometria",
             "shadow-[0px_3px_6px_0px_rgba(0,0,0,0.16)]",
             classes.bg,
             classes.border,
         ].join(" "), children: [jsxRuntimeExports.jsx("div", { className: [
                     "flex items-center justify-center",
-                    "w-[40px] h-[40px]",
-                    "rounded-[8px]",
+                    "w-10 h-10",
+                    "rounded-lg",
                     "p-2",
                     "flex-none",
                     classes.iconBg,
@@ -1622,7 +1620,7 @@ const CustomToast = ({ t, title, description, variant = "info" }) => {
                             classes.text,
                         ].join(" "), children: description }))] }), jsxRuntimeExports.jsx("button", { type: "button", onClick: () => toast.dismiss(t.id), className: "text-gray-400 hover:text-gray-600", "aria-label": "Cerrar", children: "\u00D7" })] }));
 };
-const showToast = ({ title, description, variant = "info", duration = 5000 }) => {
+const showToast = ({ title, description, variant = "info", duration = 5000, }) => {
     return toast.custom((t) => (jsxRuntimeExports.jsx(CustomToast, { t: t, title: title, description: description, variant: variant })), {
         duration,
         position: "top-right",