@julseb-lib/react 0.0.19 → 0.0.20

package/dist/index.cjs.js

@@ -1711,7 +1711,7 @@ React keys must be passed directly to JSX without using spread:
 `,J2=s(K).attrs({tag:"small"})`
     font-style: ${({$fontStyle:l})=>l};
     width: ${({$hasIcon:l,$iconSize:e})=>l&&e&&`calc(100% - ${y.stringifyPx(e)} - ${L.XXS})`};
-`;S([w7,x7,y7,u3,w3,J2]);const Ye=({"data-testid":l,className:e,validation:c})=>{const{status:t,message:h,iconNotPassed:d=a.jsx(d4,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:U2("small"),color:"danger"}),iconNotPassedSize:r=U2("small"),iconPassed:i=a.jsx(p3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:U2("small"),color:"success"}),iconPassedSize:f=U2("small"),iconBaseUrl:o}=c;return!h||!c||t===void 0?null:a.jsxs(u3,{"data-testid":l&&`${l}.ValidationHelper`,className:e&&"ValidationHelper",children:[a.jsx(w3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:e&&"ValidationIconContainerBottom",$iconSize:t===!1?r:f,children:a.jsx(c2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?r:f,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(J2,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:e&&"ValidationTextBottom",$hasIcon:!0,$iconSize:t===!1?r:f,children:h})]})},I2=({"data-testid":l,"aria-label":e,onClick:c,icon:t,iconSize:h=16,iconBaseUrl:d,text:r,disabled:i,inputBackground:f,validationStatus:o,className:p})=>a.jsx(z7,{"aria-label":e,"data-testid":l&&`${l}.Button`,className:p&&"InputButton",onClick:c,disabled:i,as:c?"button":"span",type:"button",$inputBackground:f,$validationStatus:o,$isSpan:!c,$disabled:i,children:t?a.jsx(c2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:p&&"Icon",baseUrl:d}):r}),h0=({"data-testid":l,className:e,hasContainer:c,children:t,hasListOpen:h,isTextArea:d,inputBackground:r,inputVariant:i,validationStatus:f})=>a.jsx(v7,{"data-testid":c&&l?`${l}.Wrapper`:l,className:O(c&&e?"Wrapper":e,{Open:h}),$isTextArea:d,$inputBackground:r,$inputVariant:i,$validationStatus:f,children:t}),I0=v.forwardRef(({"data-testid":l,className:e,children:c,direction:t="down",inputBackground:h,validationStatus:d,isOpen:r,inputVariant:i},f)=>a.jsx(n7,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:e},{Open:r}),ref:f,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:c})),e0=v.forwardRef(({"data-testid":l,className:e,validationStatus:c,inputBackground:t,children:h,isActive:d,onClick:r,readOnly:i,isHovered:f,...o},p)=>a.jsx(M7,{"data-testid":l&&`${l}.ListItem`,ref:p,className:O({ListItem:e},{Active:d},{Hovered:f}),onClick:r,$readOnly:i,$validationStatus:c,$inputBackground:t,...o,children:h})),B2=({"data-testid":l,className:e,prefix:c,inputBackground:t})=>c?a.jsx(k7,{"data-testid":l&&`${l}.Prefix`,className:e&&"Prefix",$inputBackground:t,children:c}):null,Fe=({"data-testid":l,className:e,suffix:c,inputBackground:t})=>c?a.jsx(b7,{"data-testid":l&&`${l}.Suffix`,className:e&&"Suffix",$inputBackground:t,children:c}):null,L2=v.forwardRef(({"data-testid":l,className:e,children:c,disabled:t},h)=>a.jsx(m7,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:e&&"LeftContainer",$disabled:t,children:c})),N0=v.forwardRef(({"data-testid":l,className:e,children:c,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},r)=>a.jsx(u7,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:e&&!h},{Open:t},h&&e),ref:r,style:d,children:c})),Ue=({"data-testid":l,className:e,helperBottom:c,iconBaseUrl:t})=>{if(typeof c=="string")return a.jsx(J2,{children:c});if(typeof c=="object"){const{element:h,text:d,textColor:r,fontStyle:i,icon:f,iconColor:o="primary",iconSize:p=U2("small")}=c;return h?a.jsx(J2,{children:h}):f?a.jsxs(u3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:e&&"HelperBottomContainer",children:[a.jsx(w3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:e&&"BottomIconContainer",$iconSize:p,children:a.jsx(c2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:e&&"HelperBottomIcon",icon:f,color:o,size:p||U2("small"),baseUrl:t})}),a.jsx(J2,{"data-testid":l&&`${l}.HelperBottom.Text`,className:e&&"HelperBottomText",color:r,$fontStyle:i,$iconSize:p,$hasIcon:!0,children:c.text})]}):a.jsx(J2,{"data-testid":l&&`${l}.HelperBottom`,className:e&&"HelperBottom",color:r,$fontStyle:i,$hasIcon:!1,children:d})}return null},H7=v.forwardRef(({"data-testid":l,as:e,children:c,id:t,label:h,labelComment:d,helper:r,helperBottom:i,validation:f,counter:o,maxLength:p,value:z,className:n,hasListOpen:b,style:k,iconBaseUrl:g,...C},x)=>a.jsxs(w7,{"data-testid":l,ref:x,as:e,className:O(n,{Open:b}),style:k,...C,children:[(h||d)&&a.jsxs(x7,{"data-testid":l&&`${l}.Label`,className:n&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(y7,{"data-testid":l&&`${l}.Label.Comment`,className:n&&"Comment",children:d})]})]}),r&&a.jsx(K,{"data-testid":l&&`${l}.Helper`,className:n&&"Helper",children:r}),c,i&&a.jsx(Ue,{"data-testid":l,className:n,helperBottom:i}),o&&a.jsxs(J2,{"data-testid":l&&`${l}.Counter`,className:n&&"Counter",color:"gray",$fontStyle:"italic",children:[z.toString().length,p&&`/${p}`]}),f&&a.jsx(Ye,{"data-testid":l,className:n,validation:f})]})),Ze=`calc(${W.BODY} * ${f2.BODY} * 4 + ${L.XXS} * 2)`,D2=s.input`
+`;S([w7,x7,y7,u3,w3,J2]);const Ye=({"data-testid":l,className:e,validation:c})=>{const{status:t,message:h,iconNotPassed:d=a.jsx(d4,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:U2("small"),color:"danger"}),iconNotPassedSize:r=U2("small"),iconPassed:i=a.jsx(p3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",size:U2("small"),color:"success"}),iconPassedSize:f=U2("small"),iconBaseUrl:o}=c;return!h||!c||t===void 0?null:a.jsxs(u3,{"data-testid":l&&`${l}.ValidationHelper`,className:e&&"ValidationHelper",children:[a.jsx(w3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:e&&"ValidationIconContainerBottom",$iconSize:t===!1?r:f,children:a.jsx(c2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:e&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?r:f,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(J2,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:e&&"ValidationTextBottom",$hasIcon:!0,$iconSize:t===!1?r:f,children:h})]})},I2=({"data-testid":l,"aria-label":e,onClick:c,icon:t,iconSize:h=16,iconBaseUrl:d,text:r,disabled:i,inputBackground:f,validationStatus:o,className:p})=>a.jsx(z7,{"aria-label":e,"data-testid":l&&`${l}.Button`,className:p&&"InputButton",onClick:c,disabled:i,as:c?"button":"span",type:"button",$inputBackground:f,$validationStatus:o,$isSpan:!c,$disabled:i,children:t?a.jsx(c2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:p&&"Icon",baseUrl:d}):r}),h0=({"data-testid":l,className:e,hasContainer:c,children:t,hasListOpen:h,isTextArea:d,inputBackground:r,inputVariant:i,validationStatus:f})=>a.jsx(v7,{"data-testid":c&&l?`${l}.Wrapper`:l,className:O(c&&e?"Wrapper":e,{Open:h}),$isTextArea:d,$inputBackground:r,$inputVariant:i,$validationStatus:f,children:t}),I0=v.forwardRef(({"data-testid":l,className:e,children:c,direction:t="down",inputBackground:h,validationStatus:d,isOpen:r,inputVariant:i},f)=>a.jsx(n7,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:e},{Open:r}),ref:f,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:c})),e0=v.forwardRef(({"data-testid":l,className:e,validationStatus:c,inputBackground:t,children:h,isActive:d,onClick:r,readOnly:i,isHovered:f,...o},p)=>a.jsx(M7,{"data-testid":l&&`${l}.ListItem`,ref:p,className:O({ListItem:e},{Active:d},{Hovered:f}),onClick:r,$readOnly:i,$validationStatus:c,$inputBackground:t,...o,children:h})),B2=({"data-testid":l,className:e,prefix:c,inputBackground:t})=>c?a.jsx(k7,{"data-testid":l&&`${l}.Prefix`,className:e&&"Prefix",$inputBackground:t,children:c}):null,Fe=({"data-testid":l,className:e,suffix:c,inputBackground:t})=>c?a.jsx(b7,{"data-testid":l&&`${l}.Suffix`,className:e&&"Suffix",$inputBackground:t,children:c}):null,L2=v.forwardRef(({"data-testid":l,className:e,children:c,disabled:t},h)=>a.jsx(m7,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:e&&"LeftContainer",$disabled:t,children:c})),N0=v.forwardRef(({"data-testid":l,className:e,children:c,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},r)=>a.jsx(u7,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:e&&!h},{Open:t},h&&e),ref:r,style:d,children:c})),Ue=({"data-testid":l,className:e,helperBottom:c,iconBaseUrl:t})=>{if(typeof c=="string")return a.jsx(J2,{children:c});if(typeof c=="object"){const{element:h,text:d,textColor:r,fontStyle:i,icon:f,iconColor:o="primary",iconSize:p=U2("small"),linkColor:z}=c;return h?a.jsx(J2,{linkColor:z,children:h}):f?a.jsxs(u3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:e&&"HelperBottomContainer",children:[a.jsx(w3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:e&&"BottomIconContainer",$iconSize:p,children:a.jsx(c2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:e&&"HelperBottomIcon",icon:f,color:o,size:p||U2("small"),baseUrl:t})}),a.jsx(J2,{"data-testid":l&&`${l}.HelperBottom.Text`,className:e&&"HelperBottomText",color:r,linkColor:z,$fontStyle:i,$iconSize:p,$hasIcon:!0,children:c.text})]}):a.jsx(J2,{"data-testid":l&&`${l}.HelperBottom`,className:e&&"HelperBottom",color:r,$fontStyle:i,$hasIcon:!1,children:d})}return null},H7=v.forwardRef(({"data-testid":l,as:e,children:c,id:t,label:h,labelComment:d,helper:r,helperBottom:i,validation:f,counter:o,maxLength:p,value:z,className:n,hasListOpen:b,style:k,iconBaseUrl:g,...C},x)=>a.jsxs(w7,{"data-testid":l,ref:x,as:e,className:O(n,{Open:b}),style:k,...C,children:[(h||d)&&a.jsxs(x7,{"data-testid":l&&`${l}.Label`,className:n&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(y7,{"data-testid":l&&`${l}.Label.Comment`,className:n&&"Comment",children:d})]})]}),r&&a.jsx(K,{"data-testid":l&&`${l}.Helper`,className:n&&"Helper",children:r}),c,i&&a.jsx(Ue,{"data-testid":l,className:n,helperBottom:i}),o&&a.jsxs(J2,{"data-testid":l&&`${l}.Counter`,className:n&&"Counter",color:"gray",$fontStyle:"italic",children:[z.toString().length,p&&`/${p}`]}),f&&a.jsx(Ye,{"data-testid":l,className:n,validation:f})]})),Ze=`calc(${W.BODY} * ${f2.BODY} * 4 + ${L.XXS} * 2)`,D2=s.input`
     ${W2}
 
     ${({$isSelect:l})=>l&&s.css`

package/dist/index.es.js

@@ -10988,9 +10988,10 @@ const Gc = ({
       fontStyle: i,
       icon: r,
       iconColor: s = "primary",
-      iconSize: o = Q2("small")
+      iconSize: o = Q2("small"),
+      linkColor: p
     } = e;
-    return h ? /* @__PURE__ */ a.jsx(i0, { children: h }) : r ? /* @__PURE__ */ a.jsxs(
+    return h ? /* @__PURE__ */ a.jsx(i0, { linkColor: p, children: h }) : r ? /* @__PURE__ */ a.jsxs(
       R3,
       {
         "data-testid": l && `${l}.HelperBottomContainer`,
@@ -11021,6 +11022,7 @@ const Gc = ({
               "data-testid": l && `${l}.HelperBottom.Text`,
               className: c && "HelperBottomText",
               color: f,
+              linkColor: p,
               $fontStyle: i,
               $iconSize: o,
               $hasIcon: !0,

package/dist/index.umd.js

@@ -1711,7 +1711,7 @@ React keys must be passed directly to JSX without using spread:
 `,e0=m(X).attrs({tag:"small"})`
     font-style: ${({$fontStyle:l})=>l};
     width: ${({$hasIcon:l,$iconSize:c})=>l&&c&&`calc(100% - ${C.stringifyPx(c)} - ${j.XXS})`};
-`;I([F4,U4,Z4,f3,r3,e0]);const pc=({"data-testid":l,className:c,validation:e})=>{const{status:t,message:h,iconNotPassed:d=a.jsx(x1,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:F2("small"),color:"danger"}),iconNotPassedSize:f=F2("small"),iconPassed:i=a.jsx(X0,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:F2("small"),color:"success"}),iconPassedSize:r=F2("small"),iconBaseUrl:o}=e;return!h||!e||t===void 0?null:a.jsxs(f3,{"data-testid":l&&`${l}.ValidationHelper`,className:c&&"ValidationHelper",children:[a.jsx(r3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:c&&"ValidationIconContainerBottom",$iconSize:t===!1?f:r,children:a.jsx(a2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?f:r,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(e0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:c&&"ValidationTextBottom",$hasIcon:!0,$iconSize:t===!1?f:r,children:h})]})},E2=({"data-testid":l,"aria-label":c,onClick:e,icon:t,iconSize:h=16,iconBaseUrl:d,text:f,disabled:i,inputBackground:r,validationStatus:o,className:z})=>a.jsx(V4,{"aria-label":c,"data-testid":l&&`${l}.Button`,className:z&&"InputButton",onClick:e,disabled:i,as:e?"button":"span",type:"button",$inputBackground:r,$validationStatus:o,$isSpan:!e,$disabled:i,children:t?a.jsx(a2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:z&&"Icon",baseUrl:d}):f}),a0=({"data-testid":l,className:c,hasContainer:e,children:t,hasListOpen:h,isTextArea:d,inputBackground:f,inputVariant:i,validationStatus:r})=>a.jsx(D4,{"data-testid":e&&l?`${l}.Wrapper`:l,className:O(e&&c?"Wrapper":c,{Open:h}),$isTextArea:d,$inputBackground:f,$inputVariant:i,$validationStatus:r,children:t}),R0=v.forwardRef(({"data-testid":l,className:c,children:e,direction:t="down",inputBackground:h,validationStatus:d,isOpen:f,inputVariant:i},r)=>a.jsx(T4,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:c},{Open:f}),ref:r,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:e})),t0=v.forwardRef(({"data-testid":l,className:c,validationStatus:e,inputBackground:t,children:h,isActive:d,onClick:f,readOnly:i,isHovered:r,...o},z)=>a.jsx(G4,{"data-testid":l&&`${l}.ListItem`,ref:z,className:O({ListItem:c},{Active:d},{Hovered:r}),onClick:f,$readOnly:i,$validationStatus:e,$inputBackground:t,...o,children:h})),O2=({"data-testid":l,className:c,prefix:e,inputBackground:t})=>e?a.jsx(B4,{"data-testid":l&&`${l}.Prefix`,className:c&&"Prefix",$inputBackground:t,children:e}):null,vc=({"data-testid":l,className:c,suffix:e,inputBackground:t})=>e?a.jsx(P4,{"data-testid":l&&`${l}.Suffix`,className:c&&"Suffix",$inputBackground:t,children:e}):null,$2=v.forwardRef(({"data-testid":l,className:c,children:e,disabled:t},h)=>a.jsx(I4,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:c&&"LeftContainer",$disabled:t,children:e})),L0=v.forwardRef(({"data-testid":l,className:c,children:e,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},f)=>a.jsx(Y4,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:c&&!h},{Open:t},h&&c),ref:f,style:d,children:e})),nc=({"data-testid":l,className:c,helperBottom:e,iconBaseUrl:t})=>{if(typeof e=="string")return a.jsx(e0,{children:e});if(typeof e=="object"){const{element:h,text:d,textColor:f,fontStyle:i,icon:r,iconColor:o="primary",iconSize:z=F2("small")}=e;return h?a.jsx(e0,{children:h}):r?a.jsxs(f3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:c&&"HelperBottomContainer",children:[a.jsx(r3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:c&&"BottomIconContainer",$iconSize:z,children:a.jsx(a2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:c&&"HelperBottomIcon",icon:r,color:o,size:z||F2("small"),baseUrl:t})}),a.jsx(e0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:c&&"HelperBottomText",color:f,$fontStyle:i,$iconSize:z,$hasIcon:!0,children:e.text})]}):a.jsx(e0,{"data-testid":l&&`${l}.HelperBottom`,className:c&&"HelperBottom",color:f,$fontStyle:i,$hasIcon:!1,children:d})}return null},W4=v.forwardRef(({"data-testid":l,as:c,children:e,id:t,label:h,labelComment:d,helper:f,helperBottom:i,validation:r,counter:o,maxLength:z,value:p,className:n,hasListOpen:b,style:k,iconBaseUrl:g,...A},H)=>a.jsxs(F4,{"data-testid":l,ref:H,as:c,className:O(n,{Open:b}),style:k,...A,children:[(h||d)&&a.jsxs(U4,{"data-testid":l&&`${l}.Label`,className:n&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Z4,{"data-testid":l&&`${l}.Label.Comment`,className:n&&"Comment",children:d})]})]}),f&&a.jsx(X,{"data-testid":l&&`${l}.Helper`,className:n&&"Helper",children:f}),e,i&&a.jsx(nc,{"data-testid":l,className:n,helperBottom:i}),o&&a.jsxs(e0,{"data-testid":l&&`${l}.Counter`,className:n&&"Counter",color:"gray",$fontStyle:"italic",children:[p.toString().length,z&&`/${z}`]}),r&&a.jsx(pc,{"data-testid":l,className:n,validation:r})]})),Mc=`calc(${K.BODY} * ${m2.BODY} * 4 + ${j.XXS} * 2)`,V2=m.input`
+`;I([F4,U4,Z4,f3,r3,e0]);const pc=({"data-testid":l,className:c,validation:e})=>{const{status:t,message:h,iconNotPassed:d=a.jsx(x1,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:F2("small"),color:"danger"}),iconNotPassedSize:f=F2("small"),iconPassed:i=a.jsx(X0,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",size:F2("small"),color:"success"}),iconPassedSize:r=F2("small"),iconBaseUrl:o}=e;return!h||!e||t===void 0?null:a.jsxs(f3,{"data-testid":l&&`${l}.ValidationHelper`,className:c&&"ValidationHelper",children:[a.jsx(r3,{"data-testid":l&&`${l}.ValidationHelper.IconContainer`,className:c&&"ValidationIconContainerBottom",$iconSize:t===!1?f:r,children:a.jsx(a2,{"data-testid":l&&`${l}.ValidationHelper.IconContainer.Icon`,className:c&&"ValidationIconBottom",icon:t===!1?d:i,size:t===!1?f:r,color:t===!1?"danger":"success",baseUrl:o})}),a.jsx(e0,{"data-testid":l&&`${l}.ValidationHelper.Text`,className:c&&"ValidationTextBottom",$hasIcon:!0,$iconSize:t===!1?f:r,children:h})]})},E2=({"data-testid":l,"aria-label":c,onClick:e,icon:t,iconSize:h=16,iconBaseUrl:d,text:f,disabled:i,inputBackground:r,validationStatus:o,className:z})=>a.jsx(V4,{"aria-label":c,"data-testid":l&&`${l}.Button`,className:z&&"InputButton",onClick:e,disabled:i,as:e?"button":"span",type:"button",$inputBackground:r,$validationStatus:o,$isSpan:!e,$disabled:i,children:t?a.jsx(a2,{icon:t,size:h,"data-testid":l&&`${l}.Button.Icon`,className:z&&"Icon",baseUrl:d}):f}),a0=({"data-testid":l,className:c,hasContainer:e,children:t,hasListOpen:h,isTextArea:d,inputBackground:f,inputVariant:i,validationStatus:r})=>a.jsx(D4,{"data-testid":e&&l?`${l}.Wrapper`:l,className:O(e&&c?"Wrapper":c,{Open:h}),$isTextArea:d,$inputBackground:f,$inputVariant:i,$validationStatus:r,children:t}),R0=v.forwardRef(({"data-testid":l,className:c,children:e,direction:t="down",inputBackground:h,validationStatus:d,isOpen:f,inputVariant:i},r)=>a.jsx(T4,{"data-testid":l&&`${l}.ListInput`,className:O({ListInput:c},{Open:f}),ref:r,$direction:t,$inputBackground:h,$validationStatus:d,$inputVariant:i,children:e})),t0=v.forwardRef(({"data-testid":l,className:c,validationStatus:e,inputBackground:t,children:h,isActive:d,onClick:f,readOnly:i,isHovered:r,...o},z)=>a.jsx(G4,{"data-testid":l&&`${l}.ListItem`,ref:z,className:O({ListItem:c},{Active:d},{Hovered:r}),onClick:f,$readOnly:i,$validationStatus:e,$inputBackground:t,...o,children:h})),O2=({"data-testid":l,className:c,prefix:e,inputBackground:t})=>e?a.jsx(B4,{"data-testid":l&&`${l}.Prefix`,className:c&&"Prefix",$inputBackground:t,children:e}):null,vc=({"data-testid":l,className:c,suffix:e,inputBackground:t})=>e?a.jsx(P4,{"data-testid":l&&`${l}.Suffix`,className:c&&"Suffix",$inputBackground:t,children:e}):null,$2=v.forwardRef(({"data-testid":l,className:c,children:e,disabled:t},h)=>a.jsx(I4,{"data-testid":l&&`${l}.LeftContainer`,ref:h,className:c&&"LeftContainer",$disabled:t,children:e})),L0=v.forwardRef(({"data-testid":l,className:c,children:e,hasListOpen:t,isParent:h,inputAndListContainerStyle:d},f)=>a.jsx(Y4,{"data-testid":l&&(h?l:`${l}.InputAndListContainer`),className:O({InputAndListContainer:c&&!h},{Open:t},h&&c),ref:f,style:d,children:e})),nc=({"data-testid":l,className:c,helperBottom:e,iconBaseUrl:t})=>{if(typeof e=="string")return a.jsx(e0,{children:e});if(typeof e=="object"){const{element:h,text:d,textColor:f,fontStyle:i,icon:r,iconColor:o="primary",iconSize:z=F2("small"),linkColor:p}=e;return h?a.jsx(e0,{linkColor:p,children:h}):r?a.jsxs(f3,{"data-testid":l&&`${l}.HelperBottomContainer`,className:c&&"HelperBottomContainer",children:[a.jsx(r3,{"data-testid":l&&`${l}.HelperBottom.IconContainer`,className:c&&"BottomIconContainer",$iconSize:z,children:a.jsx(a2,{"data-testid":l&&`${l}.HelperBottom.IconContainer.Icon`,className:c&&"HelperBottomIcon",icon:r,color:o,size:z||F2("small"),baseUrl:t})}),a.jsx(e0,{"data-testid":l&&`${l}.HelperBottom.Text`,className:c&&"HelperBottomText",color:f,linkColor:p,$fontStyle:i,$iconSize:z,$hasIcon:!0,children:e.text})]}):a.jsx(e0,{"data-testid":l&&`${l}.HelperBottom`,className:c&&"HelperBottom",color:f,$fontStyle:i,$hasIcon:!1,children:d})}return null},W4=v.forwardRef(({"data-testid":l,as:c,children:e,id:t,label:h,labelComment:d,helper:f,helperBottom:i,validation:r,counter:o,maxLength:z,value:p,className:n,hasListOpen:b,style:k,iconBaseUrl:g,...A},H)=>a.jsxs(F4,{"data-testid":l,ref:H,as:c,className:O(n,{Open:b}),style:k,...A,children:[(h||d)&&a.jsxs(U4,{"data-testid":l&&`${l}.Label`,className:n&&"Label",htmlFor:t,children:[h&&h,d&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Z4,{"data-testid":l&&`${l}.Label.Comment`,className:n&&"Comment",children:d})]})]}),f&&a.jsx(X,{"data-testid":l&&`${l}.Helper`,className:n&&"Helper",children:f}),e,i&&a.jsx(nc,{"data-testid":l,className:n,helperBottom:i}),o&&a.jsxs(e0,{"data-testid":l&&`${l}.Counter`,className:n&&"Counter",color:"gray",$fontStyle:"italic",children:[p.toString().length,z&&`/${z}`]}),r&&a.jsx(pc,{"data-testid":l,className:n,validation:r})]})),Mc=`calc(${K.BODY} * ${m2.BODY} * 4 + ${j.XXS} * 2)`,V2=m.input`
     ${U2}
 
     ${({$isSelect:l})=>l&&m.css`

package/dist/lib/components/InputContainer/HelperBottom.tsx

@@ -29,9 +29,15 @@ export const HelperBottom: FC<ILibHelperBottom> = ({
             icon,
             iconColor = "primary",
             iconSize = getIconSizeFromFont("small") as number,
+            linkColor,
         } = helperBottom
 
-        if (element) return <StyledHelperBottom>{element}</StyledHelperBottom>
+        if (element)
+            return (
+                <StyledHelperBottom linkColor={linkColor}>
+                    {element}
+                </StyledHelperBottom>
+            )
 
         if (icon)
             return (
@@ -63,6 +69,7 @@ export const HelperBottom: FC<ILibHelperBottom> = ({
                         data-testid={testid && `${testid}.HelperBottom.Text`}
                         className={className && "HelperBottomText"}
                         color={textColor}
+                        linkColor={linkColor}
                         $fontStyle={fontStyle}
                         $iconSize={iconSize}
                         $hasIcon

package/dist/lib/types/component-items.ts

@@ -11,6 +11,7 @@ import type {
     ReactChildren,
     LibMessageType,
     CssFontStyle,
+    LibColorsHover,
 } from "./"
 
 /*====================== Base ======================*/
@@ -524,6 +525,7 @@ interface HelperBottomWithText {
     iconColor?: LibAllColors
     iconSize?: number
     element?: never
+    linkColor?: LibColorsHover
 }
 
 interface HelperBottomWithElement {
@@ -534,6 +536,7 @@ interface HelperBottomWithElement {
     iconColor?: never
     iconSize?: never
     element: ReactChildren
+    linkColor?: LibColorsHover
 }
 
 export type LibHelperBottom =

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@julseb-lib/react",
-    "version": "0.0.19",
+    "version": "0.0.20",
     "type": "module",
     "license": "MIT",
     "scripts": {