ui-mathilde-web 0.1.21 → 0.1.22

package/dist/ui-mathilde-web.d.ts

@@ -175,11 +175,11 @@ declare interface MyDoughnutChartProps {
         datasets: {
             label: string;
             data: number[];
-            backgroundColor: ['#191960', '#C0D4FF'];
-            borderColor: ['#191960', '#C0D4FF'];
-            borderWidth: 1;
-            circumference: 180;
-            rotation: -90;
+            backgroundColor: string[];
+            borderColor: string[];
+            borderWidth: number;
+            circumference: number;
+            rotation: number;
         }[];
     };
 }

package/dist/ui-mathilde-web.js

@@ -263,9 +263,7 @@ const Gy = {
   current: r,
   type: n
 }) => {
-  const a = (r - t) / (e - t) * 100;
-  console.log(a);
-  const i = Math.min(Math.max(a, 0), 100);
+  const a = (r - t) / (e - t) * 100, i = Math.min(Math.max(a, 0), 100);
   return /* @__PURE__ */ K("div", { className: "w-full p-1", children: [
     /* @__PURE__ */ K("div", { className: "flex justify-between text-xs text-gray-400 mb-2", children: [
       /* @__PURE__ */ y("span", { children: t.toLocaleString() }),
@@ -6764,7 +6762,7 @@ const Xu = (t) => new Intl.NumberFormat("es-CO", {
   const e = t, r = {
     responsive: !0,
     maintainAspectRatio: !1,
-    cutout: "80%",
+    cutout: "75%",
     plugins: {
       title: {
         display: !0,
@@ -6806,7 +6804,7 @@ const Xu = (t) => new Intl.NumberFormat("es-CO", {
       const {
         ctx: s,
         chartArea: { top: o, width: l, height: c }
-      } = i, d = "Total", u = Xu(e.datasets[0].data[1]), f = o + c * 0.65;
+      } = i, d = "Total", u = Xu(e.datasets[0].data[1]), f = o + c * 0.75;
       s.save(), s.font = "30px Arial", s.fillStyle = "black", s.textAlign = "center", s.fillText(d, l / 2, f - 20), s.font = "bold 30px Arial", s.fillText(u, l / 2, f + 10), s.restore();
     }
   }, {
@@ -6816,7 +6814,7 @@ const Xu = (t) => new Intl.NumberFormat("es-CO", {
         ctx: s,
         chartArea: { top: o, width: l }
       } = i;
-      s.save(), s.font = "bold 15px Arial", s.textAlign = "right", s.fillText("MONEDA - COP", l + 85, o + 55), s.restore();
+      s.save(), s.font = "bold 15px Arial", s.textAlign = "right", s.fillText("MONEDA - COP", l + 85, o + 40), s.restore();
     }
   }] }) });
 }, D1 = "modal-module__overlay__cc2Es", M1 = "modal-module__modal__WAkuU", C1 = "modal-module__closeButton__1lo1j", el = {
@@ -10237,7 +10235,7 @@ const OI = ({
   textColor: s = "#ffffff",
   className: o = ""
 }) => {
-  const [l, c] = pe(a), [d, u] = pe(null), [f, h] = pe(/* @__PURE__ */ new Set()), [g, m] = pe(null), [p, w] = pe(null), b = e.filter((S) => S.position !== "bottom"), k = e.filter((S) => S.position === "bottom"), v = (S, F = "text-2xl") => typeof S == "string" ? /* @__PURE__ */ y("img", { src: S, style: { width: "25px", height: "25px" } }) : S ? ee.createElement(S, { className: F }) : null, x = (S = !1, F = !1) => ({
+  const [l, c] = pe(a), [d, u] = pe(null), [f, h] = pe(/* @__PURE__ */ new Set()), [g, m] = pe(null), [p, w] = pe(null), b = e.filter((S) => S.position !== "bottom"), k = e.filter((S) => S.position === "bottom"), v = (S, F = "text-xl") => typeof S == "string" ? /* @__PURE__ */ y("img", { src: S, style: { width: "25px", height: "25px" } }) : S ? ee.createElement(S, { className: F }) : null, x = (S = !1, F = !1) => ({
     background: l ? "transparent" : F ? "#FFFFFF55" : S ? "#FFFFFF22" : "#FFFFFF33",
     color: s,
     borderRadius: S ? "15px" : "20px",
@@ -10307,7 +10305,7 @@ const OI = ({
               }
             },
             children: [
-              /* @__PURE__ */ y("div", { className: "mb-2 mt-5", children: /* @__PURE__ */ y("a", { href: "/", children: /* @__PURE__ */ y(
+              /* @__PURE__ */ y("div", { className: `${l ? "mx-auto" : ""} mb-2 mt-5 px-2`, children: /* @__PURE__ */ y("a", { href: "/", children: /* @__PURE__ */ y(
                 Tn,
                 {
                   classIm: "mx-3",
@@ -10318,19 +10316,21 @@ const OI = ({
                 }
               ) }) }),
               /* @__PURE__ */ K("div", { className: "flex flex-col h-full", children: [
-                /* @__PURE__ */ K(a_, { className: "flex-1 mx-3 px-2", children: [
+                /* @__PURE__ */ K(a_, { className: "flex-1 mx-5", children: [
                   /* @__PURE__ */ y("div", { className: "flex flex-col", children: T(b) }),
-                  /* @__PURE__ */ y("div", { className: "mt-24", children: T(k) })
+                  /* @__PURE__ */ y("div", { className: "mt-20", children: T(k) })
                 ] }),
-                n && /* @__PURE__ */ y("div", { className: "w-full cursor-pointer py-4 px-5 mt-auto", children: /* @__PURE__ */ y(
+                n && /* @__PURE__ */ y("div", { className: "w-full cursor-pointer py-4 px-7 mt-auto", children: /* @__PURE__ */ y(
                   "div",
                   {
-                    className: `flex ${l ? "justify-center" : "justify-end"} float-right  rounded-2xl p-2`,
+                    className: "flex rounded-2xl p-2",
                     style: {
-                      background: l ? "transparent" : "#FFFFFF1A"
+                      background: l ? "transparent" : "#FFFFFF1A",
+                      float: l ? "none" : "right",
+                      width: l ? "" : "fit-content"
                     },
                     onClick: n,
-                    children: /* @__PURE__ */ y("button", { className: "text-3xl", style: { color: s }, children: /* @__PURE__ */ y("img", { src: "https://ftp.mathilde-ads.com/382-1a63116bc0d0909114f6c93af9d3dd8d.svg", alt: "logout" }) })
+                    children: /* @__PURE__ */ y("button", { style: { color: s }, children: /* @__PURE__ */ y("img", { src: "https://ftp.mathilde-ads.com/382-1a63116bc0d0909114f6c93af9d3dd8d.svg", width: "25px", height: "25px", alt: "logout" }) })
                   }
                 ) })
               ] })