@kvdbil/components 6.1.3 → 6.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Button/index.js +18 -18
- package/cjs/components/CheckBox/index.js +44 -19
- package/cjs/components/Chip/index.js +1 -1
- package/cjs/components/FieldLabel.js +18 -18
- package/cjs/components/IconButton.js +14 -19
- package/cjs/components/Logo/LogoEn.js +1 -1
- package/cjs/components/Logo/LogoSv.js +1 -1
- package/cjs/components/Logo/index.js +3 -3
- package/cjs/components/Select/index.js +2 -2
- package/cjs/components/Textfield/index.js +41 -32
- package/cjs/components/TimePicker/index.js +1 -1
- package/cjs/icons/components/PricetagFilledKronaIcon.js +1 -1
- package/cjs/{index-0dad029d.js → index-3ce38349.js} +0 -0
- package/cjs/index.js +1 -1
- package/cjs/shared/helpers.js +1 -1
- package/esm/components/Button/index.js +7 -7
- package/esm/components/CheckBox/index.js +44 -19
- package/esm/components/Chip/index.js +1 -1
- package/esm/components/FieldLabel.js +19 -19
- package/esm/components/IconButton.js +16 -21
- package/esm/components/Logo/LogoEn.js +1 -1
- package/esm/components/Logo/LogoSv.js +1 -1
- package/esm/components/Logo/index.js +2 -2
- package/esm/components/Select/index.js +3 -3
- package/esm/components/Textfield/index.js +42 -33
- package/esm/components/TimePicker/index.js +1 -1
- package/esm/icons/components/PricetagFilledKronaIcon.js +1 -1
- package/esm/{index-f92c2589.js → index-4d722f75.js} +0 -0
- package/esm/index.js +1 -1
- package/esm/shared/helpers.js +1 -1
- package/package.json +1 -1
- package/types/components/Button/index.d.ts +3 -2
- package/types/components/Button/styles.d.ts +4 -4
- package/types/components/CheckBox/index.d.ts +2 -1
- package/types/components/IconButton.d.ts +4 -0
- package/types/components/Logo/LogoEn.d.ts +3 -1
- package/types/components/Logo/LogoSv.d.ts +3 -1
- package/types/components/Logo/index.d.ts +2 -1
- package/types/components/Textfield/index.d.ts +2 -1
package/cjs/index.js
CHANGED
|
@@ -1 +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"),a=require("./components/Tabs/Tab.js"),p=require("./components/ErrorMessage/index.js"),u=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),m=require("./components/CheckBox/index.js"),x=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./index-0dad029d.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),k=require("./components/Badge/index.js"),h=require("./components/Toggle/index.js"),y=require("./components/Stepper/index.js"),T=require("./components/InlineStepper/Step.js"),F=require("./components/InlineStepper/index.js"),B=require("./components/StepperAccordion/index.js"),b=require("./components/Card/index.js"),L=require("./components/NotificationButton/index.js"),v=require("./components/Range/index.js"),A=require("./components/Header/index.js"),P=require("./components/MenuItem/index.js"),w=require("./icons/components/IdIcon.js"),M=require("./icons/components/AccountCreateIcon.js"),D=require("./icons/components/AccountIcon.js"),R=require("./icons/components/AccountLoginIcon.js"),E=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),G=require("./icons/components/ArrowLeftSharpIcon.js"),O=require("./icons/components/ArrowLeftSmallIcon.js"),V=require("./icons/components/ArrowLong.js"),K=require("./icons/components/ArrowRestartIcon.js"),U=require("./icons/components/ArrowRightIcon.js"),N=require("./icons/components/ArrowRightSharpIcon.js"),Q=require("./icons/components/ArrowUpIcon.js"),z=require("./icons/components/AuctionIcon.js"),W=require("./icons/components/BackArrowIcon.js"),Y=require("./icons/components/Baseline360Icon.js"),_=require("./icons/components/BellIcon.js"),J=require("./icons/components/BidIcon.js"),X=require("./icons/components/BidKrIcon.js"),Z=require("./icons/components/BreaksIcon.js"),$=require("./icons/components/BuyCarIcon.js"),ee=require("./icons/components/CabIcon.js"),oe=require("./icons/components/CalendarIcon.js"),ne=require("./icons/components/CameraIcon.js"),re=require("./icons/components/CarFrontIcon.js"),se=require("./icons/components/CarSearchIcon.js"),te=require("./icons/components/CarSideIcon.js"),ce=require("./icons/components/CarTiresIcon.js"),ie=require("./icons/components/Car360Icon.js"),ae=require("./icons/components/CaravanIcon.js"),pe=require("./icons/components/CardViewIcon.js"),ue=require("./icons/components/CarloanIcon.js"),le=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),de=require("./icons/components/CheckIcon.js"),me=require("./icons/components/CheckThinIcon.js"),xe=require("./icons/components/CheckmarkFilledIcon.js"),qe=require("./icons/components/CheckmarkIcon.js"),je=require("./icons/components/ClipboardFilledIcon.js"),fe=require("./icons/components/ClipboardIcon.js"),Ce=require("./icons/components/ClockFilledIcon.js"),Se=require("./icons/components/ClockIcon.js"),ge=require("./icons/components/CloseIcon.js"),ke=require("./icons/components/CloseThinIcon.js"),he=require("./icons/components/CoffeeIcon.js"),ye=require("./icons/components/CombiIcon.js"),Te=require("./icons/components/CommentCircleFilledIcon.js"),Fe=require("./icons/components/CommentCircleIconIcon.js"),Be=require("./icons/components/CommentIcon.js"),be=require("./icons/components/ContactIcon.js"),Le=require("./icons/components/CoupeIcon.js"),ve=require("./icons/components/CreditCardIcon.js"),Ae=require("./icons/components/CrossCircleIcon.js"),Pe=require("./icons/components/CrownIcon.js"),we=require("./icons/components/DealmakerIcon.js"),Me=require("./icons/components/DeliveryIcon.js"),De=require("./icons/components/DetailedSearchIcon.js"),Re=require("./icons/components/EcoFriendlyIcon.js"),Ee=require("./icons/components/EditIcon.js"),He=require("./icons/components/EngineIcon.js"),Ge=require("./icons/components/EnglandFlagIcon.js"),Oe=require("./icons/components/EvaluationIcon.js"),Ve=require("./icons/components/ExaminationMarkFilledIcon.js"),Ke=require("./icons/components/ExaminationMarkIcon.js"),Ue=require("./icons/components/ExteriorIcon.js"),Ne=require("./icons/components/EyeIcon.js"),Qe=require("./icons/components/FacebookBtnIcon.js"),ze=require("./icons/components/FacebookIcon.js"),We=require("./icons/components/FatalIcon.js"),Ye=require("./icons/components/FavouriteIcon.js"),_e=require("./icons/components/FavouriteSolidIcon.js"),Je=require("./icons/components/FilterIcon.js"),Xe=require("./icons/components/FinanceIcon.js"),Ze=require("./icons/components/FindCarIcon.js"),$e=require("./icons/components/FixedMonthlyCostIcon.js"),eo=require("./icons/components/FlagIcon.js"),oo=require("./icons/components/FlexibilityIcon.js"),no=require("./icons/components/ForumLargeIcon.js"),ro=require("./icons/components/ForumSmallIcon.js"),so=require("./icons/components/GavelIcon.js"),to=require("./icons/components/GearboxIcon.js"),co=require("./icons/components/GiftIcon.js"),io=require("./icons/components/GridViewIcon.js"),ao=require("./icons/components/GroupIcon.js"),po=require("./icons/components/GuaranteeIcon.js"),uo=require("./icons/components/GuaranteeLargeIcon.js"),lo=require("./icons/components/GuaranteeSmallIcon.js"),Io=require("./icons/components/HalfCombiIcon.js"),mo=require("./icons/components/HamburgerIcon.js"),xo=require("./icons/components/HandshakeIcon.js"),qo=require("./icons/components/HelpingHandIcon.js"),jo=require("./icons/components/InformationIcon.js"),fo=require("./icons/components/InstagramIcon.js"),Co=require("./icons/components/InsuranceIcon.js"),So=require("./icons/components/InteriorIcon.js"),go=require("./icons/components/InteriorThinIcon.js"),ko=require("./icons/components/InternationalIcon.js"),ho=require("./icons/components/KvdTestIcon.js"),yo=require("./icons/components/KvdVenueIcon.js"),To=require("./icons/components/LifebuoyIcon.js"),Fo=require("./icons/components/LiftTruckIcon.js"),Bo=require("./icons/components/LinkedInIcon.js"),bo=require("./icons/components/ListViewIcon.js"),Lo=require("./icons/components/MailIcon.js"),vo=require("./icons/components/MinibusIcon.js"),Ao=require("./icons/components/MinivanIcon.js"),Po=require("./icons/components/MobileIcon.js"),wo=require("./icons/components/MotorcycleIcon.js"),Mo=require("./icons/components/MrfLogoIcon.js"),Do=require("./icons/components/NotFoundIcon.js"),Ro=require("./icons/components/OverbidIcon.js"),Eo=require("./icons/components/PdfIconIcon.js"),Ho=require("./icons/components/PhoneIcon.js"),Go=require("./icons/components/PickUpIcon.js"),Oo=require("./icons/components/PinIcon.js"),Vo=require("./icons/components/PlayIcon.js"),Ko=require("./icons/components/PricetagFilledKronaIcon.js"),Uo=require("./icons/components/Pricetag.js"),No=require("./icons/components/PrivateCarIcon.js"),Qo=require("./icons/components/ProfileCircleIcon.js"),zo=require("./icons/components/ProfileIcon.js"),Wo=require("./icons/components/RadioIcon.js"),Yo=require("./icons/components/ReclamationIcon.js"),_o=require("./icons/components/ReleasingIcon.js"),Jo=require("./icons/components/RemoveFilterIcon.js"),Xo=require("./icons/components/ReservedPriceIcon.js"),Zo=require("./icons/components/ResultIcon.js"),$o=require("./icons/components/SafePaymentIcon.js"),en=require("./icons/components/SaleTagIcon.js"),on=require("./icons/components/SearchCheckIcon.js"),nn=require("./icons/components/SearchIcon.js"),rn=require("./icons/components/SedanIcon.js"),sn=require("./icons/components/SellCarIcon.js"),tn=require("./icons/components/SellCarsIcon.js"),cn=require("./icons/components/ServiceIcon.js"),an=require("./icons/components/ShareIcon.js"),pn=require("./icons/components/ShieldIcon.js"),un=require("./icons/components/SignInIcon.js"),ln=require("./icons/components/SignOutIcon.js"),In=require("./icons/components/SpeedMeterIcon.js"),dn=require("./icons/components/StarCircleIcon.js"),mn=require("./icons/components/StarFilledIcon.js"),xn=require("./icons/components/StarIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedenFlag.js"),Cn=require("./icons/components/TankIcon.js"),Sn=require("./icons/components/TireIcon.js"),gn=require("./icons/components/TransportIcon.js"),kn=require("./icons/components/TrashcanIcon.js"),hn=require("./icons/components/TrophyIcon.js"),yn=require("./icons/components/TruckIcon.js"),Tn=require("./icons/components/UmbrellaIcon.js"),Fn=require("./icons/components/ValuationIcon.js"),Bn=require("./icons/components/ValueIcon.js"),bn=require("./icons/components/WarningIcon.js"),Ln=require("./icons/components/YoutubeIcon.js"),vn=require("./hooks/useDynamicScript.js"),An=require("./typography/Heading/index.js"),Pn=require("./typography/BodyText/index.js"),wn=require("./typography/ButtonText/index.js"),Mn=require("./components/RadioButton/index.js"),Dn=require("./utils/utils.js");require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./shared/helpers.js"),require("./components/Icons/CheckIcon.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("./components/Chip/styles.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/InlineStepper/StepCircle.js"),require("./components/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=a.default,exports.ErrorMessage=p.ErrorMessage,exports.Spinner=u.default,exports.Modal=l.Modal,exports.Dialog=I.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=m.CheckBox,exports.Snackbar=x.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.Chip=f.Chip,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=k.Badge,exports.Toggle=h.Toggle,exports.Stepper=y.Stepper,exports.Step=T.default,exports.InlineStepper=F.InlineStepper,exports.StepperAccordion=B.StepperAccordion,exports.Card=b.Card,exports.NotificationButton=L.NotificationButton,exports.Range=v.Range,exports.Header=A.Header,exports.MenuItem=P.MenuItem,exports.IdIcon=w.default,exports.AccountCreateIcon=M.default,exports.AccountIcon=D.default,exports.AccountLoginIcon=R.default,exports.ArrowDownIcon=E.default,exports.ArrowLeftIcon=H.default,exports.ArrowLeftSharpIcon=G.default,exports.ArrowLeftSmallIcon=O.default,exports.ArrowLong=V.default,exports.ArrowRestartIcon=K.default,exports.ArrowRightIcon=U.default,exports.ArrowRightSharpIcon=N.default,exports.ArrowUpIcon=Q.default,exports.AuctionIcon=z.default,exports.BackArrowIcon=W.default,exports.Baseline360Icon=Y.default,exports.BellIcon=_.default,exports.BidIcon=J.default,exports.BidKrIcon=X.default,exports.BreaksIcon=Z.default,exports.BuyCarIcon=$.default,exports.CabIcon=ee.default,exports.CalendarIcon=oe.default,exports.CameraIcon=ne.default,exports.CarFrontIcon=re.default,exports.CarSearchIcon=se.default,exports.CarSideIcon=te.default,exports.CarTiresIcon=ce.default,exports.Car360Icon=ie.default,exports.CaravanIcon=ae.default,exports.CardViewIcon=pe.default,exports.CarloanIcon=ue.default,exports.CertifiedIcon=le.default,exports.ChatIcon=Ie.default,exports.CheckIcon=de.default,exports.CheckThinIcon=me.default,exports.CheckmarkFilledIcon=xe.default,exports.CheckmarkIcon=qe.default,exports.ClipboardFilledIcon=je.default,exports.ClipboardIcon=fe.default,exports.ClockFilledIcon=Ce.default,exports.ClockIcon=Se.default,exports.CloseIcon=ge.default,exports.CloseThinIcon=ke.default,exports.CoffeeIcon=he.default,exports.CombiIcon=ye.default,exports.CommentCircleFilledIcon=Te.default,exports.CommentCircleIconIcon=Fe.default,exports.CommentIcon=Be.default,exports.ContactIcon=be.default,exports.CoupeIcon=Le.default,exports.CreditCardIcon=ve.default,exports.CrossCircleIcon=Ae.default,exports.CrownIcon=Pe.default,exports.DealmakerIcon=we.default,exports.DeliveryIcon=Me.default,exports.DetailedSearchIcon=De.default,exports.EcoFriendlyIcon=Re.default,exports.EditIcon=Ee.default,exports.EngineIcon=He.default,exports.EnglandFlagIcon=Ge.default,exports.EvaluationIcon=Oe.default,exports.ExaminationMarkFilledIcon=Ve.default,exports.ExaminationMarkIcon=Ke.default,exports.ExteriorIcon=Ue.default,exports.EyeIcon=Ne.default,exports.FacebookBtnIcon=Qe.default,exports.FacebookIcon=ze.default,exports.FatalIcon=We.default,exports.FavouriteIcon=Ye.default,exports.FavouriteSolidIcon=_e.default,exports.FilterIcon=Je.default,exports.FinanceIcon=Xe.default,exports.FindCarIcon=Ze.default,exports.FixedMonthlyCostIcon=$e.default,exports.FlagIcon=eo.default,exports.FlexibilityIcon=oo.default,exports.ForumLargeIcon=no.default,exports.ForumSmallIcon=ro.default,exports.GavelIcon=so.default,exports.GearboxIcon=to.default,exports.GiftIcon=co.default,exports.GridViewIcon=io.default,exports.GroupIcon=ao.default,exports.GuaranteeIcon=po.default,exports.GuaranteeLargeIcon=uo.default,exports.GuaranteeSmallIcon=lo.default,exports.HalfCombiIcon=Io.default,exports.HamburgerIcon=mo.default,exports.HandshakeIcon=xo.default,exports.HelpingHandIcon=qo.default,exports.InformationIcon=jo.default,exports.InstagramIcon=fo.default,exports.InsuranceIcon=Co.default,exports.InteriorIcon=So.default,exports.InteriorThinIcon=go.default,exports.InternationalIcon=ko.default,exports.KvdTestIcon=ho.default,exports.KvdVenueIcon=yo.default,exports.LifebuoyIcon=To.default,exports.LiftTruckIcon=Fo.default,exports.LinkedInIcon=Bo.default,exports.ListViewIcon=bo.default,exports.MailIcon=Lo.default,exports.MinibusIcon=vo.default,exports.MinivanIcon=Ao.default,exports.MobileIcon=Po.default,exports.MotorcycleIcon=wo.default,exports.MrfLogoIcon=Mo.default,exports.NotFoundIcon=Do.default,exports.OverbidIcon=Ro.default,exports.PdfIconIcon=Eo.default,exports.PhoneIcon=Ho.default,exports.PickUpIcon=Go.default,exports.PinIcon=Oo.default,exports.PlayIcon=Vo.default,exports.PricetagFilledKronaIcon=Ko.default,exports.Pricetag=Uo.default,exports.PrivateCarIcon=No.default,exports.ProfileCircleIcon=Qo.default,exports.ProfileIcon=zo.default,exports.RadioIcon=Wo.default,exports.ReclamationIcon=Yo.default,exports.ReleasingIcon=_o.default,exports.RemoveFilterIcon=Jo.default,exports.ReservedPriceIcon=Xo.default,exports.ResultIcon=Zo.default,exports.SafePaymentIcon=$o.default,exports.SaleTagIcon=en.default,exports.SearchCheckIcon=on.default,exports.SearchIcon=nn.default,exports.SedanIcon=rn.default,exports.SellCarIcon=sn.default,exports.SellCarsIcon=tn.default,exports.ServiceIcon=cn.default,exports.ShareIcon=an.default,exports.ShieldIcon=pn.default,exports.SignInIcon=un.default,exports.SignOutIcon=ln.default,exports.SpeedMeterIcon=In.default,exports.StarCircleIcon=dn.default,exports.StarFilledIcon=mn.default,exports.StarIcon=xn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedenFlag=fn.default,exports.TankIcon=Cn.default,exports.TireIcon=Sn.default,exports.TransportIcon=gn.default,exports.TrashcanIcon=kn.default,exports.TrophyIcon=hn.default,exports.TruckIcon=yn.default,exports.UmbrellaIcon=Tn.default,exports.ValuationIcon=Fn.default,exports.ValueIcon=Bn.default,exports.WarningIcon=bn.default,exports.YoutubeIcon=Ln.default,exports.useDynamicScript=vn.useDynamicScript,exports.Display1=An.Display1,exports.Display2=An.Display2,exports.Display3=An.Display3,exports.Headline=An.Headline,exports.Subtitle=An.Subtitle,exports.TinyTitleBold=An.TinyTitleBold,exports.TinyTitleRegular=An.TinyTitleRegular,exports.Title=An.Title,exports.BodyLink=Pn.BodyLink,exports.BodyText=Pn.BodyText,exports.Caption=Pn.Caption,exports.CaptionLink=Pn.CaptionLink,exports.Quote=Pn.Quote,exports.Status=Pn.Status,exports.ButtonLargeText=wn.ButtonLarge,exports.ButtonRegularText=wn.Button,exports.ButtonSmallText=wn.ButtonSmall,exports.RadioButton=Mn.RadioButton,exports.resetButtonStyle=Dn.resetButtonStyle;
|
|
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"),a=require("./components/Tabs/Tab.js"),p=require("./components/ErrorMessage/index.js"),u=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),m=require("./components/CheckBox/index.js"),x=require("./components/Snackbar/index.js"),q=require("./components/Select/index.js"),j=require("./components/ListItem/index.js"),f=require("./index-3ce38349.js"),C=require("./components/Hero/index.js"),S=require("./components/DayPicker/index.js"),g=require("./components/Logo/index.js"),k=require("./components/Badge/index.js"),h=require("./components/Toggle/index.js"),y=require("./components/Stepper/index.js"),T=require("./components/InlineStepper/Step.js"),F=require("./components/InlineStepper/index.js"),B=require("./components/StepperAccordion/index.js"),b=require("./components/Card/index.js"),L=require("./components/NotificationButton/index.js"),v=require("./components/Range/index.js"),A=require("./components/Header/index.js"),P=require("./components/MenuItem/index.js"),w=require("./icons/components/IdIcon.js"),M=require("./icons/components/AccountCreateIcon.js"),D=require("./icons/components/AccountIcon.js"),R=require("./icons/components/AccountLoginIcon.js"),E=require("./icons/components/ArrowDownIcon.js"),H=require("./icons/components/ArrowLeftIcon.js"),G=require("./icons/components/ArrowLeftSharpIcon.js"),O=require("./icons/components/ArrowLeftSmallIcon.js"),V=require("./icons/components/ArrowLong.js"),K=require("./icons/components/ArrowRestartIcon.js"),U=require("./icons/components/ArrowRightIcon.js"),N=require("./icons/components/ArrowRightSharpIcon.js"),Q=require("./icons/components/ArrowUpIcon.js"),z=require("./icons/components/AuctionIcon.js"),W=require("./icons/components/BackArrowIcon.js"),Y=require("./icons/components/Baseline360Icon.js"),_=require("./icons/components/BellIcon.js"),J=require("./icons/components/BidIcon.js"),X=require("./icons/components/BidKrIcon.js"),Z=require("./icons/components/BreaksIcon.js"),$=require("./icons/components/BuyCarIcon.js"),ee=require("./icons/components/CabIcon.js"),oe=require("./icons/components/CalendarIcon.js"),ne=require("./icons/components/CameraIcon.js"),re=require("./icons/components/CarFrontIcon.js"),se=require("./icons/components/CarSearchIcon.js"),te=require("./icons/components/CarSideIcon.js"),ce=require("./icons/components/CarTiresIcon.js"),ie=require("./icons/components/Car360Icon.js"),ae=require("./icons/components/CaravanIcon.js"),pe=require("./icons/components/CardViewIcon.js"),ue=require("./icons/components/CarloanIcon.js"),le=require("./icons/components/CertifiedIcon.js"),Ie=require("./icons/components/ChatIcon.js"),de=require("./icons/components/CheckIcon.js"),me=require("./icons/components/CheckThinIcon.js"),xe=require("./icons/components/CheckmarkFilledIcon.js"),qe=require("./icons/components/CheckmarkIcon.js"),je=require("./icons/components/ClipboardFilledIcon.js"),fe=require("./icons/components/ClipboardIcon.js"),Ce=require("./icons/components/ClockFilledIcon.js"),Se=require("./icons/components/ClockIcon.js"),ge=require("./icons/components/CloseIcon.js"),ke=require("./icons/components/CloseThinIcon.js"),he=require("./icons/components/CoffeeIcon.js"),ye=require("./icons/components/CombiIcon.js"),Te=require("./icons/components/CommentCircleFilledIcon.js"),Fe=require("./icons/components/CommentCircleIconIcon.js"),Be=require("./icons/components/CommentIcon.js"),be=require("./icons/components/ContactIcon.js"),Le=require("./icons/components/CoupeIcon.js"),ve=require("./icons/components/CreditCardIcon.js"),Ae=require("./icons/components/CrossCircleIcon.js"),Pe=require("./icons/components/CrownIcon.js"),we=require("./icons/components/DealmakerIcon.js"),Me=require("./icons/components/DeliveryIcon.js"),De=require("./icons/components/DetailedSearchIcon.js"),Re=require("./icons/components/EcoFriendlyIcon.js"),Ee=require("./icons/components/EditIcon.js"),He=require("./icons/components/EngineIcon.js"),Ge=require("./icons/components/EnglandFlagIcon.js"),Oe=require("./icons/components/EvaluationIcon.js"),Ve=require("./icons/components/ExaminationMarkFilledIcon.js"),Ke=require("./icons/components/ExaminationMarkIcon.js"),Ue=require("./icons/components/ExteriorIcon.js"),Ne=require("./icons/components/EyeIcon.js"),Qe=require("./icons/components/FacebookBtnIcon.js"),ze=require("./icons/components/FacebookIcon.js"),We=require("./icons/components/FatalIcon.js"),Ye=require("./icons/components/FavouriteIcon.js"),_e=require("./icons/components/FavouriteSolidIcon.js"),Je=require("./icons/components/FilterIcon.js"),Xe=require("./icons/components/FinanceIcon.js"),Ze=require("./icons/components/FindCarIcon.js"),$e=require("./icons/components/FixedMonthlyCostIcon.js"),eo=require("./icons/components/FlagIcon.js"),oo=require("./icons/components/FlexibilityIcon.js"),no=require("./icons/components/ForumLargeIcon.js"),ro=require("./icons/components/ForumSmallIcon.js"),so=require("./icons/components/GavelIcon.js"),to=require("./icons/components/GearboxIcon.js"),co=require("./icons/components/GiftIcon.js"),io=require("./icons/components/GridViewIcon.js"),ao=require("./icons/components/GroupIcon.js"),po=require("./icons/components/GuaranteeIcon.js"),uo=require("./icons/components/GuaranteeLargeIcon.js"),lo=require("./icons/components/GuaranteeSmallIcon.js"),Io=require("./icons/components/HalfCombiIcon.js"),mo=require("./icons/components/HamburgerIcon.js"),xo=require("./icons/components/HandshakeIcon.js"),qo=require("./icons/components/HelpingHandIcon.js"),jo=require("./icons/components/InformationIcon.js"),fo=require("./icons/components/InstagramIcon.js"),Co=require("./icons/components/InsuranceIcon.js"),So=require("./icons/components/InteriorIcon.js"),go=require("./icons/components/InteriorThinIcon.js"),ko=require("./icons/components/InternationalIcon.js"),ho=require("./icons/components/KvdTestIcon.js"),yo=require("./icons/components/KvdVenueIcon.js"),To=require("./icons/components/LifebuoyIcon.js"),Fo=require("./icons/components/LiftTruckIcon.js"),Bo=require("./icons/components/LinkedInIcon.js"),bo=require("./icons/components/ListViewIcon.js"),Lo=require("./icons/components/MailIcon.js"),vo=require("./icons/components/MinibusIcon.js"),Ao=require("./icons/components/MinivanIcon.js"),Po=require("./icons/components/MobileIcon.js"),wo=require("./icons/components/MotorcycleIcon.js"),Mo=require("./icons/components/MrfLogoIcon.js"),Do=require("./icons/components/NotFoundIcon.js"),Ro=require("./icons/components/OverbidIcon.js"),Eo=require("./icons/components/PdfIconIcon.js"),Ho=require("./icons/components/PhoneIcon.js"),Go=require("./icons/components/PickUpIcon.js"),Oo=require("./icons/components/PinIcon.js"),Vo=require("./icons/components/PlayIcon.js"),Ko=require("./icons/components/PricetagFilledKronaIcon.js"),Uo=require("./icons/components/Pricetag.js"),No=require("./icons/components/PrivateCarIcon.js"),Qo=require("./icons/components/ProfileCircleIcon.js"),zo=require("./icons/components/ProfileIcon.js"),Wo=require("./icons/components/RadioIcon.js"),Yo=require("./icons/components/ReclamationIcon.js"),_o=require("./icons/components/ReleasingIcon.js"),Jo=require("./icons/components/RemoveFilterIcon.js"),Xo=require("./icons/components/ReservedPriceIcon.js"),Zo=require("./icons/components/ResultIcon.js"),$o=require("./icons/components/SafePaymentIcon.js"),en=require("./icons/components/SaleTagIcon.js"),on=require("./icons/components/SearchCheckIcon.js"),nn=require("./icons/components/SearchIcon.js"),rn=require("./icons/components/SedanIcon.js"),sn=require("./icons/components/SellCarIcon.js"),tn=require("./icons/components/SellCarsIcon.js"),cn=require("./icons/components/ServiceIcon.js"),an=require("./icons/components/ShareIcon.js"),pn=require("./icons/components/ShieldIcon.js"),un=require("./icons/components/SignInIcon.js"),ln=require("./icons/components/SignOutIcon.js"),In=require("./icons/components/SpeedMeterIcon.js"),dn=require("./icons/components/StarCircleIcon.js"),mn=require("./icons/components/StarFilledIcon.js"),xn=require("./icons/components/StarIcon.js"),qn=require("./icons/components/StoreIcon.js"),jn=require("./icons/components/SuvIcon.js"),fn=require("./icons/components/SwedenFlag.js"),Cn=require("./icons/components/TankIcon.js"),Sn=require("./icons/components/TireIcon.js"),gn=require("./icons/components/TransportIcon.js"),kn=require("./icons/components/TrashcanIcon.js"),hn=require("./icons/components/TrophyIcon.js"),yn=require("./icons/components/TruckIcon.js"),Tn=require("./icons/components/UmbrellaIcon.js"),Fn=require("./icons/components/ValuationIcon.js"),Bn=require("./icons/components/ValueIcon.js"),bn=require("./icons/components/WarningIcon.js"),Ln=require("./icons/components/YoutubeIcon.js"),vn=require("./hooks/useDynamicScript.js"),An=require("./typography/Heading/index.js"),Pn=require("./typography/BodyText/index.js"),wn=require("./typography/ButtonText/index.js"),Mn=require("./components/RadioButton/index.js"),Dn=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("./components/Chip/styles.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/InlineStepper/StepCircle.js"),require("./components/Icons/CheckIcon.js"),require("./components/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=a.default,exports.ErrorMessage=p.ErrorMessage,exports.Spinner=u.default,exports.Modal=l.Modal,exports.Dialog=I.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=m.CheckBox,exports.Snackbar=x.Snackbar,exports.Select=q.Select,exports.ListItem=j.default,exports.Chip=f.Chip,exports.TimePicker=f.TimePicker,exports.Hero=C.Hero,exports.DayPicker=S.DayPicker,exports.Logo=g.Logo,exports.Badge=k.Badge,exports.Toggle=h.Toggle,exports.Stepper=y.Stepper,exports.Step=T.default,exports.InlineStepper=F.InlineStepper,exports.StepperAccordion=B.StepperAccordion,exports.Card=b.Card,exports.NotificationButton=L.NotificationButton,exports.Range=v.Range,exports.Header=A.Header,exports.MenuItem=P.MenuItem,exports.IdIcon=w.default,exports.AccountCreateIcon=M.default,exports.AccountIcon=D.default,exports.AccountLoginIcon=R.default,exports.ArrowDownIcon=E.default,exports.ArrowLeftIcon=H.default,exports.ArrowLeftSharpIcon=G.default,exports.ArrowLeftSmallIcon=O.default,exports.ArrowLong=V.default,exports.ArrowRestartIcon=K.default,exports.ArrowRightIcon=U.default,exports.ArrowRightSharpIcon=N.default,exports.ArrowUpIcon=Q.default,exports.AuctionIcon=z.default,exports.BackArrowIcon=W.default,exports.Baseline360Icon=Y.default,exports.BellIcon=_.default,exports.BidIcon=J.default,exports.BidKrIcon=X.default,exports.BreaksIcon=Z.default,exports.BuyCarIcon=$.default,exports.CabIcon=ee.default,exports.CalendarIcon=oe.default,exports.CameraIcon=ne.default,exports.CarFrontIcon=re.default,exports.CarSearchIcon=se.default,exports.CarSideIcon=te.default,exports.CarTiresIcon=ce.default,exports.Car360Icon=ie.default,exports.CaravanIcon=ae.default,exports.CardViewIcon=pe.default,exports.CarloanIcon=ue.default,exports.CertifiedIcon=le.default,exports.ChatIcon=Ie.default,exports.CheckIcon=de.default,exports.CheckThinIcon=me.default,exports.CheckmarkFilledIcon=xe.default,exports.CheckmarkIcon=qe.default,exports.ClipboardFilledIcon=je.default,exports.ClipboardIcon=fe.default,exports.ClockFilledIcon=Ce.default,exports.ClockIcon=Se.default,exports.CloseIcon=ge.default,exports.CloseThinIcon=ke.default,exports.CoffeeIcon=he.default,exports.CombiIcon=ye.default,exports.CommentCircleFilledIcon=Te.default,exports.CommentCircleIconIcon=Fe.default,exports.CommentIcon=Be.default,exports.ContactIcon=be.default,exports.CoupeIcon=Le.default,exports.CreditCardIcon=ve.default,exports.CrossCircleIcon=Ae.default,exports.CrownIcon=Pe.default,exports.DealmakerIcon=we.default,exports.DeliveryIcon=Me.default,exports.DetailedSearchIcon=De.default,exports.EcoFriendlyIcon=Re.default,exports.EditIcon=Ee.default,exports.EngineIcon=He.default,exports.EnglandFlagIcon=Ge.default,exports.EvaluationIcon=Oe.default,exports.ExaminationMarkFilledIcon=Ve.default,exports.ExaminationMarkIcon=Ke.default,exports.ExteriorIcon=Ue.default,exports.EyeIcon=Ne.default,exports.FacebookBtnIcon=Qe.default,exports.FacebookIcon=ze.default,exports.FatalIcon=We.default,exports.FavouriteIcon=Ye.default,exports.FavouriteSolidIcon=_e.default,exports.FilterIcon=Je.default,exports.FinanceIcon=Xe.default,exports.FindCarIcon=Ze.default,exports.FixedMonthlyCostIcon=$e.default,exports.FlagIcon=eo.default,exports.FlexibilityIcon=oo.default,exports.ForumLargeIcon=no.default,exports.ForumSmallIcon=ro.default,exports.GavelIcon=so.default,exports.GearboxIcon=to.default,exports.GiftIcon=co.default,exports.GridViewIcon=io.default,exports.GroupIcon=ao.default,exports.GuaranteeIcon=po.default,exports.GuaranteeLargeIcon=uo.default,exports.GuaranteeSmallIcon=lo.default,exports.HalfCombiIcon=Io.default,exports.HamburgerIcon=mo.default,exports.HandshakeIcon=xo.default,exports.HelpingHandIcon=qo.default,exports.InformationIcon=jo.default,exports.InstagramIcon=fo.default,exports.InsuranceIcon=Co.default,exports.InteriorIcon=So.default,exports.InteriorThinIcon=go.default,exports.InternationalIcon=ko.default,exports.KvdTestIcon=ho.default,exports.KvdVenueIcon=yo.default,exports.LifebuoyIcon=To.default,exports.LiftTruckIcon=Fo.default,exports.LinkedInIcon=Bo.default,exports.ListViewIcon=bo.default,exports.MailIcon=Lo.default,exports.MinibusIcon=vo.default,exports.MinivanIcon=Ao.default,exports.MobileIcon=Po.default,exports.MotorcycleIcon=wo.default,exports.MrfLogoIcon=Mo.default,exports.NotFoundIcon=Do.default,exports.OverbidIcon=Ro.default,exports.PdfIconIcon=Eo.default,exports.PhoneIcon=Ho.default,exports.PickUpIcon=Go.default,exports.PinIcon=Oo.default,exports.PlayIcon=Vo.default,exports.PricetagFilledKronaIcon=Ko.default,exports.Pricetag=Uo.default,exports.PrivateCarIcon=No.default,exports.ProfileCircleIcon=Qo.default,exports.ProfileIcon=zo.default,exports.RadioIcon=Wo.default,exports.ReclamationIcon=Yo.default,exports.ReleasingIcon=_o.default,exports.RemoveFilterIcon=Jo.default,exports.ReservedPriceIcon=Xo.default,exports.ResultIcon=Zo.default,exports.SafePaymentIcon=$o.default,exports.SaleTagIcon=en.default,exports.SearchCheckIcon=on.default,exports.SearchIcon=nn.default,exports.SedanIcon=rn.default,exports.SellCarIcon=sn.default,exports.SellCarsIcon=tn.default,exports.ServiceIcon=cn.default,exports.ShareIcon=an.default,exports.ShieldIcon=pn.default,exports.SignInIcon=un.default,exports.SignOutIcon=ln.default,exports.SpeedMeterIcon=In.default,exports.StarCircleIcon=dn.default,exports.StarFilledIcon=mn.default,exports.StarIcon=xn.default,exports.StoreIcon=qn.default,exports.SuvIcon=jn.default,exports.SwedenFlag=fn.default,exports.TankIcon=Cn.default,exports.TireIcon=Sn.default,exports.TransportIcon=gn.default,exports.TrashcanIcon=kn.default,exports.TrophyIcon=hn.default,exports.TruckIcon=yn.default,exports.UmbrellaIcon=Tn.default,exports.ValuationIcon=Fn.default,exports.ValueIcon=Bn.default,exports.WarningIcon=bn.default,exports.YoutubeIcon=Ln.default,exports.useDynamicScript=vn.useDynamicScript,exports.Display1=An.Display1,exports.Display2=An.Display2,exports.Display3=An.Display3,exports.Headline=An.Headline,exports.Subtitle=An.Subtitle,exports.TinyTitleBold=An.TinyTitleBold,exports.TinyTitleRegular=An.TinyTitleRegular,exports.Title=An.Title,exports.BodyLink=Pn.BodyLink,exports.BodyText=Pn.BodyText,exports.Caption=Pn.Caption,exports.CaptionLink=Pn.CaptionLink,exports.Quote=Pn.Quote,exports.Status=Pn.Status,exports.ButtonLargeText=wn.ButtonLarge,exports.ButtonRegularText=wn.Button,exports.ButtonSmallText=wn.ButtonSmall,exports.RadioButton=Mn.RadioButton,exports.resetButtonStyle=Dn.resetButtonStyle;
|
package/cjs/shared/helpers.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fadedColor=(e,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fadedColor=(e,a)=>{if(!/^#?([0-9A-F]{3}){1,2}$/i.test(e))return console.error("Failed to get faded color.",e),e;const t=e.match(e.length<=4?/\w/g:/\w\w/g);if(t){const o=t.map(r=>parseInt(r.length<2?`${r}${r}`:r,16));if(o.every(Number.isInteger)){const[r,s,n]=o;return`rgba(${r}, ${s}, ${n}, ${a||1})`}}return console.error("Failed to get faded color.",e),e},exports.generateNameHash=e=>`${e}-${Math.random().toString(36).replace(/[^a-z]+/g,"").substr(2,10)}`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import l,{forwardRef as b}from"react";import
|
|
1
|
+
import l,{forwardRef as b}from"react";import m,{css as c}from"styled-components";import p from"../../theme.js";import h from"../Spinner/index.js";import{BasicButtonTextStyle as w,ButtonRegularTextStyle as B}from"../../typography/ButtonText/index.js";import{fontSizes as j,smallerSizeStyles as E,smallSizeStyles as z,regularSizeStyles as R,largeSizeStyles as T,disabledColorStyles as k,colorStyles as C}from"./styles.js";const _=m.button`
|
|
2
2
|
${w}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
@@ -10,10 +10,10 @@ import l,{forwardRef as b}from"react";import a,{css as i}from"styled-components"
|
|
|
10
10
|
width: ${({fullWidth:e})=>e&&"100%"};
|
|
11
11
|
display: flex;
|
|
12
12
|
align-items: center;
|
|
13
|
-
justify-content: ${({
|
|
13
|
+
justify-content: ${({sufixIcon:e,prefixIcon:r})=>e||r?"space-between":"center"};
|
|
14
14
|
|
|
15
|
-
${({size:e})=>j[e]||B}
|
|
16
|
-
${({size:e,isLoading:r,minWidth:t})=>
|
|
15
|
+
${({size:e="small"})=>j[e]||B}
|
|
16
|
+
${({size:e,isLoading:r,minWidth:t})=>c`
|
|
17
17
|
${e==="smaller"&&E(r,t)}
|
|
18
18
|
${e==="small"&&z(r,t)}
|
|
19
19
|
${e==="regular"&&R(r,t)}
|
|
@@ -21,15 +21,15 @@ import l,{forwardRef as b}from"react";import a,{css as i}from"styled-components"
|
|
|
21
21
|
`}
|
|
22
22
|
background-color: transparent;
|
|
23
23
|
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
|
|
24
|
-
${({variant:e,color:r,disabled:t,theme:o})=>
|
|
24
|
+
${({variant:e="solid",color:r="primary",disabled:t,theme:o})=>c`
|
|
25
25
|
${t?k(o,e):C[e](o,r)}
|
|
26
26
|
`}
|
|
27
27
|
&:focus-visible {
|
|
28
28
|
box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.gray.light5};
|
|
29
29
|
}
|
|
30
|
-
`,v={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},u={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},
|
|
30
|
+
`,v={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},u={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},y=m.span`
|
|
31
31
|
display: flex;
|
|
32
32
|
margin-right: ${({type:e,size:r})=>e==="prefix"?u[r]:0};
|
|
33
33
|
margin-left: ${({type:e,size:r})=>e==="sufix"?u[r]:0};
|
|
34
34
|
font-size: ${({size:e})=>v[e]};
|
|
35
|
-
`,F=
|
|
35
|
+
`,F=m(h)``,M={smaller:1,small:1,regular:1.5,large:1.75},i=b(({size:e="small",color:r="primary",variant:t="solid",fullWidth:o=!1,isDisabled:g=!1,isLoading:s=!1,children:f,sufixIcon:a,prefixIcon:n,minWidth:S,as:d="button",...x},$)=>l.createElement(_,{...x,as:d,minWidth:S,color:r,disabled:g||s,fullWidth:o,theme:p,variant:t,size:e,isLoading:s,ref:$,prefixIcon:n,sufixIcon:a},s?l.createElement(F,{color:p.colors.gray.light1,size:M[e]}):l.createElement(l.Fragment,null,n&&l.createElement(y,{size:e,type:"prefix"},n),f,a&&l.createElement(y,{size:e,type:"sufix"},a))));i.displayName="Button";export{i as Button,i as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import o from"react";import i,{css as r}from"styled-components";import{generateNameHash as p}from"../../shared/helpers.js";import c from"../../theme.js";import{BodyText as g}from"../../typography/BodyText/index.js";import x,{BackgroundStyles as u}from"../IconButton.js";import b from"../../icons/components/CheckIcon.js";const f=r`
|
|
2
2
|
width: 24px;
|
|
3
3
|
height: 24px;
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ import r from"react";import l,{css as t}from"styled-components";import{generateN
|
|
|
6
6
|
width: 15px;
|
|
7
7
|
height: 15px;
|
|
8
8
|
}
|
|
9
|
-
`,
|
|
9
|
+
`,y=r`
|
|
10
10
|
width: 32px;
|
|
11
11
|
height: 32px;
|
|
12
12
|
|
|
@@ -14,10 +14,10 @@ import r from"react";import l,{css as t}from"styled-components";import{generateN
|
|
|
14
14
|
width: 20px;
|
|
15
15
|
height: 20px;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,k={regular:f,large:y},$=r`
|
|
18
18
|
cursor: default;
|
|
19
|
-
border: 2px solid ${
|
|
20
|
-
`,
|
|
19
|
+
border: 2px solid ${c.colors.gray.light2};
|
|
20
|
+
`,v=e=>r`
|
|
21
21
|
svg {
|
|
22
22
|
fill: #fefefe;
|
|
23
23
|
opacity: 1;
|
|
@@ -26,13 +26,33 @@ import r from"react";import l,{css as t}from"styled-components";import{generateN
|
|
|
26
26
|
:hover {
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
background: ${
|
|
30
|
-
border: 2px solid ${
|
|
31
|
-
`,
|
|
32
|
-
background: ${
|
|
33
|
-
|
|
34
|
-
display:
|
|
35
|
-
|
|
29
|
+
background: ${c.colors[e].main};
|
|
30
|
+
border: 2px solid ${c.colors[e].main};
|
|
31
|
+
`,C=r`
|
|
32
|
+
background: ${c.colors.gray.light2};
|
|
33
|
+
`,w=i.label`
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
box-sizing: border-box;
|
|
37
|
+
`,j=i.input.attrs({type:"checkbox"})`
|
|
38
|
+
position: absolute;
|
|
39
|
+
appearance: none;
|
|
40
|
+
width: 100%;
|
|
41
|
+
height: 100%;
|
|
42
|
+
margin: 0;
|
|
43
|
+
padding: 0;
|
|
44
|
+
|
|
45
|
+
:focus-visible {
|
|
46
|
+
outline: none;
|
|
47
|
+
height: calc(100% + 1rem);
|
|
48
|
+
width: calc(100% + 1rem);
|
|
49
|
+
top: -0.5rem;
|
|
50
|
+
left: -0.5rem;
|
|
51
|
+
appearance: initial;
|
|
52
|
+
border-radius: 10rem;
|
|
53
|
+
transition: background-color 400ms;
|
|
54
|
+
${u}
|
|
55
|
+
`,z=i.span`
|
|
36
56
|
box-sizing: border-box;
|
|
37
57
|
cursor: pointer;
|
|
38
58
|
display: flex;
|
|
@@ -40,17 +60,22 @@ import r from"react";import l,{css as t}from"styled-components";import{generateN
|
|
|
40
60
|
align-items: center;
|
|
41
61
|
justify-content: center;
|
|
42
62
|
|
|
43
|
-
border: 2px solid ${
|
|
44
|
-
border-radius: 3px;
|
|
63
|
+
border: 2px solid ${c.colors.gray.dark5};
|
|
45
64
|
|
|
46
|
-
${e=>
|
|
65
|
+
${e=>k[e.size]};
|
|
47
66
|
|
|
48
67
|
svg {
|
|
49
68
|
opacity: 0;
|
|
69
|
+
color: ${({theme:e})=>e.colors.common.white};
|
|
50
70
|
}
|
|
51
71
|
|
|
52
|
-
${e=>e.isChecked&&
|
|
53
|
-
${e=>e.isDisabled
|
|
72
|
+
${e=>e.isChecked&&v(e.color)};
|
|
73
|
+
${e=>e.isDisabled&&$};
|
|
54
74
|
|
|
55
|
-
${e=>e.isChecked&&e.isDisabled&&
|
|
56
|
-
`,
|
|
75
|
+
${e=>e.isChecked&&e.isDisabled&&C};
|
|
76
|
+
`,B=i(g)`
|
|
77
|
+
cursor: ${({isDisabled:e})=>e?"default":"pointer"};
|
|
78
|
+
user-select: none;
|
|
79
|
+
color: ${({theme:e,isDisabled:t})=>t?e.colors.text.disabled:e.colors.text.dark};
|
|
80
|
+
margin-left: 0.5rem;
|
|
81
|
+
`,l=({name:e=p("check-box"),isDisabled:t=!1,size:d="regular",checked:n,color:s="secondary",onClick:h,label:a,...m})=>o.createElement(w,{htmlFor:e},o.createElement(x,{onClick:h,isActive:n,isDisabled:t,color:s},o.createElement(j,{...m,"data-validate":"checked",name:e,id:e,color:s,disabled:t,isDisabled:t}),o.createElement(z,{size:d,color:s,isChecked:n,isDisabled:t},o.createElement(b,null))),a&&o.createElement(B,{as:"span",isDisabled:t},a));export{l as CheckBox,l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"styled-components";import"../Accordion/index.js";import"../Button/index.js";import"../IconButton.js";import"../Textfield/index.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ErrorMessage/index.js";import"../Spinner/index.js";import"../Modal/index.js";import"../Dialog/index.js";import"../OffCanvas/index.js";import"../CheckBox/index.js";import"../Snackbar/index.js";import"../Select/index.js";import"../ListItem/index.js";export{C as Chip,C as default}from"../../index-
|
|
1
|
+
import"react";import"styled-components";import"../Accordion/index.js";import"../Button/index.js";import"../IconButton.js";import"../Textfield/index.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../ErrorMessage/index.js";import"../Spinner/index.js";import"../Modal/index.js";import"../Dialog/index.js";import"../OffCanvas/index.js";import"../CheckBox/index.js";import"../Snackbar/index.js";import"../Select/index.js";import"../ListItem/index.js";export{C as Chip,C as default}from"../../index-4d722f75.js";import"../Hero/index.js";import"../DayPicker/index.js";import"../Logo/index.js";import"../Badge/index.js";import"../Toggle/index.js";import"../Stepper/index.js";import"../InlineStepper/Step.js";import"../InlineStepper/index.js";import"../StepperAccordion/index.js";import"../Card/index.js";import"../NotificationButton/index.js";import"../Range/index.js";import"../Header/index.js";import"../MenuItem/index.js";import"../../icons/components/CloseIcon.js";import"../../typography/Heading/index.js";import"../../typography/BodyText/index.js";import"../../typography/ButtonText/index.js";import"../RadioButton/index.js";import"../../utils/utils.js";import"./styles.js";import"react-collapse";import"../../shared/media-queries.js";import"../../icons/components/ArrowDownIcon.js";import"../../theme.js";import"../Button/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";import"../OffCanvas/Overlay.js";import"../OffCanvas/useClickOutside.js";import"../../icons/components/CheckIcon.js";import"../Icons/CheckCircle.js";import"../Icons/ErrorCircle.js";import"../Icons/InfoCircle.js";import"react-select";import"../../shared/constants.js";import"react-day-picker";import"../DayPicker/DayPickerNavBar.js";import"../Icons/Arrow.js";import"../DayPicker/localeUtils.js";import"../DayPicker/style.js";import"../Logo/LogoSv.js";import"../Logo/LogoEn.js";import"../InlineStepper/StepCircle.js";import"../Icons/CheckIcon.js";import"../Header/Hamburger.js";import"../Header/Link.js";
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import
|
|
2
|
-
background-color: ${
|
|
3
|
-
transform: scale(0.75) translateY(${
|
|
1
|
+
import c,{css as e}from"styled-components";import{CaptionStyle as n}from"../typography/BodyText/index.js";import"react";const l="0.5rem",a=(o,t)=>e`
|
|
2
|
+
background-color: ${({theme:r})=>r.colors.background.light};
|
|
3
|
+
transform: scale(0.75) translateY(${o});
|
|
4
4
|
transform-origin: 0 0;
|
|
5
5
|
padding: 0 ${l};
|
|
6
6
|
left: ${l};
|
|
7
|
-
color: ${({theme:
|
|
8
|
-
`,
|
|
9
|
-
color: ${
|
|
10
|
-
`,
|
|
11
|
-
color: ${
|
|
12
|
-
background-color: ${
|
|
13
|
-
|
|
7
|
+
color: ${({theme:r})=>t?r.colors.error.dark:r.colors.text.dark};
|
|
8
|
+
`,i=e`
|
|
9
|
+
color: ${({theme:o,hasError:t})=>t?o.colors.error.dark:o.colors.text.dark};
|
|
10
|
+
`,d=e`
|
|
11
|
+
color: ${({theme:o})=>o.colors.gray.light1};
|
|
12
|
+
background-color: ${({theme:o})=>o.colors.background.light};
|
|
13
|
+
`,$=e`
|
|
14
14
|
text-align: center;
|
|
15
15
|
width: 100%;
|
|
16
16
|
left: 0;
|
|
17
|
-
`,
|
|
18
|
-
|
|
17
|
+
`,p=c.label`
|
|
18
|
+
${n}
|
|
19
19
|
pointer-events: none;
|
|
20
20
|
position: absolute;
|
|
21
21
|
z-index: 1;
|
|
22
|
-
top: ${
|
|
22
|
+
top: ${({height:o})=>o?`${o}rem`:"1rem"};
|
|
23
23
|
left: calc(0.75rem + 2px);
|
|
24
24
|
transition: 150ms;
|
|
25
25
|
height: 16px;
|
|
26
26
|
line-height: 16px;
|
|
27
27
|
font-size: 16px;
|
|
28
|
-
color: ${
|
|
28
|
+
color: ${({theme:o})=>o.colors.gray.dark5};
|
|
29
29
|
|
|
30
|
-
${
|
|
31
|
-
${
|
|
32
|
-
${
|
|
33
|
-
${
|
|
34
|
-
`;export{
|
|
30
|
+
${({centered:o})=>o&&$}
|
|
31
|
+
${({hasValue:o,isFocused:t,height:r,hasError:s})=>(o||t)&&a(r?`-${(r+.25)*1.35}rem`:"-1.8rem",s)}
|
|
32
|
+
${({isFocused:o})=>o&&i}
|
|
33
|
+
${({disabled:o})=>o&&d}
|
|
34
|
+
`;export{p as Label};
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import i from"react";import a,{css as s}from"styled-components";const m=s`
|
|
2
2
|
background-color: transparent;
|
|
3
|
-
`,l="400ms",
|
|
3
|
+
`,l="400ms",f="1500ms",b="750ms",c=s`
|
|
4
|
+
background-color: ${({theme:o,color:r})=>o.colors[r].main};
|
|
5
|
+
opacity: 0.1;
|
|
6
|
+
${o=>o.isDisabled&&m};
|
|
7
|
+
`,k=a.div`
|
|
4
8
|
cursor: ${o=>o.isDisabled?"default":"pointer"};
|
|
5
9
|
outline: none;
|
|
6
10
|
|
|
@@ -16,31 +20,22 @@ import n from"react";import a,{css as m}from"styled-components";import i from"..
|
|
|
16
20
|
:hover {
|
|
17
21
|
.button-background {
|
|
18
22
|
transition: background-color ${l};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
opacity: 0.06;
|
|
22
|
-
${o=>o.isDisabled&&r};
|
|
23
|
+
${c}
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
:focus {
|
|
27
28
|
.button-background {
|
|
28
29
|
transition: background-color ${l};
|
|
29
|
-
animation: FocusRipple ${
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
opacity: 0.12;
|
|
33
|
-
${o=>o.isDisabled&&r};
|
|
30
|
+
animation: FocusRipple ${f} 0ms infinite alternate-reverse;
|
|
31
|
+
${c}
|
|
34
32
|
}
|
|
35
33
|
}
|
|
36
34
|
|
|
37
35
|
:active {
|
|
38
36
|
.button-background {
|
|
39
|
-
animation: ActiveRipple ${
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
opacity: 0.24;
|
|
43
|
-
${o=>o.isDisabled&&r};
|
|
37
|
+
animation: ActiveRipple ${b};
|
|
38
|
+
${c}
|
|
44
39
|
}
|
|
45
40
|
}
|
|
46
41
|
|
|
@@ -67,14 +62,14 @@ import n from"react";import a,{css as m}from"styled-components";import i from"..
|
|
|
67
62
|
clip-path: circle(50%);
|
|
68
63
|
}
|
|
69
64
|
}
|
|
70
|
-
`,
|
|
65
|
+
`,g=a.div`
|
|
71
66
|
top: 0;
|
|
72
67
|
left: 0;
|
|
73
68
|
|
|
74
|
-
height: calc(100% +
|
|
75
|
-
width: calc(100% +
|
|
76
|
-
transform: translate(-
|
|
69
|
+
height: calc(100% + 1rem);
|
|
70
|
+
width: calc(100% + 1rem);
|
|
71
|
+
transform: translate(-0.5rem, -0.5rem);
|
|
77
72
|
|
|
78
73
|
position: absolute;
|
|
79
74
|
border-radius: 10rem;
|
|
80
|
-
`,h=({children:o,isActive:
|
|
75
|
+
`,h=({children:o,isActive:r,isDisabled:e,onClick:n,color:p})=>{const u=t=>{t.key==="Enter"&&!e&&typeof n=="function"&&(t.persist(),n(t))},d=t=>{t.stopPropagation(),t.preventDefault(),t.persist(),!e&&typeof n=="function"&&n(t)};return i.createElement(k,{color:p,isActive:r,isDisabled:e,onClick:d,onKeyDown:u,tabIndex:e?void 0:1},i.createElement(g,{className:"button-background"}),o)};export{c as BackgroundStyles,h as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import C from"react";const e=
|
|
1
|
+
import C from"react";import t from"../../theme.js";const l=({color:e=t.colors.neutral.main})=>C.createElement("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en"},C.createElement("title",{id:"kvdlogo-en"},"kvdcars.com"),C.createElement("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:e}),C.createElement("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:e}),C.createElement("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:e}),C.createElement("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:e}),C.createElement("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:e}),C.createElement("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:e}),C.createElement("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:e}));export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";const t=
|
|
1
|
+
import e from"react";import l from"../../theme.js";const a=({color:t=l.colors.neutral.main})=>e.createElement("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv"},e.createElement("title",{id:"kvdlogo-sv"},"kvd.se"),e.createElement("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:t}),e.createElement("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:t}),e.createElement("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:t}),e.createElement("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:t}),e.createElement("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:t}),e.createElement("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:t}),e.createElement("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:t}));export{a as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import e from"react";import s from"styled-components";import
|
|
1
|
+
import e from"react";import s from"styled-components";import d from"./LogoSv.js";import a from"./LogoEn.js";import"../../theme.js";const c=(t,o)=>o||(t==="en"?175:132),g=s.div`
|
|
2
2
|
width: ${({width:t})=>t}px;
|
|
3
|
-
`,
|
|
3
|
+
`,r=({locale:t,width:o,color:n})=>{const i=t==="en"?a:d,m=c(t,o);return e.createElement(g,{width:m,"data-testid":`logo-${t}`},e.createElement(i,{color:n}))};export{r as Logo,r as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import t,{useState as x}from"react";import
|
|
1
|
+
import t,{useState as x}from"react";import j from"react-select";import d from"styled-components";import{DEFAULT_TRANSITION_MS as F}from"../../shared/constants.js";import r from"../../theme.js";import{Label as z}from"../FieldLabel.js";import"../../typography/BodyText/index.js";const A=d.div`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
3
3
|
position: relative;
|
|
4
|
-
`,k=e=>e&&{paddingLeft:"2.5rem"},
|
|
4
|
+
`,k=e=>e&&{paddingLeft:"2.5rem"},M=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},O=d.div`
|
|
5
5
|
position: absolute;
|
|
6
6
|
z-index: 1;
|
|
7
7
|
top: 0.5rem;
|
|
@@ -41,4 +41,4 @@ import t,{useState as x}from"react";import z from"react-select";import d from"st
|
|
|
41
41
|
|
|
42
42
|
transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
|
|
43
43
|
transform-origin: 50% 60%;
|
|
44
|
-
`,N=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:m})=>t.createElement(H,{$isDisabled:m,$isFocused:a,$isMenuOpen:e,$theme:r}),C=({className:e,color:a="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:w=()=>null,onInputChange:
|
|
44
|
+
`,N=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,P=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:m})=>t.createElement(H,{$isDisabled:m,$isFocused:a,$isMenuOpen:e,$theme:r}),C=({className:e,color:a="primary",forwardRef:m,hasError:u=!1,height:i,helperText:p,isDisabled:s=!1,onBlur:v=()=>null,onFocus:w=()=>null,onInputChange:B=()=>null,placeholder:L="",name:f,...n})=>{var h;const[c,y]=x(!1),[I,S]=x(""),E=(o,l)=>{B(o,l),S(o)},b=({isSelected:o,isFocused:l,isDisabled:g})=>o?r.colors[a].main:g?r.colors.background.light:l?r.colors.background.gray:r.colors.background.light,D=o=>{y(!0),w(o)},R=o=>{y(!1),v(o)},_=N(c,u);return t.createElement(A,{className:e},n.label&&t.createElement(z,{htmlFor:f,height:i,isFocused:c,hasValue:Boolean(n.value||I),disabled:s,theme:r,hasError:u},n.label),n.prefix&&t.createElement(O,{isDisabled:s,isFocused:c},n.prefix),t.createElement(j,{...n,inputId:f,name:f,ref:m,isDisabled:s,onInputChange:E,placeholder:L,onFocus:D,onBlur:R,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:_,boxShadow:"none","&:hover":{borderColor:"none"},...M(s),...k(Boolean(n.prefix))}),placeholder:o=>({...o,display:c?"static":"none"}),singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"8px 0"}),menu:o=>({...o,borderRadius:0,boxShadow:r.elevations.elevation2,zIndex:2,padding:"0"}),option:(o,{isSelected:l,isFocused:g,isDisabled:$})=>({...o,padding:"1rem",cursor:$?"not-allowed":"pointer","&:hover":{background:b({isSelected:l,isFocused:!0,isDisabled:$})},background:b({isSelected:l,isFocused:g}),...k(Boolean(n.prefix))}),valueContainer:o=>({...o,position:"static",padding:i?`${i-1}rem 0 `:0,height:i?"auto":"21px"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:P,...(h=n.components)!=null?h:{}}}),p&&t.createElement(T,{hasError:u},p))};export{C as Select,C as default};
|
|
@@ -1,55 +1,64 @@
|
|
|
1
|
-
import
|
|
2
|
-
border: 1px solid ${
|
|
3
|
-
color: ${
|
|
4
|
-
fill: ${
|
|
5
|
-
`,
|
|
6
|
-
border:
|
|
7
|
-
`,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
fill: ${
|
|
11
|
-
`,
|
|
1
|
+
import o,{useState as B}from"react";import r,{css as m}from"styled-components";import{Label as E}from"../FieldLabel.js";import{BodyTextStyle as T,CaptionStyle as j}from"../../typography/BodyText/index.js";import{generateNameHash as w}from"../../shared/helpers.js";const H=m`
|
|
2
|
+
border: 1px solid ${({theme:e})=>e.colors.gray.light2}};
|
|
3
|
+
color: ${({theme:e})=>e.colors.text.disabled};
|
|
4
|
+
fill: ${({theme:e})=>e.colors.text.disabled};
|
|
5
|
+
`,I=m`
|
|
6
|
+
border: 2px solid ${({theme:e})=>e.colors.error.dark};
|
|
7
|
+
`,z=m`
|
|
8
|
+
border: 2px solid ${({theme:e})=>e.colors.gray.dark5}};
|
|
9
|
+
color: ${({theme:e})=>e.colors.text.dark};
|
|
10
|
+
fill: ${({theme:e})=>e.colors.text.dark};
|
|
11
|
+
`,C=r.div`
|
|
12
12
|
position: relative;
|
|
13
13
|
padding: 0;
|
|
14
14
|
display: block;
|
|
15
|
-
`,
|
|
15
|
+
`,L=r.div`
|
|
16
16
|
display: flex;
|
|
17
17
|
text-align: center;
|
|
18
18
|
align-items: center;
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
height: 3rem;
|
|
19
21
|
|
|
20
|
-
color: ${
|
|
21
|
-
fill: ${o.colors.gray.light1};
|
|
22
|
-
background-color: ${o.colors.background.light};
|
|
22
|
+
background-color: ${({theme:e})=>e.colors.background.light};
|
|
23
23
|
|
|
24
|
-
border: 1px solid ${
|
|
25
|
-
border-radius: 0.25em;
|
|
24
|
+
border: 1px solid ${({theme:e})=>e.colors.gray.dark5};
|
|
26
25
|
transition: all 150ms;
|
|
27
26
|
|
|
28
27
|
padding: 0.7rem 0.75rem 0.6rem;
|
|
29
28
|
|
|
30
|
-
${({hasError:e,isFocused:
|
|
31
|
-
${({disabled:e})=>e&&
|
|
32
|
-
${({hasError:e})=>e&&
|
|
29
|
+
${({hasError:e,isFocused:t})=>!e&&t&&z}
|
|
30
|
+
${({disabled:e})=>e&&H}
|
|
31
|
+
${({hasError:e})=>e&&I}
|
|
33
32
|
${({centered:e})=>e&&"text-align: center;"}
|
|
34
|
-
`,
|
|
35
|
-
${
|
|
33
|
+
`,W=r.input`
|
|
34
|
+
${T}
|
|
36
35
|
width: 100%;
|
|
37
36
|
cursor: text;
|
|
38
37
|
outline: none;
|
|
39
38
|
border: none;
|
|
40
39
|
background-color: transparent;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
|
|
41
|
+
:disabled {
|
|
42
|
+
color: ${({theme:e})=>e.colors.text.disabled};
|
|
43
|
+
fill: ${({theme:e})=>e.colors.text.disabled};
|
|
44
|
+
}
|
|
45
45
|
`,_=r.span`
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
display: flex;
|
|
47
|
+
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
48
|
+
font-size: 1.25rem;
|
|
49
|
+
line-height: 1.5rem;
|
|
50
|
+
|
|
51
|
+
svg {
|
|
52
|
+
width: 1.375rem;
|
|
53
|
+
height: 1.375rem;
|
|
54
|
+
}
|
|
55
|
+
`,N=r.div`
|
|
56
|
+
${j}
|
|
49
57
|
margin-top: 0.25rem;
|
|
50
|
-
margin-left: 0.85rem;
|
|
51
58
|
|
|
52
|
-
color: ${({hasError:e})=>e?
|
|
59
|
+
color: ${({hasError:e,theme:t})=>e?t.colors.error.dark:t.colors.text.disabled};
|
|
53
60
|
|
|
54
|
-
${({centered:e})=>e&&"width: 100%; text-align: center;
|
|
55
|
-
`,
|
|
61
|
+
${({centered:e})=>e&&"width: 100%; text-align: center;"}
|
|
62
|
+
`,g=r.span`
|
|
63
|
+
display: block;
|
|
64
|
+
`,y=({placeholder:e="",isDisabled:t=!1,centered:s=!1,hasError:a=!1,className:b,helperText:n,label:d="",onBlur:$=()=>null,onFocus:h=()=>null,forwardRef:k,suffix:u,name:i=w("text-input"),errors:c,...x})=>{const[p,f]=B(!1),F=Boolean(x.value),S=l=>{f(!0),h(l)},v=l=>{f(!1),$(l)};return o.createElement(C,{className:b},o.createElement(L,{isFocused:p,disabled:t,centered:s,hasError:a,hasPlaceholder:!!e},o.createElement(W,{...x,id:i,name:i,ref:k,onFocus:S,onBlur:v,disabled:t,placeholder:d&&!p?"":e}),u&&o.createElement(_,null,u)),d&&o.createElement(E,{htmlFor:i,isFocused:p,centered:s,hasError:a,hasValue:F,disabled:t},d),(n||c)&&o.createElement(N,{centered:s,hasError:a},n&&o.createElement(g,null,n),c&&c.map(l=>o.createElement(g,{key:l},l))))};export{y as TextField,y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import"styled-components";export{T as TimePicker,T as default}from"../../index-
|
|
1
|
+
import"react";import"styled-components";export{T as TimePicker,T as default}from"../../index-4d722f75.js";import"../Accordion/index.js";import"react-collapse";import"../../shared/media-queries.js";import"../../icons/components/ArrowDownIcon.js";import"../Button/index.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../IconButton.js";import"../Textfield/index.js";import"../FieldLabel.js";import"../../typography/BodyText/index.js";import"../../shared/helpers.js";import"../TextArea/index.js";import"../Tabs/Tabs.js";import"../Tabs/Tab.js";import"../../utils/utils.js";import"../ErrorMessage/index.js";import"../Modal/index.js";import"react-dom";import"react-transition-group";import"../Icons/Close.js";import"../Dialog/index.js";import"../../typography/Heading/index.js";import"../OffCanvas/index.js";import"../OffCanvas/Overlay.js";import"../OffCanvas/useClickOutside.js";import"../CheckBox/index.js";import"../../icons/components/CheckIcon.js";import"../Snackbar/index.js";import"../Icons/CheckCircle.js";import"../Icons/ErrorCircle.js";import"../Icons/InfoCircle.js";import"../Select/index.js";import"react-select";import"../../shared/constants.js";import"../ListItem/index.js";import"../Hero/index.js";import"../DayPicker/index.js";import"react-day-picker";import"../DayPicker/DayPickerNavBar.js";import"../Icons/Arrow.js";import"../DayPicker/localeUtils.js";import"../DayPicker/style.js";import"../Logo/index.js";import"../Logo/LogoSv.js";import"../Logo/LogoEn.js";import"../Badge/index.js";import"../Toggle/index.js";import"../Stepper/index.js";import"../InlineStepper/Step.js";import"../InlineStepper/StepCircle.js";import"../Icons/CheckIcon.js";import"../InlineStepper/index.js";import"../StepperAccordion/index.js";import"../Card/index.js";import"../NotificationButton/index.js";import"../Range/index.js";import"../Header/index.js";import"../Header/Hamburger.js";import"../Header/Link.js";import"../MenuItem/index.js";import"../../icons/components/CloseIcon.js";import"../RadioButton/index.js";import"../Chip/styles.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";function a(l){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...l},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.36 11.81a.932.932 0 01-.272-.65L0 1.84A.932.932 0 01.941.9l9.319.088c.244.002.477.1.65.273l10.18 10.18a.933.933 0 010 1.318l-9.231 9.23a.933.933 0 01-1.319 0L.36 11.81zm4.906-5.644a1.865 1.865 0 10-2.638-2.638 1.865 1.865 0 002.638 2.638zm4.837 9.522l4.098.556 1.568-1.569-4.803-.57-.54-4.623-1.509 1.508.556 4.068-2.312-2.312-1.283 1.284 5.268 5.268 1.284-1.283-2.327-2.327zm3.515-6.922a2.343 2.343 0 00-.023 1.103l-.697-.698-1.284 1.284 4.188 4.188 1.283-1.284-1.944-1.944c-.345-.345-.505-.665-.48-.96.02-.3.19-.61.51-.93l.353-.354-1.358-1.358a2.023 2.023 0 00-.548.953z"}),e.createElement("path",{d:"M12.848 22.32a.466.466 0 10.66.659l10.219-10.22a.933.933 0 000-1.319L13.507 1.22a.466.466 0 10-.659.66l9.89 9.89a.466.466 0 010 .66l-9.89 9.89z"
|
|
1
|
+
import*as e from"react";function a(l){return e.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...l},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M.36 11.81a.932.932 0 01-.272-.65L0 1.84A.932.932 0 01.941.9l9.319.088c.244.002.477.1.65.273l10.18 10.18a.933.933 0 010 1.318l-9.231 9.23a.933.933 0 01-1.319 0L.36 11.81zm4.906-5.644a1.865 1.865 0 10-2.638-2.638 1.865 1.865 0 002.638 2.638zm4.837 9.522l4.098.556 1.568-1.569-4.803-.57-.54-4.623-1.509 1.508.556 4.068-2.312-2.312-1.283 1.284 5.268 5.268 1.284-1.283-2.327-2.327zm3.515-6.922a2.343 2.343 0 00-.023 1.103l-.697-.698-1.284 1.284 4.188 4.188 1.283-1.284-1.944-1.944c-.345-.345-.505-.665-.48-.96.02-.3.19-.61.51-.93l.353-.354-1.358-1.358a2.023 2.023 0 00-.548.953z"}),e.createElement("path",{d:"M12.848 22.32a.466.466 0 10.66.659l10.219-10.22a.933.933 0 000-1.319L13.507 1.22a.466.466 0 10-.659.66l9.89 9.89a.466.466 0 010 .66l-9.89 9.89z"}))}export{a as default};
|
|
File without changes
|