@kvdbil/components 13.1.1 → 13.2.0

package/cjs/components/Button/index.js

@@ -1,34 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../theme.js"),l=require("../Spinner/index.js"),s=require("../../typography/ButtonText/index.js"),i=require("./styles.js");function a(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}var o=a(e),n=a(t);const u=n.default.button`
-  ${s.BasicButtonFontStyle}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../theme.js"),r=require("../Spinner/index.js"),i=require("../../typography/ButtonText/index.js"),a=require("./styles.js");function s(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var o=s(e),n=s(t);const u=n.default.button`
+  ${i.BasicButtonFontStyle}
   box-sizing: border-box;
   outline: none;
   cursor: pointer;
   user-select: none;
   position: relative;
   border: none;
-  width: ${({fullWidth:y})=>y&&"100%"};
+  min-width: ${({minWidth:x})=>x||"auto"};
+  width: ${({fullWidth:x})=>x&&"100%"};
   display: flex;
   align-items: center;
-  justify-content: ${({sufixIcon:y,prefixIcon:x,isLoading:b})=>b||!y&&!x?"center":"space-between"};
+  justify-content: ${({sufixIcon:x,prefixIcon:b,isLoading:z})=>z||!x&&!b?"center":"space-between"};
 
-  ${({size:y="small"})=>i.fontSizes[y]||s.ButtonRegularTextStyle}
-  ${({size:y,isLoading:x,minWidth:b})=>t.css`
-    ${y==="smaller"&&i.smallerSizeStyles(x,b)}
-    ${y==="small"&&i.smallSizeStyles(x,b)}
-    ${y==="regular"&&i.regularSizeStyles(x,b)}
-    ${y==="large"&&i.largeSizeStyles(x,b)}
+  ${({size:x="small"})=>a.fontSizes[x]||i.ButtonRegularTextStyle}
+  ${({size:x})=>t.css`
+    ${(x==="smaller"||x==="small")&&a.smallerAndSmallSizeStyles()}
+    ${x==="regular"&&a.regularSizeStyles()}
+    ${x==="large"&&a.largeSizeStyles()}
   `}
   background-color: transparent;
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
-  ${({variant:y="solid",color:x="primary",disabled:b,theme:h})=>t.css`
-    ${b?i.disabledColorStyles(h,y):i.colorStyles[y](h,x)}
+  ${({variant:x="solid",color:b="primary",disabled:z,theme:S})=>t.css`
+    ${z?a.disabledColorStyles(S,x):a.colorStyles[x](S,b)}
   `}
   &:focus-visible {
-    box-shadow: 0px 0px 0px 1px ${({theme:y})=>y.colors.gray.light5};
+    box-shadow: 0px 0px 0px 1px ${({theme:x})=>x.colors.gray.light5};
   }
 `,d={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},f={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},c=n.default.span`
   display: flex;
-  margin-right: ${({type:y,size:x})=>y==="prefix"?f[x]:0};
-  margin-left: ${({type:y,size:x})=>y==="sufix"?f[x]:0};
-  font-size: ${({size:y})=>d[y]};
-`,m=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.5},g=e.forwardRef(({size:y="small",color:x="primary",variant:b="solid",fullWidth:h=!1,isDisabled:j=!1,isLoading:z=!1,children:$,sufixIcon:S,prefixIcon:v,minWidth:q,as:B="button",...E},I)=>o.default.createElement(u,{...E,as:B,minWidth:q,color:x,disabled:j||z,fullWidth:h,theme:r.default,variant:b,size:y,isLoading:z,ref:I,prefixIcon:v,sufixIcon:S},z?o.default.createElement(m,{color:r.default.colors.gray.light1,size:p[y]}):o.default.createElement(o.default.Fragment,null,v&&o.default.createElement(c,{size:y,type:"prefix"},v),typeof $=="string"?o.default.createElement("span",null,$):$,S&&o.default.createElement(c,{size:y,type:"sufix"},S))));g.displayName="Button",exports.Button=g,exports.default=g;
+  margin-right: ${({type:x,size:b})=>x==="prefix"?f[b]:0};
+  margin-left: ${({type:x,size:b})=>x==="sufix"?f[b]:0};
+  font-size: ${({size:x})=>d[x]};
+  opacity: ${({isLoading:x})=>x?0:1};
+`,m=n.default(r.default)`
+  position: absolute;
+`,p=n.default.span`
+  opacity: ${({isLoading:x})=>x?0:1};
+`,g={smaller:1,small:1,regular:1.5,large:1.5},y=e.forwardRef(({size:x="small",color:b="primary",variant:z="solid",fullWidth:S=!1,isDisabled:j=!1,isLoading:$=!1,children:q,sufixIcon:v,prefixIcon:E,minWidth:B,as:I="button",...W},w)=>{return o.default.createElement(u,{...W,as:I,minWidth:B,color:b,disabled:j||$,fullWidth:S,theme:l.default,variant:z,size:x,isLoading:$,ref:w,prefixIcon:E,sufixIcon:v},o.default.createElement(o.default.Fragment,null,E&&o.default.createElement(c,{size:x,type:"prefix",isLoading:$},E),(L=$,typeof(h=q)=="string"||typeof h=="number"?o.default.createElement(p,{isLoading:L},h):o.default.isValidElement(h)?o.default.cloneElement(h,{style:{...h.props.style,opacity:L?0:1}}):h),v&&o.default.createElement(c,{size:x,type:"sufix",isLoading:$},v),$&&o.default.createElement(m,{color:l.default.colors.gray.light1,size:g[x]})));var h,L});y.displayName="Button",exports.Button=y,exports.default=y;

package/cjs/components/Button/styles.js

@@ -1,62 +1,55 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const r={smaller:o.ButtonSmallTextStyle,small:o.ButtonRegularTextStyle,regular:o.ButtonRegularTextStyle,large:o.ButtonLargeTextStyle},n=(s,i)=>`
-  color: ${s.colors[i].main};
-  border: 2px solid ${s.colors[i].main};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../typography/ButtonText/index.js");require("react"),require("styled-components");const r={smaller:o.ButtonSmallTextStyle,small:o.ButtonRegularTextStyle,regular:o.ButtonRegularTextStyle,large:o.ButtonLargeTextStyle},l=(s,a)=>`
+  color: ${s.colors[a].main};
+  border: 2px solid ${s.colors[a].main};
   background-color: transparent;
 
   :hover {
-      border: 2px solid ${s.colors[i].dark};
-      color: ${s.colors[i].dark};
+      border: 2px solid ${s.colors[a].dark};
+      color: ${s.colors[a].dark};
   }
 
   :active {
-    border: 2px solid ${s.colors[i].light};
-    color: ${s.colors[i].light};
+    border: 2px solid ${s.colors[a].light};
+    color: ${s.colors[a].light};
   }
-`,e=(s,i)=>`
-  color: ${i!=="neutral"?s.colors[i].main:s.colors.neutral.light};
+`,n=(s,a)=>`
+  color: ${a!=="neutral"?s.colors[a].main:s.colors.neutral.light};
   background-color: transparent;
 
   :hover {
-    color: ${s.colors[i].dark};
+    color: ${s.colors[a].dark};
   }
 
   :active {
-    color: ${s.colors[i].dark};
+    color: ${s.colors[a].dark};
   }
-`,l=s=>`
+`,e=s=>`
   color: ${s.colors.gray.light1};
   cursor: not-allowed;
-`,t={solid:(s,i)=>`
+`,t={solid:(s,a)=>`
   color: ${s.colors.text.light};
-  background-color: ${s.colors[i].main};
+  background-color: ${s.colors[a].main};
 
   :hover {
-    border-color: ${s.colors[i].dark};
-    background-color: ${s.colors[i].dark};
+    border-color: ${s.colors[a].dark};
+    background-color: ${s.colors[a].dark};
   }
 
   :active {
-    border-color: ${s.colors[i].light};
-    background-color: ${s.colors[i].light}
+    border-color: ${s.colors[a].light};
+    background-color: ${s.colors[a].light}
   }
-`,outline:n,flat:e};exports.colorStyles=t,exports.disabledColorStyles=(s,i)=>i==="solid"?`
-    ${l(s)};
-    background-color: ${s.colors.gray.light4};`:i==="outline"?`
-    ${l(s)};
-    border: 2px solid ${s.colors.gray.light1};`:l(s),exports.flatColorStyles=e,exports.fontSizes=r,exports.largeSizeStyles=(s,i="auto")=>`
-  min-width: ${s?"8.5rem":i};
-  padding: 0 1.5rem;
+`,outline:l,flat:n};exports.colorStyles=t,exports.disabledColorStyles=(s,a)=>a==="solid"?`
+    ${e(s)};
+    background-color: ${s.colors.gray.light4};`:a==="outline"?`
+    ${e(s)};
+    border: 2px solid ${s.colors.gray.light1};`:e(s),exports.flatColorStyles=n,exports.fontSizes=r,exports.largeSizeStyles=()=>`
+  padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,exports.outlineColorStyles=n,exports.regularSizeStyles=(s,i="auto")=>`
-  min-width: ${s?"6rem":i};
-  padding: 0 1.5rem;
+`,exports.outlineColorStyles=l,exports.regularSizeStyles=()=>`
+  padding: 0.25rem 1.5rem;
   min-height: 3rem;
-`,exports.smallSizeStyles=(s,i="auto")=>`
-  min-width: ${s?"4.5rem":i};
-  padding: 0 0.75rem;
-  min-height: 2.5rem;
-`,exports.smallerSizeStyles=(s,i="auto")=>`
-  min-width: ${s?"4rem":i};
-  padding: 0 0.75rem;
+`,exports.smallerAndSmallSizeStyles=()=>`
+  padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
 `;

package/cjs/components/Flex/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js");function n(a){return a&&typeof a=="object"&&"default"in a?a:{default:a}}var i=n(e);const o=(a,u)=>u!=="gap"&&u!=="row-gap"||typeof a!="number"?a:`${a}rem`,l=n(t).default.div(({$direction:a,$justify:u,$align:s,$gap:p,$rowGap:$})=>{let f=`
+    display: flex;
+    ${r.mq(null,"tablet")} {
+      flex-direction: column;
+    }
+  `;return[[a,"flex-direction"],[u,"justify-content"],[s,"align-items"],[p,"gap"],[$,"row-gap"]].forEach(([c,d])=>{if(typeof c=="string"||typeof c=="number")f+=`${d}: ${o(c,d)};`;else if(typeof c=="object")for(const[g,y]of Object.entries(c))f+=`${r.mq(g)} { ${d}: ${o(y,d)}; }`}),f});exports.default=({direction:a,justify:u,align:s,gap:p,rowGap:$,...f})=>i.default.createElement(l,{$direction:a!=null?a:"row",$justify:u!=null?u:"center",$align:s!=null?s:"center",$gap:p!=null?p:"1rem",$rowGap:$,...f});

package/cjs/components/Stack/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/media-queries.js");function o(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var i=o(e);const n=l=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[l],s=(l,f)=>t.mqSizesOrder[l]<t.mqSizesOrder[f]?-1:t.mqSizesOrder[l]>t.mqSizesOrder[f]?1:0,c=o(r).default("div")(({ownerState:{direction:l,spacing:f}})=>typeof l=="string"&&typeof f=="number"?{display:"flex",flexDirection:l,"> *:not(:first-child)":{margin:0,[`margin${n(l)}`]:`${f}rem`}}:typeof l=="object"||typeof f=="object"?{...((u,a)=>{var d,y;const j=typeof u=="object"?Object.keys(u).sort(s):Object.keys(a).sort(s);let m={};for(const p of j){const b=typeof u=="object"?(d=u[p])!=null?d:"row":u,g=n(b),q=typeof a=="object"?(y=a[p])!=null?y:1:a,v={[t.mq(p)]:{display:"flex",flexDirection:b,"> *:not(:first-child)":{margin:0,[`margin${g}`]:`${q}rem`}}};m={...m,...v}}return{...m}})(l,f!=null?f:1)}:{display:"flex"});exports.default=({direction:l="column",spacing:f=1,children:u,...a})=>{const d={direction:l,spacing:f};return i.default.createElement(c,{...a,ownerState:d},u)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),l=require("../Flex/index.js");function t(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}require("styled-components"),require("../../shared/media-queries.js");var r=t(e);exports.default=({...u})=>{var i,n,a;return r.default.createElement(l.default,{direction:(i=u==null?void 0:u.direction)!=null?i:"column",justify:(n=u==null?void 0:u.justify)!=null?n:"flex-start",align:(a=u==null?void 0:u.align)!=null?a:"flex-start",gap:u==null?void 0:u.spacing,...u})};

package/cjs/components/Textfield/index.js

@@ -12,7 +12,7 @@
   position: relative;
   padding: 0;
   display: block;
-`,m=s.default.div`
+`,h=s.default.div`
   display: flex;
   text-align: center;
   align-items: center;
@@ -30,7 +30,7 @@
   ${({disabled:y})=>y&&i}
   ${({hasError:y})=>y&&n}
   ${({centered:y})=>y&&"text-align: center;"}
-`,h=s.default.input`
+`,m=s.default.input`
   ${l.BodyTextStyle}
   width: 100%;
   cursor: text;
@@ -63,4 +63,4 @@
 `,x=s.default.span`
   display: block;
   color: ${({theme:y})=>y.colors.error.dark};
-`,g=({placeholder:y="",isDisabled:k=!1,centered:F=!1,hasError:w=!1,className:z,helperText:j,label:E="",onBlur:L=()=>null,onFocus:P=()=>null,forwardRef:_,suffix:T,name:v=a.generateNameHash("text-input"),errors:B,isAutoFocused:A=!1,...N})=>{const[q,S]=e.useState(!1),C=Boolean(N.value);return d.default.createElement(u,{className:z},d.default.createElement(m,{isFocused:q,disabled:k,centered:F,hasError:w,hasPlaceholder:!!y},d.default.createElement(h,{...N,id:v,name:v,"aria-label":E||v,ref:_,onFocus:$=>{S(!0),P($)},onBlur:$=>{S(!1),L($)},disabled:k,placeholder:E&&!q?"":y,autoFocus:A}),T&&d.default.createElement(f,null,T)),E&&d.default.createElement(t.Label,{htmlFor:v,isFocused:q,centered:F,hasError:w,hasValue:C,disabled:k},E),(j||B)&&d.default.createElement(p,{centered:F},j&&d.default.createElement(b,null,j),B&&B.map($=>d.default.createElement(x,{key:$},$))))};exports.TextField=g,exports.default=g;
+`,g=({placeholder:y="",isDisabled:k=!1,centered:B=!1,hasError:w=!1,className:z,helperText:F,label:E="",onBlur:L=()=>null,onFocus:P=()=>null,forwardRef:_,suffix:T,name:j=a.generateNameHash("text-input"),errors:v,isAutoFocused:C=!1,...A})=>{const[q,N]=e.useState(!1),D=Boolean(A.value),S=v&&Array.isArray(v)&&(v==null?void 0:v.length)>0;return d.default.createElement(u,{className:z},d.default.createElement(h,{isFocused:q,disabled:k,centered:B,hasError:w,hasPlaceholder:!!y},d.default.createElement(m,{...A,id:j,name:j,"aria-label":E||j,ref:_,onFocus:$=>{N(!0),P($)},onBlur:$=>{N(!1),L($)},disabled:k,placeholder:E&&!q?"":y,autoFocus:C}),T&&d.default.createElement(f,null,T)),E&&d.default.createElement(t.Label,{htmlFor:j,isFocused:q,centered:B,hasError:w,hasValue:D,disabled:k},E),(F||S)&&d.default.createElement(p,{centered:B},F&&d.default.createElement(b,null,F),S&&v.map($=>d.default.createElement(x,{key:$},$))))};exports.TextField=g,exports.default=g;

package/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Select/index.js"),S=require("./components/ToggleArrow/index.js"),y=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),g=require("./components/EditRow/index.js"),T=require("./components/RadioButton/index.js"),k=require("./components/SpinnerThin/index.js"),B=require("./components/Stamp/index.js"),h=require("./components/TimePicker/index.js"),b=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),F=require("./components/Logo/index.js"),w=require("./components/Badge/index.js"),D=require("./components/Toggle/index.js"),L=require("./components/Stepper/index.js"),P=require("./components/StepperAccordion/index.js"),R=require("./components/Card/index.js"),A=require("./components/NotificationButton/index.js"),M=require("./components/ValuationRange/index.js"),E=require("./components/Chip/index.js"),N=require("./components/Breadcrumbs/index.js"),H=require("./components/Message/index.js"),O=require("./components/RegistrationPlate/index.js"),V=require("./components/MenuItem/index.js"),U=require("./icons/components/AddIcon.js"),G=require("./icons/components/AlertIcon.js"),Q=require("./icons/components/ArrowDownIcon.js"),K=require("./icons/components/ArrowLeftIcon.js"),W=require("./icons/components/ArrowRightIcon.js"),z=require("./icons/components/ArrowUpIcon.js"),Y=require("./icons/components/AtvIcon.js"),_=require("./icons/components/AuctionIcon.js"),J=require("./icons/components/BackIcon.js"),X=require("./icons/components/BankidIcon.js"),Z=require("./icons/components/BidIcon.js"),$=require("./icons/components/BodyIcon.js"),ee=require("./icons/components/BreaksIcon.js"),oe=require("./icons/components/CabIcon.js"),ne=require("./icons/components/CalendarIcon.js"),re=require("./icons/components/CameraIcon.js"),te=require("./icons/components/CancelCircleIcon.js"),se=require("./icons/components/CancelIcon.js"),ce=require("./icons/components/CarIcon.js"),ie=require("./icons/components/CarServiceIcon.js"),pe=require("./icons/components/CaravanIcon.js"),ue=require("./icons/components/CertifiedIcon.js"),ae=require("./icons/components/ChatIcon.js"),le=require("./icons/components/CheckCircleIcon.js"),de=require("./icons/components/CheckFilledIcon.js"),Ie=require("./icons/components/CheckIcon.js"),xe=require("./icons/components/CheckmarkIcon.js"),me=require("./icons/components/ClockIcon.js"),qe=require("./icons/components/CloseIcon.js"),je=require("./icons/components/CommentFilledIcon.js"),fe=require("./icons/components/CommentIcon.js"),Se=require("./icons/components/ConditioningIcon.js"),ye=require("./icons/components/ContactIcon.js"),Ce=require("./icons/components/ControlNumberIcon.js"),ge=require("./icons/components/CopyIcon.js"),Te=require("./icons/components/CountdownIcon.js"),ke=require("./icons/components/CoupeIcon.js"),Be=require("./icons/components/CraneIcon.js"),he=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),ve=require("./icons/components/DisplayIcon.js"),Fe=require("./icons/components/DocumentIcon.js"),we=require("./icons/components/DownloadIcon.js"),De=require("./icons/components/EcoIcon.js"),Le=require("./icons/components/EditIcon.js"),Pe=require("./icons/components/EngineIcon.js"),Re=require("./icons/components/ErrorFilledIcon.js"),Ae=require("./icons/components/ErrorIcon.js"),Me=require("./icons/components/ExportIcon.js"),Ee=require("./icons/components/FacebookIcon.js"),Ne=require("./icons/components/FacilityIcon.js"),He=require("./icons/components/FavouriteFilledIcon.js"),Oe=require("./icons/components/FavouriteIcon.js"),Ve=require("./icons/components/FigmaIcon.js"),Ue=require("./icons/components/FilterIcon.js"),Ge=require("./icons/components/FinanceIcon.js"),Qe=require("./icons/components/FirstIcon.js"),Ke=require("./icons/components/FixedPriceIcon.js"),We=require("./icons/components/FuelIcon.js"),ze=require("./icons/components/GearboxIcon.js"),Ye=require("./icons/components/GetPaidIcon.js"),_e=require("./icons/components/GridViewIcon.js"),Je=require("./icons/components/HatchbackIcon.js"),Xe=require("./icons/components/HelpIcon.js"),Ze=require("./icons/components/HistoryIcon.js"),$e=require("./icons/components/HomeDeliveryIcon.js"),eo=require("./icons/components/IdIcon.js"),oo=require("./icons/components/ImageIcon.js"),no=require("./icons/components/InfoIcon.js"),ro=require("./icons/components/InstagramIcon.js"),to=require("./icons/components/InsuranceIcon.js"),so=require("./icons/components/InteriorIcon.js"),co=require("./icons/components/KvdIcon.js"),io=require("./icons/components/KvdTestIcon.js"),po=require("./icons/components/KvdproIcon.js"),uo=require("./icons/components/LastIcon.js"),ao=require("./icons/components/LeaderIcon.js"),lo=require("./icons/components/LinkedinIcon.js"),Io=require("./icons/components/ListViewIcon.js"),xo=require("./icons/components/LocationIcon.js"),mo=require("./icons/components/MailIcon.js"),qo=require("./icons/components/MenuIcon.js"),jo=require("./icons/components/MileageIcon.js"),fo=require("./icons/components/MinivanIcon.js"),So=require("./icons/components/ModelYearIcon.js"),yo=require("./icons/components/MoreIcon.js"),Co=require("./icons/components/MotorbikeIcon.js"),go=require("./icons/components/NavigationIcon.js"),To=require("./icons/components/NewIcon.js"),ko=require("./icons/components/NextFilledIcon.js"),Bo=require("./icons/components/NextIcon.js"),ho=require("./icons/components/NotificationIcon.js"),bo=require("./icons/components/OpenInNewIcon.js"),vo=require("./icons/components/PayementIcon.js"),Fo=require("./icons/components/PhoneIcon.js"),wo=require("./icons/components/PickUpIcon.js"),Do=require("./icons/components/Pickup.js"),Lo=require("./icons/components/PlayIcon.js"),Po=require("./icons/components/PreviousFilledIcon.js"),Ro=require("./icons/components/PreviousIcon.js"),Ao=require("./icons/components/PrintIcon.js"),Mo=require("./icons/components/QuoteIcon.js"),Eo=require("./icons/components/RatingIcon.js"),No=require("./icons/components/ReleasingIcon.js"),Ho=require("./icons/components/ReorderIcon.js"),Oo=require("./icons/components/RestartIcon.js"),Vo=require("./icons/components/SalesOfferIcon.js"),Uo=require("./icons/components/SavedSearchIcon.js"),Go=require("./icons/components/ScheduleIcon.js"),Qo=require("./icons/components/SearchIcon.js"),Ko=require("./icons/components/SedanIcon.js"),Wo=require("./icons/components/SellFilledIcon.js"),zo=require("./icons/components/SellIcon.js"),Yo=require("./icons/components/SettingsIcon.js"),_o=require("./icons/components/ShareIcon.js"),Jo=require("./icons/components/ShowLessIcon.js"),Xo=require("./icons/components/ShowMoreIcon.js"),Zo=require("./icons/components/SignInIcon.js"),$o=require("./icons/components/SignOutIcon.js"),en=require("./icons/components/SlackIcon.js"),on=require("./icons/components/SmartphoneIcon.js"),nn=require("./icons/components/SmileIcon.js"),rn=require("./icons/components/SnowmobileIcon.js"),tn=require("./icons/components/SortColumnIcon.js"),sn=require("./icons/components/SortIcon.js"),cn=require("./icons/components/StorageIcon.js"),pn=require("./icons/components/StoreIcon.js"),un=require("./icons/components/SuvIcon.js"),an=require("./icons/components/ThreeSixtyIcon.js"),ln=require("./icons/components/TrailerIcon.js"),dn=require("./icons/components/TransportIcon.js"),In=require("./icons/components/TruckIcon.js"),xn=require("./icons/components/TwitterIcon.js"),mn=require("./icons/components/TyresIcon.js"),qn=require("./icons/components/UploadIcon.js"),jn=require("./icons/components/UserIcon.js"),fn=require("./icons/components/ValuationIcon.js"),Sn=require("./icons/components/VanIcon.js"),yn=require("./icons/components/VersionIcon.js"),Cn=require("./icons/components/ViewsIcon.js"),gn=require("./icons/components/WagonIcon.js"),Tn=require("./icons/components/WarningIcon.js"),kn=require("./icons/components/WarrantyIcon.js"),Bn=require("./icons/components/YoutubeIcon.js"),hn=require("./hooks/useDynamicScript.js"),bn=require("./typography/Heading/index.js"),vn=require("./typography/BodyText/index.js"),Fn=require("./typography/ButtonText/index.js"),wn=require("./utils/utils.js");require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Select=f.Select,exports.ToggleArrow=S.default,exports.ListItem=y.default,exports.Table=C.default,exports.EditRow=g.default,exports.RadioButton=T.RadioButton,exports.SpinnerThin=k.SpinnerThin,exports.Stamp=B.default,exports.TimePicker=h.TimePicker,exports.Hero=b.default,exports.DayPicker=v.DayPicker,exports.Logo=F.Logo,exports.Badge=w.Badge,exports.Toggle=D.Toggle,exports.Stepper=L.Stepper,exports.StepperAccordion=P.StepperAccordion,exports.Card=R.Card,exports.NotificationButton=A.NotificationButton,exports.ValuationRange=M.default,exports.Chip=E.Chip,exports.Breadcrumbs=N.default,exports.Message=H.default,exports.RegistrationPlate=O.default,exports.MenuItem=V.MenuItem,exports.AddIcon=U.default,exports.AlertIcon=G.default,exports.ArrowDownIcon=Q.default,exports.ArrowLeftIcon=K.default,exports.ArrowRightIcon=W.default,exports.ArrowUpIcon=z.default,exports.AtvIcon=Y.default,exports.AuctionIcon=_.default,exports.BackIcon=J.default,exports.BankidIcon=X.default,exports.BidIcon=Z.default,exports.BodyIcon=$.default,exports.BreaksIcon=ee.default,exports.CabIcon=oe.default,exports.CalendarIcon=ne.default,exports.CameraIcon=re.default,exports.CancelCircleIcon=te.default,exports.CancelIcon=se.default,exports.CarIcon=ce.default,exports.CarServiceIcon=ie.default,exports.CaravanIcon=pe.default,exports.CertifiedIcon=ue.default,exports.ChatIcon=ae.default,exports.CheckCircleIcon=le.default,exports.CheckFilledIcon=de.default,exports.CheckIcon=Ie.default,exports.CheckmarkIcon=xe.default,exports.ClockIcon=me.default,exports.CloseIcon=qe.default,exports.CommentFilledIcon=je.default,exports.CommentIcon=fe.default,exports.ConditioningIcon=Se.default,exports.ContactIcon=ye.default,exports.ControlNumberIcon=Ce.default,exports.CopyIcon=ge.default,exports.CountdownIcon=Te.default,exports.CoupeIcon=ke.default,exports.CraneIcon=Be.default,exports.CupIcon=he.default,exports.DeleteIcon=be.default,exports.DisplayIcon=ve.default,exports.DocumentIcon=Fe.default,exports.DownloadIcon=we.default,exports.EcoIcon=De.default,exports.EditIcon=Le.default,exports.EngineIcon=Pe.default,exports.ErrorFilledIcon=Re.default,exports.ErrorIcon=Ae.default,exports.ExportIcon=Me.default,exports.FacebookIcon=Ee.default,exports.FacilityIcon=Ne.default,exports.FavouriteFilledIcon=He.default,exports.FavouriteIcon=Oe.default,exports.FigmaIcon=Ve.default,exports.FilterIcon=Ue.default,exports.FinanceIcon=Ge.default,exports.FirstIcon=Qe.default,exports.FixedPriceIcon=Ke.default,exports.FuelIcon=We.default,exports.GearboxIcon=ze.default,exports.GetPaidIcon=Ye.default,exports.GridViewIcon=_e.default,exports.HatchbackIcon=Je.default,exports.HelpIcon=Xe.default,exports.HistoryIcon=Ze.default,exports.HomeDeliveryIcon=$e.default,exports.IdIcon=eo.default,exports.ImageIcon=oo.default,exports.InfoIcon=no.default,exports.InstagramIcon=ro.default,exports.InsuranceIcon=to.default,exports.InteriorIcon=so.default,exports.KvdIcon=co.default,exports.KvdTestIcon=io.default,exports.KvdproIcon=po.default,exports.LastIcon=uo.default,exports.LeaderIcon=ao.default,exports.LinkedinIcon=lo.default,exports.ListViewIcon=Io.default,exports.LocationIcon=xo.default,exports.MailIcon=mo.default,exports.MenuIcon=qo.default,exports.MileageIcon=jo.default,exports.MinivanIcon=fo.default,exports.ModelYearIcon=So.default,exports.MoreIcon=yo.default,exports.MotorbikeIcon=Co.default,exports.NavigationIcon=go.default,exports.NewIcon=To.default,exports.NextFilledIcon=ko.default,exports.NextIcon=Bo.default,exports.NotificationIcon=ho.default,exports.OpenInNewIcon=bo.default,exports.PayementIcon=vo.default,exports.PhoneIcon=Fo.default,exports.PickUpIcon=wo.default,exports.Pickup=Do.default,exports.PlayIcon=Lo.default,exports.PreviousFilledIcon=Po.default,exports.PreviousIcon=Ro.default,exports.PrintIcon=Ao.default,exports.QuoteIcon=Mo.default,exports.RatingIcon=Eo.default,exports.ReleasingIcon=No.default,exports.ReorderIcon=Ho.default,exports.RestartIcon=Oo.default,exports.SalesOfferIcon=Vo.default,exports.SavedSearchIcon=Uo.default,exports.ScheduleIcon=Go.default,exports.SearchIcon=Qo.default,exports.SedanIcon=Ko.default,exports.SellFilledIcon=Wo.default,exports.SellIcon=zo.default,exports.SettingsIcon=Yo.default,exports.ShareIcon=_o.default,exports.ShowLessIcon=Jo.default,exports.ShowMoreIcon=Xo.default,exports.SignInIcon=Zo.default,exports.SignOutIcon=$o.default,exports.SlackIcon=en.default,exports.SmartphoneIcon=on.default,exports.SmileIcon=nn.default,exports.SnowmobileIcon=rn.default,exports.SortColumnIcon=tn.default,exports.SortIcon=sn.default,exports.StorageIcon=cn.default,exports.StoreIcon=pn.default,exports.SuvIcon=un.default,exports.ThreeSixtyIcon=an.default,exports.TrailerIcon=ln.default,exports.TransportIcon=dn.default,exports.TruckIcon=In.default,exports.TwitterIcon=xn.default,exports.TyresIcon=mn.default,exports.UploadIcon=qn.default,exports.UserIcon=jn.default,exports.ValuationIcon=fn.default,exports.VanIcon=Sn.default,exports.VersionIcon=yn.default,exports.ViewsIcon=Cn.default,exports.WagonIcon=gn.default,exports.WarningIcon=Tn.default,exports.WarrantyIcon=kn.default,exports.YoutubeIcon=Bn.default,exports.useDynamicScript=hn.useDynamicScript,exports.Display1=bn.Display1,exports.Display1Style=bn.Display1Style,exports.Display2=bn.Display2,exports.Display2Style=bn.Display2Style,exports.Display3=bn.Display3,exports.Display3Style=bn.Display3Style,exports.Headline=bn.Headline,exports.HeadlineStyle=bn.HeadlineStyle,exports.Subtitle=bn.Subtitle,exports.SubtitleStyle=bn.SubtitleStyle,exports.TinyTitleBold=bn.TinyTitleBold,exports.TinyTitleBoldStyle=bn.TinyTitleBoldStyle,exports.TinyTitleRegular=bn.TinyTitleRegular,exports.TinyTitleRegularStyle=bn.TinyTitleRegularStyle,exports.Title=bn.Title,exports.TitleStyle=bn.TitleStyle,exports.BodyLink=vn.BodyLink,exports.BodyLinkStyle=vn.BodyLinkStyle,exports.BodyText=vn.BodyText,exports.BodyTextStyle=vn.BodyTextStyle,exports.Caption=vn.Caption,exports.CaptionLink=vn.CaptionLink,exports.CaptionLinkStyle=vn.CaptionLinkStyle,exports.CaptionStyle=vn.CaptionStyle,exports.Quote=vn.Quote,exports.QuoteStyle=vn.QuoteStyle,exports.Status=vn.Status,exports.StatusStyle=vn.StatusStyle,exports.ButtonLargeText=Fn.ButtonLarge,exports.ButtonLargeTextStyle=Fn.ButtonLargeTextStyle,exports.ButtonRegularText=Fn.Button,exports.ButtonRegularTextStyle=Fn.ButtonRegularTextStyle,exports.ButtonSmallText=Fn.ButtonSmall,exports.ButtonSmallTextStyle=Fn.ButtonSmallTextStyle,exports.hexToRGB=wn.hexToRGB,exports.resetButtonStyle=wn.resetButtonStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),r=require("./components/Button/index.js"),t=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),C=require("./components/ListItem/index.js"),g=require("./components/Table/index.js"),T=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),h=require("./components/Stamp/index.js"),b=require("./components/TimePicker/index.js"),v=require("./components/Hero/index.js"),F=require("./components/DayPicker/index.js"),w=require("./components/Logo/index.js"),D=require("./components/Badge/index.js"),L=require("./components/Toggle/index.js"),P=require("./components/Stepper/index.js"),R=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/NotificationButton/index.js"),E=require("./components/ValuationRange/index.js"),N=require("./components/Chip/index.js"),H=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),V=require("./components/RegistrationPlate/index.js"),U=require("./components/MenuItem/index.js"),G=require("./icons/components/AddIcon.js"),Q=require("./icons/components/AlertIcon.js"),K=require("./icons/components/ArrowDownIcon.js"),W=require("./icons/components/ArrowLeftIcon.js"),z=require("./icons/components/ArrowRightIcon.js"),Y=require("./icons/components/ArrowUpIcon.js"),_=require("./icons/components/AtvIcon.js"),J=require("./icons/components/AuctionIcon.js"),X=require("./icons/components/BackIcon.js"),Z=require("./icons/components/BankidIcon.js"),$=require("./icons/components/BidIcon.js"),ee=require("./icons/components/BodyIcon.js"),oe=require("./icons/components/BreaksIcon.js"),ne=require("./icons/components/CabIcon.js"),re=require("./icons/components/CalendarIcon.js"),te=require("./icons/components/CameraIcon.js"),se=require("./icons/components/CancelCircleIcon.js"),ce=require("./icons/components/CancelIcon.js"),ie=require("./icons/components/CarIcon.js"),pe=require("./icons/components/CarServiceIcon.js"),ue=require("./icons/components/CaravanIcon.js"),ae=require("./icons/components/CertifiedIcon.js"),le=require("./icons/components/ChatIcon.js"),de=require("./icons/components/CheckCircleIcon.js"),Ie=require("./icons/components/CheckFilledIcon.js"),xe=require("./icons/components/CheckIcon.js"),me=require("./icons/components/CheckmarkIcon.js"),qe=require("./icons/components/ClockIcon.js"),je=require("./icons/components/CloseIcon.js"),fe=require("./icons/components/CommentFilledIcon.js"),Se=require("./icons/components/CommentIcon.js"),ye=require("./icons/components/ConditioningIcon.js"),Ce=require("./icons/components/ContactIcon.js"),ge=require("./icons/components/ControlNumberIcon.js"),Te=require("./icons/components/CopyIcon.js"),ke=require("./icons/components/CountdownIcon.js"),Be=require("./icons/components/CoupeIcon.js"),he=require("./icons/components/CraneIcon.js"),be=require("./icons/components/CupIcon.js"),ve=require("./icons/components/DeleteIcon.js"),Fe=require("./icons/components/DisplayIcon.js"),we=require("./icons/components/DocumentIcon.js"),De=require("./icons/components/DownloadIcon.js"),Le=require("./icons/components/EcoIcon.js"),Pe=require("./icons/components/EditIcon.js"),Re=require("./icons/components/EngineIcon.js"),Ae=require("./icons/components/ErrorFilledIcon.js"),Me=require("./icons/components/ErrorIcon.js"),Ee=require("./icons/components/ExportIcon.js"),Ne=require("./icons/components/FacebookIcon.js"),He=require("./icons/components/FacilityIcon.js"),Oe=require("./icons/components/FavouriteFilledIcon.js"),Ve=require("./icons/components/FavouriteIcon.js"),Ue=require("./icons/components/FigmaIcon.js"),Ge=require("./icons/components/FilterIcon.js"),Qe=require("./icons/components/FinanceIcon.js"),Ke=require("./icons/components/FirstIcon.js"),We=require("./icons/components/FixedPriceIcon.js"),ze=require("./icons/components/FuelIcon.js"),Ye=require("./icons/components/GearboxIcon.js"),_e=require("./icons/components/GetPaidIcon.js"),Je=require("./icons/components/GridViewIcon.js"),Xe=require("./icons/components/HatchbackIcon.js"),Ze=require("./icons/components/HelpIcon.js"),$e=require("./icons/components/HistoryIcon.js"),eo=require("./icons/components/HomeDeliveryIcon.js"),oo=require("./icons/components/IdIcon.js"),no=require("./icons/components/ImageIcon.js"),ro=require("./icons/components/InfoIcon.js"),to=require("./icons/components/InstagramIcon.js"),so=require("./icons/components/InsuranceIcon.js"),co=require("./icons/components/InteriorIcon.js"),io=require("./icons/components/KvdIcon.js"),po=require("./icons/components/KvdTestIcon.js"),uo=require("./icons/components/KvdproIcon.js"),ao=require("./icons/components/LastIcon.js"),lo=require("./icons/components/LeaderIcon.js"),Io=require("./icons/components/LinkedinIcon.js"),xo=require("./icons/components/ListViewIcon.js"),mo=require("./icons/components/LocationIcon.js"),qo=require("./icons/components/MailIcon.js"),jo=require("./icons/components/MenuIcon.js"),fo=require("./icons/components/MileageIcon.js"),So=require("./icons/components/MinivanIcon.js"),yo=require("./icons/components/ModelYearIcon.js"),Co=require("./icons/components/MoreIcon.js"),go=require("./icons/components/MotorbikeIcon.js"),To=require("./icons/components/NavigationIcon.js"),ko=require("./icons/components/NewIcon.js"),Bo=require("./icons/components/NextFilledIcon.js"),ho=require("./icons/components/NextIcon.js"),bo=require("./icons/components/NotificationIcon.js"),vo=require("./icons/components/OpenInNewIcon.js"),Fo=require("./icons/components/PayementIcon.js"),wo=require("./icons/components/PhoneIcon.js"),Do=require("./icons/components/PickUpIcon.js"),Lo=require("./icons/components/Pickup.js"),Po=require("./icons/components/PlayIcon.js"),Ro=require("./icons/components/PreviousFilledIcon.js"),Ao=require("./icons/components/PreviousIcon.js"),Mo=require("./icons/components/PrintIcon.js"),Eo=require("./icons/components/QuoteIcon.js"),No=require("./icons/components/RatingIcon.js"),Ho=require("./icons/components/ReleasingIcon.js"),Oo=require("./icons/components/ReorderIcon.js"),Vo=require("./icons/components/RestartIcon.js"),Uo=require("./icons/components/SalesOfferIcon.js"),Go=require("./icons/components/SavedSearchIcon.js"),Qo=require("./icons/components/ScheduleIcon.js"),Ko=require("./icons/components/SearchIcon.js"),Wo=require("./icons/components/SedanIcon.js"),zo=require("./icons/components/SellFilledIcon.js"),Yo=require("./icons/components/SellIcon.js"),_o=require("./icons/components/SettingsIcon.js"),Jo=require("./icons/components/ShareIcon.js"),Xo=require("./icons/components/ShowLessIcon.js"),Zo=require("./icons/components/ShowMoreIcon.js"),$o=require("./icons/components/SignInIcon.js"),en=require("./icons/components/SignOutIcon.js"),on=require("./icons/components/SlackIcon.js"),nn=require("./icons/components/SmartphoneIcon.js"),rn=require("./icons/components/SmileIcon.js"),tn=require("./icons/components/SnowmobileIcon.js"),sn=require("./icons/components/SortColumnIcon.js"),cn=require("./icons/components/SortIcon.js"),pn=require("./icons/components/StorageIcon.js"),un=require("./icons/components/StoreIcon.js"),an=require("./icons/components/SuvIcon.js"),ln=require("./icons/components/ThreeSixtyIcon.js"),dn=require("./icons/components/TrailerIcon.js"),In=require("./icons/components/TransportIcon.js"),xn=require("./icons/components/TruckIcon.js"),mn=require("./icons/components/TwitterIcon.js"),qn=require("./icons/components/TyresIcon.js"),jn=require("./icons/components/UploadIcon.js"),fn=require("./icons/components/UserIcon.js"),Sn=require("./icons/components/ValuationIcon.js"),yn=require("./icons/components/VanIcon.js"),Cn=require("./icons/components/VersionIcon.js"),gn=require("./icons/components/ViewsIcon.js"),Tn=require("./icons/components/WagonIcon.js"),kn=require("./icons/components/WarningIcon.js"),Bn=require("./icons/components/WarrantyIcon.js"),hn=require("./icons/components/YoutubeIcon.js"),bn=require("./hooks/useDynamicScript.js"),vn=require("./typography/Heading/index.js"),Fn=require("./typography/BodyText/index.js"),wn=require("./typography/ButtonText/index.js"),Dn=require("./utils/utils.js");require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=t.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=C.default,exports.Table=g.default,exports.EditRow=T.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=h.default,exports.TimePicker=b.TimePicker,exports.Hero=v.default,exports.DayPicker=F.DayPicker,exports.Logo=w.Logo,exports.Badge=D.Badge,exports.Toggle=L.Toggle,exports.Stepper=P.Stepper,exports.StepperAccordion=R.StepperAccordion,exports.Card=A.Card,exports.NotificationButton=M.NotificationButton,exports.ValuationRange=E.default,exports.Chip=N.Chip,exports.Breadcrumbs=H.default,exports.Message=O.default,exports.RegistrationPlate=V.default,exports.MenuItem=U.MenuItem,exports.AddIcon=G.default,exports.AlertIcon=Q.default,exports.ArrowDownIcon=K.default,exports.ArrowLeftIcon=W.default,exports.ArrowRightIcon=z.default,exports.ArrowUpIcon=Y.default,exports.AtvIcon=_.default,exports.AuctionIcon=J.default,exports.BackIcon=X.default,exports.BankidIcon=Z.default,exports.BidIcon=$.default,exports.BodyIcon=ee.default,exports.BreaksIcon=oe.default,exports.CabIcon=ne.default,exports.CalendarIcon=re.default,exports.CameraIcon=te.default,exports.CancelCircleIcon=se.default,exports.CancelIcon=ce.default,exports.CarIcon=ie.default,exports.CarServiceIcon=pe.default,exports.CaravanIcon=ue.default,exports.CertifiedIcon=ae.default,exports.ChatIcon=le.default,exports.CheckCircleIcon=de.default,exports.CheckFilledIcon=Ie.default,exports.CheckIcon=xe.default,exports.CheckmarkIcon=me.default,exports.ClockIcon=qe.default,exports.CloseIcon=je.default,exports.CommentFilledIcon=fe.default,exports.CommentIcon=Se.default,exports.ConditioningIcon=ye.default,exports.ContactIcon=Ce.default,exports.ControlNumberIcon=ge.default,exports.CopyIcon=Te.default,exports.CountdownIcon=ke.default,exports.CoupeIcon=Be.default,exports.CraneIcon=he.default,exports.CupIcon=be.default,exports.DeleteIcon=ve.default,exports.DisplayIcon=Fe.default,exports.DocumentIcon=we.default,exports.DownloadIcon=De.default,exports.EcoIcon=Le.default,exports.EditIcon=Pe.default,exports.EngineIcon=Re.default,exports.ErrorFilledIcon=Ae.default,exports.ErrorIcon=Me.default,exports.ExportIcon=Ee.default,exports.FacebookIcon=Ne.default,exports.FacilityIcon=He.default,exports.FavouriteFilledIcon=Oe.default,exports.FavouriteIcon=Ve.default,exports.FigmaIcon=Ue.default,exports.FilterIcon=Ge.default,exports.FinanceIcon=Qe.default,exports.FirstIcon=Ke.default,exports.FixedPriceIcon=We.default,exports.FuelIcon=ze.default,exports.GearboxIcon=Ye.default,exports.GetPaidIcon=_e.default,exports.GridViewIcon=Je.default,exports.HatchbackIcon=Xe.default,exports.HelpIcon=Ze.default,exports.HistoryIcon=$e.default,exports.HomeDeliveryIcon=eo.default,exports.IdIcon=oo.default,exports.ImageIcon=no.default,exports.InfoIcon=ro.default,exports.InstagramIcon=to.default,exports.InsuranceIcon=so.default,exports.InteriorIcon=co.default,exports.KvdIcon=io.default,exports.KvdTestIcon=po.default,exports.KvdproIcon=uo.default,exports.LastIcon=ao.default,exports.LeaderIcon=lo.default,exports.LinkedinIcon=Io.default,exports.ListViewIcon=xo.default,exports.LocationIcon=mo.default,exports.MailIcon=qo.default,exports.MenuIcon=jo.default,exports.MileageIcon=fo.default,exports.MinivanIcon=So.default,exports.ModelYearIcon=yo.default,exports.MoreIcon=Co.default,exports.MotorbikeIcon=go.default,exports.NavigationIcon=To.default,exports.NewIcon=ko.default,exports.NextFilledIcon=Bo.default,exports.NextIcon=ho.default,exports.NotificationIcon=bo.default,exports.OpenInNewIcon=vo.default,exports.PayementIcon=Fo.default,exports.PhoneIcon=wo.default,exports.PickUpIcon=Do.default,exports.Pickup=Lo.default,exports.PlayIcon=Po.default,exports.PreviousFilledIcon=Ro.default,exports.PreviousIcon=Ao.default,exports.PrintIcon=Mo.default,exports.QuoteIcon=Eo.default,exports.RatingIcon=No.default,exports.ReleasingIcon=Ho.default,exports.ReorderIcon=Oo.default,exports.RestartIcon=Vo.default,exports.SalesOfferIcon=Uo.default,exports.SavedSearchIcon=Go.default,exports.ScheduleIcon=Qo.default,exports.SearchIcon=Ko.default,exports.SedanIcon=Wo.default,exports.SellFilledIcon=zo.default,exports.SellIcon=Yo.default,exports.SettingsIcon=_o.default,exports.ShareIcon=Jo.default,exports.ShowLessIcon=Xo.default,exports.ShowMoreIcon=Zo.default,exports.SignInIcon=$o.default,exports.SignOutIcon=en.default,exports.SlackIcon=on.default,exports.SmartphoneIcon=nn.default,exports.SmileIcon=rn.default,exports.SnowmobileIcon=tn.default,exports.SortColumnIcon=sn.default,exports.SortIcon=cn.default,exports.StorageIcon=pn.default,exports.StoreIcon=un.default,exports.SuvIcon=an.default,exports.ThreeSixtyIcon=ln.default,exports.TrailerIcon=dn.default,exports.TransportIcon=In.default,exports.TruckIcon=xn.default,exports.TwitterIcon=mn.default,exports.TyresIcon=qn.default,exports.UploadIcon=jn.default,exports.UserIcon=fn.default,exports.ValuationIcon=Sn.default,exports.VanIcon=yn.default,exports.VersionIcon=Cn.default,exports.ViewsIcon=gn.default,exports.WagonIcon=Tn.default,exports.WarningIcon=kn.default,exports.WarrantyIcon=Bn.default,exports.YoutubeIcon=hn.default,exports.useDynamicScript=bn.useDynamicScript,exports.Display1=vn.Display1,exports.Display1Style=vn.Display1Style,exports.Display2=vn.Display2,exports.Display2Style=vn.Display2Style,exports.Display3=vn.Display3,exports.Display3Style=vn.Display3Style,exports.Headline=vn.Headline,exports.HeadlineStyle=vn.HeadlineStyle,exports.Subtitle=vn.Subtitle,exports.SubtitleStyle=vn.SubtitleStyle,exports.TinyTitleBold=vn.TinyTitleBold,exports.TinyTitleBoldStyle=vn.TinyTitleBoldStyle,exports.TinyTitleRegular=vn.TinyTitleRegular,exports.TinyTitleRegularStyle=vn.TinyTitleRegularStyle,exports.Title=vn.Title,exports.TitleStyle=vn.TitleStyle,exports.BodyLink=Fn.BodyLink,exports.BodyLinkStyle=Fn.BodyLinkStyle,exports.BodyText=Fn.BodyText,exports.BodyTextStyle=Fn.BodyTextStyle,exports.Caption=Fn.Caption,exports.CaptionLink=Fn.CaptionLink,exports.CaptionLinkStyle=Fn.CaptionLinkStyle,exports.CaptionStyle=Fn.CaptionStyle,exports.Quote=Fn.Quote,exports.QuoteStyle=Fn.QuoteStyle,exports.Status=Fn.Status,exports.StatusStyle=Fn.StatusStyle,exports.ButtonLargeText=wn.ButtonLarge,exports.ButtonLargeTextStyle=wn.ButtonLargeTextStyle,exports.ButtonRegularText=wn.Button,exports.ButtonRegularTextStyle=wn.ButtonRegularTextStyle,exports.ButtonSmallText=wn.ButtonSmall,exports.ButtonSmallTextStyle=wn.ButtonSmallTextStyle,exports.hexToRGB=Dn.hexToRGB,exports.resetButtonStyle=Dn.resetButtonStyle;

package/esm/components/Button/index.js

@@ -1,34 +1,39 @@
-import l,{forwardRef as x}from"react";import i,{css as c}from"styled-components";import u from"../../theme.js";import B from"../Spinner/index.js";import{BasicButtonFontStyle as E,ButtonRegularTextStyle as j}from"../../typography/ButtonText/index.js";import{fontSizes as h,smallerSizeStyles as w,smallSizeStyles as z,regularSizeStyles as R,largeSizeStyles as k,disabledColorStyles as C,colorStyles as F}from"./styles.js";const T=i.button`
-  ${E}
+import r,{forwardRef as w}from"react";import n,{css as y}from"styled-components";import f from"../../theme.js";import h from"../Spinner/index.js";import{BasicButtonFontStyle as C,ButtonRegularTextStyle as R}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallerAndSmallSizeStyles as z,regularSizeStyles as A,largeSizeStyles as _,disabledColorStyles as k,colorStyles as F}from"./styles.js";const p=0,N=n.button`
+  ${C}
   box-sizing: border-box;
   outline: none;
   cursor: pointer;
   user-select: none;
   position: relative;
   border: none;
+  min-width: ${({minWidth:e})=>e||"auto"};
   width: ${({fullWidth:e})=>e&&"100%"};
   display: flex;
   align-items: center;
-  justify-content: ${({sufixIcon:e,prefixIcon:r,isLoading:t})=>!t&&(e||r)?"space-between":"center"};
+  justify-content: ${({sufixIcon:e,prefixIcon:t,isLoading:s})=>!s&&(e||t)?"space-between":"center"};
 
-  ${({size:e="small"})=>h[e]||j}
-  ${({size:e,isLoading:r,minWidth:t})=>c`
-    ${e==="smaller"&&w(r,t)}
-    ${e==="small"&&z(r,t)}
-    ${e==="regular"&&R(r,t)}
-    ${e==="large"&&k(r,t)}
+  ${({size:e="small"})=>T[e]||R}
+  ${({size:e})=>y`
+    ${(e==="smaller"||e==="small")&&z()}
+    ${e==="regular"&&A()}
+    ${e==="large"&&_()}
   `}
   background-color: transparent;
   transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
-  ${({variant:e="solid",color:r="primary",disabled:t,theme:o})=>c`
-    ${t?C(o,e):F[e](o,r)}
+  ${({variant:e="solid",color:t="primary",disabled:s,theme:a})=>y`
+    ${s?k(a,e):F[e](a,t)}
   `}
   &:focus-visible {
     box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.gray.light5};
   }
-`,_={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},y={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},g=i.span`
+`,O={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},g={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},S=n.span`
   display: flex;
-  margin-right: ${({type:e,size:r})=>e==="prefix"?y[r]:0};
-  margin-left: ${({type:e,size:r})=>e==="sufix"?y[r]:0};
-  font-size: ${({size:e})=>_[e]};
-`,v=i(B)``,M={smaller:1,small:1,regular:1.5,large:1.5},p=x(({size:e="small",color:r="primary",variant:t="solid",fullWidth:o=!1,isDisabled:f=!1,isLoading:s=!1,children:a,sufixIcon:n,prefixIcon:m,minWidth:S,as:$="button",...b},d)=>l.createElement(T,{...b,as:$,minWidth:S,color:r,disabled:f||s,fullWidth:o,theme:u,variant:t,size:e,isLoading:s,ref:d,prefixIcon:m,sufixIcon:n},s?l.createElement(v,{color:u.colors.gray.light1,size:M[e]}):l.createElement(l.Fragment,null,m&&l.createElement(g,{size:e,type:"prefix"},m),typeof a=="string"?l.createElement("span",null,a):a,n&&l.createElement(g,{size:e,type:"sufix"},n))));p.displayName="Button";export{p as Button,p as default};
+  margin-right: ${({type:e,size:t})=>e==="prefix"?g[t]:0};
+  margin-left: ${({type:e,size:t})=>e==="sufix"?g[t]:0};
+  font-size: ${({size:e})=>O[e]};
+  opacity: ${({isLoading:e})=>e?p:1};
+`,v=n(h)`
+  position: absolute;
+`,D=n.span`
+  opacity: ${({isLoading:e})=>e?p:1};
+`,G={smaller:1,small:1,regular:1.5,large:1.5},c=w(({size:e="small",color:t="primary",variant:s="solid",fullWidth:a=!1,isDisabled:$=!1,isLoading:o=!1,children:b,sufixIcon:m,prefixIcon:i,minWidth:d,as:x="button",...E},B)=>{const j=(l,u)=>typeof l=="string"||typeof l=="number"?r.createElement(D,{isLoading:u},l):r.isValidElement(l)?r.cloneElement(l,{style:{...l.props.style,opacity:u?p:1}}):l;return r.createElement(N,{...E,as:x,minWidth:d,color:t,disabled:$||o,fullWidth:a,theme:f,variant:s,size:e,isLoading:o,ref:B,prefixIcon:i,sufixIcon:m},r.createElement(r.Fragment,null,i&&r.createElement(S,{size:e,type:"prefix",isLoading:o},i),j(b,o),m&&r.createElement(S,{size:e,type:"sufix",isLoading:o},m),o&&r.createElement(v,{color:f.colors.gray.light1,size:G[e]})))});c.displayName="Button";export{c as Button,c as default};

package/esm/components/Button/styles.js

@@ -1,20 +1,13 @@
-import{ButtonSmallTextStyle as n,ButtonRegularTextStyle as t,ButtonLargeTextStyle as a}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const c={smaller:n,small:t,regular:t,large:a},d=(o,r="auto")=>`
-  min-width: ${o?"4rem":r};
-  padding: 0 0.75rem;
+import{ButtonSmallTextStyle as a,ButtonRegularTextStyle as s,ButtonLargeTextStyle as c}from"../../typography/ButtonText/index.js";import"react";import"styled-components";const i={smaller:a,small:s,regular:s,large:c},d=()=>`
+  padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
-`,e=(o,r="auto")=>`
-  min-width: ${o?"4.5rem":r};
-  padding: 0 0.75rem;
-  min-height: 2.5rem;
-`,g=(o,r="auto")=>`
-  min-width: ${o?"6rem":r};
-  padding: 0 1.5rem;
+`,e=()=>`
+  padding: 0.25rem 1.5rem;
   min-height: 3rem;
-`,u=(o,r="auto")=>`
-  min-width: ${o?"8.5rem":r};
-  padding: 0 1.5rem;
+`,g=()=>`
+  padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,$=(o,r)=>`
+`,u=(o,r)=>`
   color: ${o.colors.text.light};
   background-color: ${o.colors[r].main};
 
@@ -27,7 +20,7 @@ import{ButtonSmallTextStyle as n,ButtonRegularTextStyle as t,ButtonLargeTextStyl
     border-color: ${o.colors[r].light};
     background-color: ${o.colors[r].light}
   }
-`,s=(o,r)=>`
+`,t=(o,r)=>`
   color: ${o.colors[r].main};
   border: 2px solid ${o.colors[r].main};
   background-color: transparent;
@@ -41,7 +34,7 @@ import{ButtonSmallTextStyle as n,ButtonRegularTextStyle as t,ButtonLargeTextStyl
     border: 2px solid ${o.colors[r].light};
     color: ${o.colors[r].light};
   }
-`,i=(o,r)=>`
+`,n=(o,r)=>`
   color: ${r!=="neutral"?o.colors[r].main:o.colors.neutral.light};
   background-color: transparent;
 
@@ -55,8 +48,8 @@ import{ButtonSmallTextStyle as n,ButtonRegularTextStyle as t,ButtonLargeTextStyl
 `,l=o=>`
   color: ${o.colors.gray.light1};
   cursor: not-allowed;
-`,m=(o,r)=>r==="solid"?`
+`,$=(o,r)=>r==="solid"?`
     ${l(o)};
     background-color: ${o.colors.gray.light4};`:r==="outline"?`
     ${l(o)};
-    border: 2px solid ${o.colors.gray.light1};`:l(o),y={solid:$,outline:s,flat:i};export{y as colorStyles,m as disabledColorStyles,i as flatColorStyles,c as fontSizes,u as largeSizeStyles,s as outlineColorStyles,g as regularSizeStyles,e as smallSizeStyles,d as smallerSizeStyles};
+    border: 2px solid ${o.colors.gray.light1};`:l(o),y={solid:u,outline:t,flat:n};export{y as colorStyles,$ as disabledColorStyles,n as flatColorStyles,i as fontSizes,g as largeSizeStyles,t as outlineColorStyles,e as regularSizeStyles,d as smallerAndSmallSizeStyles};

package/esm/components/Flex/index.js

@@ -0,0 +1,6 @@
+import d from"react";import $ from"styled-components";import{mq as f}from"../../shared/media-queries.js";const g="row",b="1rem",u="center",c=(e,t)=>(t==="gap"||t==="row-gap")&&typeof e=="number"?`${e}rem`:e,x=({$direction:e,$justify:t,$align:o,$gap:r,$rowGap:i})=>{let n=`
+    display: flex;
+    ${f(null,"tablet")} {
+      flex-direction: column;
+    }
+  `;return[[e,"flex-direction"],[t,"justify-content"],[o,"align-items"],[r,"gap"],[i,"row-gap"]].forEach(([l,a])=>{if(typeof l=="string"||typeof l=="number")n+=`${a}: ${c(l,a)};`;else if(typeof l=="object")for(const[m,s]of Object.entries(l))n+=`${f(m)} { ${a}: ${c(s,a)}; }`}),n},y=$.div(x),p=({direction:e,justify:t,align:o,gap:r,rowGap:i,...n})=>d.createElement(y,{$direction:e!=null?e:g,$justify:t!=null?t:u,$align:o!=null?o:u,$gap:r!=null?r:b,$rowGap:i,...n});export{p as default};

package/esm/components/Stack/index.js

@@ -1 +1 @@
-import p from"react";import b from"styled-components";import{mq as k,mqSizesOrder as n}from"../../shared/media-queries.js";const a=t=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[t],m=(t,e)=>n[t]<n[e]?-1:n[t]>n[e]?1:0,j=(t,e)=>{var o,r;const s=typeof t=="object"?Object.keys(t).sort(m):Object.keys(e).sort(m);let l={};for(const c of s){const f=typeof t=="object"?(o=t[c])!=null?o:"row":t,u=a(f),y=typeof e=="object"?(r=e[c])!=null?r:1:e,i={[k(c)]:{display:"flex",flexDirection:f,"> *:not(:first-child)":{margin:0,[`margin${u}`]:`${y}rem`}}};l={...l,...i}}return{...l}},d=({ownerState:{direction:t,spacing:e}})=>typeof t=="string"&&typeof e=="number"?{display:"flex",flexDirection:t,"> *:not(:first-child)":{margin:0,[`margin${a(t)}`]:`${e}rem`}}:typeof t=="object"||typeof e=="object"?{...j(t,e!=null?e:1)}:{display:"flex"},S=b("div")(d),w=({direction:t="column",spacing:e=1,children:o,...r})=>{const s={direction:t,spacing:e};return p.createElement(S,{...r,ownerState:s},o)};export{w as default};
+import a from"react";import u from"../Flex/index.js";import"styled-components";import"../../shared/media-queries.js";const n="flex-start",d=({...l})=>{var t,e,i;return a.createElement(u,{direction:(t=l==null?void 0:l.direction)!=null?t:"column",justify:(e=l==null?void 0:l.justify)!=null?e:n,align:(i=l==null?void 0:l.align)!=null?i:n,gap:l==null?void 0:l.spacing,...l})};export{d as default};

package/esm/components/Textfield/index.js

@@ -1,4 +1,4 @@
-import o,{useState as v}from"react";import t,{css as p}from"styled-components";import{Label as B}from"../FieldLabel.js";import{BodyTextStyle as T,CaptionStyle as j}from"../../typography/BodyText/index.js";import{generateNameHash as w}from"../../shared/helpers.js";import"../../shared/media-queries.js";const H=p`
+import t,{useState as B}from"react";import o,{css as p}from"styled-components";import{Label as T}from"../FieldLabel.js";import{BodyTextStyle as j,CaptionStyle as w}from"../../typography/BodyText/index.js";import{generateNameHash as A}from"../../shared/helpers.js";import"../../shared/media-queries.js";const H=p`
   border: 1px solid ${({theme:e})=>e.colors.gray.light2};
   color: ${({theme:e})=>e.colors.text.disabled};
   fill: ${({theme:e})=>e.colors.text.disabled};
@@ -8,11 +8,11 @@ import o,{useState as v}from"react";import t,{css as p}from"styled-components";i
   border: 2px solid ${({theme:e})=>e.colors.gray.dark5};
   color: ${({theme:e})=>e.colors.text.dark};
   fill: ${({theme:e})=>e.colors.text.dark};
-`,C=t.div`
+`,C=o.div`
   position: relative;
   padding: 0;
   display: block;
-`,L=t.div`
+`,L=o.div`
   display: flex;
   text-align: center;
   align-items: center;
@@ -26,12 +26,12 @@ import o,{useState as v}from"react";import t,{css as p}from"styled-components";i
 
   padding: 0.75rem 0.6rem;
 
-  ${({hasError:e,isFocused:l})=>!e&&l&&z}
+  ${({hasError:e,isFocused:r})=>!e&&r&&z}
   ${({disabled:e})=>e&&H}
   ${({hasError:e})=>e&&I}
   ${({centered:e})=>e&&"text-align: center;"}
-`,W=t.input`
-  ${T}
+`,W=o.input`
+  ${j}
   width: 100%;
   cursor: text;
   outline: none;
@@ -42,7 +42,7 @@ import o,{useState as v}from"react";import t,{css as p}from"styled-components";i
     color: ${({theme:e})=>e.colors.text.disabled};
     fill: ${({theme:e})=>e.colors.text.disabled};
   }
-`,_=t.span`
+`,_=o.span`
   display: flex;
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 1.25rem;
@@ -52,15 +52,15 @@ import o,{useState as v}from"react";import t,{css as p}from"styled-components";i
     width: 1.375rem;
     height: 1.375rem;
   }
-`,q=t.div`
-  ${j}
+`,q=o.div`
+  ${w}
   margin-top: 0.25rem;
 
   ${({centered:e})=>e&&"width: 100%; text-align: center;"}
-`,A=t.span`
+`,N=o.span`
   display: block;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,N=t.span`
+`,P=o.span`
   display: block;
   color: ${({theme:e})=>e.colors.error.dark};
-`,y=({placeholder:e="",isDisabled:l=!1,centered:n=!1,hasError:m=!1,className:g,helperText:d,label:s="",onBlur:b=()=>null,onFocus:$=()=>null,forwardRef:h,suffix:u,name:a=w("text-input"),errors:i,isAutoFocused:k=!1,...x})=>{const[c,f]=v(!1),F=Boolean(x.value),E=r=>{f(!0),$(r)},S=r=>{f(!1),b(r)};return o.createElement(C,{className:g},o.createElement(L,{isFocused:c,disabled:l,centered:n,hasError:m,hasPlaceholder:!!e},o.createElement(W,{...x,id:a,name:a,"aria-label":s||a,ref:h,onFocus:E,onBlur:S,disabled:l,placeholder:s&&!c?"":e,autoFocus:k}),u&&o.createElement(_,null,u)),s&&o.createElement(B,{htmlFor:a,isFocused:c,centered:n,hasError:m,hasValue:F,disabled:l},s),(d||i)&&o.createElement(q,{centered:n},d&&o.createElement(A,null,d),i&&i.map(r=>o.createElement(N,{key:r},r))))};export{y as TextField,y as default};
+`,g=({placeholder:e="",isDisabled:r=!1,centered:d=!1,hasError:m=!1,className:b,helperText:i,label:a="",onBlur:h=()=>null,onFocus:$=()=>null,forwardRef:k,suffix:u,name:n=A("text-input"),errors:s,isAutoFocused:E=!1,...x})=>{const[c,y]=B(!1),F=Boolean(x.value),f=s&&Array.isArray(s)&&(s==null?void 0:s.length)>0,v=l=>{y(!0),$(l)},S=l=>{y(!1),h(l)};return t.createElement(C,{className:b},t.createElement(L,{isFocused:c,disabled:r,centered:d,hasError:m,hasPlaceholder:!!e},t.createElement(W,{...x,id:n,name:n,"aria-label":a||n,ref:k,onFocus:v,onBlur:S,disabled:r,placeholder:a&&!c?"":e,autoFocus:E}),u&&t.createElement(_,null,u)),a&&t.createElement(T,{htmlFor:n,isFocused:c,centered:d,hasError:m,hasValue:F,disabled:r},a),(i||f)&&t.createElement(q,{centered:d},i&&t.createElement(N,null,i),f&&s.map(l=>t.createElement(P,{key:l},l))))};export{g as TextField,g as default};

package/esm/index.js

@@ -1 +1 @@
-export{default as theme}from"./theme.js";export{mediaQueries,mq,mqNumberSizes,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as Table}from"./components/Table/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{default as Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelCircleIcon}from"./icons/components/CancelCircleIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as DownloadIcon}from"./icons/components/DownloadIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HelpIcon}from"./icons/components/HelpIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as ImageIcon}from"./icons/components/ImageIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdIcon}from"./icons/components/KvdIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as QuoteIcon}from"./icons/components/QuoteIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellFilledIcon}from"./icons/components/SellFilledIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StorageIcon}from"./icons/components/StorageIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UploadIcon}from"./icons/components/UploadIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as VersionIcon}from"./icons/components/VersionIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display1Style,Display2,Display2Style,Display3,Display3Style,Headline,HeadlineStyle,Subtitle,SubtitleStyle,TinyTitleBold,TinyTitleBoldStyle,TinyTitleRegular,TinyTitleRegularStyle,Title,TitleStyle}from"./typography/Heading/index.js";export{BodyLink,BodyLinkStyle,BodyText,BodyTextStyle,Caption,CaptionLink,CaptionLinkStyle,CaptionStyle,Quote,QuoteStyle,Status,StatusStyle}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,ButtonLargeTextStyle,Button as ButtonRegularText,ButtonRegularTextStyle,ButtonSmall as ButtonSmallText,ButtonSmallTextStyle}from"./typography/ButtonText/index.js";export{hexToRGB,resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";
+export{default as theme}from"./theme.js";export{mediaQueries,mq,mqNumberSizes,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{default as Flex}from"./components/Flex/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as Table}from"./components/Table/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{default as Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelCircleIcon}from"./icons/components/CancelCircleIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as DownloadIcon}from"./icons/components/DownloadIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HelpIcon}from"./icons/components/HelpIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as ImageIcon}from"./icons/components/ImageIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdIcon}from"./icons/components/KvdIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as QuoteIcon}from"./icons/components/QuoteIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellFilledIcon}from"./icons/components/SellFilledIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StorageIcon}from"./icons/components/StorageIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UploadIcon}from"./icons/components/UploadIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as VersionIcon}from"./icons/components/VersionIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display1Style,Display2,Display2Style,Display3,Display3Style,Headline,HeadlineStyle,Subtitle,SubtitleStyle,TinyTitleBold,TinyTitleBoldStyle,TinyTitleRegular,TinyTitleRegularStyle,Title,TitleStyle}from"./typography/Heading/index.js";export{BodyLink,BodyLinkStyle,BodyText,BodyTextStyle,Caption,CaptionLink,CaptionLinkStyle,CaptionStyle,Quote,QuoteStyle,Status,StatusStyle}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,ButtonLargeTextStyle,Button as ButtonRegularText,ButtonRegularTextStyle,ButtonSmall as ButtonSmallText,ButtonSmallTextStyle}from"./typography/ButtonText/index.js";export{hexToRGB,resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";

package/package.json

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

package/types/Types.d.ts

@@ -1,3 +1,4 @@
+import { SCREEN_SIZE } from './shared/media-queries';
 export declare type Color = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'neutral';
 export declare type ColorWithNone = 'none' | Color;
 export declare type Variant = 'solid' | 'outline' | 'flat';
@@ -14,3 +15,19 @@ export declare type Origin = {
     vertical: VerticalPosition;
     horizontal: HorizontalPosition;
 };
+export declare type MqSizes = SCREEN_SIZE;
+/**
+ * Used to prefix all keys in a type with a `$` sign. Props prefixed with `$` are called transient props.
+ * Used for styled-components to prevent passing props to root element.
+ * @example
+ * type Props = {
+ *  prop: string;
+ * }
+ * // Becomes:
+ * type Props = {
+ *  $prop: string;
+ * }
+ */
+export declare type TransientProps<Type> = {
+    [Prop in keyof Type as `$${string & Prop}`]: Type[Prop];
+};

package/types/components/Button/index.d.ts

@@ -15,5 +15,5 @@ interface Props {
     as?: keyof JSX.IntrinsicElements;
 }
 export declare type ButtonProps = ComponentPropsWithRef<'button'> & Props;
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "type" | "name" | "key" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "size" | "fullWidth" | "sufixIcon" | "prefixIcon" | "isLoading" | "minWidth" | "variant" | "isDisabled"> & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "form" | "slot" | "style" | "title" | "type" | "name" | "key" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "size" | "minWidth" | "fullWidth" | "sufixIcon" | "prefixIcon" | "isLoading" | "variant" | "isDisabled"> & React.RefAttributes<HTMLElement>>;
 export default Button;

package/types/components/Button/styles.d.ts

@@ -6,10 +6,9 @@ export declare const fontSizes: {
     regular: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
     large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 };
-export declare const smallerSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
-export declare const smallSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
-export declare const regularSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
-export declare const largeSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
+export declare const smallerAndSmallSizeStyles: () => string;
+export declare const regularSizeStyles: () => string;
+export declare const largeSizeStyles: () => string;
 export declare const outlineColorStyles: (theme: Theme, color: Color) => string;
 export declare const flatColorStyles: (theme: Theme, color: Color) => string;
 export declare const disabledColorStyles: (theme: Theme, variant: Variant) => string;

package/types/components/Flex/index.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, CSSProperties } from 'react';
+import { SCREEN_SIZE } from '../../shared/media-queries';
+/**
+ * CSSPropertyWithResponsive is a type that allows a prop to be either:
+ * - a CSS property value
+ * - an object with media query size as key and CSS property value
+ *
+ * It also supports auto completion for the CSS property values.
+ * @example
+ * direction: 'row' | 'column' | 'row-reverse' | 'column-reverse'
+ * direction: { mobileS: 'column', tablet: 'row' }
+ */
+declare type CSSPropertyWithResponsive<P extends keyof CSSProperties> = CSSProperties[P] | Partial<Record<Partial<SCREEN_SIZE>, CSSProperties[P]>>;
+export interface FlexProps {
+    direction?: CSSPropertyWithResponsive<'flexDirection'>;
+    justify?: CSSPropertyWithResponsive<'justifyContent'>;
+    align?: CSSPropertyWithResponsive<'alignItems'>;
+    gap?: CSSPropertyWithResponsive<'gap'>;
+    rowGap?: CSSPropertyWithResponsive<'rowGap'>;
+}
+export declare type Props = FlexProps & HTMLAttributes<HTMLDivElement>;
+declare const Flex: ({ direction, justify, align, gap, rowGap, ...props }: Props) => JSX.Element;
+export default Flex;

package/types/components/Stack/index.d.ts

@@ -1,31 +1,6 @@
-import React from 'react';
-declare type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-declare type ResponsiveDirection = {
-    mobileS?: FlexDirection;
-    mobileM?: FlexDirection;
-    mobileL?: FlexDirection;
-    tablet?: FlexDirection;
-    laptop?: FlexDirection;
-    laptopL?: FlexDirection;
-    laptopXL?: FlexDirection;
-    desktop?: FlexDirection;
+import { Props as FlexProps } from '../Flex';
+export declare type StackProps = Omit<FlexProps, 'gap'> & {
+    spacing?: FlexProps['gap'];
 };
-declare type ResponsiveSpacing = {
-    mobileS?: number;
-    mobileM?: number;
-    mobileL?: number;
-    tablet?: number;
-    laptop?: number;
-    laptopL?: number;
-    laptopXL?: number;
-    desktop?: number;
-};
-interface OwnerState {
-    direction: ResponsiveDirection | FlexDirection;
-    spacing: ResponsiveSpacing | number;
-}
-export interface StackProps extends Partial<OwnerState> {
-    children: React.ReactNode;
-}
-declare const Stack: ({ direction, spacing, children, ...props }: StackProps) => JSX.Element;
+declare const Stack: ({ ...props }: StackProps) => JSX.Element;
 export default Stack;

package/types/index.d.ts

@@ -15,6 +15,7 @@ export { default as CheckBox } from './components/CheckBox';
 export { default as Snackbar } from './components/Snackbar';
 export { default as Spacer } from './components/Spacer';
 export { default as Stack } from './components/Stack';
+export { default as Flex } from './components/Flex';
 export { default as Select } from './components/Select';
 export { default as ToggleArrow } from './components/ToggleArrow';
 export { default as ListItem } from './components/ListItem';