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

Comparing version 1.4.3 to 1.4.4

dist/esm/index.js

 "use client"
-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};
+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-4",children:[U("label",{htmlFor:m,className:"pl-4 -ml-4",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-4",children:[S("label",{htmlFor:x,className:"pl-4 -ml-4",children:e}),S(y,{id:m,children:o})]}):S("label",{htmlFor:x,className:"pl-4",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.js

 "use client"
-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});
+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-4",children:[(0,L.jsx)("label",{htmlFor:m,className:"pl-4 -ml-4",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-4",children:[(0,k.jsx)("label",{htmlFor:x,className:"pl-4 -ml-4",children:e}),(0,k.jsx)(b,{id:m,children:n})]}):(0,k.jsx)("label",{htmlFor:x,className:"pl-4",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.4.3",
+  "version": "1.4.4",
   "license": "UNLICENSED",
@@ -38,3 +38,3 @@ "sideEffects": false,
   "dependencies": {
-    "@volvo-cars/react-icons": "^1.0.0"
+    "@volvo-cars/react-icons": "^1.1.0"
   },
@@ -44,3 +44,3 @@ "devDependencies": {
     "@volvo-cars/browserslist-config": "1.4.4",
-    "@volvo-cars/css": "1.17.0",
+    "@volvo-cars/css": "1.18.0",
     "react": "18.3.1",
@@ -47,0 +47,0 @@ "tsup": "8.3.0",

No alert changes

Improved metrics

Total package byte prevSize

215526

increased by0.08%

Dependency changes

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