@kvdbil/components 8.6.0 → 8.6.3

package/cjs/components/EditRow/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../theme.js"),r=require("../../typography/BodyText/index.js"),n=require("../Button/index.js"),a=require("../Chip/index.js"),i=require("../Textfield/index.js");function u(v){return v&&typeof v=="object"&&"default"in v?v:{default:v}}require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var o=u(e),d=u(t);const s=d.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../theme.js"),r=require("../../typography/BodyText/index.js"),a=require("../Button/index.js"),n=require("../Chip/index.js"),u=require("../Textfield/index.js");function i(b){return b&&typeof b=="object"&&"default"in b?b:{default:b}}require("../../shared/media-queries.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../icons/components/CloseIcon.js"),require("../Chip/styles.js"),require("../FieldLabel.js"),require("../../shared/helpers.js");var o=i(e),d=i(t);const f=d.default.div`
   display: flex;
   border-bottom: 1px solid ${l.default.colors.gray.light5};
-`,f=d.default.form`
+`,s=d.default.form`
   flex: 1;
   flex-direction: column;
   margin-bottom: 1rem;
-`,c=d.default(i.TextField)`
+`,c=d.default(u.TextField)`
   max-width: 20rem;
 `,m=d.default.div`
   flex: 1;
@@ -13,17 +13,22 @@
   align-items: flex-end;
   justify-content: flex-end;
   margin-top: 1rem;
-`,p=d.default(n.Button)`
+`,p=d.default(a.Button)`
   min-width: 5rem;
-`,x=d.default(n.Button)`
+`,x=d.default(a.Button)`
   min-width: 5rem;
   margin-right: 1rem;
 `,y=d.default(r.BodyLink)`
-  margin-right: 2rem;
+  flex: 1;
+  margin-right: 1rem;
 `,h=d.default(r.BodyText)`
   flex: 1rem;
-`,g=d.default.div`
+  flex: 4;
+`,g=d.default(h)`
+  color: ${l.default.colors.text.disabled};
+`,j=d.default.div`
   display: flex;
-`,j=d.default(a.Chip)`
-  margin: 0 0.25rem;
-`;exports.default=({value:v,label:T,onEdit:F,options:_=[],inputProps:I={},editText:M,saveText:O,cancelText:$,formatterFunc:D,isSingleSelect:z,color:S="secondary"})=>{const[q,b]=e.useState(v),[A,G]=e.useState(v),[k,L]=e.useState(!1),B=typeof q=="string",H=D&&B?D(q):q,J=B?H:q.join(", "),P=()=>{k?b(A):G(q),L(E=>!E)};return o.default.createElement(s,null,!k&&o.default.createElement(o.default.Fragment,null,o.default.createElement(y,null,T),o.default.createElement(h,null,J),o.default.createElement(n.Button,{variant:"flat",color:S,onClick:P},M)),k&&o.default.createElement(f,{onSubmit:E=>{E.preventDefault(),F==null||F(q),L(!1)}},o.default.createElement(y,null,T),B&&o.default.createElement(c,{...I,autoFocus:!0,value:q,label:T,onChange:E=>b(E.target.value)}),!B&&o.default.createElement(g,null,_.map(E=>o.default.createElement(j,{color:S,onClick:K=>{K.preventDefault(),(C=>{if(typeof q!="object")throw new Error("Cannot toggle chip on other than array");if(z)b([C]);else if(q.includes(C)){const w=q.filter(N=>N!==C);b(w)}else b(w=>[...w,C])})(E)},key:E,variant:q.includes(E)?"solid":"outline"},E))),o.default.createElement(m,null,o.default.createElement(x,{type:"button",variant:"flat",color:"neutral",onClick:P},$),o.default.createElement(p,{type:"submit",color:S},O))))};
+  flex-wrap: wrap;
+`,v=d.default(n.Chip)`
+  margin: 0.25rem;
+`;exports.default=({value:b,label:S,onChange:D,options:I=[],inputProps:M={},isClearable:O=!1,editText:V,saveText:z,cancelText:A,noValueText:G,formatterFunc:L,isSingleSelect:H,color:T="secondary"})=>{const[q,C]=e.useState(b),[J,K]=e.useState(b),[k,P]=e.useState(!1),w=typeof q=="string",N=L&&w?L(q):q,Q=w?N:q.join(", "),_=q.length>0,$=()=>{k?C(J):K(q),P(E=>!E)};return o.default.createElement(f,null,!k&&o.default.createElement(o.default.Fragment,null,o.default.createElement(y,null,S),_&&o.default.createElement(h,null,Q),!_&&o.default.createElement(g,null,G),o.default.createElement(a.Button,{variant:"flat",color:T,onClick:$},V)),k&&o.default.createElement(s,{onSubmit:E=>{E.preventDefault(),D==null||D(q),P(!1)}},o.default.createElement(y,null,S),w&&o.default.createElement(c,{...M,autoFocus:!0,value:q,label:S,onChange:E=>C(E.target.value)}),!w&&o.default.createElement(j,null,I.map(E=>o.default.createElement(v,{color:T,onClick:R=>{R.preventDefault(),(B=>{if(typeof q!="object")throw new Error("Cannot toggle chip on other than array");if(H)return q.includes(B)&&O?void C([]):void C([B]);if(q.includes(B)){const F=q.filter(U=>U!==B);C(F)}else C(F=>[...F,B])})(E)},key:E,variant:q.includes(E)?"solid":"outline"},E))),o.default.createElement(m,null,o.default.createElement(x,{type:"button",variant:"flat",color:"neutral",onClick:$},A),o.default.createElement(p,{type:"submit",color:T},z))))};

package/cjs/components/Select/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function i(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var d=i(e),s=i(r),n=i(o);const u=n.default.div`
-  font-family: ${({theme:y})=>y.typography.fontBaseFamily};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../FieldLabel.js");function d(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var i=d(e),s=d(r),n=d(o);const u=n.default.div`
+  font-family: ${({theme:x})=>x.typography.fontBaseFamily};
   position: relative;
-`,c=y=>y&&{paddingLeft:"2.5rem"},f=y=>y&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},m=n.default.div`
+`,c=x=>x&&{paddingLeft:"2.5rem"},f=x=>x&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},m=x=>x&&{border:`2px solid ${a.default.colors.error.dark}`},p=n.default.div`
   position: absolute;
   z-index: 1;
   top: 0.5rem;
@@ -10,26 +10,25 @@
   fill: ${a.default.colors.gray.dark5};
   transition: ${t.DEFAULT_TRANSITION_MS};
 
-  ${y=>y.isDisabled&&`
+  ${x=>x.isDisabled&&`
     fill: ${a.default.colors.gray.light1};
 `}
 
-  ${y=>y.isFocused&&`
-    fill: ${y.theme.colors.text.dark};
+  ${x=>x.isFocused&&`
+    fill: ${x.theme.colors.text.dark};
 `}
-`,p=n.default.span`
+`,h=n.default.span`
   display: block;
-  font-family: ${({theme:y})=>y.typography.fontBaseFamily};
+  font-family: ${({theme:x})=>x.typography.fontBaseFamily};
   font-size: 0.81rem;
   margin-top: 0.25rem;
-  margin-left: 0.85rem;
-  color: ${({hasError:y})=>y?a.default.colors.error.main:a.default.colors.text.disabled};
-`,h=n.default(y=>d.default.createElement("svg",{...y},d.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},d.default.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),d.default.createElement("use",{xlinkHref:"#icon-arrow"})))`
+  color: ${({hasError:x})=>x?a.default.colors.error.dark:a.default.colors.text.disabled};
+`,g=n.default(x=>i.default.createElement("svg",{...x},i.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},i.default.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),i.default.createElement("use",{xlinkHref:"#icon-arrow"})))`
   width: 0.8rem;
   height: 0.8rem;
   margin: 0 0.5rem;
-  ${y=>y.$isFocused&&`color: ${y.$theme.colors.text.dark}`}
-  ${y=>y.$isDisabled&&`color: ${y.$theme.colors.gray.dark1}`}
+  ${x=>x.$isFocused&&`color: ${x.$theme.colors.text.dark}`}
+  ${x=>x.$isDisabled&&`color: ${x.$theme.colors.gray.dark1}`}
 
 
   path {
@@ -39,6 +38,6 @@
 
   transition: transform ${t.DEFAULT_TRANSITION_MS};
 
-  transform: ${y=>y.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
+  transform: ${x=>x.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
   transform-origin: 50% 60%;
-`,g=({selectProps:{menuIsOpen:y=!1},isFocused:D=!1,isDisabled:I})=>d.default.createElement(h,{$isDisabled:I,$isFocused:D,$isMenuOpen:y,$theme:a.default}),b=({className:y,color:D="primary",forwardRef:I,hasError:L=!1,height:v,helperText:C,isDisabled:S=!1,onBlur:M=()=>null,onFocus:N=()=>null,onInputChange:O=()=>null,placeholder:_="",name:B,...$})=>{var q;const[k,T]=e.useState(!1),[R,z]=e.useState(""),E=({isSelected:x,isFocused:F,isDisabled:w})=>x?a.default.colors[D].main:w?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,A=((x,F)=>F?a.default.colors.error.main:x?a.default.colors.text.dark:a.default.colors.gray.light1)(k,L);return d.default.createElement(u,{className:y},$.label&&d.default.createElement(l.Label,{htmlFor:B,height:v,isFocused:k,hasValue:Boolean($.value||R),disabled:S,theme:a.default,hasError:L},$.label),$.prefix&&d.default.createElement(m,{isDisabled:S,isFocused:k},$.prefix),d.default.createElement(s.default,{...$,inputId:B,name:B,ref:I,isDisabled:S,onInputChange:(x,F)=>{O(x,F),z(x)},placeholder:_,onFocus:x=>{T(!0),N(x)},onBlur:x=>{T(!1),M(x)},styles:{control:x=>({...x,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:A,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...f(S),...c(Boolean($.prefix))}),placeholder:x=>({...x,display:k?"static":"none"}),singleValue:x=>({...x,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:x=>({...x,padding:"8px 0"}),menu:x=>({...x,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:(x,{isSelected:F,isFocused:w,isDisabled:j})=>({...x,padding:"1rem",cursor:j?"not-allowed":"pointer","&:hover":{background:E({isSelected:F,isFocused:!0,isDisabled:j})},background:E({isSelected:F,isFocused:w}),...c(Boolean($.prefix))}),valueContainer:x=>({...x,position:"static",padding:v?v-1+"rem 0 ":0,height:v?"auto":"21px"}),clearIndicator:x=>({...x,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:g,...(q=$.components)!=null?q:{}}}),C&&d.default.createElement(p,{hasError:L},C))};exports.Select=b,exports.default=b;
+`,b=({selectProps:{menuIsOpen:x=!1},isFocused:L=!1,isDisabled:B})=>i.default.createElement(g,{$isDisabled:B,$isFocused:L,$isMenuOpen:x,$theme:a.default}),y=({className:x,color:L="primary",forwardRef:B,hasError:S=!1,height:D,helperText:q,isDisabled:E=!1,onBlur:N=()=>null,onFocus:O=()=>null,onInputChange:_=()=>null,placeholder:R="",name:w,...F})=>{var T;const[I,j]=e.useState(!1),[z,A]=e.useState(""),v=({isSelected:$,isFocused:k,isDisabled:C})=>$?a.default.colors[L].main:C?a.default.colors.background.light:k?a.default.colors.background.gray:a.default.colors.background.light,H=(($,k)=>k?a.default.colors.error.main:$?a.default.colors.text.dark:a.default.colors.gray.light1)(I,S);return i.default.createElement(u,{className:x},F.label&&i.default.createElement(l.Label,{htmlFor:w,height:D,isFocused:I,hasValue:Boolean(F.value||z),disabled:E,theme:a.default,hasError:S},F.label),F.prefix&&i.default.createElement(p,{isDisabled:E,isFocused:I},F.prefix),i.default.createElement(s.default,{...F,inputId:w,name:w,ref:B,isDisabled:E,onInputChange:($,k)=>{_($,k),A($)},placeholder:R,onFocus:$=>{j(!0),O($)},onBlur:$=>{j(!1),N($)},styles:{control:$=>({...$,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:a.default.colors.background.light,borderColor:H,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...f(E),...m(S),...c(Boolean(F.prefix))}),placeholder:$=>({...$,display:I?"static":"none"}),singleValue:$=>({...$,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:$=>({...$,padding:"8px 0"}),menu:$=>({...$,borderRadius:0,boxShadow:a.default.elevations.elevation2,zIndex:2,padding:"0"}),option:($,{isSelected:k,isFocused:C,isDisabled:M})=>({...$,padding:"1rem",cursor:M?"not-allowed":"pointer","&:hover":{background:v({isSelected:k,isFocused:!0,isDisabled:M})},background:v({isSelected:k,isFocused:C}),...c(Boolean(F.prefix))}),valueContainer:$=>({...$,position:"static",padding:D?D-1+"rem 0 ":0,height:D?"auto":"21px"}),clearIndicator:$=>({...$,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:b,...(T=F.components)!=null?T:{}}}),q&&i.default.createElement(h,{hasError:S},q))};exports.Select=y,exports.default=y;

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"),s=require("./components/IconButton.js"),t=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"),I=require("./components/Modal/index.js"),l=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./components/TimePicker/index.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),y=require("./components/Badge/index.js"),k=require("./components/Toggle/index.js"),h=require("./components/Stepper/index.js"),T=require("./components/StepperAccordion/index.js"),B=require("./components/Card/index.js"),v=require("./components/NotificationButton/index.js"),F=require("./components/Range/index.js"),b=require("./components/Chip/index.js"),w=require("./components/Breadcrumbs/index.js"),L=require("./components/Message/index.js"),P=require("./components/Header/index.js"),D=require("./components/MenuItem/index.js"),M=require("./icons/components/AddIcon.js"),A=require("./icons/components/AlertIcon.js"),R=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),N=require("./icons/components/ArrowRightIcon.js"),E=require("./icons/components/ArrowUpIcon.js"),O=require("./icons/components/AtvIcon.js"),V=require("./icons/components/AuctionIcon.js"),U=require("./icons/components/BackIcon.js"),G=require("./icons/components/BankidIcon.js"),Q=require("./icons/components/BidIcon.js"),W=require("./icons/components/BodyIcon.js"),K=require("./icons/components/BreaksIcon.js"),Y=require("./icons/components/CabIcon.js"),z=require("./icons/components/CalendarIcon.js"),_=require("./icons/components/CameraIcon.js"),J=require("./icons/components/CancelIcon.js"),X=require("./icons/components/CarIcon.js"),Z=require("./icons/components/CarServiceIcon.js"),$=require("./icons/components/CaravanIcon.js"),ee=require("./icons/components/CertifiedIcon.js"),oe=require("./icons/components/ChatIcon.js"),ne=require("./icons/components/CheckCircleIcon.js"),re=require("./icons/components/CheckFilledIcon.js"),se=require("./icons/components/CheckIcon.js"),te=require("./icons/components/CheckmarkIcon.js"),ce=require("./icons/components/ClockIcon.js"),ie=require("./icons/components/CloseIcon.js"),pe=require("./icons/components/CommentFilledIcon.js"),ue=require("./icons/components/CommentIcon.js"),ae=require("./icons/components/ConditioningIcon.js"),Ie=require("./icons/components/ContactIcon.js"),le=require("./icons/components/ControlNumberIcon.js"),de=require("./icons/components/CopyIcon.js"),xe=require("./icons/components/CountdownIcon.js"),me=require("./icons/components/CoupeIcon.js"),qe=require("./icons/components/CraneIcon.js"),je=require("./icons/components/CupIcon.js"),fe=require("./icons/components/DeleteIcon.js"),Ce=require("./icons/components/DisplayIcon.js"),Se=require("./icons/components/DocumentIcon.js"),ge=require("./icons/components/EcoIcon.js"),ye=require("./icons/components/EditIcon.js"),ke=require("./icons/components/EngineIcon.js"),he=require("./icons/components/ErrorFilledIcon.js"),Te=require("./icons/components/ErrorIcon.js"),Be=require("./icons/components/ExportIcon.js"),ve=require("./icons/components/FacebookIcon.js"),Fe=require("./icons/components/FacilityIcon.js"),be=require("./icons/components/FavouriteFilledIcon.js"),we=require("./icons/components/FavouriteIcon.js"),Le=require("./icons/components/FigmaIcon.js"),Pe=require("./icons/components/FilterIcon.js"),De=require("./icons/components/FinanceIcon.js"),Me=require("./icons/components/FirstIcon.js"),Ae=require("./icons/components/FixedPriceIcon.js"),Re=require("./icons/components/FuelIcon.js"),He=require("./icons/components/GearboxIcon.js"),Ne=require("./icons/components/GetPaidIcon.js"),Ee=require("./icons/components/GridViewIcon.js"),Oe=require("./icons/components/HatchbackIcon.js"),Ve=require("./icons/components/HistoryIcon.js"),Ue=require("./icons/components/HomeDeliveryIcon.js"),Ge=require("./icons/components/IdIcon.js"),Qe=require("./icons/components/InfoIcon.js"),We=require("./icons/components/InstagramIcon.js"),Ke=require("./icons/components/InsuranceIcon.js"),Ye=require("./icons/components/InteriorIcon.js"),ze=require("./icons/components/KvdTestIcon.js"),_e=require("./icons/components/KvdproIcon.js"),Je=require("./icons/components/LastIcon.js"),Xe=require("./icons/components/LeaderIcon.js"),Ze=require("./icons/components/LinkedinIcon.js"),$e=require("./icons/components/ListViewIcon.js"),eo=require("./icons/components/LocationIcon.js"),oo=require("./icons/components/MailIcon.js"),no=require("./icons/components/MenuIcon.js"),ro=require("./icons/components/MileageIcon.js"),so=require("./icons/components/MinivanIcon.js"),to=require("./icons/components/ModelYearIcon.js"),co=require("./icons/components/MoreIcon.js"),io=require("./icons/components/MotorbikeIcon.js"),po=require("./icons/components/NavigationIcon.js"),uo=require("./icons/components/NewIcon.js"),ao=require("./icons/components/NextFilledIcon.js"),Io=require("./icons/components/NextIcon.js"),lo=require("./icons/components/NotificationIcon.js"),xo=require("./icons/components/OpenInNewIcon.js"),mo=require("./icons/components/PayementIcon.js"),qo=require("./icons/components/PhoneIcon.js"),jo=require("./icons/components/PickUpIcon.js"),fo=require("./icons/components/Pickup.js"),Co=require("./icons/components/PlayIcon.js"),So=require("./icons/components/PreviousFilledIcon.js"),go=require("./icons/components/PreviousIcon.js"),yo=require("./icons/components/PrintIcon.js"),ko=require("./icons/components/QuoteIcon.js"),ho=require("./icons/components/RatingIcon.js"),To=require("./icons/components/ReleasingIcon.js"),Bo=require("./icons/components/ReorderIcon.js"),vo=require("./icons/components/RestartIcon.js"),Fo=require("./icons/components/SalesOfferIcon.js"),bo=require("./icons/components/SavedSearchIcon.js"),wo=require("./icons/components/ScheduleIcon.js"),Lo=require("./icons/components/SearchIcon.js"),Po=require("./icons/components/SedanIcon.js"),Do=require("./icons/components/SellFilledIcon.js"),Mo=require("./icons/components/SellIcon.js"),Ao=require("./icons/components/SettingsIcon.js"),Ro=require("./icons/components/ShareIcon.js"),Ho=require("./icons/components/ShowLessIcon.js"),No=require("./icons/components/ShowMoreIcon.js"),Eo=require("./icons/components/SignInIcon.js"),Oo=require("./icons/components/SignOutIcon.js"),Vo=require("./icons/components/SlackIcon.js"),Uo=require("./icons/components/SmartphoneIcon.js"),Go=require("./icons/components/SmileIcon.js"),Qo=require("./icons/components/SnowmobileIcon.js"),Wo=require("./icons/components/SortColumnIcon.js"),Ko=require("./icons/components/SortIcon.js"),Yo=require("./icons/components/StoreIcon.js"),zo=require("./icons/components/SuvIcon.js"),_o=require("./icons/components/ThreeSixtyIcon.js"),Jo=require("./icons/components/TrailerIcon.js"),Xo=require("./icons/components/TransportIcon.js"),Zo=require("./icons/components/TruckIcon.js"),$o=require("./icons/components/TwitterIcon.js"),en=require("./icons/components/TyresIcon.js"),on=require("./icons/components/UploadIcon.js"),nn=require("./icons/components/UserIcon.js"),rn=require("./icons/components/ValuationIcon.js"),sn=require("./icons/components/VanIcon.js"),tn=require("./icons/components/ViewsIcon.js"),cn=require("./icons/components/WagonIcon.js"),pn=require("./icons/components/WarningIcon.js"),un=require("./icons/components/WarrantyIcon.js"),an=require("./icons/components/YoutubeIcon.js"),In=require("./hooks/useDynamicScript.js"),ln=require("./typography/Heading/index.js"),dn=require("./typography/BodyText/index.js"),xn=require("./typography/ButtonText/index.js"),mn=require("./components/RadioButton/index.js"),qn=require("./components/Stamp/index.js"),jn=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/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=I.Modal,exports.Dialog=l.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=y.Badge,exports.Toggle=k.Toggle,exports.Stepper=h.Stepper,exports.StepperAccordion=T.StepperAccordion,exports.Card=B.Card,exports.NotificationButton=v.NotificationButton,exports.Range=F.Range,exports.Chip=b.Chip,exports.Breadcrumbs=w.default,exports.Message=L.default,exports.Header=P.Header,exports.MenuItem=D.MenuItem,exports.AddIcon=M.default,exports.AlertIcon=A.default,exports.ArrowDownIcon=R.default,exports.ArrowLeftIcon=H.default,exports.ArrowRightIcon=N.default,exports.ArrowUpIcon=E.default,exports.AtvIcon=O.default,exports.AuctionIcon=V.default,exports.BackIcon=U.default,exports.BankidIcon=G.default,exports.BidIcon=Q.default,exports.BodyIcon=W.default,exports.BreaksIcon=K.default,exports.CabIcon=Y.default,exports.CalendarIcon=z.default,exports.CameraIcon=_.default,exports.CancelIcon=J.default,exports.CarIcon=X.default,exports.CarServiceIcon=Z.default,exports.CaravanIcon=$.default,exports.CertifiedIcon=ee.default,exports.ChatIcon=oe.default,exports.CheckCircleIcon=ne.default,exports.CheckFilledIcon=re.default,exports.CheckIcon=se.default,exports.CheckmarkIcon=te.default,exports.ClockIcon=ce.default,exports.CloseIcon=ie.default,exports.CommentFilledIcon=pe.default,exports.CommentIcon=ue.default,exports.ConditioningIcon=ae.default,exports.ContactIcon=Ie.default,exports.ControlNumberIcon=le.default,exports.CopyIcon=de.default,exports.CountdownIcon=xe.default,exports.CoupeIcon=me.default,exports.CraneIcon=qe.default,exports.CupIcon=je.default,exports.DeleteIcon=fe.default,exports.DisplayIcon=Ce.default,exports.DocumentIcon=Se.default,exports.EcoIcon=ge.default,exports.EditIcon=ye.default,exports.EngineIcon=ke.default,exports.ErrorFilledIcon=he.default,exports.ErrorIcon=Te.default,exports.ExportIcon=Be.default,exports.FacebookIcon=ve.default,exports.FacilityIcon=Fe.default,exports.FavouriteFilledIcon=be.default,exports.FavouriteIcon=we.default,exports.FigmaIcon=Le.default,exports.FilterIcon=Pe.default,exports.FinanceIcon=De.default,exports.FirstIcon=Me.default,exports.FixedPriceIcon=Ae.default,exports.FuelIcon=Re.default,exports.GearboxIcon=He.default,exports.GetPaidIcon=Ne.default,exports.GridViewIcon=Ee.default,exports.HatchbackIcon=Oe.default,exports.HistoryIcon=Ve.default,exports.HomeDeliveryIcon=Ue.default,exports.IdIcon=Ge.default,exports.InfoIcon=Qe.default,exports.InstagramIcon=We.default,exports.InsuranceIcon=Ke.default,exports.InteriorIcon=Ye.default,exports.KvdTestIcon=ze.default,exports.KvdproIcon=_e.default,exports.LastIcon=Je.default,exports.LeaderIcon=Xe.default,exports.LinkedinIcon=Ze.default,exports.ListViewIcon=$e.default,exports.LocationIcon=eo.default,exports.MailIcon=oo.default,exports.MenuIcon=no.default,exports.MileageIcon=ro.default,exports.MinivanIcon=so.default,exports.ModelYearIcon=to.default,exports.MoreIcon=co.default,exports.MotorbikeIcon=io.default,exports.NavigationIcon=po.default,exports.NewIcon=uo.default,exports.NextFilledIcon=ao.default,exports.NextIcon=Io.default,exports.NotificationIcon=lo.default,exports.OpenInNewIcon=xo.default,exports.PayementIcon=mo.default,exports.PhoneIcon=qo.default,exports.PickUpIcon=jo.default,exports.Pickup=fo.default,exports.PlayIcon=Co.default,exports.PreviousFilledIcon=So.default,exports.PreviousIcon=go.default,exports.PrintIcon=yo.default,exports.QuoteIcon=ko.default,exports.RatingIcon=ho.default,exports.ReleasingIcon=To.default,exports.ReorderIcon=Bo.default,exports.RestartIcon=vo.default,exports.SalesOfferIcon=Fo.default,exports.SavedSearchIcon=bo.default,exports.ScheduleIcon=wo.default,exports.SearchIcon=Lo.default,exports.SedanIcon=Po.default,exports.SellFilledIcon=Do.default,exports.SellIcon=Mo.default,exports.SettingsIcon=Ao.default,exports.ShareIcon=Ro.default,exports.ShowLessIcon=Ho.default,exports.ShowMoreIcon=No.default,exports.SignInIcon=Eo.default,exports.SignOutIcon=Oo.default,exports.SlackIcon=Vo.default,exports.SmartphoneIcon=Uo.default,exports.SmileIcon=Go.default,exports.SnowmobileIcon=Qo.default,exports.SortColumnIcon=Wo.default,exports.SortIcon=Ko.default,exports.StoreIcon=Yo.default,exports.SuvIcon=zo.default,exports.ThreeSixtyIcon=_o.default,exports.TrailerIcon=Jo.default,exports.TransportIcon=Xo.default,exports.TruckIcon=Zo.default,exports.TwitterIcon=$o.default,exports.TyresIcon=en.default,exports.UploadIcon=on.default,exports.UserIcon=nn.default,exports.ValuationIcon=rn.default,exports.VanIcon=sn.default,exports.ViewsIcon=tn.default,exports.WagonIcon=cn.default,exports.WarningIcon=pn.default,exports.WarrantyIcon=un.default,exports.YoutubeIcon=an.default,exports.useDynamicScript=In.useDynamicScript,exports.Display1=ln.Display1,exports.Display2=ln.Display2,exports.Display3=ln.Display3,exports.Headline=ln.Headline,exports.Subtitle=ln.Subtitle,exports.TinyTitleBold=ln.TinyTitleBold,exports.TinyTitleRegular=ln.TinyTitleRegular,exports.Title=ln.Title,exports.BodyLink=dn.BodyLink,exports.BodyText=dn.BodyText,exports.Caption=dn.Caption,exports.CaptionLink=dn.CaptionLink,exports.Quote=dn.Quote,exports.Status=dn.Status,exports.ButtonLargeText=xn.ButtonLarge,exports.ButtonRegularText=xn.Button,exports.ButtonSmallText=xn.ButtonSmall,exports.RadioButton=mn.RadioButton,exports.Stamp=qn.default,exports.resetButtonStyle=jn.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"),s=require("./components/IconButton.js"),t=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"),I=require("./components/Modal/index.js"),l=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./components/TimePicker/index.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),y=require("./components/Badge/index.js"),k=require("./components/Toggle/index.js"),h=require("./components/Stepper/index.js"),T=require("./components/StepperAccordion/index.js"),B=require("./components/Card/index.js"),v=require("./components/NotificationButton/index.js"),F=require("./components/Range/index.js"),b=require("./components/Chip/index.js"),w=require("./components/Breadcrumbs/index.js"),L=require("./components/Message/index.js"),P=require("./components/Header/index.js"),D=require("./components/MenuItem/index.js"),M=require("./icons/components/AddIcon.js"),A=require("./icons/components/AlertIcon.js"),R=require("./icons/components/ArrowDownIcon.js"),E=require("./icons/components/ArrowLeftIcon.js"),H=require("./icons/components/ArrowRightIcon.js"),N=require("./icons/components/ArrowUpIcon.js"),O=require("./icons/components/AtvIcon.js"),V=require("./icons/components/AuctionIcon.js"),U=require("./icons/components/BackIcon.js"),G=require("./icons/components/BankidIcon.js"),Q=require("./icons/components/BidIcon.js"),W=require("./icons/components/BodyIcon.js"),K=require("./icons/components/BreaksIcon.js"),Y=require("./icons/components/CabIcon.js"),z=require("./icons/components/CalendarIcon.js"),_=require("./icons/components/CameraIcon.js"),J=require("./icons/components/CancelIcon.js"),X=require("./icons/components/CarIcon.js"),Z=require("./icons/components/CarServiceIcon.js"),$=require("./icons/components/CaravanIcon.js"),ee=require("./icons/components/CertifiedIcon.js"),oe=require("./icons/components/ChatIcon.js"),ne=require("./icons/components/CheckCircleIcon.js"),re=require("./icons/components/CheckFilledIcon.js"),se=require("./icons/components/CheckIcon.js"),te=require("./icons/components/CheckmarkIcon.js"),ce=require("./icons/components/ClockIcon.js"),ie=require("./icons/components/CloseIcon.js"),pe=require("./icons/components/CommentFilledIcon.js"),ue=require("./icons/components/CommentIcon.js"),ae=require("./icons/components/ConditioningIcon.js"),Ie=require("./icons/components/ContactIcon.js"),le=require("./icons/components/ControlNumberIcon.js"),de=require("./icons/components/CopyIcon.js"),xe=require("./icons/components/CountdownIcon.js"),me=require("./icons/components/CoupeIcon.js"),qe=require("./icons/components/CraneIcon.js"),je=require("./icons/components/CupIcon.js"),fe=require("./icons/components/DeleteIcon.js"),Ce=require("./icons/components/DisplayIcon.js"),Se=require("./icons/components/DocumentIcon.js"),ge=require("./icons/components/EcoIcon.js"),ye=require("./icons/components/EditIcon.js"),ke=require("./icons/components/EngineIcon.js"),he=require("./icons/components/ErrorFilledIcon.js"),Te=require("./icons/components/ErrorIcon.js"),Be=require("./icons/components/ExportIcon.js"),ve=require("./icons/components/FacebookIcon.js"),Fe=require("./icons/components/FacilityIcon.js"),be=require("./icons/components/FavouriteFilledIcon.js"),we=require("./icons/components/FavouriteIcon.js"),Le=require("./icons/components/FigmaIcon.js"),Pe=require("./icons/components/FilterIcon.js"),De=require("./icons/components/FinanceIcon.js"),Me=require("./icons/components/FirstIcon.js"),Ae=require("./icons/components/FixedPriceIcon.js"),Re=require("./icons/components/FuelIcon.js"),Ee=require("./icons/components/GearboxIcon.js"),He=require("./icons/components/GetPaidIcon.js"),Ne=require("./icons/components/GridViewIcon.js"),Oe=require("./icons/components/HatchbackIcon.js"),Ve=require("./icons/components/HistoryIcon.js"),Ue=require("./icons/components/HomeDeliveryIcon.js"),Ge=require("./icons/components/IdIcon.js"),Qe=require("./icons/components/InfoIcon.js"),We=require("./icons/components/InstagramIcon.js"),Ke=require("./icons/components/InsuranceIcon.js"),Ye=require("./icons/components/InteriorIcon.js"),ze=require("./icons/components/KvdTestIcon.js"),_e=require("./icons/components/KvdproIcon.js"),Je=require("./icons/components/LastIcon.js"),Xe=require("./icons/components/LeaderIcon.js"),Ze=require("./icons/components/LinkedinIcon.js"),$e=require("./icons/components/ListViewIcon.js"),eo=require("./icons/components/LocationIcon.js"),oo=require("./icons/components/MailIcon.js"),no=require("./icons/components/MenuIcon.js"),ro=require("./icons/components/MileageIcon.js"),so=require("./icons/components/MinivanIcon.js"),to=require("./icons/components/ModelYearIcon.js"),co=require("./icons/components/MoreIcon.js"),io=require("./icons/components/MotorbikeIcon.js"),po=require("./icons/components/NavigationIcon.js"),uo=require("./icons/components/NewIcon.js"),ao=require("./icons/components/NextFilledIcon.js"),Io=require("./icons/components/NextIcon.js"),lo=require("./icons/components/NotificationIcon.js"),xo=require("./icons/components/OpenInNewIcon.js"),mo=require("./icons/components/PayementIcon.js"),qo=require("./icons/components/PhoneIcon.js"),jo=require("./icons/components/PickUpIcon.js"),fo=require("./icons/components/Pickup.js"),Co=require("./icons/components/PlayIcon.js"),So=require("./icons/components/PreviousFilledIcon.js"),go=require("./icons/components/PreviousIcon.js"),yo=require("./icons/components/PrintIcon.js"),ko=require("./icons/components/QuoteIcon.js"),ho=require("./icons/components/RatingIcon.js"),To=require("./icons/components/ReleasingIcon.js"),Bo=require("./icons/components/ReorderIcon.js"),vo=require("./icons/components/RestartIcon.js"),Fo=require("./icons/components/SalesOfferIcon.js"),bo=require("./icons/components/SavedSearchIcon.js"),wo=require("./icons/components/ScheduleIcon.js"),Lo=require("./icons/components/SearchIcon.js"),Po=require("./icons/components/SedanIcon.js"),Do=require("./icons/components/SellFilledIcon.js"),Mo=require("./icons/components/SellIcon.js"),Ao=require("./icons/components/SettingsIcon.js"),Ro=require("./icons/components/ShareIcon.js"),Eo=require("./icons/components/ShowLessIcon.js"),Ho=require("./icons/components/ShowMoreIcon.js"),No=require("./icons/components/SignInIcon.js"),Oo=require("./icons/components/SignOutIcon.js"),Vo=require("./icons/components/SlackIcon.js"),Uo=require("./icons/components/SmartphoneIcon.js"),Go=require("./icons/components/SmileIcon.js"),Qo=require("./icons/components/SnowmobileIcon.js"),Wo=require("./icons/components/SortColumnIcon.js"),Ko=require("./icons/components/SortIcon.js"),Yo=require("./icons/components/StoreIcon.js"),zo=require("./icons/components/SuvIcon.js"),_o=require("./icons/components/ThreeSixtyIcon.js"),Jo=require("./icons/components/TrailerIcon.js"),Xo=require("./icons/components/TransportIcon.js"),Zo=require("./icons/components/TruckIcon.js"),$o=require("./icons/components/TwitterIcon.js"),en=require("./icons/components/TyresIcon.js"),on=require("./icons/components/UploadIcon.js"),nn=require("./icons/components/UserIcon.js"),rn=require("./icons/components/ValuationIcon.js"),sn=require("./icons/components/VanIcon.js"),tn=require("./icons/components/ViewsIcon.js"),cn=require("./icons/components/WagonIcon.js"),pn=require("./icons/components/WarningIcon.js"),un=require("./icons/components/WarrantyIcon.js"),an=require("./icons/components/YoutubeIcon.js"),In=require("./hooks/useDynamicScript.js"),ln=require("./typography/Heading/index.js"),dn=require("./typography/BodyText/index.js"),xn=require("./typography/ButtonText/index.js"),mn=require("./components/EditRow/index.js"),qn=require("./components/RadioButton/index.js"),jn=require("./components/Stamp/index.js"),fn=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/Header/Hamburger.js"),require("./components/Header/Link.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=I.Modal,exports.Dialog=l.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=y.Badge,exports.Toggle=k.Toggle,exports.Stepper=h.Stepper,exports.StepperAccordion=T.StepperAccordion,exports.Card=B.Card,exports.NotificationButton=v.NotificationButton,exports.Range=F.Range,exports.Chip=b.Chip,exports.Breadcrumbs=w.default,exports.Message=L.default,exports.Header=P.Header,exports.MenuItem=D.MenuItem,exports.AddIcon=M.default,exports.AlertIcon=A.default,exports.ArrowDownIcon=R.default,exports.ArrowLeftIcon=E.default,exports.ArrowRightIcon=H.default,exports.ArrowUpIcon=N.default,exports.AtvIcon=O.default,exports.AuctionIcon=V.default,exports.BackIcon=U.default,exports.BankidIcon=G.default,exports.BidIcon=Q.default,exports.BodyIcon=W.default,exports.BreaksIcon=K.default,exports.CabIcon=Y.default,exports.CalendarIcon=z.default,exports.CameraIcon=_.default,exports.CancelIcon=J.default,exports.CarIcon=X.default,exports.CarServiceIcon=Z.default,exports.CaravanIcon=$.default,exports.CertifiedIcon=ee.default,exports.ChatIcon=oe.default,exports.CheckCircleIcon=ne.default,exports.CheckFilledIcon=re.default,exports.CheckIcon=se.default,exports.CheckmarkIcon=te.default,exports.ClockIcon=ce.default,exports.CloseIcon=ie.default,exports.CommentFilledIcon=pe.default,exports.CommentIcon=ue.default,exports.ConditioningIcon=ae.default,exports.ContactIcon=Ie.default,exports.ControlNumberIcon=le.default,exports.CopyIcon=de.default,exports.CountdownIcon=xe.default,exports.CoupeIcon=me.default,exports.CraneIcon=qe.default,exports.CupIcon=je.default,exports.DeleteIcon=fe.default,exports.DisplayIcon=Ce.default,exports.DocumentIcon=Se.default,exports.EcoIcon=ge.default,exports.EditIcon=ye.default,exports.EngineIcon=ke.default,exports.ErrorFilledIcon=he.default,exports.ErrorIcon=Te.default,exports.ExportIcon=Be.default,exports.FacebookIcon=ve.default,exports.FacilityIcon=Fe.default,exports.FavouriteFilledIcon=be.default,exports.FavouriteIcon=we.default,exports.FigmaIcon=Le.default,exports.FilterIcon=Pe.default,exports.FinanceIcon=De.default,exports.FirstIcon=Me.default,exports.FixedPriceIcon=Ae.default,exports.FuelIcon=Re.default,exports.GearboxIcon=Ee.default,exports.GetPaidIcon=He.default,exports.GridViewIcon=Ne.default,exports.HatchbackIcon=Oe.default,exports.HistoryIcon=Ve.default,exports.HomeDeliveryIcon=Ue.default,exports.IdIcon=Ge.default,exports.InfoIcon=Qe.default,exports.InstagramIcon=We.default,exports.InsuranceIcon=Ke.default,exports.InteriorIcon=Ye.default,exports.KvdTestIcon=ze.default,exports.KvdproIcon=_e.default,exports.LastIcon=Je.default,exports.LeaderIcon=Xe.default,exports.LinkedinIcon=Ze.default,exports.ListViewIcon=$e.default,exports.LocationIcon=eo.default,exports.MailIcon=oo.default,exports.MenuIcon=no.default,exports.MileageIcon=ro.default,exports.MinivanIcon=so.default,exports.ModelYearIcon=to.default,exports.MoreIcon=co.default,exports.MotorbikeIcon=io.default,exports.NavigationIcon=po.default,exports.NewIcon=uo.default,exports.NextFilledIcon=ao.default,exports.NextIcon=Io.default,exports.NotificationIcon=lo.default,exports.OpenInNewIcon=xo.default,exports.PayementIcon=mo.default,exports.PhoneIcon=qo.default,exports.PickUpIcon=jo.default,exports.Pickup=fo.default,exports.PlayIcon=Co.default,exports.PreviousFilledIcon=So.default,exports.PreviousIcon=go.default,exports.PrintIcon=yo.default,exports.QuoteIcon=ko.default,exports.RatingIcon=ho.default,exports.ReleasingIcon=To.default,exports.ReorderIcon=Bo.default,exports.RestartIcon=vo.default,exports.SalesOfferIcon=Fo.default,exports.SavedSearchIcon=bo.default,exports.ScheduleIcon=wo.default,exports.SearchIcon=Lo.default,exports.SedanIcon=Po.default,exports.SellFilledIcon=Do.default,exports.SellIcon=Mo.default,exports.SettingsIcon=Ao.default,exports.ShareIcon=Ro.default,exports.ShowLessIcon=Eo.default,exports.ShowMoreIcon=Ho.default,exports.SignInIcon=No.default,exports.SignOutIcon=Oo.default,exports.SlackIcon=Vo.default,exports.SmartphoneIcon=Uo.default,exports.SmileIcon=Go.default,exports.SnowmobileIcon=Qo.default,exports.SortColumnIcon=Wo.default,exports.SortIcon=Ko.default,exports.StoreIcon=Yo.default,exports.SuvIcon=zo.default,exports.ThreeSixtyIcon=_o.default,exports.TrailerIcon=Jo.default,exports.TransportIcon=Xo.default,exports.TruckIcon=Zo.default,exports.TwitterIcon=$o.default,exports.TyresIcon=en.default,exports.UploadIcon=on.default,exports.UserIcon=nn.default,exports.ValuationIcon=rn.default,exports.VanIcon=sn.default,exports.ViewsIcon=tn.default,exports.WagonIcon=cn.default,exports.WarningIcon=pn.default,exports.WarrantyIcon=un.default,exports.YoutubeIcon=an.default,exports.useDynamicScript=In.useDynamicScript,exports.Display1=ln.Display1,exports.Display2=ln.Display2,exports.Display3=ln.Display3,exports.Headline=ln.Headline,exports.Subtitle=ln.Subtitle,exports.TinyTitleBold=ln.TinyTitleBold,exports.TinyTitleRegular=ln.TinyTitleRegular,exports.Title=ln.Title,exports.BodyLink=dn.BodyLink,exports.BodyText=dn.BodyText,exports.Caption=dn.Caption,exports.CaptionLink=dn.CaptionLink,exports.Quote=dn.Quote,exports.Status=dn.Status,exports.ButtonLargeText=xn.ButtonLarge,exports.ButtonRegularText=xn.Button,exports.ButtonSmallText=xn.ButtonSmall,exports.EditRow=mn.default,exports.RadioButton=qn.RadioButton,exports.Stamp=jn.default,exports.resetButtonStyle=fn.resetButtonStyle;

package/esm/components/EditRow/index.js

@@ -1,29 +1,34 @@
-import t,{useState as c}from"react";import r from"styled-components";import L from"../../theme.js";import{BodyLink as D,BodyText as I}from"../../typography/BodyText/index.js";import{Button as d}from"../Button/index.js";import{Chip as R}from"../Chip/index.js";import{TextField as _}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const q=r.div`
+import t,{useState as c}from"react";import r from"styled-components";import y from"../../theme.js";import{BodyLink as $,BodyText as q}from"../../typography/BodyText/index.js";import{Button as d}from"../Button/index.js";import{Chip as N}from"../Chip/index.js";import{TextField as O}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const z=r.div`
   display: flex;
-  border-bottom: 1px solid ${L.colors.gray.light5};
-`,O=r.form`
+  border-bottom: 1px solid ${y.colors.gray.light5};
+`,A=r.form`
   flex: 1;
   flex-direction: column;
   margin-bottom: 1rem;
-`,$=r(_)`
+`,G=r(O)`
   max-width: 20rem;
-`,z=r.div`
+`,H=r.div`
   flex: 1;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   margin-top: 1rem;
-`,A=r(d)`
+`,J=r(d)`
   min-width: 5rem;
-`,G=r(d)`
+`,K=r(d)`
   min-width: 5rem;
   margin-right: 1rem;
-`,y=r(D)`
-  margin-right: 2rem;
-`,H=r(I)`
+`,E=r($)`
+  flex: 1;
+  margin-right: 1rem;
+`,j=r(q)`
   flex: 1rem;
-`,J=r.div`
+  flex: 4;
+`,M=r(j)`
+  color: ${y.colors.text.disabled};
+`,P=r.div`
   display: flex;
-`,K=r(R)`
-  margin: 0 0.25rem;
-`,M=({value:u,label:s,onEdit:p,options:x=[],inputProps:E={},editText:j,saveText:C,cancelText:v,formatterFunc:f,isSingleSelect:B,color:a="secondary"})=>{const[n,o]=c(u),[b,w]=c(u),[m,h]=c(!1),l=typeof n=="string",S=f&&l?f(n):n,F=l?S:n.join(", "),g=()=>{m?o(b):w(n),h(e=>!e)},T=e=>{e.preventDefault(),p==null||p(n),h(!1)},k=e=>{if(typeof n!="object")throw new Error("Cannot toggle chip on other than array");if(B){o([e]);return}if(n.includes(e)){const i=n.filter(V=>V!==e);o(i);return}o(i=>[...i,e])};return t.createElement(q,null,!m&&t.createElement(t.Fragment,null,t.createElement(y,null,s),t.createElement(H,null,F),t.createElement(d,{variant:"flat",color:a,onClick:g},j)),m&&t.createElement(O,{onSubmit:T},t.createElement(y,null,s),l&&t.createElement($,{...E,autoFocus:!0,value:n,label:s,onChange:e=>o(e.target.value)}),!l&&t.createElement(J,null,x.map(e=>t.createElement(K,{color:a,onClick:i=>{i.preventDefault(),k(e)},key:e,variant:n.includes(e)?"solid":"outline"},e))),t.createElement(z,null,t.createElement(G,{type:"button",variant:"flat",color:"neutral",onClick:g},v),t.createElement(A,{type:"submit",color:a},C))))};export{M as default};
+  flex-wrap: wrap;
+`,Q=r(N)`
+  margin: 0.25rem;
+`,U=({value:u,label:s,onChange:f,options:v=[],inputProps:C={},isClearable:B=!1,editText:b,saveText:w,cancelText:S,noValueText:F,formatterFunc:p,isSingleSelect:T,color:a="secondary"})=>{const[n,l]=c(u),[V,k]=c(u),[m,h]=c(!1),i=typeof n=="string",L=p&&i?p(n):n,D=i?L:n.join(", "),x=n.length>0,g=()=>{m?l(V):k(n),h(e=>!e)},I=e=>{e.preventDefault(),f==null||f(n),h(!1)},R=e=>{if(typeof n!="object")throw new Error("Cannot toggle chip on other than array");if(T){if(n.includes(e)&&B){l([]);return}l([e]);return}if(n.includes(e)){const o=n.filter(_=>_!==e);l(o);return}l(o=>[...o,e])};return t.createElement(z,null,!m&&t.createElement(t.Fragment,null,t.createElement(E,null,s),x&&t.createElement(j,null,D),!x&&t.createElement(M,null,F),t.createElement(d,{variant:"flat",color:a,onClick:g},b)),m&&t.createElement(A,{onSubmit:I},t.createElement(E,null,s),i&&t.createElement(G,{...C,autoFocus:!0,value:n,label:s,onChange:e=>l(e.target.value)}),!i&&t.createElement(P,null,v.map(e=>t.createElement(Q,{color:a,onClick:o=>{o.preventDefault(),R(e)},key:e,variant:n.includes(e)?"solid":"outline"},e))),t.createElement(H,null,t.createElement(K,{type:"button",variant:"flat",color:"neutral",onClick:g},S),t.createElement(J,{type:"submit",color:a},w))))};export{U as default};

package/esm/components/Select/index.js

@@ -1,14 +1,14 @@
-import t,{useState as x}from"react";import T from"react-select";import d from"styled-components";import{DEFAULT_TRANSITION_MS as F}from"../../shared/constants.js";import r from"../../theme.js";import{Label as _}from"../FieldLabel.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const z=d.div`
+import t,{useState as x}from"react";import T from"react-select";import m from"styled-components";import{DEFAULT_TRANSITION_MS as k}from"../../shared/constants.js";import r from"../../theme.js";import{Label as _}from"../FieldLabel.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const z=m.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   position: relative;
-`,k=e=>e&&{paddingLeft:"2.5rem"},A=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=d.div`
+`,F=e=>e&&{paddingLeft:"2.5rem"},A=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=e=>e&&{border:`2px solid ${r.colors.error.dark}`},O=m.div`
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   margin: 0.35rem 0.75rem;
 
   fill: ${r.colors.gray.dark5};
-  transition: ${F};
+  transition: ${k};
 
   ${e=>e.isDisabled&&`
     fill: ${r.colors.gray.light1};
@@ -17,14 +17,13 @@ import t,{useState as x}from"react";import T from"react-select";import d from"st
   ${e=>e.isFocused&&`
     fill: ${e.theme.colors.text.dark};
 `}
-`,O=d.span`
+`,H=m.span`
   display: block;
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-size: 0.81rem;
   margin-top: 0.25rem;
-  margin-left: 0.85rem;
-  color: ${({hasError:e})=>e?r.colors.error.main:r.colors.text.disabled};
-`,H=e=>t.createElement("svg",{...e},t.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},t.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),t.createElement("use",{xlinkHref:"#icon-arrow"})),V=d(H)`
+  color: ${({hasError:e})=>e?r.colors.error.dark:r.colors.text.disabled};
+`,V=e=>t.createElement("svg",{...e},t.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},t.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),t.createElement("use",{xlinkHref:"#icon-arrow"})),N=m(V)`
   width: 0.8rem;
   height: 0.8rem;
   margin: 0 0.5rem;
@@ -37,8 +36,8 @@ import t,{useState as x}from"react";import T from"react-select";import d from"st
     stroke: currentColor;
   }
 
-  transition: transform ${F};
+  transition: transform ${k};
 
   transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
   transform-origin: 50% 60%;
-`,N=(e,l)=>l?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:l=!1,isDisabled:m})=>t.createElement(V,{$isDisabled:m,$isFocused:l,$isMenuOpen:e,$theme:r}),C=({className:e,color:l="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:B=()=>null,onInputChange:w=()=>null,placeholder:I="",name:g,...n})=>{var h;const[c,y]=x(!1),[L,S]=x(""),E=(o,a)=>{w(o,a),S(o)},b=({isSelected:o,isFocused:a,isDisabled:f})=>o?r.colors[l].main:f?r.colors.background.light:a?r.colors.background.gray:r.colors.background.light,j=o=>{y(!0),B(o)},D=o=>{y(!1),v(o)},R=N(c,u);return t.createElement(z,{className:e},n.label&&t.createElement(_,{htmlFor:g,height:i,isFocused:c,hasValue:Boolean(n.value||L),disabled:s,theme:r,hasError:u},n.label),n.prefix&&t.createElement(M,{isDisabled:s,isFocused:c},n.prefix),t.createElement(T,{...n,inputId:g,name:g,ref:m,isDisabled:s,onInputChange:E,placeholder:I,onFocus:j,onBlur:D,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:R,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...A(s),...k(Boolean(n.prefix))}),placeholder:o=>({...o,display:c?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:a,isFocused:f,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:a,isFocused:!0,isDisabled:$})},background:b({isSelected:a,isFocused:f}),...k(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:i?`${i-1}rem 0 `:0,height:i?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:P,...(h=n.components)!=null?h:{}}}),p&&t.createElement(O,{hasError:u},p))};export{C as Select,C as default};
+`,P=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,W=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:u})=>t.createElement(N,{$isDisabled:u,$isFocused:a,$isMenuOpen:e,$theme:r}),C=({className:e,color:a="primary",forwardRef:u,hasError:i=!1,height:s,helperText:p,isDisabled:c=!1,onBlur:v=()=>null,onFocus:B=()=>null,onInputChange:w=()=>null,placeholder:I="",name:g,...n})=>{var h;const[d,y]=x(!1),[L,S]=x(""),E=(o,l)=>{w(o,l),S(o)},b=({isSelected:o,isFocused:l,isDisabled:f})=>o?r.colors[a].main:f?r.colors.background.light:l?r.colors.background.gray:r.colors.background.light,j=o=>{y(!0),B(o)},D=o=>{y(!1),v(o)},R=P(d,i);return t.createElement(z,{className:e},n.label&&t.createElement(_,{htmlFor:g,height:s,isFocused:d,hasValue:Boolean(n.value||L),disabled:c,theme:r,hasError:i},n.label),n.prefix&&t.createElement(O,{isDisabled:c,isFocused:d},n.prefix),t.createElement(T,{...n,inputId:g,name:g,ref:u,isDisabled:c,onInputChange:E,placeholder:I,onFocus:j,onBlur:D,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:R,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...A(c),...M(i),...F(Boolean(n.prefix))}),placeholder:o=>({...o,display:d?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:l,isFocused:f,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:l,isFocused:!0,isDisabled:$})},background:b({isSelected:l,isFocused:f}),...F(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:s?`${s-1}rem 0 `:0,height:s?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:W,...(h=n.components)!=null?h:{}}}),p&&t.createElement(H,{hasError:i},p))};export{C as Select,C as default};

package/esm/index.js

@@ -1 +1 @@
-export{default as theme}from"./theme.js";export{mediaQueries,mq,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{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{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{Range}from"./components/Range/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{Header}from"./components/Header/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 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 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 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 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 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 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 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,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{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/Header/Hamburger.js";import"./components/Header/Link.js";
+export{default as theme}from"./theme.js";export{mediaQueries,mq,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{Select}from"./components/Select/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{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{Range}from"./components/Range/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{Header}from"./components/Header/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 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 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 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 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 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 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 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,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{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/Header/Hamburger.js";import"./components/Header/Link.js";

package/package.json

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

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

@@ -1,18 +1,19 @@
-import React from 'react';
 import { Color } from '../../Types';
 import { TextFieldProps } from '../Textfield';
-export interface EditRowProps {
+export interface EditRowProps<T> {
     value: string | string[];
     label: string;
     editText: string;
     saveText: string;
     cancelText: string;
+    noValueText: string;
     color?: Color;
     options?: string[];
     isSingleSelect?: boolean;
     inputProps?: TextFieldProps;
-    onEdit?<T>(value: T): void;
+    isClearable?: boolean;
+    onChange?(value: T): void;
     formatterFunc?(value: string): string;
 }
-declare const EditRow: React.FC<EditRowProps>;
+declare const EditRow: <T extends string | string[]>({ value: initialValue, label, onChange, options, inputProps, isClearable, editText, saveText, cancelText, noValueText, formatterFunc, isSingleSelect, color, }: EditRowProps<T>) => JSX.Element;
 export default EditRow;

package/types/index.d.ts

@@ -36,6 +36,7 @@ export { useDynamicScript } from './hooks/useDynamicScript';
 export { Title, Subtitle, Headline, Display1, Display2, Display3, TinyTitleRegular, TinyTitleBold, } from './typography/Heading';
 export { Quote, Status, BodyLink, BodyText, Caption, CaptionLink, } from './typography/BodyText';
 export { Button as ButtonRegularText, ButtonLarge as ButtonLargeText, ButtonSmall as ButtonSmallText, } from './typography/ButtonText';
+export { default as EditRow } from './components/EditRow';
 export { default as RadioButton } from './components/RadioButton';
 export { default as Stamp } from './components/Stamp';
 export { resetButtonStyle } from './utils/utils';