@kvdbil/components 8.3.4 → 8.3.5

package/cjs/components/Textfield/index.js

@@ -61,4 +61,4 @@
   ${({centered:g})=>g&&"width: 100%; text-align: center;"}
 `,b=s.default.span`
   display: block;
-`,x=({placeholder:g="",isDisabled:y=!1,centered:k=!1,hasError:F=!1,className:S,helperText:q,label:v="",onBlur:z=()=>null,onFocus:L=()=>null,forwardRef:P,suffix:w,name:E=a.generateNameHash("text-input"),errors:j,...T})=>{const[B,N]=e.useState(!1),_=Boolean(T.value);return d.default.createElement(u,{className:S},d.default.createElement(h,{isFocused:B,disabled:y,centered:k,hasError:F,hasPlaceholder:!!g},d.default.createElement(m,{...T,id:E,name:E,"aria-label":E,ref:P,onFocus:$=>{N(!0),L($)},onBlur:$=>{N(!1),z($)},disabled:y,placeholder:v&&!B?"":g}),w&&d.default.createElement(f,null,w)),v&&d.default.createElement(t.Label,{htmlFor:E,isFocused:B,centered:k,hasError:F,hasValue:_,disabled:y},v),(q||j)&&d.default.createElement(p,{centered:k,hasError:F},q&&d.default.createElement(b,null,q),j&&j.map($=>d.default.createElement(b,{key:$},$))))};exports.TextField=x,exports.default=x;
+`,x=({placeholder:g="",isDisabled:y=!1,centered:F=!1,hasError:q=!1,className:S,helperText:v,label:E="",onBlur:z=()=>null,onFocus:L=()=>null,forwardRef:P,suffix:w,name:k=a.generateNameHash("text-input"),errors:j,...T})=>{const[B,N]=e.useState(!1),_=Boolean(T.value);return d.default.createElement(u,{className:S},d.default.createElement(h,{isFocused:B,disabled:y,centered:F,hasError:q,hasPlaceholder:!!g},d.default.createElement(m,{...T,id:k,name:k,"aria-label":E||k,ref:P,onFocus:$=>{N(!0),L($)},onBlur:$=>{N(!1),z($)},disabled:y,placeholder:E&&!B?"":g}),w&&d.default.createElement(f,null,w)),E&&d.default.createElement(t.Label,{htmlFor:k,isFocused:B,centered:F,hasError:q,hasValue:_,disabled:y},E),(v||j)&&d.default.createElement(p,{centered:F,hasError:q},v&&d.default.createElement(b,null,v),j&&j.map($=>d.default.createElement(b,{key:$},$))))};exports.TextField=x,exports.default=x;

package/esm/components/Textfield/index.js

@@ -61,4 +61,4 @@ import o,{useState as B}from"react";import r,{css as m}from"styled-components";i
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
 `,g=r.span`
   display: block;
-`,y=({placeholder:e="",isDisabled:t=!1,centered:a=!1,hasError:n=!1,className:b,helperText:d,label:i="",onBlur:$=()=>null,onFocus:h=()=>null,forwardRef:k,suffix:u,name:s=w("text-input"),errors:c,...x})=>{const[p,f]=B(!1),F=Boolean(x.value),S=l=>{f(!0),h(l)},v=l=>{f(!1),$(l)};return o.createElement(C,{className:b},o.createElement(L,{isFocused:p,disabled:t,centered:a,hasError:n,hasPlaceholder:!!e},o.createElement(W,{...x,id:s,name:s,"aria-label":s,ref:k,onFocus:S,onBlur:v,disabled:t,placeholder:i&&!p?"":e}),u&&o.createElement(_,null,u)),i&&o.createElement(E,{htmlFor:s,isFocused:p,centered:a,hasError:n,hasValue:F,disabled:t},i),(d||c)&&o.createElement(q,{centered:a,hasError:n},d&&o.createElement(g,null,d),c&&c.map(l=>o.createElement(g,{key:l},l))))};export{y as TextField,y as default};
+`,y=({placeholder:e="",isDisabled:t=!1,centered:n=!1,hasError:d=!1,className:b,helperText:i,label:s="",onBlur:$=()=>null,onFocus:h=()=>null,forwardRef:k,suffix:u,name:a=w("text-input"),errors:c,...x})=>{const[p,f]=B(!1),F=Boolean(x.value),S=l=>{f(!0),h(l)},v=l=>{f(!1),$(l)};return o.createElement(C,{className:b},o.createElement(L,{isFocused:p,disabled:t,centered:n,hasError:d,hasPlaceholder:!!e},o.createElement(W,{...x,id:a,name:a,"aria-label":s||a,ref:k,onFocus:S,onBlur:v,disabled:t,placeholder:s&&!p?"":e}),u&&o.createElement(_,null,u)),s&&o.createElement(E,{htmlFor:a,isFocused:p,centered:n,hasError:d,hasValue:F,disabled:t},s),(i||c)&&o.createElement(q,{centered:n,hasError:d},i&&o.createElement(g,null,i),c&&c.map(l=>o.createElement(g,{key:l},l))))};export{y as TextField,y as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "8.3.4",
+  "version": "8.3.5",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",