@kvdbil/components 9.5.0 → 10.0.0

package/cjs/components/Stack/index.js

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

package/cjs/components/Tabs/Tabs.js

@@ -1,8 +1,8 @@
-"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(y){return y&&typeof y=="object"&&"default"in y?y:{default:y}}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),s=n(r);const o=s.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(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`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,d=s.default.ul`
+`,d=o.default.ul`
   width: 100%;
   padding: 0;
   margin: 0.5rem 0;
@@ -10,12 +10,15 @@
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
-  border-bottom: 3px solid ${({theme:y})=>y.colors.gray.light6};
+
+  ${({theme:m,fullWidthBorder:q})=>q?`border-bottom: 3px solid ${m.colors.gray.light6};`:`& > li {
+          border-bottom: 3px solid ${m.colors.gray.light6};
+        }`}
 
   ${l.mq("mobileM")} {
     flex-direction: row;
-    justify-content: ${({justify:y})=>y};
+    justify-content: ${({justify:m})=>m};
   }
-`,u=s.default.div`
+`,u=o.default.div`
   padding: 0.5rem 0;
-`,p=s.default.div``,c=({activeColor:y="secondary",justify:R="end",initalActive:D,children:T=[],kbNavAutoOpen:q=!0,onTabClick:O=()=>{}})=>{var E,A;const v=e.Children.map(T,f=>f),[x,g]=e.useState(()=>D!=null?D:v.findIndex(f=>!f.props.isDisabled)),$=e.useRef([]),I=Boolean((A=(E=v[x])==null?void 0:E.props)==null?void 0:A.children),M=(f,m)=>{if(f.preventDefault(),f.key!=="Enter"||q||g(m),f.key==="ArrowLeft"||f.key==="ArrowRight"){const b=q?x:m,h=f.key==="ArrowRight",k=h?b+1:0,w=h?v.length:b,B=v.slice(k,w);h||B.reverse();const C=B.findIndex(j=>!j.props.isDisabled);if(C!==-1){const j=h?b+(C+1):b-(C+1);q&&g(j),$.current[j].focus()}}};return a.default.createElement(o,null,a.default.createElement(i.UnmountClosed,{isOpened:!0},a.default.createElement(d,{justify:R,role:"tablist"},v.map((f,m)=>f?a.default.createElement(t.default,{key:m,label:f.props.label,isDisabled:f.props.isDisabled,index:m,id:m,isActive:x===m,activeColor:y,onClick:(b,h)=>{f.props.isDisabled||(O(b,h),((k,w)=>{k.preventDefault(),g(w)})(b,h))},onKeyUp:M,ref:b=>$.current[m]=b}):null)),I&&a.default.createElement(u,null,v.map((f,m)=>{const b=f.props.children&&x===m;return a.default.createElement(p,{key:m,id:`tabpanel-${m}`,role:"tabpanel","aria-labelledby":`tab-${m}`,"aria-hidden":b?"false":"true"},b&&f.props.children)}))))};exports.Tabs=c,exports.default=c;
+`,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;

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"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/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"),H=require("./components/MenuItem/index.js"),V=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"),Ie=require("./icons/components/CheckmarkIcon.js"),de=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"),He=require("./icons/components/FinanceIcon.js"),Ve=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"),Ho=require("./icons/components/SellFilledIcon.js"),Vo=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"),In=require("./icons/components/VanIcon.js"),dn=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=I.Dialog,exports.OffCanvas=d.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.Hero,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=H.MenuItem,exports.AddIcon=V.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=Ie.default,exports.ClockIcon=de.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=He.default,exports.FirstIcon=Ve.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=Ho.default,exports.SellIcon=Vo.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=In.default,exports.ViewsIcon=dn.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/Stack/index.js

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

package/esm/components/Tabs/Tabs.js

@@ -1,8 +1,8 @@
-import i,{Children as R,useState as k,useRef as I}from"react";import $ from"./Tab.js";import c from"styled-components";import{mq as B}from"../../shared/media-queries.js";import{UnmountClosed as _}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 A=c.div`
+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`
   .ReactCollapse--collapse {
     transition: height 300ms;
   }
-`,P=c.ul`
+`,q=d.ul`
   width: 100%;
   padding: 0;
   margin: 0.5rem 0;
@@ -10,12 +10,15 @@ import i,{Children as R,useState as k,useRef as I}from"react";import $ from"./Ta
   flex-direction: column;
   align-items: center;
   flex-wrap: wrap;
-  border-bottom: 3px solid ${({theme:o})=>o.colors.gray.light6};
 
-  ${B("mobileM")} {
+  ${({theme:o,fullWidthBorder:p})=>p?`border-bottom: 3px solid ${o.colors.gray.light6};`:`& > li {
+          border-bottom: 3px solid ${o.colors.gray.light6};
+        }`}
+
+  ${P("mobileM")} {
     flex-direction: row;
     justify-content: ${({justify:o})=>o};
   }
-`,S=c.div`
+`,F=d.div`
   padding: 0.5rem 0;
-`,U=c.div``,g=({activeColor:o="secondary",justify:T="end",initalActive:u,children:v=[],kbNavAutoOpen:d=!0,onTabClick:j=()=>{}})=>{var f,b;const s=R.map(v,e=>e),[l,p]=k(()=>u!=null?u:s.findIndex(e=>!e.props.isDisabled)),h=I([]),C=Boolean((b=(f=s[l])==null?void 0:f.props)==null?void 0:b.children),E=(e,t)=>{e.preventDefault(),p(t)},D=(e,t)=>{if(e.preventDefault(),e.key==="Enter"&&!d&&p(t),e.key==="ArrowLeft"||e.key==="ArrowRight"){const r=d?l:t,n=e.key==="ArrowRight",w=n?r+1:0,x=n?s.length:r,y=s.slice(w,x);n||y.reverse();const m=y.findIndex(a=>!a.props.isDisabled);if(m!==-1){const a=n?r+(m+1):r-(m+1);d&&p(a),h.current[a].focus()}}};return i.createElement(A,null,i.createElement(_,{isOpened:!0},i.createElement(P,{justify:T,role:"tablist"},s.map((e,t)=>e?i.createElement($,{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||(j(r,n),E(r,n))},onKeyUp:D,ref:r=>h.current[t]=r}):null)),C&&i.createElement(S,null,s.map((e,t)=>{const r=e.props.children&&l===t;return i.createElement(U,{key:t,id:`tabpanel-${t}`,role:"tabpanel","aria-labelledby":`tab-${t}`,"aria-hidden":r?"false":"true"},r&&e.props.children)}))))};export{g as Tabs,g as default};
+`,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};

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{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.5.0",
+  "version": "10.0.0",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

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

@@ -22,9 +22,9 @@ declare type ResponsiveSpacing = {
 };
 interface OwnerState {
     direction: ResponsiveDirection | FlexDirection;
-    spacing?: ResponsiveSpacing | number;
+    spacing: ResponsiveSpacing | number;
 }
-export interface StackProps extends OwnerState {
+export interface StackProps extends Partial<OwnerState> {
     children: React.ReactNode;
 }
 declare const Stack: ({ children, direction, spacing }: StackProps) => JSX.Element;

package/types/components/Tabs/Tabs.d.ts

@@ -7,10 +7,12 @@ declare type TabElement = ReactElement<TabProps>;
 export interface TabsProps {
     activeColor?: Color;
     justify?: CSSProperties['justifyContent'];
+    activeIndex?: number;
     initalActive?: number;
     children: TabElement | TabElement[];
     kbNavAutoOpen?: boolean;
     onTabClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, index: number) => void;
+    fullWidthBorder?: boolean;
 }
-export declare const Tabs: ({ activeColor, justify, initalActive, children, kbNavAutoOpen, onTabClick, }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ activeColor, justify, activeIndex, initalActive, children, kbNavAutoOpen, onTabClick, fullWidthBorder, }: TabsProps) => JSX.Element;
 export default Tabs;

package/types/index.d.ts

@@ -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;