@kvdbil/components 16.0.1 → 16.0.3

package/cjs/components/Toggle/index.js

@@ -1,10 +1,10 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),i=require("../../theme.js");var r,l=(r=o)&&r.__esModule?r:{default:r};const a=l.default.div`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components");var i,r=(i=o)&&i.__esModule?i:{default:i};const l=r.default.div`
   display: flex;
   position: relative;
   border-top: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
   border-bottom: ${({theme:e})=>`1px solid ${e.colors.grayscaleToned.light6}`};
   padding: 4px;
-`,s=l.default.div`
+`,a=r.default.div`
   font-family: ${({theme:e})=>e.typography.fontBaseFamily};
   font-weight: ${({theme:e})=>e.typography.fontBaseRegularWeight};
   display: flex;
@@ -16,10 +16,10 @@
   position: relative;
   cursor: pointer;
 
-  color: ${e=>e.isActive?i.default.colors.text.light:i.default.colors.text.dark};
-`,c=l.default.div`
+  color: ${({theme:e,isActive:t})=>t?e.colors.text.light:e.colors.text.dark};
+`,s=r.default.div`
   z-index: 0;
-  background-color: ${e=>i.default.colors[e.color].main};
+  background-color: ${({theme:e,$color:t,$colorShade:o})=>e.colors[t][o]};
   position: absolute;
 
   border-radius: 0.25rem;
@@ -34,4 +34,4 @@
   ${e=>"RIGHT"===e.active&&"\n    left: calc(50%);\n  "}
 
   ${e=>!e.active&&"display: none;"}
-`;exports.Toggle=({onChange:o,...i})=>{const[r,l]=t.useState(i.active);t.useEffect((()=>{l(i.active)}),[i.active]);return e.jsxs(a,{...i,children:[e.jsx(c,{color:i.color,active:r}),e.jsx(s,{onClick:()=>{l("LEFT"),o("LEFT")},isActive:"LEFT"===r,color:i.color,children:i.left}),e.jsx(s,{onClick:()=>{l("RIGHT"),o("RIGHT")},isActive:"RIGHT"===r,color:i.color,children:i.right})]})};
+`;exports.Toggle=({onChange:o,color:i,colorShade:r="mainAlt",...c})=>{const[n,d]=t.useState(c.active);t.useEffect((()=>{d(c.active)}),[c.active]);return e.jsxs(l,{children:[e.jsx(s,{$color:i,$colorShade:r,active:n}),e.jsx(a,{onClick:()=>{d("LEFT"),o("LEFT")},isActive:"LEFT"===n,children:c.left}),e.jsx(a,{onClick:()=>{d("RIGHT"),o("RIGHT")},isActive:"RIGHT"===n,children:c.right})]})};

package/cjs/components/ValuationRange/index.js

@@ -1,43 +1,43 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../typography/BodyText/index.js"),i=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var l,o=(l=t)&&l.__esModule?l:{default:l};const s=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../../typography/BodyText/index.js"),t=require("../../typography/Heading/index.js");require("../../shared/media-queries.js");var l,a=(l=i)&&l.__esModule?l:{default:l};const s=({theme:e,$color:i,$colorShade:r,$isDisabled:t})=>t?e.colors[i].lighter:e.colors[i][r],o=a.default.div`
   margin: 0 1rem;
-`,a=o.default.div`
+`,d=a.default.div`
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: flex-end;
-`,d=o.default.div`
+`,n=a.default.div`
   white-space: nowrap;
-  color: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
-`,n=o.default(i.Subtitle)`
+  color: ${e=>s(e)};
+`,c=a.default(t.Subtitle)`
   color: ${({theme:e})=>e.colors.text.disabled};
-`,c=o.default.div`
+`,h=a.default.div`
   width: 100%;
   align-items: center;
   display: flex;
   padding: 0.25rem 0;
-`,p=o.default(r.Caption).attrs({as:"span"})`
+`,u=a.default(r.Caption).attrs({as:"span"})`
   white-space: nowrap;
   width: 20%;
   text-align: center;
   color: ${({theme:e})=>e.colors.text.disabled};
-`,h=o.default.div`
+`,x=a.default.div`
   width: 80%;
-  border-left: ${({theme:e,$color:t,$type:r})=>`1px solid ${e.colors[t][r]}`};
-  border-right: ${({theme:e,$color:t,$type:r})=>`1px solid ${e.colors[t][r]}`};
+  border-left: 1px solid ${e=>s(e)};
+  border-right: 1px solid ${e=>s(e)};
   height: 0.7rem;
   display: flex;
   position: relative;
   align-items: flex-end;
   justify-content: center;
   margin: auto;
-`,u=o.default.div`
+`,p=a.default.div`
   height: 0.33rem;
   width: 100%;
-  background: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
-`,x=o.default.div`
-  background: ${({theme:e,$color:t,$type:r})=>e.colors[t][r]};
+  background: ${e=>s(e)};
+`,m=a.default.div`
+  background: ${e=>s(e)};
   width: 1px;
   height: 0.7rem;
   top: 0;
   position: absolute;
-`;exports.default=({intervalMin:t=0,intervalMax:r=0,value:l=0,color:o="primary",noApproximateSymbol:m=!1,isDisabled:$=!1,manualValuationText:f=""})=>{const y=new Intl.NumberFormat("sv-SE"),j=t>0&&r>0&&!f,g=l>0&&!f,v=$?"lighter":"main";return e.jsxs(s,{children:[e.jsxs(c,{children:[e.jsx(p,{children:j?`- ${y.format(t)}`:""}),e.jsx(a,{children:e.jsxs(d,{$color:o,$type:v,children:[g&&e.jsxs(e.Fragment,{children:[e.jsx(i.Title,{as:"span",children:`${m?"":"~ "}${y.format(l)} `}),e.jsx(i.Subtitle,{as:"span",children:"kr"})]}),f&&e.jsx(n,{as:"span",children:f})]})}),e.jsx(p,{children:j?`+ ${y.format(r)}`:""})]}),e.jsxs(h,{$color:o,$type:v,children:[e.jsx(u,{$color:o,$type:v}),e.jsx(x,{$color:o,$type:v})]})]})};
+`;exports.default=({intervalMin:i=0,intervalMax:r=0,value:l=0,color:a="primary",colorShade:s="mainAlt",noApproximateSymbol:$=!1,isDisabled:f=!1,manualValuationText:j=""})=>{const b=new Intl.NumberFormat("sv-SE"),g=i>0&&r>0&&!j,v=l>0&&!j;return e.jsxs(o,{children:[e.jsxs(h,{children:[e.jsx(u,{children:g?`- ${b.format(i)}`:""}),e.jsx(d,{children:e.jsxs(n,{$color:a,$colorShade:s,$isDisabled:f,children:[v&&e.jsxs(e.Fragment,{children:[e.jsx(t.Title,{as:"span",children:`${$?"":"~ "}${b.format(l)} `}),e.jsx(t.Subtitle,{as:"span",children:"kr"})]}),j&&e.jsx(c,{as:"span",children:j})]})}),e.jsx(u,{children:g?`+ ${b.format(r)}`:""})]}),e.jsxs(x,{$color:a,$colorShade:s,$isDisabled:f,children:[e.jsx(p,{$color:a,$colorShade:s,$isDisabled:f}),e.jsx(m,{$color:a,$colorShade:s,$isDisabled:f})]})]})};

package/cjs/index.js

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

package/cjs/utils/utils.js

@@ -1,4 +1,4 @@
-"use strict";const r=require("styled-components").css`
+"use strict";const e=require("styled-components").css`
   appearance: none;
   background-color: transparent;
   border: 0;
@@ -6,4 +6,4 @@
   font-family: inherit;
   outline: none;
   padding: 0;
-`,e=r=>({darker:r.colors.grayscaleNeutral.dark1,dark:r.colors.grayscaleNeutral.dark1,mainAlt:r.colors.grayscaleToned.dark1,main:r.colors.grayscaleToned.dark1,light:r.colors.grayscaleToned.light1});exports.getLuminosity=r=>{let e=0,t=0,a=0;return 4===r.length?(e=parseInt("0x"+r[1]+r[1]),t=parseInt("0x"+r[2]+r[2]),a=parseInt("0x"+r[3]+r[3])):7===r.length&&(e=parseInt("0x"+r[1]+r[2]),t=parseInt("0x"+r[3]+r[4]),a=parseInt("0x"+r[5]+r[6])),(Math.max(Number(e/255),Number(t/255),Number(a/255))+Math.min(Number(e/255),Number(t/255),Number(a/255)))/2*100},exports.hexToRGB=(r,e=1)=>`rgba(${parseInt(r.slice(1,3),16)}, ${parseInt(r.slice(3,5),16)}, ${parseInt(r.slice(5,7),16)}, ${e})`,exports.neutralColorSwap=e,exports.resetButtonStyle=r,exports.resolveColorWithNeutral=(r,t)=>"neutral"===t?e(r):r.colors[t];
+`,r=e=>({darker:e.colors.grayscaleNeutral.dark1,dark:e.colors.grayscaleNeutral.dark1,mainAlt:e.colors.grayscaleToned.dark1,main:e.colors.grayscaleToned.dark1,light:e.colors.grayscaleToned.light1,lighter:e.colors.grayscaleToned.light2,lighter2:e.colors.grayscaleToned.light3,lighter3:e.colors.grayscaleToned.light4}),t=["darker","dark","mainAlt","main","light","lighter","lighter2","lighter3"];exports.getDarkerShade=e=>{const r=t.indexOf(e);return r>0?t[r-1]:e},exports.getLighterShade=e=>{const r=t.indexOf(e);return r>=0&&r<t.length-1?t[r+1]:e},exports.getLuminosity=e=>{let r=0,t=0,a=0;return 4===e.length?(r=parseInt("0x"+e[1]+e[1]),t=parseInt("0x"+e[2]+e[2]),a=parseInt("0x"+e[3]+e[3])):7===e.length&&(r=parseInt("0x"+e[1]+e[2]),t=parseInt("0x"+e[3]+e[4]),a=parseInt("0x"+e[5]+e[6])),(Math.max(Number(r/255),Number(t/255),Number(a/255))+Math.min(Number(r/255),Number(t/255),Number(a/255)))/2*100},exports.hexToRGB=(e,r=1)=>`rgba(${parseInt(e.slice(1,3),16)}, ${parseInt(e.slice(3,5),16)}, ${parseInt(e.slice(5,7),16)}, ${r})`,exports.neutralColorSwap=r,exports.resetButtonStyle=e,exports.resolveColorWithNeutral=(e,t)=>"neutral"===t?r(e):e.colors[t];

package/esm/components/Badge/index.js

@@ -1,6 +1,6 @@
 import{jsx as e}from"react/jsx-runtime";import r from"styled-components";import n from"../../theme.js";const a=r.div`
   border-radius: 0.75rem;
-  background: ${n.colors.secondary.main};
+  background: ${n.colors.secondary.mainAlt};
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as n,jsxs as i}from"react/jsx-runtime";import t from"styled-components";import{BodyTextStyle as a,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const c=t.li`
+import{jsx as o,Fragment as n,jsxs as r}from"react/jsx-runtime";import t from"styled-components";import{BodyTextStyle as a,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const c=t.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -11,7 +11,7 @@ import{jsx as o,Fragment as n,jsxs as i}from"react/jsx-runtime";import t from"st
   a {
     ${a}
     font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
-    color: ${({theme:e})=>e.colors.info.main};
+    color: ${({theme:e})=>e.colors.info.dark};
     text-decoration: none;
     ${({$onlyLastTruncated:e})=>!e&&`
       overflow: hidden;
@@ -43,4 +43,4 @@ import{jsx as o,Fragment as n,jsxs as i}from"react/jsx-runtime";import t from"st
     width: 1rem;
     height: 1rem;
   }
-`,f=({link:e,separator:r,isLast:l,onlyLastTruncated:d})=>o(n,{children:i(c,{$onlyLastTruncated:d,children:[e.prefixIcon&&o(m,{children:e.prefixIcon}),l?o(h,{as:"span",children:e.component}):i(n,{children:[e.component,o(p,{children:r})]})]})});export{f as default};
+`,f=({link:e,separator:i,isLast:l,onlyLastTruncated:d})=>o(n,{children:r(c,{$onlyLastTruncated:d,children:[e.prefixIcon&&o(m,{children:e.prefixIcon}),l?o(h,{as:"span",children:e.component}):r(n,{children:[e.component,o(p,{children:i})]})]})});export{f as default};

package/esm/components/Button/index.js

@@ -1,4 +1,4 @@
-import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwardRef as B}from"react";import t,{css as g}from"styled-components";import $ from"../../theme.js";import R from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallSizeStyles as A,regularSizeStyles as C,largeSizeStyles as E,disabledColorStyles as F,colorStyles as V}from"./styles.js";import"../../utils/utils.js";const c=0,D=t.button`
+import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwardRef as B}from"react";import t,{css as g}from"styled-components";import $ from"../../theme.js";import R from"../Spinner/index.js";import{BasicButtonFontStyle as j,ButtonRegularTextStyle as k}from"../../typography/ButtonText/index.js";import{fontSizes as T,smallSizeStyles as A,regularSizeStyles as C,largeSizeStyles as E,disabledColorStyles as F,colorStyles as V}from"./styles.js";import"../../utils/utils.js";const m=0,D=t.button`
   ${j}
   box-sizing: border-box;
   outline: none;
@@ -25,7 +25,7 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
     background-color 0.3s ease,
     border 0.3s ease,
     filter 0.3s;
-  ${({$variant:e="solid",$color:i,$colorShade:s="main",disabled:n,theme:a})=>g`
+  ${({$variant:e="solid",$color:i,$colorShade:s,disabled:n,theme:a})=>g`
     ${n?F(a,e):V[e]({theme:a,$color:i,$colorShade:s,$variant:e})}
   `}
   &:focus-visible {
@@ -37,9 +37,9 @@ import{jsx as l,jsxs as W,Fragment as w}from"react/jsx-runtime";import p,{forwar
   margin-right: ${({type:e,size:i})=>e==="prefix"?h[i]:0};
   margin-left: ${({type:e,size:i})=>e==="sufix"?h[i]:0};
   font-size: ${({size:e})=>M[e]};
-  opacity: ${({isLoading:e})=>e?c:1};
+  opacity: ${({isLoading:e})=>e?m:1};
 `,N=t(R)`
   position: absolute;
 `,O=t.span`
-  opacity: ${({isLoading:e})=>e?c:1};
-`,q={small:1,regular:1.25,large:1.5},f=B(({size:e="regular",color:i,colorShade:s="mainAlt",variant:n="solid",fullWidth:a=!1,isDisabled:x=!1,isLoading:r=!1,children:b,sufixIcon:d,prefixIcon:m,minWidth:z,as:S="button",noRadius:L=!1,...v},I)=>l(D,{...v,as:S,minWidth:z,$color:i,$colorShade:s,disabled:x||r,fullWidth:a,theme:$,$variant:n,$size:e,isLoading:r,ref:I,prefixIcon:m,sufixIcon:d,$noRadius:L,children:W(w,{children:[m&&l(y,{size:e,type:"prefix",isLoading:r,children:m}),((o,u)=>typeof o=="string"||typeof o=="number"?l(O,{isLoading:u,children:o}):p.isValidElement(o)?p.cloneElement(o,{style:{...o.props.style,opacity:u?c:1}}):o)(b,r),d&&l(y,{size:e,type:"sufix",isLoading:r,children:d}),r&&l(N,{customColor:$.colors.grayscaleToned.light1,size:q[e]})]})}));f.displayName="Button";export{f as Button,f as default};
+  opacity: ${({isLoading:e})=>e?m:1};
+`,q={small:1,regular:1.25,large:1.5},f=B(({size:e="regular",color:i,colorShade:s="mainAlt",variant:n="solid",fullWidth:a=!1,isDisabled:x=!1,isLoading:r=!1,children:b,sufixIcon:d,prefixIcon:c,minWidth:z,as:S="button",noRadius:L=!1,...v},I)=>l(D,{...v,as:S,minWidth:z,$color:i,$colorShade:s,disabled:x||r,fullWidth:a,theme:$,$variant:n,$size:e,isLoading:r,ref:I,prefixIcon:c,sufixIcon:d,$noRadius:L,children:W(w,{children:[c&&l(y,{size:e,type:"prefix",isLoading:r,children:c}),((o,u)=>typeof o=="string"||typeof o=="number"?l(O,{isLoading:u,children:o}):p.isValidElement(o)?p.cloneElement(o,{style:{...o.props.style,opacity:u?m:1}}):o)(b,r),d&&l(y,{size:e,type:"sufix",isLoading:r,children:d}),r&&l(N,{customColor:$.colors.grayscaleToned.light1,size:q[e]})]})}));f.displayName="Button";export{f as Button,f as default};

package/esm/components/Button/styles.js

@@ -1,52 +1,52 @@
-import{ButtonLargeTextStyle as n,ButtonRegularTextStyle as c,ButtonSmallTextStyle as s}from"../../typography/ButtonText/index.js";import{resolveColorWithNeutral as t}from"../../utils/utils.js";import"react/jsx-runtime";import"styled-components";const d={small:s,regular:c,large:n},g=()=>`
+import{ButtonLargeTextStyle as d,ButtonRegularTextStyle as g,ButtonSmallTextStyle as h}from"../../typography/ButtonText/index.js";import{resolveColorWithNeutral as t,getDarkerShade as c,getLighterShade as s}from"../../utils/utils.js";import"react/jsx-runtime";import"styled-components";const m={small:h,regular:g,large:d},$=()=>`
   padding: 0.25rem 0.75rem;
   min-height: 2.5rem;
-`,m=()=>`
+`,u=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3rem;
-`,h=()=>`
+`,S=()=>`
   padding: 0.25rem 1.5rem;
   min-height: 3.75rem;
-`,$=({theme:r,$color:e,$colorShade:o})=>{const l=t(r,e),a=e==="neutral"?l.mainAlt:r.colors[e][o];return`
+`,p=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l);return`
   color: ${r.colors.text.light};
-  background-color: ${a};
+  background-color: ${o[e]};
 
   &:hover {
-    border-color: ${l.dark};
+    border-color: ${o[c(e)]};
     filter: brightness(0.9)
   }
 
   &:active {
-    border-color: ${l.light};
+    border-color: ${o[s(e)]};
     filter: brightness(1.1)
   }
-`},u=({theme:r,$color:e})=>{const o=t(r,e);return`
-  color: ${o.mainAlt};
-  border: 2px solid ${o.mainAlt};
+`},b=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l),i=c(e),n=s(e);return`
+  color: ${o[e]};
+  border: 2px solid ${o[e]};
   background-color: transparent;
 
   &:hover {
-      border: 2px solid ${o.dark};
-      color: ${o.dark};
+      border: 2px solid ${o[i]};
+      color: ${o[i]};
   }
 
   &:active {
-    border: 2px solid ${o.light};
-    color: ${o.light};
+    border: 2px solid ${o[n]};
+    color: ${o[n]};
   }
-`},p=({theme:r,$color:e})=>{const o=t(r,e);return`
-  color: ${o.mainAlt};
+`},y=({theme:r,$color:l,$colorShade:e})=>{const o=t(r,l);return`
+  color: ${o[e]};
 
   background-color: transparent;
 
   &:hover, &:active {
-    color: ${o.dark};
+    color: ${o[c(e)]};
   }
-`},i=r=>`
+`},a=r=>`
   color: ${r.colors.grayscaleToned.light1};
   cursor: not-allowed;
-`,S=(r,e)=>e==="solid"?`
-    ${i(r)};
-    background-color: ${r.colors.grayscaleToned.light4};`:e==="outline"?`
-    ${i(r)};
-    border: 2px solid ${r.colors.grayscaleToned.light1};`:i(r),b={solid:$,outline:u,flat:p};export{b as colorStyles,S as disabledColorStyles,d as fontSizes,h as largeSizeStyles,m as regularSizeStyles,g as smallSizeStyles};
+`,x=(r,l)=>l==="solid"?`
+    ${a(r)};
+    background-color: ${r.colors.grayscaleToned.light4};`:l==="outline"?`
+    ${a(r)};
+    border: 2px solid ${r.colors.grayscaleToned.light1};`:a(r),v={solid:p,outline:b,flat:y};export{v as colorStyles,x as disabledColorStyles,m as fontSizes,S as largeSizeStyles,u as regularSizeStyles,$ as smallSizeStyles};

package/esm/components/Card/index.js

@@ -1,14 +1,14 @@
-import{jsxs as s,jsx as i}from"react/jsx-runtime";import l from"styled-components";import n from"../../theme.js";const c=l.div``,m=l.div`
-  background: ${({topBorder:o})=>o};
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import d from"styled-components";import m from"../../theme.js";const h=d.div``,g=d.div`
+  background: ${({theme:e,$customColor:o,$color:r="secondary",$colorShade:l})=>o||e.colors[r][l]};
   height: 0.25rem;
-`,p=l.div`
-  background: ${n.colors.background.light};
+`,p=d.div`
+  background: ${m.colors.background.light};
 
-  ${({noFrame:o,topBorder:r,lineBorder:e,theme:d})=>!r&&(!o||e)&&`border-top: 1px solid ${d.colors.grayscaleToned.light5};`}
+  ${({noFrame:e,topBorder:o,lineBorder:r,theme:l})=>!o&&(!e||r)&&`border-top: 1px solid ${l.colors.grayscaleToned.light5};`}
 
-  ${({noFrame:o,lineBorder:r,theme:e})=>(!o||r)&&`border-bottom: 1px solid ${e.colors.grayscaleToned.light5};
+  ${({noFrame:e,lineBorder:o,theme:r})=>(!e||o)&&`border-bottom: 1px solid ${r.colors.grayscaleToned.light5};
   `}
 
-  ${({noFrame:o,lineBorder:r,theme:e})=>!o&&!r&&`border-right: 1px solid ${e.colors.grayscaleToned.light5};
-     border-left: 1px solid ${e.colors.grayscaleToned.light5};`}
-`,t=({children:o,topBorder:r,noFrame:e=!1,lineBorder:d=!1,as:a="div"})=>s(c,{as:a,children:[r&&i(m,{topBorder:r}),i(p,{topBorder:r,noFrame:e,lineBorder:d,children:o})]});export{t as Card,t as default};
+  ${({noFrame:e,lineBorder:o,theme:r})=>!e&&!o&&`border-right: 1px solid ${r.colors.grayscaleToned.light5};
+     border-left: 1px solid ${r.colors.grayscaleToned.light5};`}
+`,a=({children:e,topBorder:o,topBorderColor:r,topBorderColorShade:l="mainAlt",noFrame:i=!1,lineBorder:s=!1,as:c="div"})=>n(h,{as:c,children:[(o||r)&&t(g,{$customColor:o,$color:r,$colorShade:l}),t(p,{topBorder:o,noFrame:i,lineBorder:s,children:e})]});export{a as Card,a as default};

package/esm/components/CheckBox/index.js

@@ -1,4 +1,4 @@
-import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled-components";import m from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as g}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as f}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";import"../../utils/utils.js";const k=r`
+import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled-components";import g from"../../icons/components/CheckmarkIcon.js";import{generateNameHash as $}from"../../shared/helpers.js";import i from"../../theme.js";import{BodyText as f}from"../../typography/BodyText/index.js";import{BackgroundStyles as u}from"../IconButton.js";import"../../shared/media-queries.js";import"../../utils/utils.js";const k=r`
   width: 24px;
   height: 24px;
 
@@ -6,7 +6,7 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
     width: 15px;
     height: 15px;
   }
-`,$=r`
+`,y=r`
   width: 32px;
   height: 32px;
 
@@ -14,10 +14,10 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
     width: 22px;
     height: 22px;
   }
-`,n={regular:k,large:$},y=r`
+`,h={regular:k,large:y},v=r`
   cursor: default;
   border: 2px solid ${i.colors.grayscaleToned.light2};
-`,v=e=>r`
+`,z=(e,o)=>r`
   svg {
     opacity: 1;
   }
@@ -25,12 +25,12 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
   :hover {
   }
 
-  background: ${i.colors[e].main};
-  border: 2px solid ${i.colors[e].main};
-`,z=r`
+  background: ${i.colors[e][o]};
+  border: 2px solid ${i.colors[e][o]};
+`,D=r`
   background: ${i.colors.grayscaleToned.light2};
   z-index: 1;
-`,D=r`
+`,S=r`
   border: 2px solid ${i.colors.error.dark};
 `,w=a.div`
   display: flex;
@@ -47,13 +47,14 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
   outline: none;
   cursor: pointer;
   z-index: 1;
-  ${e=>n[e.boxSize]};
+  ${e=>h[e.boxSize]};
 
-  :focus-visible {
+  &:hover,
+  &:focus {
     transition: background-color 400ms;
     ${u}
   }
-`,S=a.span`
+`,T=a.span`
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
@@ -64,21 +65,21 @@ import{jsxs as b,jsx as s}from"react/jsx-runtime";import a,{css as r}from"styled
 
   border: 2px solid ${i.colors.grayscaleToned.dark5};
 
-  ${e=>n[e.size]};
+  ${e=>h[e.size]};
 
   svg {
     opacity: 0;
     color: ${({theme:e})=>e.colors.common.white};
   }
 
-  ${e=>e.isChecked&&v(e.color)};
-  ${e=>e.isDisabled&&y};
-  ${e=>e.hasError&&D};
-  ${e=>e.isChecked&&e.isDisabled&&z};
-`,T=a(f)`
+  ${e=>e.isChecked&&z(e.$color,e.$colorShade)};
+  ${e=>e.isDisabled&&v};
+  ${e=>e.hasError&&S};
+  ${e=>e.isChecked&&e.isDisabled&&D};
+`,j=a(f)`
   flex: 1;
   cursor: ${({isDisabled:e})=>e?"default":"pointer"};
   user-select: none;
   color: ${({theme:e,isDisabled:o})=>o?e.colors.text.disabled:e.colors.text.dark};
   margin-left: 0.5rem;
-`,h=({name:e=g("check-box"),isDisabled:o=!1,size:t="regular",checked:l=!1,color:d="secondary",hasError:p=!1,label:c,...x})=>b(w,{children:[s(C,{...x,type:"checkbox",checked:l,"data-validate":"checked",name:e,id:e,color:d,disabled:o,isDisabled:o,boxSize:t}),s(S,{size:t,color:d,isChecked:l,isDisabled:o,hasError:p,children:s(m,{})}),c&&s(T,{as:"label",htmlFor:e,isDisabled:o,children:c})]});export{h as CheckBox,h as default};
+`,p=({name:e=$("check-box"),isDisabled:o=!1,size:l="regular",checked:t=!1,color:d="secondary",colorShade:c="mainAlt",hasError:x=!1,label:n,...m})=>b(w,{children:[s(C,{...m,type:"checkbox",checked:t,"data-validate":"checked",name:e,id:e,$color:d,$colorShade:c,disabled:o,isDisabled:o,boxSize:l}),s(T,{size:l,$color:d,$colorShade:c,isChecked:t,isDisabled:o,hasError:x,children:s(g,{})}),n&&s(j,{as:"label",htmlFor:e,isDisabled:o,children:n})]});export{p as CheckBox,p as default};

package/esm/components/DayPicker/index.js

@@ -1,5 +1,9 @@
-import{jsx as t}from"react/jsx-runtime";import a from"react-day-picker";import c from"styled-components";import r from"../../theme.js";import n from"./DayPickerNavBar.js";import{FIRST_DAY_OF_THE_WEEK as p,WEEKDAYS_SHORT as s,WEEKDAYS_LONG as f,MONTHS as y}from"./localeUtils.js";import d from"./style.js";import"../Icons/Arrow.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const E=c.div`
-  ${d}
+import{jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import h from"styled-components";import t from"../../theme.js";import{DayPicker as u}from"react-day-picker";import*as m from"date-fns/locale";import{isToday as g}from"date-fns";import k from"./style.js";const D=h.div`
+  ${k}
+
+  .rdp-chevron {
+    fill: ${({theme:o})=>o.colors.text.dark};
+  }
 
   font-family: ${({theme:o})=>o.typography.fontAlternativeFamily};
-`,S=o=>({selected:{color:r.colors.text.light,background:r.colors[o].main},today:{color:r.colors[o].main}}),e=({locale:o="sv",color:m="primary",...i})=>t(E,{color:m,children:t(a,{...i,locale:o,months:y[o],weekdaysLong:f[o],weekdaysShort:s[o],firstDayOfWeek:p[o],navbarElement:l=>t(n,{...l,locale:o}),captionElement:t("div",{}),modifiersStyles:S(m)})});export{e as DayPicker,e as default};
+`,$=(o,r,e)=>{const l=e&&g(e)?t.colors.background.light:t.colors[o][r];return{selected:{color:t.colors.text.light,background:t.colors[o][r]},today:{color:l}}},s=({locale:o="sv",color:r="primary",colorShade:e="mainAlt",selectedDay:l,disabledDays:d,...n})=>{const[a,f]=y(l);function p(c){c&&f(c)}return i(D,{children:i(u,{...n,mode:"single",selected:a,onSelect:p,locale:m[o]||m.enGB,modifiersStyles:$(r,e,a),disabled:d})})};export{s as DayPicker,s as default};