prometeo-design-system 2.5.6 → 2.5.7

package/dist/InputFormik.es.js

@@ -1,50 +1,50 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as u } from "./cn-B6yFEsav.js";
+import { c as s } from "./cn-B6yFEsav.js";
 import { FastField as q, ErrorMessage as G } from "formik";
 import { memo as H, useState as I, useRef as J, useCallback as y, useLayoutEffect as Q } from "react";
 import { Icons as N } from "./Icons.es.js";
 const W = ({
-  icon: l,
+  icon: t,
   iconPosition: r = "left",
   label: d,
   className: B,
-  containerClassName: $,
+  containerClassName: R,
   id: w,
   type: j = "text",
   labelVariant: n = "default",
   placeholder: p,
   disabled: b = !1,
-  field: t,
-  innerRef: z,
-  form: K,
+  field: l,
+  innerRef: $,
+  form: z,
   ...a
 }) => {
-  const [o, v] = I(!1), [C, M] = I(!1), c = J(null), F = K.getFieldMeta(t.name), k = F.touched && F.error, E = t.value && t.value.toString().length > 0, x = j === "password", P = x ? C ? "text" : "password" : j, R = () => n === "static" ? p || d : p || "", A = () => x ? l ? r === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : l ? r === "left" ? "pl-10" : "pr-10" : "", D = y(() => {
+  const [o, v] = I(!1), [C, K] = I(!1), i = J(null), F = z.getFieldMeta(l.name), k = F.touched && F.error, E = l.value && l.value.toString().length > 0, x = j === "password", M = x ? C ? "text" : "password" : j, P = () => n === "static" ? p || d : p || "", A = () => x ? t ? r === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : t ? r === "left" ? "pl-10" : "pr-10" : "", D = y(() => {
     v(!0), a.onFocus?.();
   }, [a]), T = y(
-    (i) => {
-      v(!1), a.onBlur?.(), t.onBlur(i);
+    (c) => {
+      v(!1), a.onBlur?.(), l.onBlur(c);
     },
-    [t, a]
+    [l, a]
   ), U = y(() => {
-    M((i) => !i);
+    K((c) => !c);
   }, []);
   Q(() => {
-    if (c.current) {
+    if (i.current) {
       const L = ((O) => {
-        let s = O;
-        for (; s && s !== document.body; ) {
-          const f = window.getComputedStyle(s).backgroundColor;
+        let u = O;
+        for (; u && u !== document.body; ) {
+          const f = window.getComputedStyle(u).backgroundColor;
           if (f && f !== "transparent" && f !== "rgba(0, 0, 0, 0)")
             return f;
-          s = s.parentElement;
+          u = u.parentElement;
         }
         const m = window.getComputedStyle(document.body).backgroundColor;
         return m && m !== "transparent" && m !== "rgba(0, 0, 0, 0)" ? m : "rgb(255, 255, 255)";
       })(
-        c.current.parentElement
+        i.current.parentElement
       );
-      c.current.style.backgroundColor = L;
+      i.current.style.backgroundColor = L;
     }
   }, []);
   const g = {
@@ -101,10 +101,10 @@ const W = ({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: u(
+      className: s(
         "relative w-full bg-inherit",
         n === "static" && "mt-5",
-        $
+        R
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
@@ -112,18 +112,18 @@ const W = ({
             "input",
             {
               disabled: b,
-              id: w || t.name,
-              type: P,
-              name: t.name,
-              value: t.value || "",
-              placeholder: R(),
-              onChange: t.onChange,
+              id: w || l.name,
+              type: M,
+              name: l.name,
+              value: l.value || "",
+              placeholder: P(),
+              onChange: l.onChange,
               onFocus: D,
               onEmptied: a.onEmptied,
               onKeyDown: a.onKeyDown,
               onKeyUp: a.onKeyUp,
               onBlur: T,
-              className: u(
+              className: s(
                 "w-full px-3 h-12 text-left border-[1px] rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
                 "bg-transparent focus:outline-none",
                 S[n].input,
@@ -131,33 +131,33 @@ const W = ({
                 A(),
                 B
               ),
-              ref: z
+              ref: $
             }
           ),
           /* @__PURE__ */ e.jsx(
             "label",
             {
-              ref: c,
+              ref: i,
               htmlFor: w || a.name,
-              className: u(
+              className: s(
                 "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
                 "prometeo-fonts-label-large text-sm",
-                V[l ? r : "none"].label,
+                V[t ? r : "none"].label,
                 S[n].label,
                 g[h].label
               ),
               children: d
             }
           ),
-          l && /* @__PURE__ */ e.jsx(
+          t && /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: u(
+              className: s(
                 "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
                 g[h].icon,
                 r === "left" ? "left-3" : "right-3"
               ),
-              children: l
+              children: t
             }
           ),
           x && /* @__PURE__ */ e.jsx(
@@ -165,10 +165,10 @@ const W = ({
             {
               type: "button",
               onClick: U,
-              className: u(
+              className: s(
                 "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
                 "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
-                l && r === "right" ? "right-8" : "right-3"
+                t && r === "right" ? "right-8" : "right-3"
               ),
               tabIndex: -1,
               disabled: b,
@@ -191,7 +191,7 @@ const W = ({
         k && /* @__PURE__ */ e.jsx(
           G,
           {
-            name: t.name,
+            name: l.name,
             component: "span",
             className: "block text-error-default-default text-xs mt-1"
           }
@@ -199,7 +199,15 @@ const W = ({
       ]
     }
   );
-}, X = H(W), ae = (l) => /* @__PURE__ */ e.jsx(q, { name: l.name, children: ({ field: r, form: d }) => /* @__PURE__ */ e.jsx(X, { ...l, field: r, form: d }) });
+}, X = H(W), ae = (t) => /* @__PURE__ */ e.jsx(q, { name: t.name, children: ({ field: r, form: d }) => /* @__PURE__ */ e.jsx(
+  X,
+  {
+    ...t,
+    field: r,
+    form: d,
+    innerRef: t.innerRef
+  }
+) });
 export {
   ae as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.5.6",
+  "version": "2.5.7",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",