bmi-next 1.0.47 → 1.0.48

package/dist/assets/index9.css

@@ -1 +1 @@
-._errorMessage_d77gd_1{font-family:Poppins Medium;font-size:12px;color:var(--rojo);line-height:15px;display:flex;align-items:center;gap:3px;margin-left:9px}._errorMessage_d77gd_1>svg{flex-shrink:0}
+._errorMessage_1mpwp_1{font-family:Poppins Medium;font-size:12px;color:var(--rojo);line-height:15px;display:flex;align-items:center;gap:3px;margin-left:9px}._hintMessage_1mpwp_12{color:var(--negro-40)!important}._errorMessage_1mpwp_1>svg{flex-shrink:0}

package/dist/components/FieldError/index.d.ts

@@ -1,5 +1,6 @@
 interface DivProps extends React.HTMLAttributes<HTMLDivElement> {
     error: string;
+    hint?: boolean;
 }
 export declare const FieldError: React.FC<DivProps>;
 export {};

package/dist/components/FieldError/index.js

@@ -1,11 +1,12 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { Exclamation as o } from "../../icons/icons.js";
-import '../../assets/index9.css';const a = "_errorMessage_d77gd_1", t = {
-  errorMessage: a
-}, n = ({ error: e }) => /* @__PURE__ */ s("div", { className: t.errorMessage, children: [
-  /* @__PURE__ */ r(o, { fill: "rgb(231 94 107)" }),
-  /* @__PURE__ */ r("span", { children: e })
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { Exclamation as n } from "../../icons/icons.js";
+import '../../assets/index9.css';const t = "_errorMessage_1mpwp_1", i = "_hintMessage_1mpwp_12", e = {
+  errorMessage: t,
+  hintMessage: i
+}, c = ({ error: o, hint: r }) => /* @__PURE__ */ a("div", { className: r ? e.errorMessage + " " + e.hintMessage : e.errorMessage, children: [
+  /* @__PURE__ */ s(n, { fill: r ? "var(--negro-40)" : "var(--rojo)" }),
+  /* @__PURE__ */ s("span", { children: o })
 ] });
 export {
-  n as FieldError
+  c as FieldError
 };

package/dist/components/Input/index.d.ts

@@ -17,6 +17,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     iconBefore?: IconPropsWithIconName | null;
     iconAfter?: IconPropsWithIconName | null;
     error?: string | null;
+    hint?: string | null;
     prefix?: string;
     suffix?: string;
     visibility?: true | null;

package/dist/components/Input/index.js

@@ -1,40 +1,41 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { Icon as e } from "../../icons/icons.js";
-import { FieldError as m } from "../FieldError/index.js";
-import { useState as b } from "react";
-import '../../assets/index8.css';const C = "_container_1l4wa_1", h = "_labelContainer_1l4wa_12", u = "_invalidLabel_1l4wa_25", w = "_visibilityContainer_1l4wa_29", y = "_inputContainer_1l4wa_40", N = "_invalid_1l4wa_25", x = "_input_1l4wa_40", f = "_prefix_1l4wa_99", n = {
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Icon as l } from "../../icons/icons.js";
+import { FieldError as v } from "../FieldError/index.js";
+import { useState as u } from "react";
+import '../../assets/index8.css';const C = "_container_1l4wa_1", h = "_labelContainer_1l4wa_12", w = "_invalidLabel_1l4wa_25", y = "_visibilityContainer_1l4wa_29", N = "_inputContainer_1l4wa_40", x = "_invalid_1l4wa_25", f = "_input_1l4wa_40", L = "_prefix_1l4wa_99", n = {
   container: C,
   labelContainer: h,
-  invalidLabel: u,
-  visibilityContainer: w,
-  inputContainer: y,
-  invalid: N,
-  input: x,
-  prefix: f
-}, I = ({
+  invalidLabel: w,
+  visibilityContainer: y,
+  inputContainer: N,
+  invalid: x,
+  input: f,
+  prefix: L
+}, S = ({
   label: s,
-  iconBefore: o,
-  iconAfter: r,
+  iconBefore: r,
+  iconAfter: o,
   error: a,
-  prefix: c,
-  suffix: _,
-  visibility: p,
+  hint: c,
+  prefix: _,
+  suffix: d,
+  visibility: m,
   // className,
-  ...d
+  ...p
 }) => {
-  const [t, v] = b(!1);
-  return /* @__PURE__ */ l("div", { className: n.container, children: [
-    s && /* @__PURE__ */ l("div", { className: n.labelContainer, children: [
+  const [t, b] = u(!1);
+  return /* @__PURE__ */ e("div", { className: n.container, children: [
+    s && /* @__PURE__ */ e("div", { className: n.labelContainer, children: [
       /* @__PURE__ */ i("label", { className: a ? n.invalidLabel : "", children: s }),
-      p && /* @__PURE__ */ l(
+      m && /* @__PURE__ */ e(
         "div",
         {
           className: n.visibilityContainer,
-          onClick: () => v(!t),
+          onClick: () => b(!t),
           children: [
             /* @__PURE__ */ i("span", { children: t ? "Ocultar" : "Mostrar" }),
             /* @__PURE__ */ i(
-              e,
+              l,
               {
                 name: t ? "HideEye" : "ShowEye",
                 width: 20,
@@ -46,29 +47,30 @@ import '../../assets/index8.css';const C = "_container_1l4wa_1", h = "_labelCont
         }
       )
     ] }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ e(
       "div",
       {
         className: `${n.inputContainer} ${a ? n.invalid : ""}`,
         children: [
-          o && /* @__PURE__ */ i(e, { ...o }),
-          c && /* @__PURE__ */ i("span", { className: n.prefix, children: c }),
+          r && /* @__PURE__ */ i(l, { ...r }),
+          _ && /* @__PURE__ */ i("span", { className: n.prefix, children: _ }),
           /* @__PURE__ */ i(
             "input",
             {
               className: n.input,
-              ...d,
-              type: t ? "text" : d.type
+              ...p,
+              type: t ? "text" : p.type
             }
           ),
-          _ && /* @__PURE__ */ i("span", { children: _ }),
-          r && /* @__PURE__ */ i(e, { ...r })
+          d && /* @__PURE__ */ i("span", { children: d }),
+          o && /* @__PURE__ */ i(l, { ...o })
         ]
       }
     ),
-    a && /* @__PURE__ */ i(m, { error: a })
+    c && /* @__PURE__ */ i(v, { error: c, hint: !0 }),
+    a && /* @__PURE__ */ i(v, { error: a })
   ] });
 };
 export {
-  I as Input
+  S as Input
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next",
   "description": "Componentes de UI para proyecto BMI Next",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "author": "David Fernández Bolaños <david@bmiahorro.com>",
   "contributors": [
     "Jorge Martín <jorge@bmiahorro.com>",