@kvdbil/components 9.7.0 → 10.1.1

package/cjs/components/Button/styles.js

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

package/cjs/components/Hero/index.js

@@ -1,32 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../theme.js");function i(p){return p&&typeof p=="object"&&"default"in p?p:{default:p}}var r=i(e),n=i(t);const l=n.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),i=require("../../typography/Heading/index.js"),r=require("../Button/index.js"),o=require("../../shared/media-queries.js");function n(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");var l=n(e),a=n(t);const d=a.default.div`
   position: relative;
-  min-height: 500px;
-  background-color: ${o.default.colors.primary.main};
+  min-height: 440px;
   background-size: cover;
   display: flex;
-`,a=n.default.div`
-  pointer-events: ${({$pointerEvents:p})=>p};
+  flex-direction: column;
+`,s=a.default.div`
+  pointer-events: ${({$pointerEvents:x})=>x};
   position: relative;
   display: flex;
-  flex-direction: ${({$direction:p})=>p};
-  align-items: ${({$align:p})=>p};
-  justify-content: ${({$justify:p})=>p};
+  flex-direction: ${({$direction:x})=>x};
+  align-items: ${({$align:x})=>x};
+  justify-content: ${({$justify:x})=>x};
   padding: 50px;
   z-index: 1;
   flex: 1;
-`,d=n.default.iframe`
+`,u=a.default.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,s=p=>typeof p=="number",u=p=>typeof p=="string",c=n.default.img`
+`,c=x=>typeof x=="number",p=x=>typeof x=="string",f=a.default.img`
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
-  background-color: ${o.default.colors.primary.main};
-  object-position: ${({$positionX:p,$positionY:$})=>s(p)&&s($)?`${p}% ${$}%`:u(p)&&u($)?`${p} ${$}`:p||$?`${(s(p)?`${p}%`:p)||"50%"} ${(s($)?`${$}%`:$)||"50%"}`:"50% 50%"};
-`;function f(p){const{imageProps:$,containerStyle:g,videoProps:m,children:v,align:b,direction:h,justify:x}=p,{autoplay:j=0,controls:w=0,disablekb:k=0,end:y,loop:E=0,modestbranding:q=1,start:P=0,showInfo:z=0}=(m==null?void 0:m.ytConfig)||{};return r.default.createElement(l,{style:g},m?r.default.createElement(d,{"data-testid":"hero-video",title:"video-frame",src:`${m.src}?disabledkb=${k}&autoplay=${j}&controls=${w}&loop=${E}&modestbranding=${q}&start=${P}&showInfo=${z}${y?`&end=${y}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.default.createElement(c,{$positionX:$==null?void 0:$.x,$positionY:$==null?void 0:$.y,src:$==null?void 0:$.src,alt:"Hero background"}),r.default.createElement(a,{$pointerEvents:m?"none":"auto",$align:b||"flex-start",$direction:h||"column",$justify:x||"flex-start"},v))}exports.Hero=f,exports.default=f;
+  object-position: ${({$positionX:x,$positionY:v})=>c(x)&&c(v)?`${x}% ${v}%`:p(x)&&p(v)?`${x} ${v}`:x||v?`${(c(x)?`${x}%`:x)||"50%"} ${(c(v)?`${v}%`:v)||"50%"}`:"50% 50%"};
+`,m=a.default.div`
+  width: 100%;
+  z-index: 1;
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  ${o.mq("tablet")} {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+`,$=a.default.div`
+  margin-top: 3rem;
+  margin-left: auto;
+  margin-right: auto;
+
+  max-width: ${({$maxWidth:x})=>x}rem;
+  width: 100%;
+
+  ${o.mq("laptop")} {
+    margin-top: 3.75rem;
+  }
+`,g=a.default(i.Display3)`
+  margin: 0;
+  color: ${({$color:x,theme:v})=>v.colors.text[x]};
+`,h=a.default(i.Title)`
+  margin: 0.25rem 0;
+  color: ${({$color:x,theme:v})=>v.colors.text[x]};
+`,y=a.default.a`
+  display: inline-block;
+  margin-top: 3rem;
+  text-decoration: none;
+`;exports.default=({imageProps:x,containerStyle:v,videoProps:q,children:j,align:P,direction:S,justify:W,contentMaxWidth:C=64,heading:E,headingColor:k="dark",subheading:w,buttonProps:b})=>{var B;const{autoplay:H=0,controls:I=0,disablekb:M=0,end:z,loop:T=0,modestbranding:X=1,start:Y=0,showInfo:_=0}=(q==null?void 0:q.ytConfig)||{};return l.default.createElement(d,{style:v},q?l.default.createElement(u,{"data-testid":"hero-video",title:"video-frame",src:`${q.src}?disabledkb=${M}&autoplay=${H}&controls=${I}&loop=${T}&modestbranding=${X}&start=${Y}&showInfo=${_}${z?`&end=${z}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):l.default.createElement(f,{$positionX:x==null?void 0:x.x,$positionY:x==null?void 0:x.y,src:x==null?void 0:x.src,alt:"Hero background"}),(E||w||b)&&l.default.createElement(m,null,l.default.createElement($,{$maxWidth:C},E&&l.default.createElement(g,{as:"h1",$color:k},E),w&&l.default.createElement(h,{$color:k},w),b&&l.default.createElement(y,{href:b.link},l.default.createElement(r.Button,{size:"large",as:"span",color:(B=b==null?void 0:b.color)!=null?B:"secondary"},b.text)))),j&&l.default.createElement(s,{$pointerEvents:q?"none":"auto",$align:P||"flex-start",$direction:S||"column",$justify:W||"flex-start"},j))};

package/cjs/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Tab.js"),r=require("styled-components"),l=require("../../shared/media-queries.js"),i=require("react-collapse");function n(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../utils/utils.js");var a=n(e),o=n(r);const s=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./Tab.js"),r=require("styled-components"),l=require("../../shared/media-queries.js"),i=require("react-collapse");function n(b){return b&&typeof b=="object"&&"default"in b?b:{default:b}}require("../Button/index.js"),require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js"),require("../../utils/utils.js");var a=n(e),o=n(r);const s=o.default.div`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
@@ -11,14 +11,14 @@
   align-items: center;
   flex-wrap: wrap;
 
-  ${({theme:m,fullWidthBorder:q})=>q?`border-bottom: 3px solid ${m.colors.gray.light6};`:`& > li {
-          border-bottom: 3px solid ${m.colors.gray.light6};
+  ${({theme:b,fullWidthBorder:w})=>w?`border-bottom: 3px solid ${b.colors.gray.light6};`:`& > li {
+          border-bottom: 3px solid ${b.colors.gray.light6};
         }`}
 
   ${l.mq("mobileM")} {
     flex-direction: row;
-    justify-content: ${({justify:m})=>m};
+    justify-content: ${({justify:b})=>b};
   }
 `,u=o.default.div`
   padding: 0.5rem 0;
-`,c=o.default.div``,p=({activeColor:m="secondary",justify:q="end",activeIndex:k,initalActive:D,children:I=[],kbNavAutoOpen:E=!0,onTabClick:O=()=>{},fullWidthBorder:W=!0})=>{var $,A;const v=e.Children.map(I,f=>f),[x,j]=e.useState(()=>D!=null?D:v.findIndex(f=>!f.props.isDisabled)),R=e.useRef([]),M=Boolean((A=($=v[x])==null?void 0:$.props)==null?void 0:A.children);e.useEffect(()=>{k!==void 0&&j(k)},[k]);const S=(f,b)=>{if(f.preventDefault(),f.key!=="Enter"||E||j(b),f.key==="ArrowLeft"||f.key==="ArrowRight"){const y=E?x:b,h=f.key==="ArrowRight",w=h?y+1:0,B=h?v.length:y,T=v.slice(w,B);h||T.reverse();const C=T.findIndex(g=>!g.props.isDisabled);if(C!==-1){const g=h?y+(C+1):y-(C+1);E&&j(g),R.current[g].focus()}}};return a.default.createElement(s,null,a.default.createElement(i.UnmountClosed,{isOpened:!0},a.default.createElement(d,{fullWidthBorder:W,justify:q,role:"tablist"},v.map((f,b)=>f?a.default.createElement(t.default,{key:b,label:f.props.label,isDisabled:f.props.isDisabled,index:b,id:b,isActive:x===b,activeColor:m,onClick:(y,h)=>{f.props.isDisabled||(O(y,h),((w,B)=>{w.preventDefault(),j(B)})(y,h))},onKeyUp:S,ref:y=>R.current[b]=y}):null)),M&&a.default.createElement(u,null,v.map((f,b)=>{const y=f.props.children&&x===b;return a.default.createElement(c,{key:b,id:`tabpanel-${b}`,role:"tabpanel","aria-labelledby":`tab-${b}`,"aria-hidden":y?"false":"true"},y&&f.props.children)}))))};exports.Tabs=p,exports.default=p;
+`,c=o.default.div``,p=({activeColor:b="secondary",justify:w="end",activeIndex:B,initalActive:$,children:O=[],kbNavAutoOpen:D=!0,onTabClick:A,fullWidthBorder:W=!0})=>{var R,T;const v=e.Children.map(O,f=>f),[j,C]=e.useState(()=>$!=null?$:v.findIndex(f=>!f.props.isDisabled)),I=e.useRef([]),M=Boolean((T=(R=v[j])==null?void 0:R.props)==null?void 0:T.children);e.useEffect(()=>{B!==void 0&&C(B)},[B]);const S=(f,m)=>{if(f.preventDefault(),f.key!=="Enter"||D||C(m),f.key==="ArrowLeft"||f.key==="ArrowRight"){const h=D?j:m,y=f.key==="ArrowRight",g=y?h+1:0,E=y?v.length:h,q=v.slice(g,E);y||q.reverse();const k=q.findIndex(x=>!x.props.isDisabled);if(k!==-1){const x=y?h+(k+1):h-(k+1);D&&C(x),I.current[x].focus()}}};return a.default.createElement(s,null,a.default.createElement(i.UnmountClosed,{isOpened:!0},a.default.createElement(d,{fullWidthBorder:W,justify:w,role:"tablist"},v.map((f,m)=>{if(!f)return null;const h=j===m;return a.default.createElement(t.default,{key:m,label:f.props.label,isDisabled:f.props.isDisabled,index:m,id:m,isActive:j===m,activeColor:b,onClick:(y,g)=>{var E,q;h||f.props.isDisabled||((q=(E=f.props).onClick)==null||q.call(E,y,g),A==null||A(y,g),((k,x)=>{k.preventDefault(),C(x)})(y,g))},onKeyUp:S,ref:y=>I.current[m]=y})})),M&&a.default.createElement(u,null,v.map((f,m)=>{const h=f.props.children&&j===m;return a.default.createElement(c,{key:m,id:`tabpanel-${m}`,role:"tabpanel","aria-labelledby":`tab-${m}`,"aria-hidden":h?"false":"true"},h&&f.props.children)}))))};exports.Tabs=p,exports.default=p;

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

package/esm/components/Button/styles.js

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

package/esm/components/Hero/index.js

@@ -1,10 +1,10 @@
-import r from"react";import n from"styled-components";import c from"../../theme.js";const w=n.div`
+import r from"react";import n from"styled-components";import{Display3 as B,Title as z}from"../../typography/Heading/index.js";import{Button as C}from"../Button/index.js";import{mq as f}from"../../shared/media-queries.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const H=n.div`
   position: relative;
-  min-height: 500px;
-  background-color: ${c.colors.primary.main};
+  min-height: 440px;
   background-size: cover;
   display: flex;
-`,j=n.div`
+  flex-direction: column;
+`,S=n.div`
   pointer-events: ${({$pointerEvents:e})=>e};
   position: relative;
   display: flex;
@@ -14,19 +14,49 @@ import r from"react";import n from"styled-components";import c from"../../theme.
   padding: 50px;
   z-index: 1;
   flex: 1;
-`,k=n.iframe`
+`,I=n.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,i=e=>typeof e=="number",s=e=>typeof e=="string",E=({$positionX:e,$positionY:t})=>{if(i(e)&&i(t))return`${e}% ${t}%`;if(s(e)&&s(t))return`${e} ${t}`;if(e||t){const l=i(e)?`${e}%`:e,o=i(t)?`${t}%`:t;return`${l||"50%"} ${o||"50%"}`}return"50% 50%"},I=n.img`
+`,i=e=>typeof e=="number",p=e=>typeof e=="string",_=({$positionX:e,$positionY:t})=>{if(i(e)&&i(t))return`${e}% ${t}%`;if(p(e)&&p(t))return`${e} ${t}`;if(e||t){const o=i(e)?`${e}%`:e,a=i(t)?`${t}%`:t;return`${o||"50%"} ${a||"50%"}`}return"50% 50%"},q=n.img`
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
-  background-color: ${c.colors.primary.main};
-  object-position: ${E};
-`;function d(e){const{imageProps:t,containerStyle:l,videoProps:o,children:u,align:m,direction:f,justify:p}=e,{autoplay:g=0,controls:y=0,disablekb:b=0,end:a,loop:h=0,modestbranding:v=1,start:$=0,showInfo:x=0}=(o==null?void 0:o.ytConfig)||{};return r.createElement(w,{style:l},o?r.createElement(k,{"data-testid":"hero-video",title:"video-frame",src:`${o.src}?disabledkb=${b}&autoplay=${g}&controls=${y}&loop=${h}&modestbranding=${v}&start=${$}&showInfo=${x}${a?`&end=${a}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.createElement(I,{$positionX:t==null?void 0:t.x,$positionY:t==null?void 0:t.y,src:t==null?void 0:t.src,alt:"Hero background"}),r.createElement(j,{$pointerEvents:o?"none":"auto",$align:m||"flex-start",$direction:f||"column",$justify:p||"flex-start"},u))}export{d as Hero,d as default};
+  object-position: ${_};
+`,R=n.div`
+  width: 100%;
+  z-index: 1;
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  ${f("tablet")} {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+`,T=n.div`
+  margin-top: 3rem;
+  margin-left: auto;
+  margin-right: auto;
+
+  max-width: ${({$maxWidth:e})=>e}rem;
+  width: 100%;
+
+  ${f("laptop")} {
+    margin-top: 3.75rem;
+  }
+`,W=n(B)`
+  margin: 0;
+  color: ${({$color:e,theme:t})=>t.colors.text[e]};
+`,D=n(z)`
+  margin: 0.25rem 0;
+  color: ${({$color:e,theme:t})=>t.colors.text[e]};
+`,F=n.a`
+  display: inline-block;
+  margin-top: 3rem;
+  text-decoration: none;
+`,L=({imageProps:e,containerStyle:t,videoProps:o,children:a,align:g,direction:x,justify:y,contentMaxWidth:h=64,heading:c,headingColor:m="dark",subheading:d,buttonProps:l})=>{var s;const{autoplay:$=0,controls:v=0,disablekb:b=0,end:u,loop:j=0,modestbranding:w=1,start:E=0,showInfo:k=0}=(o==null?void 0:o.ytConfig)||{};return r.createElement(H,{style:t},o?r.createElement(I,{"data-testid":"hero-video",title:"video-frame",src:`${o.src}?disabledkb=${b}&autoplay=${$}&controls=${v}&loop=${j}&modestbranding=${w}&start=${E}&showInfo=${k}${u?`&end=${u}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.createElement(q,{$positionX:e==null?void 0:e.x,$positionY:e==null?void 0:e.y,src:e==null?void 0:e.src,alt:"Hero background"}),(c||d||l)&&r.createElement(R,null,r.createElement(T,{$maxWidth:h},c&&r.createElement(W,{as:"h1",$color:m},c),d&&r.createElement(D,{$color:m},d),l&&r.createElement(F,{href:l.link},r.createElement(C,{size:"large",as:"span",color:(s=l==null?void 0:l.color)!=null?s:"secondary"},l.text)))),a&&r.createElement(S,{$pointerEvents:o?"none":"auto",$align:g||"flex-start",$direction:x||"column",$justify:y||"flex-start"},a))};export{L as default};

package/esm/components/Tabs/Tabs.js

@@ -1,8 +1,8 @@
-import i,{Children as x,useState as B,useRef as _,useEffect as A}from"react";import I from"./Tab.js";import d from"styled-components";import{mq as P}from"../../shared/media-queries.js";import{UnmountClosed as S}from"react-collapse";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../utils/utils.js";const U=d.div`
+import n,{Children as _,useState as x,useRef as A,useEffect as B}from"react";import I from"./Tab.js";import u from"styled-components";import{mq as P}from"../../shared/media-queries.js";import{UnmountClosed as S}from"react-collapse";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../utils/utils.js";const U=u.div`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,q=d.ul`
+`,q=u.ul`
   width: 100%;
   padding: 0;
   margin: 0.5rem 0;
@@ -11,14 +11,14 @@ import i,{Children as x,useState as B,useRef as _,useEffect as A}from"react";imp
   align-items: center;
   flex-wrap: wrap;
 
-  ${({theme:o,fullWidthBorder:p})=>p?`border-bottom: 3px solid ${o.colors.gray.light6};`:`& > li {
-          border-bottom: 3px solid ${o.colors.gray.light6};
+  ${({theme:s,fullWidthBorder:f})=>f?`border-bottom: 3px solid ${s.colors.gray.light6};`:`& > li {
+          border-bottom: 3px solid ${s.colors.gray.light6};
         }`}
 
   ${P("mobileM")} {
     flex-direction: row;
-    justify-content: ${({justify:o})=>o};
+    justify-content: ${({justify:s})=>s};
   }
-`,F=d.div`
+`,F=u.div`
   padding: 0.5rem 0;
-`,K=d.div``,E=({activeColor:o="secondary",justify:p="end",activeIndex:m,initalActive:b,children:j=[],kbNavAutoOpen:u=!0,onTabClick:C=()=>{},fullWidthBorder:v=!0})=>{var y,h;const s=x.map(j,e=>e),[l,a]=B(()=>b!=null?b:s.findIndex(e=>!e.props.isDisabled)),g=_([]),D=Boolean((h=(y=s[l])==null?void 0:y.props)==null?void 0:h.children),w=(e,t)=>{e.preventDefault(),a(t)};A(()=>{typeof m!="undefined"&&a(m)},[m]);const R=(e,t)=>{if(e.preventDefault(),e.key==="Enter"&&!u&&a(t),e.key==="ArrowLeft"||e.key==="ArrowRight"){const r=u?l:t,n=e.key==="ArrowRight",$=n?r+1:0,k=n?s.length:r,T=s.slice($,k);n||T.reverse();const f=T.findIndex(c=>!c.props.isDisabled);if(f!==-1){const c=n?r+(f+1):r-(f+1);u&&a(c),g.current[c].focus()}}};return i.createElement(U,null,i.createElement(S,{isOpened:!0},i.createElement(q,{fullWidthBorder:v,justify:p,role:"tablist"},s.map((e,t)=>e?i.createElement(I,{key:t,label:e.props.label,isDisabled:e.props.isDisabled,index:t,id:t,isActive:l===t,activeColor:o,onClick:(r,n)=>{e.props.isDisabled||(C(r,n),w(r,n))},onKeyUp:R,ref:r=>g.current[t]=r}):null)),D&&i.createElement(F,null,s.map((e,t)=>{const r=e.props.children&&l===t;return i.createElement(K,{key:t,id:`tabpanel-${t}`,role:"tabpanel","aria-labelledby":`tab-${t}`,"aria-hidden":r?"false":"true"},r&&e.props.children)}))))};export{E as Tabs,E as default};
+`,K=u.div``,C=({activeColor:s="secondary",justify:f="end",activeIndex:b,initalActive:g,children:D=[],kbNavAutoOpen:y=!0,onTabClick:v,fullWidthBorder:w=!0})=>{var T,E;const l=_.map(D,e=>e),[i,d]=x(()=>g!=null?g:l.findIndex(e=>!e.props.isDisabled)),j=A([]),R=Boolean((E=(T=l[i])==null?void 0:T.props)==null?void 0:E.children),$=(e,t)=>{e.preventDefault(),d(t)};B(()=>{typeof b!="undefined"&&d(b)},[b]);const k=(e,t)=>{if(e.preventDefault(),e.key==="Enter"&&!y&&d(t),e.key==="ArrowLeft"||e.key==="ArrowRight"){const o=y?i:t,r=e.key==="ArrowRight",a=r?o+1:0,p=r?l.length:o,c=l.slice(a,p);r||c.reverse();const h=c.findIndex(m=>!m.props.isDisabled);if(h!==-1){const m=r?o+(h+1):o-(h+1);y&&d(m),j.current[m].focus()}}};return n.createElement(U,null,n.createElement(S,{isOpened:!0},n.createElement(q,{fullWidthBorder:w,justify:f,role:"tablist"},l.map((e,t)=>{if(!e)return null;const o=i===t;return n.createElement(I,{key:t,label:e.props.label,isDisabled:e.props.isDisabled,index:t,id:t,isActive:i===t,activeColor:s,onClick:(r,a)=>{var p,c;!o&&!e.props.isDisabled&&((c=(p=e.props).onClick)==null||c.call(p,r,a),v==null||v(r,a),$(r,a))},onKeyUp:k,ref:r=>j.current[t]=r})})),R&&n.createElement(F,null,l.map((e,t)=>{const o=e.props.children&&i===t;return n.createElement(K,{key:t,id:`tabpanel-${t}`,role:"tabpanel","aria-labelledby":`tab-${t}`,"aria-hidden":o?"false":"true"},o&&e.props.children)}))))};export{C as Tabs,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{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{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{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";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{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{default as Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as 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{resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";

package/package.json

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

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

@@ -1,19 +1,12 @@
 import { ReactNode } from 'react';
 import { CSSProperties } from 'styled-components';
+import { Color } from '../../Types';
 declare type Justify = Exclude<CSSProperties['justifyContent'], number>;
 declare type Align = Exclude<CSSProperties['alignItems'], number>;
 declare type Direction = CSSProperties['flexDirection'];
+declare type DarkOrLight = 'dark' | 'light';
 declare type ObjectPositionX = number | 'center' | 'left' | 'right';
 declare type ObjectPositionY = number | 'center' | 'top' | 'bottom';
-export interface HeroBaseProps {
-    children?: ReactNode;
-    containerStyle?: Record<string, string>;
-    videoProps?: VideoProps;
-    imageProps?: ImageProps;
-    justify?: Justify;
-    align?: Align;
-    direction?: Direction;
-}
 declare type YouTubeVideoProps = {
     autoplay: 0 | 1;
     controls: 0 | 1;
@@ -33,12 +26,23 @@ declare type VideoProps = {
     src: string;
     ytConfig?: Partial<YouTubeVideoProps>;
 };
-export interface ImageBannerProps extends HeroBaseProps {
-    imageProps: ImageProps;
-}
-export interface VideoBannerProps extends HeroBaseProps {
-    videoProps: VideoProps;
+export interface HeroProps {
+    children?: ReactNode;
+    containerStyle?: Record<string, string>;
+    videoProps?: VideoProps;
+    imageProps?: ImageProps;
+    justify?: Justify;
+    align?: Align;
+    direction?: Direction;
+    contentMaxWidth?: number;
+    heading?: ReactNode;
+    headingColor?: DarkOrLight;
+    subheading?: ReactNode;
+    buttonProps?: {
+        link: string;
+        text: string;
+        color?: Color;
+    };
 }
-declare function Hero(props: ImageBannerProps): JSX.Element;
-declare function Hero(props: VideoBannerProps): JSX.Element;
-export { Hero, Hero as default };
+declare const Hero: ({ imageProps, containerStyle, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, buttonProps, }: HeroProps) => JSX.Element;
+export default Hero;

package/types/index.d.ts

@@ -23,7 +23,7 @@ export { default as RadioButton } from './components/RadioButton';
 export { default as SpinnerThin } from './components/SpinnerThin';
 export { default as Stamp } from './components/Stamp';
 export { TimePicker } from './components/TimePicker';
-export { Hero } from './components/Hero';
+export { default as Hero } from './components/Hero';
 export { DayPicker } from './components/DayPicker';
 export { default as Logo } from './components/Logo';
 export { Badge } from './components/Badge';
@@ -37,7 +37,6 @@ export { Chip } from './components/Chip';
 export { default as Breadcrumbs } from './components/Breadcrumbs';
 export { default as Message } from './components/Message';
 export { default as RegistrationPlate } from './components/RegistrationPlate';
-export { default as Header } from './components/Header';
 export { default as MenuItem } from './components/MenuItem';
 export * from './icons/components';
 export { useDynamicScript } from './hooks/useDynamicScript';

package/cjs/components/Header/Hamburger.js

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js");function a(o){return o&&typeof o=="object"&&"default"in o?o:{default:o}}var n=a(e);const l=a(t).default.button`
-  appearance: none;
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  outline: none;
-  display: flex;
-  align-items: center;
-  margin-right: 1.5rem;
-  margin-left: auto;
-  ${r.mq("laptop")} {
-    display: none;
-  }
-
-  svg {
-    width: 1.5rem;
-    height: 1.5rem;
-    fill: ${({theme:o})=>o.colors.text.dark};
-  }
-  span {
-    display: none;
-    font-family: ${({theme:o})=>o.typography.fontBaseFamily};
-    font-weight: ${({theme:o})=>o.typography.fontBaseBoldWeight};
-    font-size: 1rem;
-    margin-right: 0.75rem;
-
-    ${r.mq("tablet")} {
-      display: inline;
-    }
-  }
-`;exports.default=({onClick:o=()=>{},text:i})=>n.default.createElement(l,{onClick:o},n.default.createElement("span",null,i),n.default.createElement("svg",null,n.default.createElement("symbol",{id:"icon-hamburger",viewBox:"0 0 16 12"},n.default.createElement("path",{d:"M0 0h16v2H0zm0 5h16v2H0zm0 5h16v2H0z"})),n.default.createElement("use",{xlinkHref:"#icon-hamburger"})));

package/cjs/components/Header/Link.js

@@ -1,34 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../../shared/media-queries.js"),a=require("../../theme.js");function i(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var o=i(e),l=i(t);const n=l.default.li`
-  font-family: ${({theme:s})=>s.typography.fontAlternativeFamily};
-  font-weight: ${({theme:s})=>s.typography.fontAlternativeRegularWeight};
-  font-size: 1rem;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  border-radius: 0.25rem;
-
-  &:last-child {
-    margin-right: 0;
-  }
-  &:nth-child(n + 4) {
-    display: none;
-  }
-
-  ${r.mq("laptop")} {
-    &:nth-child(n + 4) {
-      display: inherit;
-    }
-  }
-`,d=l.default.a`
-  border-radius: 0.25rem;
-  padding: 0.75rem 1.5rem;
-  transition: 200ms;
-  color: ${a.default.colors.text.dark};
-  text-decoration: none;
-
-  &:hover,
-  &:active {
-    color: ${a.default.colors.primary.main};
-    background: ${a.default.colors.gray.light4};
-  }
-`;exports.default=({to:s,component:u,text:c,...f})=>o.default.createElement(n,null,u||o.default.createElement(d,{href:s,...f},c));

package/cjs/components/Header/index.js

@@ -1,64 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../shared/media-queries.js"),a=require("../../theme.js"),r=require("../Logo/index.js"),d=require("./Hamburger.js"),o=require("./Link.js");function n(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}require("../Logo/LogoSv.js"),require("../Logo/LogoEn.js");var i=n(e),u=n(t);const c=u.default.a`
-  cursor: pointer;
-  padding: 0 0.625rem;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: ${a.default.colors.background.light};
-
-  ${l.mq("tablet")} {
-    display: block;
-    width: auto;
-    padding: 0 1.5rem 0 0;
-  }
-`,s=u.default.nav`
-  width: 100%;
-  z-index: 17;
-  position: fixed;
-  top: 0;
-  left: 0;
-  color: ${a.default.colors.text.dark};
-  background-color: ${a.default.colors.background.light};
-  transition: 300ms;
-`,f=u.default.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  background-color: ${a.default.colors.background.gray};
-
-  ${l.mq("tablet")} {
-    background-color: ${a.default.colors.background.light};
-    flex-direction: row;
-    padding: 0em 1.5em;
-  }
-`,p=u.default.div`
-  display: flex;
-  width: 100%;
-`,m=u.default.ul`
-  display: flex;
-  justify-content: space-around;
-  flex: 0;
-  width: 100%;
-  position: relative;
-  margin: 0;
-  padding: 0;
-  flex-grow: 1;
-
-  ${l.mq("tablet")} {
-    justify-content: flex-start;
-    padding: 0.5em 0;
-    display: flex;
-    padding: 0;
-    flex: 0;
-  }
-`,g=u.default.ul`
-  display: none;
-
-  ${l.mq("laptop")} {
-    padding: 0.5em 0;
-    display: flex;
-    padding: 0;
-  }
-`,x=({locale:y,primaryLinks:q,secondaryLinks:j,menuIconText:E,onMenuClick:h,onHeaderClick:L,forwardRef:w,primaryListProps:$,css:v="",...C})=>i.default.createElement(s,{css:v,...C,ref:w},i.default.createElement(f,null,i.default.createElement(c,{onClick:L},i.default.createElement(r.Logo,{locale:y})),i.default.createElement(p,null,i.default.createElement(m,{...$},q.map((k,b)=>i.default.createElement(o.default,{key:k.text||b,...k}))),i.default.createElement(d.default,{"aria-label":"Menu",text:E,onClick:h})),i.default.createElement(g,null,j.map((k,b)=>i.default.createElement(o.default,{key:k.text||b,...k})))));exports.Header=x,exports.default=x;

package/esm/components/Header/Hamburger.js

@@ -1,31 +0,0 @@
-import t from"react";import a from"styled-components";import{mq as r}from"../../shared/media-queries.js";const o=a.button`
-  appearance: none;
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  outline: none;
-  display: flex;
-  align-items: center;
-  margin-right: 1.5rem;
-  margin-left: auto;
-  ${r("laptop")} {
-    display: none;
-  }
-
-  svg {
-    width: 1.5rem;
-    height: 1.5rem;
-    fill: ${({theme:e})=>e.colors.text.dark};
-  }
-  span {
-    display: none;
-    font-family: ${({theme:e})=>e.typography.fontBaseFamily};
-    font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
-    font-size: 1rem;
-    margin-right: 0.75rem;
-
-    ${r("tablet")} {
-      display: inline;
-    }
-  }
-`,l=({onClick:e=()=>{},text:n})=>t.createElement(o,{onClick:e},t.createElement("span",null,n),t.createElement("svg",null,t.createElement("symbol",{id:"icon-hamburger",viewBox:"0 0 16 12"},t.createElement("path",{d:"M0 0h16v2H0zm0 5h16v2H0zm0 5h16v2H0z"})),t.createElement("use",{xlinkHref:"#icon-hamburger"})));export{l as default};

package/esm/components/Header/Link.js

@@ -1,34 +0,0 @@
-import r from"react";import o from"styled-components";import{mq as m}from"../../shared/media-queries.js";import t from"../../theme.js";const l=o.li`
-  font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
-  font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
-  font-size: 1rem;
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  border-radius: 0.25rem;
-
-  &:last-child {
-    margin-right: 0;
-  }
-  &:nth-child(n + 4) {
-    display: none;
-  }
-
-  ${m("laptop")} {
-    &:nth-child(n + 4) {
-      display: inherit;
-    }
-  }
-`,s=o.a`
-  border-radius: 0.25rem;
-  padding: 0.75rem 1.5rem;
-  transition: 200ms;
-  color: ${t.colors.text.dark};
-  text-decoration: none;
-
-  &:hover,
-  &:active {
-    color: ${t.colors.primary.main};
-    background: ${t.colors.gray.light4};
-  }
-`,c=({to:e,component:i,text:n,...a})=>r.createElement(l,null,i||r.createElement(s,{href:e,...a},n));export{c as default};

package/esm/components/Header/index.js

@@ -1,64 +0,0 @@
-import e from"react";import t from"styled-components";import{mq as n}from"../../shared/media-queries.js";import r from"../../theme.js";import{Logo as b}from"../Logo/index.js";import k from"./Hamburger.js";import i from"./Link.js";import"../Logo/LogoSv.js";import"../Logo/LogoEn.js";const h=t.a`
-  cursor: pointer;
-  padding: 0 0.625rem;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: ${r.colors.background.light};
-
-  ${n("tablet")} {
-    display: block;
-    width: auto;
-    padding: 0 1.5rem 0 0;
-  }
-`,j=t.nav`
-  width: 100%;
-  z-index: 17;
-  position: fixed;
-  top: 0;
-  left: 0;
-  color: ${r.colors.text.dark};
-  background-color: ${r.colors.background.light};
-  transition: 300ms;
-`,E=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  background-color: ${r.colors.background.gray};
-
-  ${n("tablet")} {
-    background-color: ${r.colors.background.light};
-    flex-direction: row;
-    padding: 0em 1.5em;
-  }
-`,L=t.div`
-  display: flex;
-  width: 100%;
-`,$=t.ul`
-  display: flex;
-  justify-content: space-around;
-  flex: 0;
-  width: 100%;
-  position: relative;
-  margin: 0;
-  padding: 0;
-  flex-grow: 1;
-
-  ${n("tablet")} {
-    justify-content: flex-start;
-    padding: 0.5em 0;
-    display: flex;
-    padding: 0;
-    flex: 0;
-  }
-`,w=t.ul`
-  display: none;
-
-  ${n("laptop")} {
-    padding: 0.5em 0;
-    display: flex;
-    padding: 0;
-  }
-`,l=({locale:d,primaryLinks:c,secondaryLinks:s,menuIconText:m,onMenuClick:p,onHeaderClick:g,forwardRef:f,primaryListProps:u,css:x="",...y})=>e.createElement(j,{css:x,...y,ref:f},e.createElement(E,null,e.createElement(h,{onClick:g},e.createElement(b,{locale:d})),e.createElement(L,null,e.createElement($,{...u},c.map((o,a)=>e.createElement(i,{key:o.text||a,...o}))),e.createElement(k,{"aria-label":"Menu",text:m,onClick:p})),e.createElement(w,null,s.map((o,a)=>e.createElement(i,{key:o.text||a,...o})))));export{l as Header,l as default};

package/types/components/Header/Hamburger.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    text: string;
-    onClick: () => void;
-}
-declare const Hamburger: ({ onClick, text }: Props) => JSX.Element;
-export default Hamburger;

package/types/components/Header/Link.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface LinkProps {
-    to?: string;
-    text?: string;
-    target?: string;
-    component?: React.ReactNode;
-}
-declare const Link: ({ to, component, text, ...rest }: LinkProps) => JSX.Element;
-export default Link;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { MutableRefObject } from 'react';
-import { Locale } from '../../Types';
-import { LinkProps } from './Link';
-export interface HeaderProps {
-    locale: Locale;
-    primaryLinks: LinkProps[];
-    secondaryLinks: LinkProps[];
-    menuIconText: string;
-    css?: string;
-    forwardRef?: MutableRefObject<HTMLDivElement | null>;
-    primaryListProps?: React.HTMLAttributes<HTMLUListElement>;
-    onMenuClick: () => void;
-    onHeaderClick: () => void;
-}
-export declare const Header: ({ locale, primaryLinks, secondaryLinks, menuIconText, onMenuClick, onHeaderClick, forwardRef, primaryListProps, css, ...props }: HeaderProps) => JSX.Element;
-export default Header;