@volvo-cars/react-forms
Advanced tools
Comparing version 0.11.0 to 0.11.1
@@ -1,7 +0,6 @@ | ||
/// <reference types="react" /> | ||
export interface ErrorMessageProps { | ||
children: React.ReactNode; | ||
errorMessage?: string; | ||
id: string; | ||
className?: string; | ||
} | ||
export declare function ErrorMessage({ children, id, className, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function ErrorMessage({ errorMessage, id, className, }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element | null; |
"use client" | ||
import{forwardRef as j,useState as ee}from"react";import{IconButton as te}from"@volvo-cars/react-icons";import{forwardRef as D}from"react";import{cssMerge as Z}from"@volvo-cars/css/utils";import{jsx as W}from"react/jsx-runtime";function v({children:p,id:e,className:t=""}){return W("p",{id:e,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:p})}import{jsx as X}from"react/jsx-runtime";function b({children:p,id:e,className:t=""}){return X("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:p})}import{useId as Y}from"react";function I(p){let e=Y(),t=p||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}import{jsx as H,jsxs as G}from"react/jsx-runtime";var _=D(function(e,t){return H(h,{...e,type:"text",ref:t})}),h=D(function({hint:e,id:t,label:n,hidden:d,dir:s,errorMessage:o,lang:c,translate:u,slot:l,isValid:r,className:a,style:i,contentAfter:f,...g},m){let{inputId:x,errorId:P,hintId:C}=I(t),T=g["aria-invalid"]||r===!1||!!o,y={placeholder:" ",...g,ref:m,id:x,"aria-invalid":T?!0:void 0,"aria-errormessage":o?P:void 0,"aria-describedby":e?C:void 0};return G("div",{id:t,className:Z("v-input-floating-label",a),hidden:d,dir:s,lang:c,translate:u,slot:l,style:i,children:[H("label",{htmlFor:x,children:n}),f?G("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":T?!0:void 0,children:[H("input",{...y,className:"bg-transparent"}),f]}):H("input",{...y}),H(v,{id:P,className:"mt-4",children:o}),e&&H(b,{id:C,className:"mt-4",children:e})]})});import{jsx as F}from"react/jsx-runtime";var re=j(function({value:e,onChange:t,onBlur:n,defaultValue:d,...s},o){let[c,u]=ee(!e&&!d);function l(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 F(h,{...s,value:e,defaultValue:d,type:"date",ref:o,onBlur:r=>{n?.(r),l(r)},onChange:r=>{t?.(r),l(r)},"data-blank":c?"":void 0,contentAfter:F(te,{className:"ml-8 -mr-8",variant:"clear",iconName:"calendar","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()}}})})});import{forwardRef as oe,useState as ne}from"react";import{IconButton as ae}from"@volvo-cars/react-icons";import{jsx as z}from"react/jsx-runtime";var le=oe(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:n,...d},s){let[o,c]=ne(t),{inputId:u,rootId:l}=I(e);return z(h,{...d,type:o?"text":"password",id:l,ref:s,contentAfter:z(ae,{className:"-mr-8",variant:"clear",iconName:o?"other-eye":"other-eyeslash",...n?{"aria-pressed":o,"aria-label":n,"aria-controls":u}:{"aria-label":"","aria-hidden":!0,tabIndex:-1},onClick:()=>c(r=>!r)})})});import{forwardRef as se}from"react";import{jsx as ie}from"react/jsx-runtime";var pe=se(function(e,t){return ie(h,{...e,type:"email",inputMode:"email",ref:t})});import{forwardRef as de}from"react";import{jsx as ce}from"react/jsx-runtime";var ue=de(function(e,t){return ce(h,{...e,type:"tel",ref:t})});import{forwardRef as me}from"react";import{jsx as Pe}from"react/jsx-runtime";var fe=me(function(e,t){return Pe(h,{...e,type:"url",inputMode:"url",ref:t})});import{Children as xe,forwardRef as ge,isValidElement as Ie,useState as be}from"react";import{cssMerge as Ce}from"@volvo-cars/css/utils";import{jsx as B,jsxs as q}from"react/jsx-runtime";var ve=ge(function({hint:e,id:t,label:n,hidden:d,dir:s,errorMessage:o,lang:c,translate:u,slot:l,value:r,defaultValue:a,children:i,isValid:f,className:g,...m},x){let P=!1;xe.forEach(i,E=>{Ie(E)&&E.type==="option"&&E.props.value===""&&(P=!0)});let[C,T]=be(!a),y=typeof r=="string",{inputId:R,errorId:L,hintId:M}=I(t),Q=m["aria-invalid"]||f===!1||!!o,A=y?!r:C;return q("div",{id:t,className:Ce("v-input-floating-label",g),hidden:d,dir:s,lang:c,translate:u,slot:l,children:[B("label",{htmlFor:R,children:n}),q("select",{...m,ref:x,id:R,onChange:y?m.onChange:E=>{m.onChange?.(E),T(!E.target.value)},value:r,defaultValue:a,"data-blank":A?"":void 0,"aria-invalid":Q?"true":void 0,"aria-errormessage":o?L:void 0,"aria-describedby":e?M:void 0,children:[!a&&!P&&B("option",{value:"",hidden:!A,disabled:!A,children:n}),i]}),B(v,{id:L,className:"mt-4",children:o}),e&&B(b,{id:M,className:"mt-4",children:e})]})});import{forwardRef as he}from"react";import{cssMerge as Te}from"@volvo-cars/css/utils";import{jsx as k,jsxs as K}from"react/jsx-runtime";var ye=he(function({label:e,id:t,hint:n,hidden:d,dir:s,lang:o,translate:c,slot:u,style:l,errorMessage:r,isValid:a,className:i,...f},g){let{inputId:m,hintId:x,errorId:P}=I(t),C=f["aria-invalid"]||a===!1||!!r;return K("div",{className:Te("flex-row",i),hidden:d,dir:s,lang:o,translate:c,slot:u,style:l,children:[k("input",{...f,ref:g,type:"checkbox",id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":r?P:void 0,"aria-describedby":n?x:void 0}),K("div",{className:"flex-col stack-4 ml-8",children:[k("label",{htmlFor:m,children:e}),k(v,{id:P,children:r}),n&&k(b,{id:x,children:n})]})]})});import{forwardRef as Re,useContext as Le}from"react";import{cssMerge as Me}from"@volvo-cars/css/utils";import{createContext as Ee}from"react";import{jsx as U,jsxs as $}from"react/jsx-runtime";function He({legend:p,id:e,hint:t,name:n,children:d,required:s,defaultValue:o,value:c,hidden:u,dir:l,lang:r,translate:a,slot:i,errorMessage:f,onChange:g,form:m,enterKeyHint:x,readOnly:P,isValid:C,...T}){let{inputId:y,hintId:R,errorId:L}=I(e),M=T["aria-invalid"]||C===!1||!!f;return $("fieldset",{...T,hidden:u,dir:l,lang:r,translate:a,slot:i,form:m,id:y,role:"radiogroup","aria-invalid":M?!0:void 0,"aria-errormessage":f?L:void 0,"aria-describedby":t?R:void 0,"aria-required":s?!0:void 0,children:[U("legend",{className:"mb-4",children:p}),t&&U(b,{id:R,className:"mb-16",children:t}),$("div",{className:"stack-8",hidden:u,children:[U(v,{id:L,className:"mb-16",children:f}),U(O,{value:{defaultValue:o,enterKeyHint:x,form:m,name:n,onChange:g,readOnly:P,required:s,value:c},children:d})]})]})}var S=Ee({}),O=S.Provider;import{jsx as w,jsxs as J}from"react/jsx-runtime";var Be=Re(function({label:e,id:t,hint:n,hidden:d,dir:s,lang:o,translate:c,slot:u,value:l,className:r,style:a,...i},f){let{inputId:g,hintId:m}=I(t),{value:x,defaultValue:P,...C}=Le(S),T,y;return typeof x<"u"?T=l===x:typeof P<"u"&&l===P&&(y=!0),J("div",{id:t,className:Me("flex-row",r),hidden:d,dir:s,lang:o,translate:c,slot:u,style:a,children:[w("input",{...i,...C,ref:f,checked:T,defaultChecked:y,type:"radio",id:g,value:l}),n?J("div",{className:"flex-col stack-4 ml-8",children:[w("label",{htmlFor:g,children:e}),w(b,{id:m,children:n})]}):w("label",{htmlFor:g,className:"ml-8",children:e})]})});import{forwardRef as ke}from"react";import{cssMerge as Ue}from"@volvo-cars/css/utils";import{jsx as N,jsxs as Ne}from"react/jsx-runtime";var we=ke(function({hint:e,id:t,label:n,hidden:d,dir:s,errorMessage:o,lang:c,translate:u,slot:l,isValid:r,className:a,style:i,...f},g){let{inputId:m,errorId:x,hintId:P}=I(t),C=f["aria-invalid"]||r===!1||!!o;return Ne("div",{id:t,className:Ue("v-input-floating-label",a),hidden:d,dir:s,lang:c,translate:u,slot:l,style:i,children:[N("label",{htmlFor:m,children:n}),N("textarea",{placeholder:" ",...f,ref:g,id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":o?x:void 0,"aria-describedby":e?P:void 0}),N(v,{id:x,className:"mb-4",children:o}),e&&N(b,{id:P,className:"mt-4",children:e})]})});import{forwardRef as Ae}from"react";import{Fragment as Ve,jsx as V,jsxs as Ge}from"react/jsx-runtime";var Se=Ae(function({color:e,size:t,loading:n,loadingLabel:d,disabled:s,children:o,variant:c="filled",className:u="",...l},r){let a=!s&&n;return V("button",{ref:r,type:"submit",...l,onClick:i=>{s||n?i.preventDefault():l.onClick&&l.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?Ge(Ve,{children:[V("span",{className:"invisible",children:o}),V("progress",{className:"spinner","aria-label":d})]}):o})});export{ye as Checkbox,re as DateInput,pe as EmailInput,v as ErrorMessage,b as Hint,le as PasswordInput,Be as Radio,O as RadioContextProvider,He as RadioGroup,ve as Select,Se as SubmitButton,ue as TelInput,we as TextArea,_ as TextInput,fe as UrlInput}; | ||
import{forwardRef as te,useState as re}from"react";import{IconButton as oe}from"@volvo-cars/react-icons";import{forwardRef as D}from"react";import{cssMerge as j}from"@volvo-cars/css/utils";import{Icon as W}from"@volvo-cars/react-icons";import{jsx as X,jsxs as Y}from"react/jsx-runtime";function v({errorMessage:s,id:e,className:t=""}){return s?Y("p",{id:e,className:`micro text-feedback-red flex items-center ${t}`.trim(),role:"alert",children:[X(W,{className:"mr-8",type:"error-12",color:"feedback-red"}),s]}):null}import{jsx as Z}from"react/jsx-runtime";function b({children:s,id:e,className:t=""}){return Z("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:s})}import{useId as _}from"react";function I(s){let e=_(),t=s||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}import{jsx as E,jsxs as G}from"react/jsx-runtime";var ee=D(function(e,t){return E(T,{...e,type:"text",ref:t})}),T=D(function({hint:e,id:t,label:n,hidden:d,dir:p,errorMessage:o,lang:c,translate:u,slot:l,isValid:r,className:a,style:i,contentAfter:f,...g},m){let{inputId:x,errorId:P,hintId:C}=I(t),h=g["aria-invalid"]||r===!1||!!o,y={placeholder:" ",...g,ref:m,id:x,"aria-invalid":h?!0:void 0,"aria-errormessage":o?P:void 0,"aria-describedby":e?C:void 0};return G("div",{id:t,className:j("v-input-floating-label",a),hidden:d,dir:p,lang:c,translate:u,slot:l,style:i,children:[E("label",{htmlFor:x,children:n}),f?G("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":h?!0:void 0,children:[E("input",{...y,className:"bg-transparent"}),f]}):E("input",{...y}),E(v,{errorMessage:o,id:P,className:"mt-4"}),e&&E(b,{id:C,className:"mt-4",children:e})]})});import{jsx as F}from"react/jsx-runtime";var ne=te(function({value:e,onChange:t,onBlur:n,defaultValue:d,...p},o){let[c,u]=re(!e&&!d);function l(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 F(T,{...p,value:e,defaultValue:d,type:"date",ref:o,onBlur:r=>{n?.(r),l(r)},onChange:r=>{t?.(r),l(r)},"data-blank":c?"":void 0,contentAfter:F(oe,{className:"ml-8 -mr-8",variant:"clear",iconName:"calendar","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()}}})})});import{forwardRef as ae,useState as le}from"react";import{IconButton as se}from"@volvo-cars/react-icons";import{jsx as z}from"react/jsx-runtime";var pe=ae(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:n,...d},p){let[o,c]=le(t),{inputId:u,rootId:l}=I(e);return z(T,{...d,type:o?"text":"password",id:l,ref:p,contentAfter:z(se,{className:"-mr-8",variant:"clear",iconName:o?"other-eye":"other-eyeslash",...n?{"aria-pressed":o,"aria-label":n,"aria-controls":u}:{"aria-label":"","aria-hidden":!0,tabIndex:-1},onClick:()=>c(r=>!r)})})});import{forwardRef as ie}from"react";import{jsx as ue}from"react/jsx-runtime";var de=ie(function(e,t){return ue(T,{...e,type:"email",inputMode:"email",ref:t})});import{forwardRef as ce}from"react";import{jsx as fe}from"react/jsx-runtime";var me=ce(function(e,t){return fe(T,{...e,type:"tel",ref:t})});import{forwardRef as Pe}from"react";import{jsx as ge}from"react/jsx-runtime";var xe=Pe(function(e,t){return ge(T,{...e,type:"url",inputMode:"url",ref:t})});import{Children as Ie,forwardRef as be,isValidElement as Ce,useState as ve}from"react";import{cssMerge as Te}from"@volvo-cars/css/utils";import{jsx as B,jsxs as q}from"react/jsx-runtime";var he=be(function({hint:e,id:t,label:n,hidden:d,dir:p,errorMessage:o,lang:c,translate:u,slot:l,value:r,defaultValue:a,children:i,isValid:f,className:g,...m},x){let P=!1;Ie.forEach(i,H=>{Ce(H)&&H.type==="option"&&H.props.value===""&&(P=!0)});let[C,h]=ve(!a),y=typeof r=="string",{inputId:L,errorId:R,hintId:M}=I(t),Q=m["aria-invalid"]||f===!1||!!o,A=y?!r:C;return q("div",{id:t,className:Te("v-input-floating-label",g),hidden:d,dir:p,lang:c,translate:u,slot:l,children:[B("label",{htmlFor:L,children:n}),q("select",{...m,ref:x,id:L,onChange:y?m.onChange:H=>{m.onChange?.(H),h(!H.target.value)},value:r,defaultValue:a,"data-blank":A?"":void 0,"aria-invalid":Q?"true":void 0,"aria-errormessage":o?R:void 0,"aria-describedby":e?M:void 0,children:[!a&&!P&&B("option",{value:"",hidden:!A,disabled:!A,children:n}),i]}),B(v,{errorMessage:o,id:R,className:"mt-4"}),e&&B(b,{id:M,className:"mt-4",children:e})]})});import{forwardRef as ye}from"react";import{cssMerge as He}from"@volvo-cars/css/utils";import{jsx as k,jsxs as K}from"react/jsx-runtime";var Ee=ye(function({label:e,id:t,hint:n,hidden:d,dir:p,lang:o,translate:c,slot:u,style:l,errorMessage:r,isValid:a,className:i,...f},g){let{inputId:m,hintId:x,errorId:P}=I(t),C=f["aria-invalid"]||a===!1||!!r;return K("div",{className:He("flex-row",i),hidden:d,dir:p,lang:o,translate:c,slot:u,style:l,children:[k("input",{...f,ref:g,type:"checkbox",id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":r?P:void 0,"aria-describedby":n?x:void 0}),K("div",{className:"flex-col stack-4 ml-8",children:[k("label",{htmlFor:m,children:e}),k(v,{errorMessage:r,id:P}),n&&k(b,{id:x,children:n})]})]})});import{forwardRef as Me,useContext as Be}from"react";import{cssMerge as ke}from"@volvo-cars/css/utils";import{createContext as Le}from"react";import{jsx as U,jsxs as $}from"react/jsx-runtime";function Re({legend:s,id:e,hint:t,name:n,children:d,required:p,defaultValue:o,value:c,hidden:u,dir:l,lang:r,translate:a,slot:i,errorMessage:f,onChange:g,form:m,enterKeyHint:x,readOnly:P,isValid:C,...h}){let{inputId:y,hintId:L,errorId:R}=I(e),M=h["aria-invalid"]||C===!1||!!f;return $("fieldset",{...h,hidden:u,dir:l,lang:r,translate:a,slot:i,form:m,id:y,role:"radiogroup","aria-invalid":M?!0:void 0,"aria-errormessage":f?R:void 0,"aria-describedby":t?L:void 0,"aria-required":p?!0:void 0,children:[U("legend",{className:"mb-4",children:s}),t&&U(b,{id:L,className:"mb-16",children:t}),$("div",{className:"stack-8",hidden:u,children:[U(v,{errorMessage:f,id:R,className:"mb-16"}),U(O,{value:{defaultValue:o,enterKeyHint:x,form:m,name:n,onChange:g,readOnly:P,required:p,value:c},children:d})]})]})}var S=Le({}),O=S.Provider;import{jsx as w,jsxs as J}from"react/jsx-runtime";var Ue=Me(function({label:e,id:t,hint:n,hidden:d,dir:p,lang:o,translate:c,slot:u,value:l,className:r,style:a,...i},f){let{inputId:g,hintId:m}=I(t),{value:x,defaultValue:P,...C}=Be(S),h,y;return typeof x<"u"?h=l===x:typeof P<"u"&&l===P&&(y=!0),J("div",{id:t,className:ke("flex-row",r),hidden:d,dir:p,lang:o,translate:c,slot:u,style:a,children:[w("input",{...i,...C,ref:f,checked:h,defaultChecked:y,type:"radio",id:g,value:l}),n?J("div",{className:"flex-col stack-4 ml-8",children:[w("label",{htmlFor:g,children:e}),w(b,{id:m,children:n})]}):w("label",{htmlFor:g,className:"ml-8",children:e})]})});import{forwardRef as we}from"react";import{cssMerge as Ne}from"@volvo-cars/css/utils";import{jsx as N,jsxs as Se}from"react/jsx-runtime";var Ae=we(function({hint:e,id:t,label:n,hidden:d,dir:p,errorMessage:o,lang:c,translate:u,slot:l,isValid:r,className:a,style:i,...f},g){let{inputId:m,errorId:x,hintId:P}=I(t),C=f["aria-invalid"]||r===!1||!!o;return Se("div",{id:t,className:Ne("v-input-floating-label",a),hidden:d,dir:p,lang:c,translate:u,slot:l,style:i,children:[N("label",{htmlFor:m,children:n}),N("textarea",{placeholder:" ",...f,ref:g,id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":o?x:void 0,"aria-describedby":e?P:void 0}),N(v,{errorMessage:o,id:x,className:"mb-4"}),e&&N(b,{id:P,className:"mt-4",children:e})]})});import{forwardRef as Ve}from"react";import{Fragment as De,jsx as V,jsxs as Fe}from"react/jsx-runtime";var Ge=Ve(function({color:e,size:t,loading:n,loadingLabel:d,disabled:p,children:o,variant:c="filled",className:u="",...l},r){let a=!p&&n;return V("button",{ref:r,type:"submit",...l,onClick:i=>{p||n?i.preventDefault():l.onClick&&l.onClick(i)},className:`button-${c} ${u}`.trim(),"aria-disabled":p||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?Fe(De,{children:[V("span",{className:"invisible",children:o}),V("progress",{className:"spinner","aria-label":d})]}):o})});export{Ee as Checkbox,ne as DateInput,de as EmailInput,v as ErrorMessage,b as Hint,pe as PasswordInput,Ue as Radio,O as RadioContextProvider,Re as RadioGroup,he as Select,Ge as SubmitButton,me as TelInput,Ae as TextArea,ee as TextInput,xe as UrlInput}; | ||
//# sourceMappingURL=index.js.map |
"use client" | ||
var z=Object.defineProperty;var He=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var Le=Object.prototype.hasOwnProperty;var Me=(n,e)=>{for(var t in e)z(n,t,{get:e[t],enumerable:!0})},Be=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Re(e))!Le.call(n,l)&&l!==t&&z(n,l,{get:()=>e[l],enumerable:!(o=He(e,l))||o.enumerable});return n};var ke=n=>Be(z({},"__esModule",{value:!0}),n);var Ue={};Me(Ue,{Checkbox:()=>Pe,DateInput:()=>j,EmailInput:()=>oe,ErrorMessage:()=>v,Hint:()=>I,PasswordInput:()=>te,Radio:()=>be,RadioContextProvider:()=>J,RadioGroup:()=>ge,Select:()=>ce,SubmitButton:()=>ye,TelInput:()=>le,TextArea:()=>he,TextInput:()=>Z,UrlInput:()=>ie});module.exports=ke(Ue);var V=require("react"),_=require("@volvo-cars/react-icons");var q=require("react"),Y=require("@volvo-cars/css/utils");var Q=require("react/jsx-runtime");function v({children:n,id:e,className:t=""}){return(0,Q.jsx)("p",{id:e,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:n})}var W=require("react/jsx-runtime");function I({children:n,id:e,className:t=""}){return(0,W.jsx)("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:n})}var X=require("react");function b(n){let e=(0,X.useId)(),t=n||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}var E=require("react/jsx-runtime"),Z=(0,q.forwardRef)(function(e,t){return(0,E.jsx)(h,{...e,type:"text",ref:t})}),h=(0,q.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,isValid:r,className:s,style:d,contentAfter:f,...g},m){let{inputId:x,errorId:P,hintId:C}=b(t),T=g["aria-invalid"]||r===!1||!!a,y={placeholder:" ",...g,ref:m,id:x,"aria-invalid":T?!0:void 0,"aria-errormessage":a?P:void 0,"aria-describedby":e?C:void 0};return(0,E.jsxs)("div",{id:t,className:(0,Y.cssMerge)("v-input-floating-label",s),hidden:l,dir:i,lang:c,translate:u,slot:p,style:d,children:[(0,E.jsx)("label",{htmlFor:x,children:o}),f?(0,E.jsxs)("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":T?!0:void 0,children:[(0,E.jsx)("input",{...y,className:"bg-transparent"}),f]}):(0,E.jsx)("input",{...y}),(0,E.jsx)(v,{id:P,className:"mt-4",children:a}),e&&(0,E.jsx)(I,{id:C,className:"mt-4",children:e})]})});var K=require("react/jsx-runtime"),j=(0,V.forwardRef)(function({value:e,onChange:t,onBlur:o,defaultValue:l,...i},a){let[c,u]=(0,V.useState)(!e&&!l);function p(r){let{validity:s}=r.currentTarget,d=r.currentTarget.required;d||(r.currentTarget.required=!0),u(s.valueMissing&&!s.badInput),d||(r.currentTarget.required=!1)}return(0,K.jsx)(h,{...i,value:e,defaultValue:l,type:"date",ref:a,onBlur:r=>{o?.(r),p(r)},onChange:r=>{t?.(r),p(r)},"data-blank":c?"":void 0,contentAfter:(0,K.jsx)(_.IconButton,{className:"ml-8 -mr-8",variant:"clear",iconName:"calendar","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()}}})})});var G=require("react"),ee=require("@volvo-cars/react-icons");var $=require("react/jsx-runtime"),te=(0,G.forwardRef)(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:o,...l},i){let[a,c]=(0,G.useState)(t),{inputId:u,rootId:p}=b(e);return(0,$.jsx)(h,{...l,type:a?"text":"password",id:p,ref:i,contentAfter:(0,$.jsx)(ee.IconButton,{className:"-mr-8",variant:"clear",iconName:a?"other-eye":"other-eyeslash",...o?{"aria-pressed":a,"aria-label":o,"aria-controls":u}:{"aria-label":"","aria-hidden":!0,tabIndex:-1},onClick:()=>c(r=>!r)})})});var re=require("react");var ne=require("react/jsx-runtime"),oe=(0,re.forwardRef)(function(e,t){return(0,ne.jsx)(h,{...e,type:"email",inputMode:"email",ref:t})});var ae=require("react");var se=require("react/jsx-runtime"),le=(0,ae.forwardRef)(function(e,t){return(0,se.jsx)(h,{...e,type:"tel",ref:t})});var pe=require("react");var de=require("react/jsx-runtime"),ie=(0,pe.forwardRef)(function(e,t){return(0,de.jsx)(h,{...e,type:"url",inputMode:"url",ref:t})});var R=require("react"),ue=require("@volvo-cars/css/utils");var H=require("react/jsx-runtime"),ce=(0,R.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,value:r,defaultValue:s,children:d,isValid:f,className:g,...m},x){let P=!1;R.Children.forEach(d,w=>{(0,R.isValidElement)(w)&&w.type==="option"&&w.props.value===""&&(P=!0)});let[C,T]=(0,R.useState)(!s),y=typeof r=="string",{inputId:N,errorId:A,hintId:S}=b(t),Ee=m["aria-invalid"]||f===!1||!!a,F=y?!r:C;return(0,H.jsxs)("div",{id:t,className:(0,ue.cssMerge)("v-input-floating-label",g),hidden:l,dir:i,lang:c,translate:u,slot:p,children:[(0,H.jsx)("label",{htmlFor:N,children:o}),(0,H.jsxs)("select",{...m,ref:x,id:N,onChange:y?m.onChange:w=>{m.onChange?.(w),T(!w.target.value)},value:r,defaultValue:s,"data-blank":F?"":void 0,"aria-invalid":Ee?"true":void 0,"aria-errormessage":a?A:void 0,"aria-describedby":e?S:void 0,children:[!s&&!P&&(0,H.jsx)("option",{value:"",hidden:!F,disabled:!F,children:o}),d]}),(0,H.jsx)(v,{id:A,className:"mt-4",children:a}),e&&(0,H.jsx)(I,{id:S,className:"mt-4",children:e})]})});var me=require("react"),fe=require("@volvo-cars/css/utils");var L=require("react/jsx-runtime"),Pe=(0,me.forwardRef)(function({label:e,id:t,hint:o,hidden:l,dir:i,lang:a,translate:c,slot:u,style:p,errorMessage:r,isValid:s,className:d,...f},g){let{inputId:m,hintId:x,errorId:P}=b(t),C=f["aria-invalid"]||s===!1||!!r;return(0,L.jsxs)("div",{className:(0,fe.cssMerge)("flex-row",d),hidden:l,dir:i,lang:a,translate:c,slot:u,style:p,children:[(0,L.jsx)("input",{...f,ref:g,type:"checkbox",id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":r?P:void 0,"aria-describedby":o?x:void 0}),(0,L.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,L.jsx)("label",{htmlFor:m,children:e}),(0,L.jsx)(v,{id:P,children:r}),o&&(0,L.jsx)(I,{id:x,children:o})]})]})});var D=require("react"),Ie=require("@volvo-cars/css/utils");var xe=require("react");var M=require("react/jsx-runtime");function ge({legend:n,id:e,hint:t,name:o,children:l,required:i,defaultValue:a,value:c,hidden:u,dir:p,lang:r,translate:s,slot:d,errorMessage:f,onChange:g,form:m,enterKeyHint:x,readOnly:P,isValid:C,...T}){let{inputId:y,hintId:N,errorId:A}=b(e),S=T["aria-invalid"]||C===!1||!!f;return(0,M.jsxs)("fieldset",{...T,hidden:u,dir:p,lang:r,translate:s,slot:d,form:m,id:y,role:"radiogroup","aria-invalid":S?!0:void 0,"aria-errormessage":f?A:void 0,"aria-describedby":t?N:void 0,"aria-required":i?!0:void 0,children:[(0,M.jsx)("legend",{className:"mb-4",children:n}),t&&(0,M.jsx)(I,{id:N,className:"mb-16",children:t}),(0,M.jsxs)("div",{className:"stack-8",hidden:u,children:[(0,M.jsx)(v,{id:A,className:"mb-16",children:f}),(0,M.jsx)(J,{value:{defaultValue:a,enterKeyHint:x,form:m,name:o,onChange:g,readOnly:P,required:i,value:c},children:l})]})]})}var O=(0,xe.createContext)({}),J=O.Provider;var B=require("react/jsx-runtime"),be=(0,D.forwardRef)(function({label:e,id:t,hint:o,hidden:l,dir:i,lang:a,translate:c,slot:u,value:p,className:r,style:s,...d},f){let{inputId:g,hintId:m}=b(t),{value:x,defaultValue:P,...C}=(0,D.useContext)(O),T,y;return typeof x<"u"?T=p===x:typeof P<"u"&&p===P&&(y=!0),(0,B.jsxs)("div",{id:t,className:(0,Ie.cssMerge)("flex-row",r),hidden:l,dir:i,lang:a,translate:c,slot:u,style:s,children:[(0,B.jsx)("input",{...d,...C,ref:f,checked:T,defaultChecked:y,type:"radio",id:g,value:p}),o?(0,B.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,B.jsx)("label",{htmlFor:g,children:e}),(0,B.jsx)(I,{id:m,children:o})]}):(0,B.jsx)("label",{htmlFor:g,className:"ml-8",children:e})]})});var Ce=require("react"),ve=require("@volvo-cars/css/utils");var U=require("react/jsx-runtime"),he=(0,Ce.forwardRef)(function({hint:e,id:t,label:o,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,isValid:r,className:s,style:d,...f},g){let{inputId:m,errorId:x,hintId:P}=b(t),C=f["aria-invalid"]||r===!1||!!a;return(0,U.jsxs)("div",{id:t,className:(0,ve.cssMerge)("v-input-floating-label",s),hidden:l,dir:i,lang:c,translate:u,slot:p,style:d,children:[(0,U.jsx)("label",{htmlFor:m,children:o}),(0,U.jsx)("textarea",{placeholder:" ",...f,ref:g,id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":a?x:void 0,"aria-describedby":e?P:void 0}),(0,U.jsx)(v,{id:x,className:"mb-4",children:a}),e&&(0,U.jsx)(I,{id:P,className:"mt-4",children:e})]})});var Te=require("react"),k=require("react/jsx-runtime"),ye=(0,Te.forwardRef)(function({color:e,size:t,loading:o,loadingLabel:l,disabled:i,children:a,variant:c="filled",className:u="",...p},r){let s=!i&&o;return(0,k.jsx)("button",{ref:r,type:"submit",...p,onClick:d=>{i||o?d.preventDefault():p.onClick&&p.onClick(d)},className:`button-${c} ${u}`.trim(),"aria-disabled":i||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?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{className:"invisible",children:a}),(0,k.jsx)("progress",{className:"spinner","aria-label":l})]}):a})});0&&(module.exports={Checkbox,DateInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,Select,SubmitButton,TelInput,TextArea,TextInput,UrlInput}); | ||
var q=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var Me=Object.prototype.hasOwnProperty;var Be=(o,e)=>{for(var t in e)q(o,t,{get:e[t],enumerable:!0})},ke=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Re(e))!Me.call(o,l)&&l!==t&&q(o,l,{get:()=>e[l],enumerable:!(n=Le(e,l))||n.enumerable});return o};var Ue=o=>ke(q({},"__esModule",{value:!0}),o);var we={};Be(we,{Checkbox:()=>xe,DateInput:()=>ee,EmailInput:()=>ne,ErrorMessage:()=>v,Hint:()=>I,PasswordInput:()=>re,Radio:()=>Ce,RadioContextProvider:()=>Q,RadioGroup:()=>Ie,Select:()=>me,SubmitButton:()=>He,TelInput:()=>se,TextArea:()=>he,TextInput:()=>_,UrlInput:()=>de});module.exports=Ue(we);var G=require("react"),j=require("@volvo-cars/react-icons");var K=require("react"),Z=require("@volvo-cars/css/utils");var W=require("@volvo-cars/react-icons"),V=require("react/jsx-runtime");function v({errorMessage:o,id:e,className:t=""}){return o?(0,V.jsxs)("p",{id:e,className:`micro text-feedback-red flex items-center ${t}`.trim(),role:"alert",children:[(0,V.jsx)(W.Icon,{className:"mr-8",type:"error-12",color:"feedback-red"}),o]}):null}var X=require("react/jsx-runtime");function I({children:o,id:e,className:t=""}){return(0,X.jsx)("p",{id:e,className:`micro text-secondary ${t}`.trim(),children:o})}var Y=require("react");function b(o){let e=(0,Y.useId)(),t=o||e;return{rootId:t,inputId:t+"-input",errorId:t+"-error",hintId:t+"-hint"}}var H=require("react/jsx-runtime"),_=(0,K.forwardRef)(function(e,t){return(0,H.jsx)(T,{...e,type:"text",ref:t})}),T=(0,K.forwardRef)(function({hint:e,id:t,label:n,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,isValid:r,className:s,style:d,contentAfter:f,...g},m){let{inputId:x,errorId:P,hintId:C}=b(t),h=g["aria-invalid"]||r===!1||!!a,y={placeholder:" ",...g,ref:m,id:x,"aria-invalid":h?!0:void 0,"aria-errormessage":a?P:void 0,"aria-describedby":e?C:void 0};return(0,H.jsxs)("div",{id:t,className:(0,Z.cssMerge)("v-input-floating-label",s),hidden:l,dir:i,lang:c,translate:u,slot:p,style:d,children:[(0,H.jsx)("label",{htmlFor:x,children:n}),f?(0,H.jsxs)("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":h?!0:void 0,children:[(0,H.jsx)("input",{...y,className:"bg-transparent"}),f]}):(0,H.jsx)("input",{...y}),(0,H.jsx)(v,{errorMessage:a,id:P,className:"mt-4"}),e&&(0,H.jsx)(I,{id:C,className:"mt-4",children:e})]})});var $=require("react/jsx-runtime"),ee=(0,G.forwardRef)(function({value:e,onChange:t,onBlur:n,defaultValue:l,...i},a){let[c,u]=(0,G.useState)(!e&&!l);function p(r){let{validity:s}=r.currentTarget,d=r.currentTarget.required;d||(r.currentTarget.required=!0),u(s.valueMissing&&!s.badInput),d||(r.currentTarget.required=!1)}return(0,$.jsx)(T,{...i,value:e,defaultValue:l,type:"date",ref:a,onBlur:r=>{n?.(r),p(r)},onChange:r=>{t?.(r),p(r)},"data-blank":c?"":void 0,contentAfter:(0,$.jsx)(j.IconButton,{className:"ml-8 -mr-8",variant:"clear",iconName:"calendar","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()}}})})});var D=require("react"),te=require("@volvo-cars/react-icons");var O=require("react/jsx-runtime"),re=(0,D.forwardRef)(function({id:e,defaultPasswordVisible:t=!1,showPasswordLabel:n,...l},i){let[a,c]=(0,D.useState)(t),{inputId:u,rootId:p}=b(e);return(0,O.jsx)(T,{...l,type:a?"text":"password",id:p,ref:i,contentAfter:(0,O.jsx)(te.IconButton,{className:"-mr-8",variant:"clear",iconName:a?"other-eye":"other-eyeslash",...n?{"aria-pressed":a,"aria-label":n,"aria-controls":u}:{"aria-label":"","aria-hidden":!0,tabIndex:-1},onClick:()=>c(r=>!r)})})});var oe=require("react");var ae=require("react/jsx-runtime"),ne=(0,oe.forwardRef)(function(e,t){return(0,ae.jsx)(T,{...e,type:"email",inputMode:"email",ref:t})});var le=require("react");var pe=require("react/jsx-runtime"),se=(0,le.forwardRef)(function(e,t){return(0,pe.jsx)(T,{...e,type:"tel",ref:t})});var ie=require("react");var ue=require("react/jsx-runtime"),de=(0,ie.forwardRef)(function(e,t){return(0,ue.jsx)(T,{...e,type:"url",inputMode:"url",ref:t})});var L=require("react"),ce=require("@volvo-cars/css/utils");var E=require("react/jsx-runtime"),me=(0,L.forwardRef)(function({hint:e,id:t,label:n,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,value:r,defaultValue:s,children:d,isValid:f,className:g,...m},x){let P=!1;L.Children.forEach(d,w=>{(0,L.isValidElement)(w)&&w.type==="option"&&w.props.value===""&&(P=!0)});let[C,h]=(0,L.useState)(!s),y=typeof r=="string",{inputId:N,errorId:A,hintId:S}=b(t),Ee=m["aria-invalid"]||f===!1||!!a,z=y?!r:C;return(0,E.jsxs)("div",{id:t,className:(0,ce.cssMerge)("v-input-floating-label",g),hidden:l,dir:i,lang:c,translate:u,slot:p,children:[(0,E.jsx)("label",{htmlFor:N,children:n}),(0,E.jsxs)("select",{...m,ref:x,id:N,onChange:y?m.onChange:w=>{m.onChange?.(w),h(!w.target.value)},value:r,defaultValue:s,"data-blank":z?"":void 0,"aria-invalid":Ee?"true":void 0,"aria-errormessage":a?A:void 0,"aria-describedby":e?S:void 0,children:[!s&&!P&&(0,E.jsx)("option",{value:"",hidden:!z,disabled:!z,children:n}),d]}),(0,E.jsx)(v,{errorMessage:a,id:A,className:"mt-4"}),e&&(0,E.jsx)(I,{id:S,className:"mt-4",children:e})]})});var fe=require("react"),Pe=require("@volvo-cars/css/utils");var R=require("react/jsx-runtime"),xe=(0,fe.forwardRef)(function({label:e,id:t,hint:n,hidden:l,dir:i,lang:a,translate:c,slot:u,style:p,errorMessage:r,isValid:s,className:d,...f},g){let{inputId:m,hintId:x,errorId:P}=b(t),C=f["aria-invalid"]||s===!1||!!r;return(0,R.jsxs)("div",{className:(0,Pe.cssMerge)("flex-row",d),hidden:l,dir:i,lang:a,translate:c,slot:u,style:p,children:[(0,R.jsx)("input",{...f,ref:g,type:"checkbox",id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":r?P:void 0,"aria-describedby":n?x:void 0}),(0,R.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,R.jsx)("label",{htmlFor:m,children:e}),(0,R.jsx)(v,{errorMessage:r,id:P}),n&&(0,R.jsx)(I,{id:x,children:n})]})]})});var F=require("react"),be=require("@volvo-cars/css/utils");var ge=require("react");var M=require("react/jsx-runtime");function Ie({legend:o,id:e,hint:t,name:n,children:l,required:i,defaultValue:a,value:c,hidden:u,dir:p,lang:r,translate:s,slot:d,errorMessage:f,onChange:g,form:m,enterKeyHint:x,readOnly:P,isValid:C,...h}){let{inputId:y,hintId:N,errorId:A}=b(e),S=h["aria-invalid"]||C===!1||!!f;return(0,M.jsxs)("fieldset",{...h,hidden:u,dir:p,lang:r,translate:s,slot:d,form:m,id:y,role:"radiogroup","aria-invalid":S?!0:void 0,"aria-errormessage":f?A:void 0,"aria-describedby":t?N:void 0,"aria-required":i?!0:void 0,children:[(0,M.jsx)("legend",{className:"mb-4",children:o}),t&&(0,M.jsx)(I,{id:N,className:"mb-16",children:t}),(0,M.jsxs)("div",{className:"stack-8",hidden:u,children:[(0,M.jsx)(v,{errorMessage:f,id:A,className:"mb-16"}),(0,M.jsx)(Q,{value:{defaultValue:a,enterKeyHint:x,form:m,name:n,onChange:g,readOnly:P,required:i,value:c},children:l})]})]})}var J=(0,ge.createContext)({}),Q=J.Provider;var B=require("react/jsx-runtime"),Ce=(0,F.forwardRef)(function({label:e,id:t,hint:n,hidden:l,dir:i,lang:a,translate:c,slot:u,value:p,className:r,style:s,...d},f){let{inputId:g,hintId:m}=b(t),{value:x,defaultValue:P,...C}=(0,F.useContext)(J),h,y;return typeof x<"u"?h=p===x:typeof P<"u"&&p===P&&(y=!0),(0,B.jsxs)("div",{id:t,className:(0,be.cssMerge)("flex-row",r),hidden:l,dir:i,lang:a,translate:c,slot:u,style:s,children:[(0,B.jsx)("input",{...d,...C,ref:f,checked:h,defaultChecked:y,type:"radio",id:g,value:p}),n?(0,B.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,B.jsx)("label",{htmlFor:g,children:e}),(0,B.jsx)(I,{id:m,children:n})]}):(0,B.jsx)("label",{htmlFor:g,className:"ml-8",children:e})]})});var ve=require("react"),Te=require("@volvo-cars/css/utils");var U=require("react/jsx-runtime"),he=(0,ve.forwardRef)(function({hint:e,id:t,label:n,hidden:l,dir:i,errorMessage:a,lang:c,translate:u,slot:p,isValid:r,className:s,style:d,...f},g){let{inputId:m,errorId:x,hintId:P}=b(t),C=f["aria-invalid"]||r===!1||!!a;return(0,U.jsxs)("div",{id:t,className:(0,Te.cssMerge)("v-input-floating-label",s),hidden:l,dir:i,lang:c,translate:u,slot:p,style:d,children:[(0,U.jsx)("label",{htmlFor:m,children:n}),(0,U.jsx)("textarea",{placeholder:" ",...f,ref:g,id:m,"aria-invalid":C?!0:void 0,"aria-errormessage":a?x:void 0,"aria-describedby":e?P:void 0}),(0,U.jsx)(v,{errorMessage:a,id:x,className:"mb-4"}),e&&(0,U.jsx)(I,{id:P,className:"mt-4",children:e})]})});var ye=require("react"),k=require("react/jsx-runtime"),He=(0,ye.forwardRef)(function({color:e,size:t,loading:n,loadingLabel:l,disabled:i,children:a,variant:c="filled",className:u="",...p},r){let s=!i&&n;return(0,k.jsx)("button",{ref:r,type:"submit",...p,onClick:d=>{i||n?d.preventDefault():p.onClick&&p.onClick(d)},className:`button-${c} ${u}`.trim(),"aria-disabled":i||n||void 0,"data-loading":s||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:s?(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("span",{className:"invisible",children:a}),(0,k.jsx)("progress",{className:"spinner","aria-label":l})]}):a})});0&&(module.exports={Checkbox,DateInput,EmailInput,ErrorMessage,Hint,PasswordInput,Radio,RadioContextProvider,RadioGroup,Select,SubmitButton,TelInput,TextArea,TextInput,UrlInput}); | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@volvo-cars/react-forms", | ||
"description": "React form components", | ||
"version": "0.11.0", | ||
"version": "0.11.1", | ||
"license": "UNLICENSED", | ||
@@ -25,2 +25,3 @@ "sideEffects": false, | ||
"types:check": "tsc -b tsconfig.src-check.json tsconfig.tests.json tsconfig.docs.json --verbose", | ||
"prepare-publish": "yarn pack && tar xfvz package.tgz --strip 1 package/package.json && rm package.tgz", | ||
"clean": "rm -rf .turbo dist && rm -rf *.tsbuildinfo" | ||
@@ -38,9 +39,9 @@ }, | ||
"dependencies": { | ||
"@volvo-cars/react-icons": "^0.10.0" | ||
"@volvo-cars/react-icons": "^0.11.0" | ||
}, | ||
"devDependencies": { | ||
"@types/react": "18.2.33", | ||
"@volvo-cars/browserslist-config": "workspace:*", | ||
"@types/react": "18.2.37", | ||
"@volvo-cars/browserslist-config": "1.4.2", | ||
"react": "18.2.0", | ||
"tsup": "7.2.0", | ||
"tsup": "8.0.0", | ||
"typescript": "5.2.2" | ||
@@ -54,2 +55,2 @@ }, | ||
} | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
181600
+ Added@volvo-cars/react-icons@0.11.0(transitive)
- Removed@volvo-cars/react-icons@0.10.0(transitive)