@volvo-cars/react-forms - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

dist/esm/index.js

 "use client"
-import{forwardRef as re,useState as oe}from"react";import{IconButton as ne}from"@volvo-cars/react-icons";import{forwardRef as D}from"react";import{cssMerge as ee}from"@volvo-cars/css/utils";import{Icon as X}from"@volvo-cars/react-icons";import{jsx as Y,jsxs as Z}from"react/jsx-runtime";function T({errorMessage:u,id:e,className:t=""}){return u?Z("p",{id:e,className:`micro text-feedback-red flex items-center ${t}`.trim(),role:"alert",children:[Y(X,{icon:"exclamation-mark-circled",size:12,className:"mr-8",color:"feedback-red"}),u]}):null}import{jsx as _}from"react/jsx-runtime";function C({children:u,id:e,className:t=""}){return _("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:u})}import{useId as j}from"react";function y(u){let e=j(),t=u||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}import{jsx as M,jsxs as F}from"react/jsx-runtime";var te=D(function(e,t){return M(v,{...e,type:"text",ref:t})}),v=D(function({hint:e,id:t,label:o,hidden:n,dir:a,errorMessage:p,lang:c,translate:i,slot:l,isValid:r,className:s,style:d,contentAfter:f,...I},m){let{inputId:b,errorId:P,hintId:g}=y(t),x=I.disabled?void 0:p,R=I["aria-invalid"]||r===!1||!!x,E={placeholder:" ",...I,ref:m,id:b,"aria-invalid":R?!0:void 0,"aria-errormessage":x?P:void 0,"aria-describedby":e?g:void 0};return F("div",{id:t,className:ee("input-floating-label",s),hidden:n,dir:a,lang:c,translate:i,slot:l,style:d,children:[M("label",{htmlFor:b,children:o}),f?F("div",{className:"input","data-input-delegate":!0,"aria-invalid":R?!0:void 0,children:[M("input",{...E,className:"bg-transparent"}),f]}):M("input",{...E}),M(T,{errorMessage:x,id:P,className:"mt-4"}),e&&M(C,{id:g,className:"mt-4",children:e})]})});import{jsx as z}from"react/jsx-runtime";var ae=re(function({value:e,onChange:t,onBlur:o,defaultValue:n,...a},p){let[c,i]=oe(!e&&!n);function l(r){let{validity:s}=r.currentTarget,d=r.currentTarget.required;d||(r.currentTarget.required=!0),i(s.valueMissing&&!s.badInput),d||(r.currentTarget.required=!1)}return z(v,{...a,value:e,defaultValue:n,type:"date",ref:p,onBlur:r=>{o?.(r),l(r)},onChange:r=>{t?.(r),l(r)},"data-blank":c?"":void 0,contentAfter:z(ne,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:r=>{let s=r.currentTarget.parentElement?.querySelector("input[type=date]");if(s)try{if(s.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{s.click(),s.focus()}}})})});import{forwardRef as le,useState as se}from"react";import{IconButton as pe}from"@volvo-cars/react-icons";import{jsx as K}from"react/jsx-runtime";var ie=le(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:o,...n},a){let[p,c]=se(t),{inputId:i,rootId:l}=y(e);return K(v,{...n,type:p?"text":"password",id:l,ref:a,contentAfter:K(pe,{icon:p?"eye":"eye-slashed",className:"-mr-8",variant:"clear",disabled:n.disabled,tabIndex:n.disabled||!o?-1:void 0,...o?{"aria-pressed":p,"aria-label":o,"aria-controls":i}:{"aria-label":"","aria-hidden":!0},onClick:()=>c(r=>!r)})})});import{forwardRef as de}from"react";import{jsx as ce}from"react/jsx-runtime";var ue=de(function(e,t){return ce(v,{...e,type:"email",inputMode:"email",ref:t})});import{forwardRef as me}from"react";import{jsx as Pe}from"react/jsx-runtime";var fe=me(function(e,t){return Pe(v,{...e,type:"tel",ref:t})});import{forwardRef as ge}from"react";import{jsx as Ie}from"react/jsx-runtime";var xe=ge(function(e,t){return Ie(v,{...e,type:"url",inputMode:"url",ref:t})});import{forwardRef as be,useEffect as ye,useState as Ce}from"react";import{jsx as ve}from"react/jsx-runtime";var Te=be(function(e,t){let{min:o=0,max:n=100,value:a,onChange:p,...c}=e,[i,l]=Ce(a!==void 0?a:o),r=((i<=n?i:n)-o)/(n-o)*100;return ye(()=>{l(typeof a<"u"?a<=n?Number(a):n:n/2)},[a,n]),ve("input",{...c,type:"range",className:"range",ref:t,min:o,max:n,value:i,onChange:d=>{typeof a>"u"&&l(Number(d.target.value)),p&&p(d)},style:{...e.style,"--range-value-percent":`${r}%`}})});import{Children as Re,forwardRef as Ee,isValidElement as He,useState as he}from"react";import{cssMerge as Me}from"@volvo-cars/css/utils";import{jsx as U,jsxs as q}from"react/jsx-runtime";var Le=Ee(function({hint:e,id:t,label:o,hidden:n,dir:a,errorMessage:p,lang:c,translate:i,slot:l,value:r,defaultValue:s,children:d,isValid:f,className:I,...m},b){let P=!1;Re.forEach(d,h=>{He(h)&&h.type==="option"&&h.props.value===""&&(P=!0)});let[g,x]=he(!s),R=typeof r=="string",{inputId:E,errorId:L,hintId:H}=y(t),B=m.disabled?void 0:p,W=m["aria-invalid"]||f===!1||!!B,A=R?!r:g;return q("div",{id:t,className:Me("input-floating-label",I),hidden:n,dir:a,lang:c,translate:i,slot:l,children:[U("label",{htmlFor:E,children:o}),q("select",{...m,ref:b,id:E,onChange:R?m.onChange:h=>{m.onChange?.(h),x(!h.target.value)},value:r,defaultValue:s,"data-blank":A?"":void 0,"aria-invalid":W?"true":void 0,"aria-errormessage":B?L:void 0,"aria-describedby":e?H:void 0,children:[!s&&!P&&U("option",{value:"",hidden:!A,disabled:!A,children:o}),d]}),U(T,{errorMessage:B,id:L,className:"mt-4"}),e&&U(C,{id:H,className:"mt-4",children:e})]})});import{forwardRef as Be}from"react";import{cssMerge as Ue}from"@volvo-cars/css/utils";import{jsx as k,jsxs as $}from"react/jsx-runtime";var ke=Be(function({label:e,id:t,hint:o,hidden:n,dir:a,lang:p,translate:c,slot:i,style:l,errorMessage:r,isValid:s,className:d,...f},I){let{inputId:m,hintId:b,errorId:P}=y(t),g=f.disabled?void 0:r,x=f["aria-invalid"]||s===!1||!!g;return $("div",{className:Ue("flex-row",d),hidden:n,dir:a,lang:p,translate:c,slot:i,style:l,children:[k("input",{...f,ref:I,type:"checkbox",id:m,"aria-invalid":x?!0:void 0,"aria-errormessage":g?P:void 0,"aria-describedby":o?b:void 0}),$("div",{className:"flex-col stack-4 ml-8",children:[k("label",{htmlFor:m,className:"pl-8 -ml-8",children:e}),k(T,{errorMessage:g,id:P}),o&&k(C,{id:b,children:o})]})]})});import{forwardRef as Ne,useContext as Ae}from"react";import{cssMerge as Ve}from"@volvo-cars/css/utils";import{createContext as we}from"react";import{jsx as w,jsxs as O}from"react/jsx-runtime";function Se({legend:u,id:e,hint:t,name:o,children:n,required:a,defaultValue:p,value:c,hidden:i,dir:l,lang:r,translate:s,slot:d,errorMessage:f,onChange:I,form:m,enterKeyHint:b,readOnly:P,isValid:g,...x}){let{inputId:R,hintId:E,errorId:L}=y(e),H=x.disabled?void 0:f,B=x["aria-invalid"]||g===!1||!!H;return O("fieldset",{...x,hidden:i,dir:l,lang:r,translate:s,slot:d,form:m,id:R,role:"radiogroup","aria-invalid":B?!0:void 0,"aria-errormessage":H?L:void 0,"aria-describedby":t?E:void 0,"aria-required":a?!0:void 0,children:[w("legend",{className:"mb-4",children:u}),t&&w(C,{id:E,className:"mb-16",children:t}),O("div",{className:"stack-8",hidden:i,children:[w(T,{errorMessage:H,id:L,className:"mb-16"}),w(J,{value:{defaultValue:p,enterKeyHint:b,form:m,name:o,onChange:I,readOnly:P,required:a,value:c},children:n})]})]})}var V=we({}),J=V.Provider;import{jsx as S,jsxs as Q}from"react/jsx-runtime";var Ge=Ne(function({label:e,id:t,hint:o,hidden:n,dir:a,lang:p,translate:c,slot:i,value:l,className:r,style:s,...d},f){let{inputId:I,hintId:m}=y(t),{value:b,defaultValue:P,...g}=Ae(V),x,R;return typeof b<"u"?x=l===b:typeof P<"u"&&l===P&&(R=!0),Q("div",{id:t,className:Ve("flex-row",r),hidden:n,dir:a,lang:p,translate:c,slot:i,style:s,children:[S("input",{...d,...g,ref:f,checked:x,defaultChecked:R,type:"radio",id:I,value:l}),o?Q("div",{className:"flex-col stack-4 ml-8",children:[S("label",{htmlFor:I,children:e}),S(C,{id:m,children:o})]}):S("label",{htmlFor:I,className:"ml-8",children:e})]})});import{forwardRef as Fe}from"react";import{cssMerge as De}from"@volvo-cars/css/utils";import{jsx as N,jsxs as Ke}from"react/jsx-runtime";var ze=Fe(function({hint:e,id:t,label:o,hidden:n,dir:a,errorMessage:p,lang:c,translate:i,slot:l,isValid:r,className:s,style:d,...f},I){let{inputId:m,errorId:b,hintId:P}=y(t),g=f.disabled?void 0:p,x=f["aria-invalid"]||r===!1||!!g;return Ke("div",{id:t,className:De("input-floating-label",s),hidden:n,dir:a,lang:c,translate:i,slot:l,style:d,children:[N("label",{htmlFor:m,children:o}),N("textarea",{placeholder:" ",...f,ref:I,id:m,"aria-invalid":x?!0:void 0,"aria-errormessage":g?b:void 0,"aria-describedby":e?P:void 0}),N(T,{errorMessage:g,id:b,className:"mb-4"}),e&&N(C,{id:P,className:"mt-4",children:e})]})});import{forwardRef as qe}from"react";import{Fragment as Oe,jsx as G,jsxs as Je}from"react/jsx-runtime";var $e=qe(function({color:e,size:t,loading:o,loadingLabel:n,disabled:a,children:p,variant:c="filled",className:i="",...l},r){let s=!a&&o;return G("button",{ref:r,type:"submit",...l,onClick:d=>{a||o?d.preventDefault():l.onClick&&l.onClick(d)},className:`button-${c} ${i}`.trim(),"aria-disabled":a||o||void 0,"data-loading":s||void 0,"aria-live":typeof o=="boolean"?"polite":void 0,"data-color":e==="neutral"?void 0:e,"data-size":t==="small"?"small":void 0,children:s?Je(Oe,{children:[G("span",{className:"invisible",children:p}),G("progress",{className:"spinner","aria-label":n})]}):p})});export{ke as Checkbox,ae as DateInput,ue as EmailInput,T as ErrorMessage,C as Hint,ie as PasswordInput,Ge as Radio,J as RadioContextProvider,Se as RadioGroup,Te as RangeSlider,Le as Select,$e as SubmitButton,fe as TelInput,ze as TextArea,te as TextInput,xe as UrlInput};
+import{forwardRef as oe,useState as ne}from"react";import{IconButton as ae}from"@volvo-cars/react-icons";import{forwardRef as G}from"react";import{cssMerge as te}from"@volvo-cars/css/utils";import{Icon as Y}from"@volvo-cars/react-icons";import{jsx as Z,jsxs as _}from"react/jsx-runtime";function v({errorMessage:u,id:e,className:r=""}){return u?_("p",{id:e,className:`micro text-feedback-red flex items-center ${r}`.trim(),role:"alert",children:[Z(Y,{icon:"exclamation-mark-circled",size:12,className:"mr-8",color:"feedback-red"}),u]}):null}import{jsx as j}from"react/jsx-runtime";function y({children:u,id:e,className:r=""}){return j("p",{id:e,className:`micro text-secondary ${r}`.trim(),children:u})}import{useId as ee}from"react";function b(u){let e=ee(),r=u||e;return{rootId:r,inputId:r+"-input",errorId:r+"-error",hintId:r+"-hint"}}import{jsx as M,jsxs as F}from"react/jsx-runtime";var re=G(function(e,r){return M(C,{...e,type:"text",ref:r})}),C=G(function({hint:e,id:r,label:o,hidden:a,dir:l,errorMessage:i,lang:c,translate:d,slot:s,isValid:t,className:n,style:p,contentAfter:f,...x},m){let{inputId:T,errorId:P,hintId:g}=b(r),I=x.disabled?void 0:i,R=x["aria-invalid"]||t===!1||!!I,E={placeholder:" ",...x,ref:m,id:T,"aria-invalid":R?!0:void 0,"aria-errormessage":I?P:void 0,"aria-describedby":e?g:void 0};return F("div",{id:r,className:te("input-floating-label",n),hidden:a,dir:l,lang:c,translate:d,slot:s,style:p,children:[M("label",{htmlFor:T,children:o}),f?F("div",{className:"input","data-input-delegate":!0,"aria-invalid":R?!0:void 0,children:[M("input",{...E,className:"bg-transparent"}),f]}):M("input",{...E}),M(v,{errorMessage:I,id:P,className:"mt-4"}),e&&M(y,{id:g,className:"mt-4",children:e})]})});import{jsx as q}from"react/jsx-runtime";var le=oe(function({value:e,onChange:r,onBlur:o,defaultValue:a,...l},i){let[c,d]=ne(!e&&!a);function s(t){let{validity:n}=t.currentTarget,p=t.currentTarget.required;p||(t.currentTarget.required=!0),d(n.valueMissing&&!n.badInput),p||(t.currentTarget.required=!1)}return q(C,{...l,value:e,defaultValue:a,type:"date",ref:i,onBlur:t=>{o?.(t),s(t)},onChange:t=>{r?.(t),s(t)},"data-blank":c?"":void 0,contentAfter:q(ae,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:t=>{let n=t.currentTarget.parentElement?.querySelector("input[type=date]");if(n)try{if(n.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{n.click(),n.focus()}}})})});import{forwardRef as se,useState as pe}from"react";import{IconButton as ie}from"@volvo-cars/react-icons";import{jsx as z}from"react/jsx-runtime";var de=se(function({value:e,onChange:r,onBlur:o,defaultValue:a,...l},i){let[c,d]=pe(!e&&!a);function s(t){let{validity:n}=t.currentTarget,p=t.currentTarget.required;p||(t.currentTarget.required=!0),d(n.valueMissing&&!n.badInput),p||(t.currentTarget.required=!1)}return z(C,{...l,value:e,defaultValue:a,type:"datetime-local",ref:i,onBlur:t=>{o?.(t),s(t)},onChange:t=>{r?.(t),s(t)},"data-blank":c?"":void 0,contentAfter:z(ie,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:t=>{let n=t.currentTarget.parentElement?.querySelector("input[type=datetime-local]");if(n)try{if(n.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{n.click(),n.focus()}}})})});import{forwardRef as ue,useState as ce}from"react";import{IconButton as me}from"@volvo-cars/react-icons";import{jsx as K}from"react/jsx-runtime";var fe=ue(function({id:e,defaultPasswordVisible:r=!1,showPasswordLabel:o,...a},l){let[i,c]=ce(r),{inputId:d,rootId:s}=b(e);return K(C,{...a,type:i?"text":"password",id:s,ref:l,contentAfter:K(me,{icon:i?"eye":"eye-slashed",className:"-mr-8",variant:"clear",disabled:a.disabled,tabIndex:a.disabled||!o?-1:void 0,...o?{"aria-pressed":i,"aria-label":o,"aria-controls":d}:{"aria-label":"","aria-hidden":!0},onClick:()=>c(t=>!t)})})});import{forwardRef as Pe}from"react";import{jsx as Ie}from"react/jsx-runtime";var ge=Pe(function(e,r){return Ie(C,{...e,type:"email",inputMode:"email",ref:r})});import{forwardRef as xe}from"react";import{jsx as be}from"react/jsx-runtime";var Te=xe(function(e,r){return be(C,{...e,type:"tel",ref:r})});import{forwardRef as ye}from"react";import{jsx as ve}from"react/jsx-runtime";var Ce=ye(function(e,r){return ve(C,{...e,type:"url",inputMode:"url",ref:r})});import{forwardRef as Re,useEffect as Ee,useState as he}from"react";import{jsx as Me}from"react/jsx-runtime";var He=Re(function(e,r){let{min:o=0,max:a=100,value:l,onChange:i,...c}=e,[d,s]=he(l!==void 0?l:o),t=((d<=a?d:a)-o)/(a-o)*100;return Ee(()=>{s(typeof l<"u"?l<=a?Number(l):a:a/2)},[l,a]),Me("input",{...c,type:"range",className:"range",ref:r,min:o,max:a,value:d,onChange:p=>{typeof l>"u"&&s(Number(p.target.value)),i&&i(p)},style:{...e.style,"--range-value-percent":`${t}%`}})});import{Children as Le,forwardRef as Be,isValidElement as ke,useState as Ue}from"react";import{cssMerge as we}from"@volvo-cars/css/utils";import{jsx as k,jsxs as $}from"react/jsx-runtime";var Se=Be(function({hint:e,id:r,label:o,hidden:a,dir:l,errorMessage:i,lang:c,translate:d,slot:s,value:t,defaultValue:n,children:p,isValid:f,className:x,...m},T){let P=!1;Le.forEach(p,H=>{ke(H)&&H.type==="option"&&H.props.value===""&&(P=!0)});let[g,I]=Ue(!n),R=typeof t=="string",{inputId:E,errorId:L,hintId:h}=b(r),B=m.disabled?void 0:i,X=m["aria-invalid"]||f===!1||!!B,A=R?!t:g;return $("div",{id:r,className:we("input-floating-label",x),hidden:a,dir:l,lang:c,translate:d,slot:s,children:[k("label",{htmlFor:E,children:o}),$("select",{...m,ref:T,id:E,onChange:R?m.onChange:H=>{m.onChange?.(H),I(!H.target.value)},value:t,defaultValue:n,"data-blank":A?"":void 0,"aria-invalid":X?"true":void 0,"aria-errormessage":B?L:void 0,"aria-describedby":e?h:void 0,children:[!n&&!P&&k("option",{value:"",hidden:!A,disabled:!A,children:o}),p]}),k(v,{errorMessage:B,id:L,className:"mt-4"}),e&&k(y,{id:h,className:"mt-4",children:e})]})});import{forwardRef as Ne}from"react";import{cssMerge as Ae}from"@volvo-cars/css/utils";import{jsx as U,jsxs as O}from"react/jsx-runtime";var Ve=Ne(function({label:e,id:r,hint:o,hidden:a,dir:l,lang:i,translate:c,slot:d,style:s,errorMessage:t,isValid:n,className:p,...f},x){let{inputId:m,hintId:T,errorId:P}=b(r),g=f.disabled?void 0:t,I=f["aria-invalid"]||n===!1||!!g;return O("div",{className:Ae("flex-row",p),hidden:a,dir:l,lang:i,translate:c,slot:d,style:s,children:[U("input",{...f,ref:x,type:"checkbox",id:m,"aria-invalid":I?!0:void 0,"aria-errormessage":g?P:void 0,"aria-describedby":o?T:void 0}),O("div",{className:"flex-col stack-4 ml-8",children:[U("label",{htmlFor:m,className:"pl-8 -ml-8",children:e}),U(v,{errorMessage:g,id:P}),o&&U(y,{id:T,children:o})]})]})});import{forwardRef as Ge,useContext as qe}from"react";import{cssMerge as ze}from"@volvo-cars/css/utils";import{createContext as De}from"react";import{jsx as w,jsxs as J}from"react/jsx-runtime";function Fe({legend:u,id:e,hint:r,name:o,children:a,required:l,defaultValue:i,value:c,hidden:d,dir:s,lang:t,translate:n,slot:p,errorMessage:f,onChange:x,form:m,enterKeyHint:T,readOnly:P,isValid:g,...I}){let{inputId:R,hintId:E,errorId:L}=b(e),h=I.disabled?void 0:f,B=I["aria-invalid"]||g===!1||!!h;return J("fieldset",{...I,hidden:d,dir:s,lang:t,translate:n,slot:p,form:m,id:R,role:"radiogroup","aria-invalid":B?!0:void 0,"aria-errormessage":h?L:void 0,"aria-describedby":r?E:void 0,"aria-required":l?!0:void 0,children:[w("legend",{className:"mb-4",children:u}),r&&w(y,{id:E,className:"mb-16",children:r}),J("div",{className:"stack-8",hidden:d,children:[w(v,{errorMessage:h,id:L,className:"mb-16"}),w(Q,{value:{defaultValue:i,enterKeyHint:T,form:m,name:o,onChange:x,readOnly:P,required:l,value:c},children:a})]})]})}var V=De({}),Q=V.Provider;import{jsx as S,jsxs as W}from"react/jsx-runtime";var Ke=Ge(function({label:e,id:r,hint:o,hidden:a,dir:l,lang:i,translate:c,slot:d,value:s,className:t,style:n,...p},f){let{inputId:x,hintId:m}=b(r),{value:T,defaultValue:P,...g}=qe(V),I,R;return typeof T<"u"?I=s===T:typeof P<"u"&&s===P&&(R=!0),W("div",{id:r,className:ze("flex-row",t),hidden:a,dir:l,lang:i,translate:c,slot:d,style:n,children:[S("input",{...p,...g,ref:f,checked:I,defaultChecked:R,type:"radio",id:x,value:s}),o?W("div",{className:"flex-col stack-4 ml-8",children:[S("label",{htmlFor:x,children:e}),S(y,{id:m,children:o})]}):S("label",{htmlFor:x,className:"ml-8",children:e})]})});import{forwardRef as $e}from"react";import{cssMerge as Oe}from"@volvo-cars/css/utils";import{jsx as N,jsxs as Qe}from"react/jsx-runtime";var Je=$e(function({hint:e,id:r,label:o,hidden:a,dir:l,errorMessage:i,lang:c,translate:d,slot:s,isValid:t,className:n,style:p,...f},x){let{inputId:m,errorId:T,hintId:P}=b(r),g=f.disabled?void 0:i,I=f["aria-invalid"]||t===!1||!!g;return Qe("div",{id:r,className:Oe("input-floating-label",n),hidden:a,dir:l,lang:c,translate:d,slot:s,style:p,children:[N("label",{htmlFor:m,children:o}),N("textarea",{placeholder:" ",...f,ref:x,id:m,"aria-invalid":I?!0:void 0,"aria-errormessage":g?T:void 0,"aria-describedby":e?P:void 0}),N(v,{errorMessage:g,id:T,className:"mb-4"}),e&&N(y,{id:P,className:"mt-4",children:e})]})});import{forwardRef as We}from"react";import{Fragment as Ye,jsx as D,jsxs as Ze}from"react/jsx-runtime";var Xe=We(function({color:e,size:r,loading:o,loadingLabel:a,disabled:l,children:i,variant:c="filled",className:d="",...s},t){let n=!l&&o;return D("button",{ref:t,type:"submit",...s,onClick:p=>{l||o?p.preventDefault():s.onClick&&s.onClick(p)},className:`button-${c} ${d}`.trim(),"aria-disabled":l||o||void 0,"data-loading":n||void 0,"aria-live":typeof o=="boolean"?"polite":void 0,"data-color":e==="neutral"?void 0:e,"data-size":r==="small"?"small":void 0,children:n?Ze(Ye,{children:[D("span",{className:"invisible",children:i}),D("progress",{className:"spinner","aria-label":a})]}):i})});export{Ve as Checkbox,le as DateInput,de as DateTimeInput,ge as EmailInput,v as ErrorMessage,y as Hint,fe as PasswordInput,Ke as Radio,Q as RadioContextProvider,Fe as RadioGroup,He as RangeSlider,Se as Select,Xe as SubmitButton,Te as TelInput,Je as TextArea,re as TextInput,Ce as UrlInput};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

 export { DateInput } from './date-input';
 export type { DateInputProps, DateInputControlledProps, DateInputUncontrolledProps, } from './date-input';
+export { DateTimeInput } from './date-time-input';
+export type { DateTimeInputProps, DateTimeInputControlledProps, DateTimeInputUncontrolledProps, } from './date-time-input';
 export { PasswordInput } from './password-input';
@@ -4,0 +6,0 @@ export type { PasswordInputProps, PasswordInputControlledProps, PasswordInputUncontrolledProps, } from './password-input';

dist/index.js

 "use client"
-var $=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var we=Object.prototype.hasOwnProperty;var Se=(a,e)=>{for(var t in e)$(a,t,{get:e[t],enumerable:!0})},Ne=(a,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of ke(e))!we.call(a,r)&&r!==t&&$(a,r,{get:()=>e[r],enumerable:!(o=Ue(e,r))||o.enumerable});return a};var Ae=a=>Ne($({},"__esModule",{value:!0}),a);var Ve={};Se(Ve,{Checkbox:()=>ye,DateInput:()=>re,EmailInput:()=>le,ErrorMessage:()=>T,Hint:()=>y,PasswordInput:()=>ne,Radio:()=>Re,RadioContextProvider:()=>X,RadioGroup:()=>Te,RangeSlider:()=>fe,Select:()=>xe,SubmitButton:()=>Le,TelInput:()=>ie,TextArea:()=>he,TextInput:()=>ee,UrlInput:()=>ce});module.exports=Ae(Ve);var D=require("react"),te=require("@volvo-cars/react-icons");var O=require("react"),j=require("@volvo-cars/css/utils");var Y=require("@volvo-cars/react-icons"),F=require("react/jsx-runtime");function T({errorMessage:a,id:e,className:t=""}){return a?(0,F.jsxs)("p",{id:e,className:`micro text-feedback-red flex items-center ${t}`.trim(),role:"alert",children:[(0,F.jsx)(Y.Icon,{icon:"exclamation-mark-circled",size:12,className:"mr-8",color:"feedback-red"}),a]}):null}var Z=require("react/jsx-runtime");function y({children:a,id:e,className:t=""}){return(0,Z.jsx)("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:a})}var _=require("react");function C(a){let e=(0,_.useId)(),t=a||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}var E=require("react/jsx-runtime"),ee=(0,O.forwardRef)(function(e,t){return(0,E.jsx)(v,{...e,type:"text",ref:t})}),v=(0,O.forwardRef)(function({hint:e,id:t,label:o,hidden:r,dir:l,errorMessage:i,lang:c,translate:d,slot:s,isValid:n,className:p,style:u,contentAfter:f,...I},m){let{inputId:b,errorId:P,hintId:g}=C(t),x=I.disabled?void 0:i,R=I["aria-invalid"]||n===!1||!!x,H={placeholder:" ",...I,ref:m,id:b,"aria-invalid":R?!0:void 0,"aria-errormessage":x?P:void 0,"aria-describedby":e?g:void 0};return(0,E.jsxs)("div",{id:t,className:(0,j.cssMerge)("input-floating-label",p),hidden:r,dir:l,lang:c,translate:d,slot:s,style:u,children:[(0,E.jsx)("label",{htmlFor:b,children:o}),f?(0,E.jsxs)("div",{className:"input","data-input-delegate":!0,"aria-invalid":R?!0:void 0,children:[(0,E.jsx)("input",{...H,className:"bg-transparent"}),f]}):(0,E.jsx)("input",{...H}),(0,E.jsx)(T,{errorMessage:x,id:P,className:"mt-4"}),e&&(0,E.jsx)(y,{id:g,className:"mt-4",children:e})]})});var J=require("react/jsx-runtime"),re=(0,D.forwardRef)(function({value:e,onChange:t,onBlur:o,defaultValue:r,...l},i){let[c,d]=(0,D.useState)(!e&&!r);function s(n){let{validity:p}=n.currentTarget,u=n.currentTarget.required;u||(n.currentTarget.required=!0),d(p.valueMissing&&!p.badInput),u||(n.currentTarget.required=!1)}return(0,J.jsx)(v,{...l,value:e,defaultValue:r,type:"date",ref:i,onBlur:n=>{o?.(n),s(n)},onChange:n=>{t?.(n),s(n)},"data-blank":c?"":void 0,contentAfter:(0,J.jsx)(te.IconButton,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:n=>{let p=n.currentTarget.parentElement?.querySelector("input[type=date]");if(p)try{if(p.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{p.click(),p.focus()}}})})});var z=require("react"),oe=require("@volvo-cars/react-icons");var Q=require("react/jsx-runtime"),ne=(0,z.forwardRef)(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:o,...r},l){let[i,c]=(0,z.useState)(t),{inputId:d,rootId:s}=C(e);return(0,Q.jsx)(v,{...r,type:i?"text":"password",id:s,ref:l,contentAfter:(0,Q.jsx)(oe.IconButton,{icon:i?"eye":"eye-slashed",className:"-mr-8",variant:"clear",disabled:r.disabled,tabIndex:r.disabled||!o?-1:void 0,...o?{"aria-pressed":i,"aria-label":o,"aria-controls":d}:{"aria-label":"","aria-hidden":!0},onClick:()=>c(n=>!n)})})});var ae=require("react");var se=require("react/jsx-runtime"),le=(0,ae.forwardRef)(function(e,t){return(0,se.jsx)(v,{...e,type:"email",inputMode:"email",ref:t})});var pe=require("react");var de=require("react/jsx-runtime"),ie=(0,pe.forwardRef)(function(e,t){return(0,de.jsx)(v,{...e,type:"tel",ref:t})});var ue=require("react");var me=require("react/jsx-runtime"),ce=(0,ue.forwardRef)(function(e,t){return(0,me.jsx)(v,{...e,type:"url",inputMode:"url",ref:t})});var A=require("react"),Pe=require("react/jsx-runtime"),fe=(0,A.forwardRef)(function(e,t){let{min:o=0,max:r=100,value:l,onChange:i,...c}=e,[d,s]=(0,A.useState)(l!==void 0?l:o),n=((d<=r?d:r)-o)/(r-o)*100;return(0,A.useEffect)(()=>{s(typeof l<"u"?l<=r?Number(l):r:r/2)},[l,r]),(0,Pe.jsx)("input",{...c,type:"range",className:"range",ref:t,min:o,max:r,value:d,onChange:u=>{typeof l>"u"&&s(Number(u.target.value)),i&&i(u)},style:{...e.style,"--range-value-percent":`${n}%`}})});var M=require("react"),ge=require("@volvo-cars/css/utils");var h=require("react/jsx-runtime"),xe=(0,M.forwardRef)(function({hint:e,id:t,label:o,hidden:r,dir:l,errorMessage:i,lang:c,translate:d,slot:s,value:n,defaultValue:p,children:u,isValid:f,className:I,...m},b){let P=!1;M.Children.forEach(u,N=>{(0,M.isValidElement)(N)&&N.type==="option"&&N.props.value===""&&(P=!0)});let[g,x]=(0,M.useState)(!p),R=typeof n=="string",{inputId:H,errorId:V,hintId:S}=C(t),G=m.disabled?void 0:i,Be=m["aria-invalid"]||f===!1||!!G,q=R?!n:g;return(0,h.jsxs)("div",{id:t,className:(0,ge.cssMerge)("input-floating-label",I),hidden:r,dir:l,lang:c,translate:d,slot:s,children:[(0,h.jsx)("label",{htmlFor:H,children:o}),(0,h.jsxs)("select",{...m,ref:b,id:H,onChange:R?m.onChange:N=>{m.onChange?.(N),x(!N.target.value)},value:n,defaultValue:p,"data-blank":q?"":void 0,"aria-invalid":Be?"true":void 0,"aria-errormessage":G?V:void 0,"aria-describedby":e?S:void 0,children:[!p&&!P&&(0,h.jsx)("option",{value:"",hidden:!q,disabled:!q,children:o}),u]}),(0,h.jsx)(T,{errorMessage:G,id:V,className:"mt-4"}),e&&(0,h.jsx)(y,{id:S,className:"mt-4",children:e})]})});var Ie=require("react"),be=require("@volvo-cars/css/utils");var L=require("react/jsx-runtime"),ye=(0,Ie.forwardRef)(function({label:e,id:t,hint:o,hidden:r,dir:l,lang:i,translate:c,slot:d,style:s,errorMessage:n,isValid:p,className:u,...f},I){let{inputId:m,hintId:b,errorId:P}=C(t),g=f.disabled?void 0:n,x=f["aria-invalid"]||p===!1||!!g;return(0,L.jsxs)("div",{className:(0,be.cssMerge)("flex-row",u),hidden:r,dir:l,lang:i,translate:c,slot:d,style:s,children:[(0,L.jsx)("input",{...f,ref:I,type:"checkbox",id:m,"aria-invalid":x?!0:void 0,"aria-errormessage":g?P:void 0,"aria-describedby":o?b:void 0}),(0,L.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,L.jsx)("label",{htmlFor:m,className:"pl-8 -ml-8",children:e}),(0,L.jsx)(T,{errorMessage:g,id:P}),o&&(0,L.jsx)(y,{id:b,children:o})]})]})});var K=require("react"),ve=require("@volvo-cars/css/utils");var Ce=require("react");var B=require("react/jsx-runtime");function Te({legend:a,id:e,hint:t,name:o,children:r,required:l,defaultValue:i,value:c,hidden:d,dir:s,lang:n,translate:p,slot:u,errorMessage:f,onChange:I,form:m,enterKeyHint:b,readOnly:P,isValid:g,...x}){let{inputId:R,hintId:H,errorId:V}=C(e),S=x.disabled?void 0:f,G=x["aria-invalid"]||g===!1||!!S;return(0,B.jsxs)("fieldset",{...x,hidden:d,dir:s,lang:n,translate:p,slot:u,form:m,id:R,role:"radiogroup","aria-invalid":G?!0:void 0,"aria-errormessage":S?V:void 0,"aria-describedby":t?H:void 0,"aria-required":l?!0:void 0,children:[(0,B.jsx)("legend",{className:"mb-4",children:a}),t&&(0,B.jsx)(y,{id:H,className:"mb-16",children:t}),(0,B.jsxs)("div",{className:"stack-8",hidden:d,children:[(0,B.jsx)(T,{errorMessage:S,id:V,className:"mb-16"}),(0,B.jsx)(X,{value:{defaultValue:i,enterKeyHint:b,form:m,name:o,onChange:I,readOnly:P,required:l,value:c},children:r})]})]})}var W=(0,Ce.createContext)({}),X=W.Provider;var U=require("react/jsx-runtime"),Re=(0,K.forwardRef)(function({label:e,id:t,hint:o,hidden:r,dir:l,lang:i,translate:c,slot:d,value:s,className:n,style:p,...u},f){let{inputId:I,hintId:m}=C(t),{value:b,defaultValue:P,...g}=(0,K.useContext)(W),x,R;return typeof b<"u"?x=s===b:typeof P<"u"&&s===P&&(R=!0),(0,U.jsxs)("div",{id:t,className:(0,ve.cssMerge)("flex-row",n),hidden:r,dir:l,lang:i,translate:c,slot:d,style:p,children:[(0,U.jsx)("input",{...u,...g,ref:f,checked:x,defaultChecked:R,type:"radio",id:I,value:s}),o?(0,U.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,U.jsx)("label",{htmlFor:I,children:e}),(0,U.jsx)(y,{id:m,children:o})]}):(0,U.jsx)("label",{htmlFor:I,className:"ml-8",children:e})]})});var Ee=require("react"),He=require("@volvo-cars/css/utils");var w=require("react/jsx-runtime"),he=(0,Ee.forwardRef)(function({hint:e,id:t,label:o,hidden:r,dir:l,errorMessage:i,lang:c,translate:d,slot:s,isValid:n,className:p,style:u,...f},I){let{inputId:m,errorId:b,hintId:P}=C(t),g=f.disabled?void 0:i,x=f["aria-invalid"]||n===!1||!!g;return(0,w.jsxs)("div",{id:t,className:(0,He.cssMerge)("input-floating-label",p),hidden:r,dir:l,lang:c,translate:d,slot:s,style:u,children:[(0,w.jsx)("label",{htmlFor:m,children:o}),(0,w.jsx)("textarea",{placeholder:" ",...f,ref:I,id:m,"aria-invalid":x?!0:void 0,"aria-errormessage":g?b:void 0,"aria-describedby":e?P:void 0}),(0,w.jsx)(T,{errorMessage:g,id:b,className:"mb-4"}),e&&(0,w.jsx)(y,{id:P,className:"mt-4",children:e})]})});var Me=require("react"),k=require("react/jsx-runtime"),Le=(0,Me.forwardRef)(function({color:e,size:t,loading:o,loadingLabel:r,disabled:l,children:i,variant:c="filled",className:d="",...s},n){let p=!l&&o;return(0,k.jsx)("button",{ref:n,type:"submit",...s,onClick:u=>{l||o?u.preventDefault():s.onClick&&s.onClick(u)},className:`button-${c} ${d}`.trim(),"aria-disabled":l||o||void 0,"data-loading":p||void 0,"aria-live":typeof o=="boolean"?"polite":void 0,"data-color":e==="neutral"?void 0:e,"data-size":t==="small"?"small":void 0,children:p?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{className:"invisible",children:i}),(0,k.jsx)("progress",{className:"spinner","aria-label":r})]}):i})});0&&(module.exports={Checkbox,DateInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,RangeSlider,Select,SubmitButton,TelInput,TextArea,TextInput,UrlInput});
+var O=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var Ae=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var De=(l,e)=>{for(var t in e)O(l,t,{get:e[t],enumerable:!0})},Fe=(l,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Ae(e))!Ve.call(l,o)&&o!==t&&O(l,o,{get:()=>e[o],enumerable:!(n=Ne(e,o))||n.enumerable});return l};var Ge=l=>Fe(O({},"__esModule",{value:!0}),l);var qe={};De(qe,{Checkbox:()=>Re,DateInput:()=>ne,DateTimeInput:()=>le,EmailInput:()=>de,ErrorMessage:()=>v,Hint:()=>b,PasswordInput:()=>pe,Radio:()=>Me,RadioContextProvider:()=>Z,RadioGroup:()=>he,RangeSlider:()=>xe,Select:()=>ye,SubmitButton:()=>we,TelInput:()=>me,TextArea:()=>ke,TextInput:()=>re,UrlInput:()=>ge});module.exports=Ge(qe);var G=require("react"),oe=require("@volvo-cars/react-icons");var J=require("react"),te=require("@volvo-cars/css/utils");var _=require("@volvo-cars/react-icons"),F=require("react/jsx-runtime");function v({errorMessage:l,id:e,className:t=""}){return l?(0,F.jsxs)("p",{id:e,className:`micro text-feedback-red flex items-center ${t}`.trim(),role:"alert",children:[(0,F.jsx)(_.Icon,{icon:"exclamation-mark-circled",size:12,className:"mr-8",color:"feedback-red"}),l]}):null}var j=require("react/jsx-runtime");function b({children:l,id:e,className:t=""}){return(0,j.jsx)("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:l})}var ee=require("react");function y(l){let e=(0,ee.useId)(),t=l||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}var E=require("react/jsx-runtime"),re=(0,J.forwardRef)(function(e,t){return(0,E.jsx)(C,{...e,type:"text",ref:t})}),C=(0,J.forwardRef)(function({hint:e,id:t,label:n,hidden:o,dir:s,errorMessage:d,lang:c,translate:u,slot:p,isValid:r,className:a,style:i,contentAfter:f,...x},m){let{inputId:T,errorId:P,hintId:g}=y(t),I=x.disabled?void 0:d,R=x["aria-invalid"]||r===!1||!!I,h={placeholder:" ",...x,ref:m,id:T,"aria-invalid":R?!0:void 0,"aria-errormessage":I?P:void 0,"aria-describedby":e?g:void 0};return(0,E.jsxs)("div",{id:t,className:(0,te.cssMerge)("input-floating-label",a),hidden:o,dir:s,lang:c,translate:u,slot:p,style:i,children:[(0,E.jsx)("label",{htmlFor:T,children:n}),f?(0,E.jsxs)("div",{className:"input","data-input-delegate":!0,"aria-invalid":R?!0:void 0,children:[(0,E.jsx)("input",{...h,className:"bg-transparent"}),f]}):(0,E.jsx)("input",{...h}),(0,E.jsx)(v,{errorMessage:I,id:P,className:"mt-4"}),e&&(0,E.jsx)(b,{id:g,className:"mt-4",children:e})]})});var Q=require("react/jsx-runtime"),ne=(0,G.forwardRef)(function({value:e,onChange:t,onBlur:n,defaultValue:o,...s},d){let[c,u]=(0,G.useState)(!e&&!o);function p(r){let{validity:a}=r.currentTarget,i=r.currentTarget.required;i||(r.currentTarget.required=!0),u(a.valueMissing&&!a.badInput),i||(r.currentTarget.required=!1)}return(0,Q.jsx)(C,{...s,value:e,defaultValue:o,type:"date",ref:d,onBlur:r=>{n?.(r),p(r)},onChange:r=>{t?.(r),p(r)},"data-blank":c?"":void 0,contentAfter:(0,Q.jsx)(oe.IconButton,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:r=>{let a=r.currentTarget.parentElement?.querySelector("input[type=date]");if(a)try{if(a.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{a.click(),a.focus()}}})})});var q=require("react"),ae=require("@volvo-cars/react-icons");var W=require("react/jsx-runtime"),le=(0,q.forwardRef)(function({value:e,onChange:t,onBlur:n,defaultValue:o,...s},d){let[c,u]=(0,q.useState)(!e&&!o);function p(r){let{validity:a}=r.currentTarget,i=r.currentTarget.required;i||(r.currentTarget.required=!0),u(a.valueMissing&&!a.badInput),i||(r.currentTarget.required=!1)}return(0,W.jsx)(C,{...s,value:e,defaultValue:o,type:"datetime-local",ref:d,onBlur:r=>{n?.(r),p(r)},onChange:r=>{t?.(r),p(r)},"data-blank":c?"":void 0,contentAfter:(0,W.jsx)(ae.IconButton,{icon:"calendar",className:"ml-8 -mr-8",variant:"clear","aria-hidden":!0,tabIndex:-1,"aria-label":"",onClick:r=>{let a=r.currentTarget.parentElement?.querySelector("input[type=datetime-local]");if(a)try{if(a.showPicker(),/^((?!chrome|android).)*safari/i.test(navigator.userAgent))throw new Error}catch{a.click(),a.focus()}}})})});var z=require("react"),se=require("@volvo-cars/react-icons");var X=require("react/jsx-runtime"),pe=(0,z.forwardRef)(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:n,...o},s){let[d,c]=(0,z.useState)(t),{inputId:u,rootId:p}=y(e);return(0,X.jsx)(C,{...o,type:d?"text":"password",id:p,ref:s,contentAfter:(0,X.jsx)(se.IconButton,{icon:d?"eye":"eye-slashed",className:"-mr-8",variant:"clear",disabled:o.disabled,tabIndex:o.disabled||!n?-1:void 0,...n?{"aria-pressed":d,"aria-label":n,"aria-controls":u}:{"aria-label":"","aria-hidden":!0},onClick:()=>c(r=>!r)})})});var ie=require("react");var ue=require("react/jsx-runtime"),de=(0,ie.forwardRef)(function(e,t){return(0,ue.jsx)(C,{...e,type:"email",inputMode:"email",ref:t})});var ce=require("react");var fe=require("react/jsx-runtime"),me=(0,ce.forwardRef)(function(e,t){return(0,fe.jsx)(C,{...e,type:"tel",ref:t})});var Pe=require("react");var Ie=require("react/jsx-runtime"),ge=(0,Pe.forwardRef)(function(e,t){return(0,Ie.jsx)(C,{...e,type:"url",inputMode:"url",ref:t})});var A=require("react"),Te=require("react/jsx-runtime"),xe=(0,A.forwardRef)(function(e,t){let{min:n=0,max:o=100,value:s,onChange:d,...c}=e,[u,p]=(0,A.useState)(s!==void 0?s:n),r=((u<=o?u:o)-n)/(o-n)*100;return(0,A.useEffect)(()=>{p(typeof s<"u"?s<=o?Number(s):o:o/2)},[s,o]),(0,Te.jsx)("input",{...c,type:"range",className:"range",ref:t,min:n,max:o,value:u,onChange:i=>{typeof s>"u"&&p(Number(i.target.value)),d&&d(i)},style:{...e.style,"--range-value-percent":`${r}%`}})});var M=require("react"),be=require("@volvo-cars/css/utils");var H=require("react/jsx-runtime"),ye=(0,M.forwardRef)(function({hint:e,id:t,label:n,hidden:o,dir:s,errorMessage:d,lang:c,translate:u,slot:p,value:r,defaultValue:a,children:i,isValid:f,className:x,...m},T){let P=!1;M.Children.forEach(i,N=>{(0,M.isValidElement)(N)&&N.type==="option"&&N.props.value===""&&(P=!0)});let[g,I]=(0,M.useState)(!a),R=typeof r=="string",{inputId:h,errorId:V,hintId:S}=y(t),D=m.disabled?void 0:d,Se=m["aria-invalid"]||f===!1||!!D,$=R?!r:g;return(0,H.jsxs)("div",{id:t,className:(0,be.cssMerge)("input-floating-label",x),hidden:o,dir:s,lang:c,translate:u,slot:p,children:[(0,H.jsx)("label",{htmlFor:h,children:n}),(0,H.jsxs)("select",{...m,ref:T,id:h,onChange:R?m.onChange:N=>{m.onChange?.(N),I(!N.target.value)},value:r,defaultValue:a,"data-blank":$?"":void 0,"aria-invalid":Se?"true":void 0,"aria-errormessage":D?V:void 0,"aria-describedby":e?S:void 0,children:[!a&&!P&&(0,H.jsx)("option",{value:"",hidden:!$,disabled:!$,children:n}),i]}),(0,H.jsx)(v,{errorMessage:D,id:V,className:"mt-4"}),e&&(0,H.jsx)(b,{id:S,className:"mt-4",children:e})]})});var Ce=require("react"),ve=require("@volvo-cars/css/utils");var L=require("react/jsx-runtime"),Re=(0,Ce.forwardRef)(function({label:e,id:t,hint:n,hidden:o,dir:s,lang:d,translate:c,slot:u,style:p,errorMessage:r,isValid:a,className:i,...f},x){let{inputId:m,hintId:T,errorId:P}=y(t),g=f.disabled?void 0:r,I=f["aria-invalid"]||a===!1||!!g;return(0,L.jsxs)("div",{className:(0,ve.cssMerge)("flex-row",i),hidden:o,dir:s,lang:d,translate:c,slot:u,style:p,children:[(0,L.jsx)("input",{...f,ref:x,type:"checkbox",id:m,"aria-invalid":I?!0:void 0,"aria-errormessage":g?P:void 0,"aria-describedby":n?T:void 0}),(0,L.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,L.jsx)("label",{htmlFor:m,className:"pl-8 -ml-8",children:e}),(0,L.jsx)(v,{errorMessage:g,id:P}),n&&(0,L.jsx)(b,{id:T,children:n})]})]})});var K=require("react"),He=require("@volvo-cars/css/utils");var Ee=require("react");var B=require("react/jsx-runtime");function he({legend:l,id:e,hint:t,name:n,children:o,required:s,defaultValue:d,value:c,hidden:u,dir:p,lang:r,translate:a,slot:i,errorMessage:f,onChange:x,form:m,enterKeyHint:T,readOnly:P,isValid:g,...I}){let{inputId:R,hintId:h,errorId:V}=y(e),S=I.disabled?void 0:f,D=I["aria-invalid"]||g===!1||!!S;return(0,B.jsxs)("fieldset",{...I,hidden:u,dir:p,lang:r,translate:a,slot:i,form:m,id:R,role:"radiogroup","aria-invalid":D?!0:void 0,"aria-errormessage":S?V:void 0,"aria-describedby":t?h:void 0,"aria-required":s?!0:void 0,children:[(0,B.jsx)("legend",{className:"mb-4",children:l}),t&&(0,B.jsx)(b,{id:h,className:"mb-16",children:t}),(0,B.jsxs)("div",{className:"stack-8",hidden:u,children:[(0,B.jsx)(v,{errorMessage:S,id:V,className:"mb-16"}),(0,B.jsx)(Z,{value:{defaultValue:d,enterKeyHint:T,form:m,name:n,onChange:x,readOnly:P,required:s,value:c},children:o})]})]})}var Y=(0,Ee.createContext)({}),Z=Y.Provider;var k=require("react/jsx-runtime"),Me=(0,K.forwardRef)(function({label:e,id:t,hint:n,hidden:o,dir:s,lang:d,translate:c,slot:u,value:p,className:r,style:a,...i},f){let{inputId:x,hintId:m}=y(t),{value:T,defaultValue:P,...g}=(0,K.useContext)(Y),I,R;return typeof T<"u"?I=p===T:typeof P<"u"&&p===P&&(R=!0),(0,k.jsxs)("div",{id:t,className:(0,He.cssMerge)("flex-row",r),hidden:o,dir:s,lang:d,translate:c,slot:u,style:a,children:[(0,k.jsx)("input",{...i,...g,ref:f,checked:I,defaultChecked:R,type:"radio",id:x,value:p}),n?(0,k.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,k.jsx)("label",{htmlFor:x,children:e}),(0,k.jsx)(b,{id:m,children:n})]}):(0,k.jsx)("label",{htmlFor:x,className:"ml-8",children:e})]})});var Le=require("react"),Be=require("@volvo-cars/css/utils");var w=require("react/jsx-runtime"),ke=(0,Le.forwardRef)(function({hint:e,id:t,label:n,hidden:o,dir:s,errorMessage:d,lang:c,translate:u,slot:p,isValid:r,className:a,style:i,...f},x){let{inputId:m,errorId:T,hintId:P}=y(t),g=f.disabled?void 0:d,I=f["aria-invalid"]||r===!1||!!g;return(0,w.jsxs)("div",{id:t,className:(0,Be.cssMerge)("input-floating-label",a),hidden:o,dir:s,lang:c,translate:u,slot:p,style:i,children:[(0,w.jsx)("label",{htmlFor:m,children:n}),(0,w.jsx)("textarea",{placeholder:" ",...f,ref:x,id:m,"aria-invalid":I?!0:void 0,"aria-errormessage":g?T:void 0,"aria-describedby":e?P:void 0}),(0,w.jsx)(v,{errorMessage:g,id:T,className:"mb-4"}),e&&(0,w.jsx)(b,{id:P,className:"mt-4",children:e})]})});var Ue=require("react"),U=require("react/jsx-runtime"),we=(0,Ue.forwardRef)(function({color:e,size:t,loading:n,loadingLabel:o,disabled:s,children:d,variant:c="filled",className:u="",...p},r){let a=!s&&n;return(0,U.jsx)("button",{ref:r,type:"submit",...p,onClick:i=>{s||n?i.preventDefault():p.onClick&&p.onClick(i)},className:`button-${c} ${u}`.trim(),"aria-disabled":s||n||void 0,"data-loading":a||void 0,"aria-live":typeof n=="boolean"?"polite":void 0,"data-color":e==="neutral"?void 0:e,"data-size":t==="small"?"small":void 0,children:a?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:"invisible",children:d}),(0,U.jsx)("progress",{className:"spinner","aria-label":o})]}):d})});0&&(module.exports={Checkbox,DateInput,DateTimeInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,RangeSlider,Select,SubmitButton,TelInput,TextArea,TextInput,UrlInput});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@volvo-cars/react-forms",
   "description": "React form components",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "UNLICENSED",
@@ -38,3 +38,3 @@ "sideEffects": false,
   "dependencies": {
-    "@volvo-cars/react-icons": "^0.22.0"
+    "@volvo-cars/react-icons": "^0.23.0"
   },
@@ -44,3 +44,3 @@ "devDependencies": {
     "@volvo-cars/browserslist-config": "1.4.4",
-    "@volvo-cars/css": "1.15.1",
+    "@volvo-cars/css": "1.15.2",
     "react": "18.3.1",
@@ -47,0 +47,0 @@ "tsup": "8.3.0",

No alert changes

Improved metrics

Total package byte prevSize

215359

increased by8.06%

Number of package files

25

increased by4.17%

Lines of code

1276

increased by5.02%

Dependency changes

• + Added@volvo-cars/react-icons@0.23.0(transitive)

• - Removed@volvo-cars/react-icons@0.22.0(transitive)

• Updated@volvo-cars/react-icons@^0.23.0