@kvdbil/components 8.0.0 → 8.2.0

package/cjs/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),a=require("../../theme.js"),i=require("../../typography/BodyText/index.js"),s=require("../IconButton.js"),o=require("../../icons/components/CheckmarkIcon.js");function l(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../shared/media-queries.js");var d=l(e),c=l(r);const n={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),i=require("../../theme.js"),a=require("../../typography/BodyText/index.js"),o=require("../IconButton.js"),s=require("../../icons/components/CheckmarkIcon.js");function l(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../shared/media-queries.js");var d=l(e),c=l(r);const n={regular:r.css`
   width: 24px;
   height: 24px;
 
@@ -16,10 +16,10 @@
   }
 `},u=r.css`
   cursor: default;
-  border: 2px solid ${a.default.colors.gray.light2};
+  border: 2px solid ${i.default.colors.gray.light2};
 `,h=r.css`
-  background: ${a.default.colors.gray.light2};
-`,p=c.default.label`
+  background: ${i.default.colors.gray.light2};
+`,p=c.default.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
@@ -40,7 +40,7 @@
     appearance: initial;
     border-radius: 10rem;
     transition: background-color 400ms;
-    ${s.BackgroundStyles}
+    ${o.BackgroundStyles}
   }
 `,m=c.default.span`
   box-sizing: border-box;
@@ -50,7 +50,7 @@
   align-items: center;
   justify-content: center;
 
-  border: 2px solid ${a.default.colors.gray.dark5};
+  border: 2px solid ${i.default.colors.gray.dark5};
 
   ${x=>n[x.size]};
 
@@ -67,15 +67,15 @@
   :hover {
   }
 
-  background: ${a.default.colors[k].main};
-  border: 2px solid ${a.default.colors[k].main};
+  background: ${i.default.colors[k].main};
+  border: 2px solid ${i.default.colors[k].main};
 `);var k}};
   ${x=>x.isDisabled&&u};
 
   ${x=>x.isChecked&&x.isDisabled&&h};
-`,f=c.default(i.BodyText)`
+`,f=c.default(a.BodyText)`
   cursor: ${({isDisabled:x})=>x?"default":"pointer"};
   user-select: none;
   color: ${({theme:x,isDisabled:k})=>k?x.colors.text.disabled:x.colors.text.dark};
   margin-left: 0.5rem;
-`,g=({name:x=t.generateNameHash("check-box"),isDisabled:k=!1,size:j="regular",checked:v,color:y="secondary",onClick:q,label:$,...D})=>d.default.createElement(p,{htmlFor:x},d.default.createElement(s.default,{onClick:q,isActive:v,isDisabled:k,color:y},d.default.createElement(b,{...D,"data-validate":"checked",name:x,id:x,color:y,disabled:k,isDisabled:k}),d.default.createElement(m,{size:j,color:y,isChecked:v,isDisabled:k},d.default.createElement(o.default,null))),$&&d.default.createElement(f,{as:"span",isDisabled:k},$));exports.CheckBox=g,exports.default=g;
+`,g=({name:x=t.generateNameHash("check-box"),isDisabled:k=!1,size:j="regular",checked:v,color:y="secondary",onClick:q,label:$,...D})=>d.default.createElement(p,null,d.default.createElement(o.default,{onClick:q,isActive:v,isDisabled:k,color:y},d.default.createElement(b,{...D,"data-validate":"checked",name:x,id:x,color:y,disabled:k,isDisabled:k}),d.default.createElement(m,{size:j,color:y,isChecked:v,isDisabled:k},d.default.createElement(s.default,null))),$&&d.default.createElement(f,{as:"label",htmlFor:x,isDisabled:k},$));exports.CheckBox=g,exports.default=g;

package/cjs/components/Dialog/index.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js"),n=require("../Button/index.js"),i=require("../Modal/index.js"),l=require("../../typography/Heading/index.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js");var a=o(e),u=o(t);const s=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js"),n=require("../Button/index.js"),l=require("../Modal/index.js"),i=require("../../typography/Heading/index.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("react-dom"),require("react-transition-group"),require("../Icons/Close.js");var a=o(e),u=o(t);const s=u.default.div`
   padding-top: 1rem;
 `,d=u.default.div`
   top: 20px;
   left: 32px;
   position: absolute;
-`,c=u.default(l.TinyTitleBold)`
+`,c=u.default(i.TinyTitleBold)`
   font-weight: ${({theme:x})=>x.typography.fontAlternativeRegularWeight};
   margin: 0;
 `,f=u.default.div`
@@ -24,4 +24,4 @@
   justify-content: center;
   width: 100%;
   max-width: 245px;
-`,m=({isOpen:x,title:h,children:g,modalStyles:B,titleStyles:v,primaryButtonText:w,primaryButtonStyles:E,secondaryButtonStyles:S,secondaryButtonText:b,primaryButtonAction:q,secondaryButtonAction:j,onClose:C,withPortal:T})=>a.default.createElement(i.Modal,{contentStyles:B,isOpen:x,onClose:C,withPortal:T},h&&a.default.createElement(d,null,a.default.createElement(c,{style:v},h)),a.default.createElement(s,null,g),a.default.createElement(f,null,j&&a.default.createElement(y,{style:S,onClick:j,variant:"outline",color:"neutral"},b),q&&a.default.createElement(p,{style:E,onClick:q,variant:"solid",color:"success"},w)));exports.Dialog=m,exports.default=m;
+`,m=({isOpen:x,title:h,children:g,modalStyles:B,titleStyles:v,primaryButtonText:w,primaryButtonStyles:E,secondaryButtonStyles:S,secondaryButtonText:b,primaryButtonAction:q,secondaryButtonAction:j,onClose:C,withPortal:T,color:A="success"})=>a.default.createElement(l.Modal,{contentStyles:B,isOpen:x,onClose:C,withPortal:T},h&&a.default.createElement(d,null,a.default.createElement(c,{style:v},h)),a.default.createElement(s,null,g),a.default.createElement(f,null,j&&a.default.createElement(y,{style:S,onClick:j,variant:"outline",color:"neutral"},b),q&&a.default.createElement(p,{style:E,onClick:q,variant:"solid",color:A},w)));exports.Dialog=m,exports.default=m;

package/cjs/components/Message/index.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../typography/Heading/index.js"),n=require("../../icons/components/AlertIcon.js"),l=require("../../icons/components/CheckCircleIcon.js"),a=require("../../icons/components/CloseIcon.js"),o=require("../../icons/components/InfoIcon.js"),s=require("../../icons/components/WarningIcon.js");function c(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../shared/media-queries.js");var i=c(e),u=c(t);const d=u.default.div`
+  ${({isDeleted:x})=>x&&`
+      opacity: 0;
+      transition: opacity 0.3s;
+    `}
+`,f=u.default.div`
+  display: ${({fullWidth:x})=>x?"flex":"inline-flex"};
+  ${({fullWidth:x})=>x&&"justify-content: space-between;"}
+  align-items: center;
+  padding: 0 1.5rem;
+  box-shadow: ${({theme:x})=>x.elevations.elevation2};
+
+  ${({theme:x,messageType:E,inverted:j})=>{const{text:q,background:w}=((I,b,k)=>{const y=k.colors.text.dark,v=k.colors.background.light;switch(I){case"info":return{text:b?k.colors.info.dark:y,background:b?v:k.colors.info.lighter};case"success":return{text:b?k.colors.success.dark:y,background:b?v:k.colors.success.lighter};case"warning":return{text:b?k.colors.warning.dark:y,background:b?v:k.colors.warning.lighter};case"error":return{text:b?k.colors.error.dark:y,background:b?v:k.colors.error.lighter};case"text":default:return{text:b?k.colors.text.light:y,background:b?k.colors.background.dark:v}}})(E,j,x);return`
+      color: ${q};
+      background-color: ${w};
+    `}}
+`,m=u.default.div`
+  display: flex;
+`,g=u.default(r.TinyTitleRegular)`
+  padding: 0.75rem 0;
+  margin: 0;
+`,p=u.default.span`
+  display: flex;
+  align-items: center;
+  margin-right: 1rem;
+  font-size: 1.5rem;
+`,h=u.default.span`
+  display: flex;
+  align-items: center;
+  margin-left: 1rem;
+  font-size: 2.5rem;
+  cursor: pointer;
+  }
+`;exports.default=({content:x,type:E,withIcon:j=!1,isDeletable:q=!1,fullWidth:w=!1,inverted:I=!1,...b})=>{const k=e.useRef(null),[y,v]=e.useState(!1);return i.default.createElement(d,{isDeleted:y},i.default.createElement(f,{messageType:E,fullWidth:w,inverted:I,role:"alert",ref:k,...b},i.default.createElement(m,null,j&&i.default.createElement(p,null,($=>{switch($){case"success":return i.default.createElement(l.default,null);case"warning":return i.default.createElement(s.default,null);case"error":return i.default.createElement(n.default,null);case"info":case"text":default:return i.default.createElement(o.default,null)}})(E)),i.default.createElement(g,null,x)),q&&i.default.createElement(h,{onClick:$=>{$.stopPropagation(),v(!0),setTimeout(()=>{k.current&&k.current.remove()},300)},"aria-label":"Close"},i.default.createElement(a.default,null))))};

package/cjs/components/RadioButton/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),o=require("../../theme.js"),a=require("../IconButton.js");function i(b){return b&&typeof b=="object"&&"default"in b?b:{default:b}}var l=i(e),s=i(r);const c={regular:r.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../shared/helpers.js"),a=require("../../theme.js"),l=require("../IconButton.js"),i=require("../../typography/BodyText/index.js");function o(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../../shared/media-queries.js");var s=o(e),d=o(r);const c={regular:r.css`
   .circle {
     &--outer {
       height: 24px;
@@ -24,65 +24,74 @@
       transform: scale(0.6);
     }
   }
-`},d=r.css`
+`},n=r.css`
   cursor: default;
 
   .circle {
     &--inner {
-      background-color: ${o.default.colors.gray.light1};
+      background-color: ${a.default.colors.gray.light1};
     }
 
     &--outer {
-      border: 2px solid ${o.default.colors.gray.light1};
+      border: 2px solid ${a.default.colors.gray.light1};
     }
   }
-`,n=r.css`
+`,u=r.css`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${o.default.colors.gray.light1};
+      background-color: ${a.default.colors.gray.light1};
     }
   }
-`,u=s.default.label`
+`,f=d.default.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+`,b=d.default.span`
   cursor: pointer;
   display: flex;
   position: relative;
   align-items: center;
   justify-content: center;
 
-  ${b=>c[b.size]};
+  ${y=>c[y.size]};
 
-  ${b=>{return!b.isDisabled&&b.isChecked&&(m=b.color,r.css`
+  ${y=>{return!y.isDisabled&&y.isChecked&&($=y.color,r.css`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${o.default.colors[m].main};
+      background-color: ${a.default.colors[$].main};
     }
 
     &--outer {
-      border: 2px solid ${o.default.colors[m].main};
+      border: 2px solid ${a.default.colors[$].main};
     }
   }
-`);var m}};
-  ${b=>b.isDisabled&&d};
+`);var $}};
+  ${y=>y.isDisabled&&n};
 
-  ${b=>b.isChecked&&b.isDisabled&&n};
-`,f=s.default.input`
+  ${y=>y.isChecked&&y.isDisabled&&u};
+`,p=d.default.input`
   display: none;
-`,h=s.default.span`
+`,g=d.default.span`
   display: flex;
   box-sizing: border-box;
   border-radius: 50%;
 
-  border: 2px solid ${o.default.colors.gray.light1};
-`,g=s.default.span`
+  border: 2px solid ${a.default.colors.gray.light1};
+`,h=d.default.span`
   box-sizing: border-box;
   opacity: 0;
   margin: auto;
   border-radius: 50%;
-  background-color: ${o.default.colors.gray.light1};
+  background-color: ${a.default.colors.gray.light1};
 
   position: absolute;
   top: 0;
   left: 0;
-`,p=({name:b=t.generateNameHash("radio-button"),size:m="regular",checked:x=!1,isDisabled:y=!1,color:$="secondary",onChange:k,...v})=>l.default.createElement(a.default,{onClick:k,isActive:x,isDisabled:y,color:$},l.default.createElement(f,{"data-validate":"checked",type:"radio",name:b,id:b,onChange:k,disabled:y,...v}),l.default.createElement(u,{htmlFor:b,size:m,color:$,isChecked:x,isDisabled:y},l.default.createElement(h,{className:"circle circle--outer"},l.default.createElement(g,{className:"circle circle--inner"}))));exports.RadioButton=p,exports.default=p;
+`,m=d.default(i.BodyText)`
+  cursor: ${({isDisabled:y})=>y?"default":"pointer"};
+  user-select: none;
+  color: ${({theme:y,isDisabled:$})=>$?y.colors.text.disabled:y.colors.text.dark};
+  margin-left: 0.5rem;
+`,x=({name:y=t.generateNameHash("radio-button"),size:$="regular",checked:D=!1,isDisabled:k=!1,color:j="secondary",onChange:q,label:v,...E})=>s.default.createElement(f,null,s.default.createElement(l.default,{onClick:q,isActive:D,isDisabled:k,color:j},s.default.createElement(p,{"data-validate":"checked",type:"radio",name:y,id:y,onChange:q,disabled:k,...E}),s.default.createElement(b,{size:$,color:j,isChecked:D,isDisabled:k},s.default.createElement(g,{className:"circle circle--outer"},s.default.createElement(h,{className:"circle circle--inner"})))),v&&s.default.createElement(m,{as:"label",htmlFor:y,isDisabled:k},v));exports.RadioButton=x,exports.default=x;

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

package/esm/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-import o from"react";import s,{css as r}from"styled-components";import{generateNameHash as p}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import x,{BackgroundStyles as u}from"../IconButton.js";import b from"../../icons/components/CheckmarkIcon.js";import"../../shared/media-queries.js";const k=r`
+import o from"react";import c,{css as r}from"styled-components";import{generateNameHash as p}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import x,{BackgroundStyles as u}from"../IconButton.js";import b from"../../icons/components/CheckmarkIcon.js";import"../../shared/media-queries.js";const k=r`
   width: 24px;
   height: 24px;
 
@@ -29,11 +29,11 @@ import o from"react";import s,{css as r}from"styled-components";import{generateN
   border: 2px solid ${i.colors[e].main};
 `,C=r`
   background: ${i.colors.gray.light2};
-`,j=s.label`
+`,j=c.div`
   display: flex;
   align-items: center;
   box-sizing: border-box;
-`,w=s.input.attrs({type:"checkbox"})`
+`,w=c.input.attrs({type:"checkbox"})`
   position: absolute;
   appearance: none;
   width: 100%;
@@ -52,7 +52,7 @@ import o from"react";import s,{css as r}from"styled-components";import{generateN
     transition: background-color 400ms;
     ${u}
   }
-`,z=s.span`
+`,z=c.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -73,9 +73,9 @@ import o from"react";import s,{css as r}from"styled-components";import{generateN
   ${e=>e.isDisabled&&$};
 
   ${e=>e.isChecked&&e.isDisabled&&C};
-`,B=s(g)`
+`,B=c(g)`
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
   color: ${({theme:e,isDisabled:t})=>t?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,l=({name:e=p("check-box"),isDisabled:t=!1,size:d="regular",checked:a,color:c="secondary",onClick:m,label:n,...h})=>o.createElement(j,{htmlFor:e},o.createElement(x,{onClick:m,isActive:a,isDisabled:t,color:c},o.createElement(w,{...h,"data-validate":"checked",name:e,id:e,color:c,disabled:t,isDisabled:t}),o.createElement(z,{size:d,color:c,isChecked:a,isDisabled:t},o.createElement(b,null))),n&&o.createElement(B,{as:"span",isDisabled:t},n));export{l as CheckBox,l as default};
+`,l=({name:e=p("check-box"),isDisabled:t=!1,size:d="regular",checked:a,color:s="secondary",onClick:m,label:n,...h})=>o.createElement(j,null,o.createElement(x,{onClick:m,isActive:a,isDisabled:t,color:s},o.createElement(w,{...h,"data-validate":"checked",name:e,id:e,color:s,disabled:t,isDisabled:t}),o.createElement(z,{size:d,color:s,isChecked:a,isDisabled:t},o.createElement(b,null))),n&&o.createElement(B,{as:"label",htmlFor:e,isDisabled:t},n));export{l as CheckBox,l as default};

package/esm/components/Dialog/index.js

@@ -1,27 +1,27 @@
-import t from"react";import e from"styled-components";import{mq as h}from"../../shared/media-queries.js";import{Button as l}from"../Button/index.js";import{Modal as g}from"../Modal/index.js";import{TinyTitleBold as j}from"../../typography/Heading/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";const v=e.div`
+import t from"react";import e from"styled-components";import{mq as g}from"../../shared/media-queries.js";import{Button as l}from"../Button/index.js";import{Modal as j}from"../Modal/index.js";import{TinyTitleBold as v}from"../../typography/Heading/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";const w=e.div`
   padding-top: 1rem;
-`,w=e.div`
+`,E=e.div`
   top: 20px;
   left: 32px;
   position: absolute;
-`,E=e(j)`
+`,B=e(v)`
   font-weight: ${({theme:o})=>o.typography.fontAlternativeRegularWeight};
   margin: 0;
-`,B=e.div`
+`,C=e.div`
   display: flex;
   justify-content: space-between;
-  ${h("tablet")} {
+  ${g("tablet")} {
     justify-content: flex-start;
   }
   overflow-x: hidden;
-`,C=e(l)`
+`,T=e(l)`
   overflow-x: hidden;
   margin-right: 2rem;
   justify-content: center;
   width: 100%;
   max-width: 110px;
-`,T=e(l)`
+`,b=e(l)`
   justify-content: center;
   width: 100%;
   max-width: 245px;
-`,a=({isOpen:o,title:n,children:s,modalStyles:m,titleStyles:c,primaryButtonText:p,primaryButtonStyles:d,secondaryButtonStyles:u,secondaryButtonText:f,primaryButtonAction:r,secondaryButtonAction:i,onClose:y,withPortal:x})=>t.createElement(g,{contentStyles:m,isOpen:o,onClose:y,withPortal:x},n&&t.createElement(w,null,t.createElement(E,{style:c},n)),t.createElement(v,null,s),t.createElement(B,null,i&&t.createElement(C,{style:u,onClick:i,variant:"outline",color:"neutral"},f),r&&t.createElement(T,{style:d,onClick:r,variant:"solid",color:"success"},p)));export{a as Dialog,a as default};
+`,a=({isOpen:o,title:n,children:s,modalStyles:m,titleStyles:p,primaryButtonText:c,primaryButtonStyles:d,secondaryButtonStyles:u,secondaryButtonText:f,primaryButtonAction:r,secondaryButtonAction:i,onClose:y,withPortal:x,color:h="success"})=>t.createElement(j,{contentStyles:m,isOpen:o,onClose:y,withPortal:x},n&&t.createElement(E,null,t.createElement(B,{style:p},n)),t.createElement(w,null,s),t.createElement(C,null,i&&t.createElement(T,{style:u,onClick:i,variant:"outline",color:"neutral"},f),r&&t.createElement(b,{style:d,onClick:r,variant:"solid",color:h},c)));export{a as Dialog,a as default};

package/esm/components/Message/index.js

@@ -0,0 +1,34 @@
+import n,{useRef as f,useState as d}from"react";import s from"styled-components";import{TinyTitleRegular as k}from"../../typography/Heading/index.js";import x from"../../icons/components/AlertIcon.js";import I from"../../icons/components/CheckCircleIcon.js";import C from"../../icons/components/CloseIcon.js";import b from"../../icons/components/InfoIcon.js";import y from"../../icons/components/WarningIcon.js";import"../../shared/media-queries.js";const E=(r,o,e)=>{const t=e.colors.text.dark,c=e.colors.background.light;switch(r){case"info":return{text:o?e.colors.info.dark:t,background:o?c:e.colors.info.lighter};case"success":return{text:o?e.colors.success.dark:t,background:o?c:e.colors.success.lighter};case"warning":return{text:o?e.colors.warning.dark:t,background:o?c:e.colors.warning.lighter};case"error":return{text:o?e.colors.error.dark:t,background:o?c:e.colors.error.lighter};case"text":default:return{text:o?e.colors.text.light:t,background:o?e.colors.background.dark:c}}},j=r=>{switch(r){case"success":return n.createElement(I,null);case"warning":return n.createElement(y,null);case"error":return n.createElement(x,null);case"info":case"text":default:return n.createElement(b,null)}},w=s.div`
+  ${({isDeleted:r})=>r&&`
+      opacity: 0;
+      transition: opacity 0.3s;
+    `}
+`,W=s.div`
+  display: ${({fullWidth:r})=>r?"flex":"inline-flex"};
+  ${({fullWidth:r})=>r&&"justify-content: space-between;"}
+  align-items: center;
+  padding: 0 1.5rem;
+  box-shadow: ${({theme:r})=>r.elevations.elevation2};
+
+  ${({theme:r,messageType:o,inverted:e})=>{const{text:t,background:c}=E(o,e,r);return`
+      color: ${t};
+      background-color: ${c};
+    `}}
+`,$=s.div`
+  display: flex;
+`,h=s(k)`
+  padding: 0.75rem 0;
+  margin: 0;
+`,T=s.span`
+  display: flex;
+  align-items: center;
+  margin-right: 1rem;
+  font-size: 1.5rem;
+`,D=s.span`
+  display: flex;
+  align-items: center;
+  margin-left: 1rem;
+  font-size: 2.5rem;
+  cursor: pointer;
+  }
+`,R=({content:r,type:o,withIcon:e=!1,isDeletable:t=!1,fullWidth:c=!1,inverted:l=!1,...i})=>{const a=f(null),[u,p]=d(!1),g=m=>{m.stopPropagation(),p(!0),setTimeout(()=>{a.current&&a.current.remove()},300)};return n.createElement(w,{isDeleted:u},n.createElement(W,{messageType:o,fullWidth:c,inverted:l,role:"alert",ref:a,...i},n.createElement($,null,e&&n.createElement(T,null,j(o)),n.createElement(h,null,r)),t&&n.createElement(D,{onClick:g,"aria-label":"Close"},n.createElement(C,null))))};export{R as default};

package/esm/components/RadioButton/index.js

@@ -1,4 +1,4 @@
-import t from"react";import i,{css as o}from"styled-components";import{generateNameHash as g}from"../../shared/helpers.js";import r from"../../theme.js";import h from"../IconButton.js";const m=o`
+import r from"react";import o,{css as i}from"styled-components";import{generateNameHash as p}from"../../shared/helpers.js";import t from"../../theme.js";import g from"../IconButton.js";import{BodyText as h}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const b=i`
   .circle {
     &--outer {
       height: 24px;
@@ -11,7 +11,7 @@ import t from"react";import i,{css as o}from"styled-components";import{generateN
       transform: scale(0.6);
     }
   }
-`,p=o`
+`,y=i`
   .circle {
     &--outer {
       height: 32px;
@@ -24,65 +24,74 @@ import t from"react";import i,{css as o}from"styled-components";import{generateN
       transform: scale(0.6);
     }
   }
-`,b={regular:m,large:p},y=o`
+`,x={regular:b,large:y},f=i`
   cursor: default;
 
   .circle {
     &--inner {
-      background-color: ${r.colors.gray.light1};
+      background-color: ${t.colors.gray.light1};
     }
 
     &--outer {
-      border: 2px solid ${r.colors.gray.light1};
+      border: 2px solid ${t.colors.gray.light1};
     }
   }
-`,f=o`
+`,$=i`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${r.colors.gray.light1};
+      background-color: ${t.colors.gray.light1};
     }
   }
-`,x=e=>o`
+`,k=e=>i`
   .circle {
     &--inner {
       opacity: 1;
-      background-color: ${r.colors[e].main};
+      background-color: ${t.colors[e].main};
     }
 
     &--outer {
-      border: 2px solid ${r.colors[e].main};
+      border: 2px solid ${t.colors[e].main};
     }
   }
-`,$=i.label`
+`,z=o.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+`,B=o.span`
   cursor: pointer;
   display: flex;
   position: relative;
   align-items: center;
   justify-content: center;
 
-  ${e=>b[e.size]};
+  ${e=>x[e.size]};
 
-  ${e=>!e.isDisabled&&e.isChecked&&x(e.color)};
-  ${e=>e.isDisabled&&y};
+  ${e=>!e.isDisabled&&e.isChecked&&k(e.color)};
+  ${e=>e.isDisabled&&f};
 
-  ${e=>e.isChecked&&e.isDisabled&&f};
-`,k=i.input`
+  ${e=>e.isChecked&&e.isDisabled&&$};
+`,E=o.input`
   display: none;
-`,z=i.span`
+`,j=o.span`
   display: flex;
   box-sizing: border-box;
   border-radius: 50%;
 
-  border: 2px solid ${r.colors.gray.light1};
-`,B=i.span`
+  border: 2px solid ${t.colors.gray.light1};
+`,C=o.span`
   box-sizing: border-box;
   opacity: 0;
   margin: auto;
   border-radius: 50%;
-  background-color: ${r.colors.gray.light1};
+  background-color: ${t.colors.gray.light1};
 
   position: absolute;
   top: 0;
   left: 0;
-`,n=({name:e=g("radio-button"),size:d="regular",checked:l=!1,isDisabled:c=!1,color:a="secondary",onChange:s,...u})=>t.createElement(h,{onClick:s,isActive:l,isDisabled:c,color:a},t.createElement(k,{"data-validate":"checked",type:"radio",name:e,id:e,onChange:s,disabled:c,...u}),t.createElement($,{htmlFor:e,size:d,color:a,isChecked:l,isDisabled:c},t.createElement(z,{className:"circle circle--outer"},t.createElement(B,{className:"circle circle--inner"}))));export{n as RadioButton,n as default};
+`,S=o(h)`
+  cursor: ${({isDisabled:e})=>e?"default":"pointer"};
+  user-select: none;
+  color: ${({theme:e,isDisabled:l})=>l?e.colors.text.disabled:e.colors.text.dark};
+  margin-left: 0.5rem;
+`,m=({name:e=p("radio-button"),size:l="regular",checked:s=!1,isDisabled:c=!1,color:a="secondary",onChange:n,label:d,...u})=>r.createElement(z,null,r.createElement(g,{onClick:n,isActive:s,isDisabled:c,color:a},r.createElement(E,{"data-validate":"checked",type:"radio",name:e,id:e,onChange:n,disabled:c,...u}),r.createElement(B,{size:l,color:a,isChecked:s,isDisabled:c},r.createElement(j,{className:"circle circle--outer"},r.createElement(C,{className:"circle circle--inner"})))),d&&r.createElement(S,{as:"label",htmlFor:e,isDisabled:c},d));export{m as RadioButton,m 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{default as Step}from"./components/InlineStepper/Step.js";export{InlineStepper}from"./components/InlineStepper/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{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 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 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 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{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/InlineStepper/StepCircle.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{default as Step}from"./components/InlineStepper/Step.js";export{InlineStepper}from"./components/InlineStepper/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 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 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 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{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/InlineStepper/StepCircle.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.0.0",
+  "version": "8.2.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { CheckboxSize, Color } from '../../Types';
 export interface CheckBoxProps {
     name?: string;
@@ -7,7 +8,7 @@ export interface CheckBoxProps {
     checked: boolean;
     isDisabled?: boolean;
     onClick?(): void;
-    label?: string;
+    label?: ReactNode;
 }
 export declare const CheckBox: ({ name, isDisabled, size, checked, color, onClick, label, ...rest }: CheckBoxProps) => JSX.Element;
 export default CheckBox;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { Color } from '../../Types';
 export interface DialogProps {
     title?: string;
     children: ReactNode;
@@ -14,6 +15,7 @@ export interface DialogProps {
     onClose(): void;
     primaryButtonAction?(): void;
     secondaryButtonAction?(): void;
+    color?: Color;
 }
-export declare const Dialog: ({ isOpen, title, children, modalStyles, titleStyles, primaryButtonText, primaryButtonStyles, secondaryButtonStyles, secondaryButtonText, primaryButtonAction, secondaryButtonAction, onClose, withPortal, }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ isOpen, title, children, modalStyles, titleStyles, primaryButtonText, primaryButtonStyles, secondaryButtonStyles, secondaryButtonText, primaryButtonAction, secondaryButtonAction, onClose, withPortal, color, }: DialogProps) => JSX.Element;
 export default Dialog;

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

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+declare type MessageType = 'text' | 'info' | 'success' | 'warning' | 'error';
+export declare type Props = {
+    content: ReactNode;
+    type: MessageType;
+    withIcon?: boolean;
+    isDeletable?: boolean;
+    fullWidth?: boolean;
+    inverted?: boolean;
+} & ComponentPropsWithoutRef<'div'>;
+declare const Message: ({ content, type, withIcon, isDeletable, fullWidth, inverted, ...props }: Props) => JSX.Element;
+export default Message;

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { RadioButtonSize, Color } from '../../Types';
 export interface RadioButtonProps {
     name?: string;
@@ -6,6 +7,7 @@ export interface RadioButtonProps {
     checked?: boolean;
     isDisabled?: boolean;
     onChange?(): void;
+    label?: ReactNode;
 }
-export declare const RadioButton: ({ name, size, checked, isDisabled, color, onChange, ...props }: RadioButtonProps) => JSX.Element;
+export declare const RadioButton: ({ name, size, checked, isDisabled, color, onChange, label, ...props }: RadioButtonProps) => JSX.Element;
 export default RadioButton;

package/types/index.d.ts

@@ -30,6 +30,7 @@ export { NotificationButton } from './components/NotificationButton';
 export { Range } from './components/Range';
 export { Chip } from './components/Chip';
 export { default as Breadcrumbs } from './components/Breadcrumbs';
+export { default as Message } from './components/Message';
 export { default as Header } from './components/Header';
 export { default as MenuItem } from './components/MenuItem';
 export * from './icons/components';