@kvdbil/components 13.0.0 → 13.1.0
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 +2 -3
- package/cjs/components/Select/index.js +7 -7
- package/cjs/index.js +1 -1
- package/cjs/typography/BodyText/index.js +30 -22
- package/cjs/typography/ButtonText/index.js +20 -14
- package/cjs/typography/Heading/index.js +38 -22
- package/esm/components/Button/index.js +9 -10
- package/esm/components/Select/index.js +10 -10
- package/esm/index.js +1 -1
- package/esm/typography/BodyText/index.js +23 -15
- package/esm/typography/ButtonText/index.js +15 -9
- package/esm/typography/Heading/index.js +42 -26
- package/package.json +1 -1
- package/types/components/Button/styles.d.ts +4 -4
- package/types/index.d.ts +5 -1
- package/types/typography/BodyText/index.d.ts +4 -0
- package/types/typography/ButtonText/index.d.ts +7 -4
- package/types/typography/Heading/index.d.ts +8 -0
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),t=require("../../theme.js"),l=require("../Spinner/index.js"),s=require("../../typography/ButtonText/index.js"),i=require("./styles.js");function a(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var o=a(e),n=a(r);const u=n.default.button`
|
|
2
|
-
${s.
|
|
2
|
+
${s.BasicButtonFontStyle}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
5
5
|
cursor: pointer;
|
|
6
6
|
user-select: none;
|
|
7
7
|
position: relative;
|
|
8
|
-
white-space: nowrap;
|
|
9
8
|
border: none;
|
|
10
9
|
width: ${({fullWidth:x})=>x&&"100%"};
|
|
11
10
|
display: flex;
|
|
@@ -32,4 +31,4 @@
|
|
|
32
31
|
margin-right: ${({type:x,size:y})=>x==="prefix"?c[y]:0};
|
|
33
32
|
margin-left: ${({type:x,size:y})=>x==="sufix"?c[y]:0};
|
|
34
33
|
font-size: ${({size:x})=>d[x]};
|
|
35
|
-
`,m=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.5},g=e.forwardRef(({size:x="small",color:y="primary",variant:b="solid",fullWidth:h=!1,isDisabled:v=!1,isLoading:z=!1,children:j,sufixIcon:$,prefixIcon:S,minWidth:q,as:
|
|
34
|
+
`,m=n.default(l.default)``,p={smaller:1,small:1,regular:1.5,large:1.5},g=e.forwardRef(({size:x="small",color:y="primary",variant:b="solid",fullWidth:h=!1,isDisabled:v=!1,isLoading:z=!1,children:j,sufixIcon:$,prefixIcon:S,minWidth:q,as:B="button",...I},W)=>o.default.createElement(u,{...I,as:B,minWidth:q,color:y,disabled:v||z,fullWidth:h,theme:t.default,variant:b,size:x,isLoading:z,ref:W,prefixIcon:S,sufixIcon:$},z?o.default.createElement(m,{color:t.default.colors.gray.light1,size:p[x]}):o.default.createElement(o.default.Fragment,null,S&&o.default.createElement(f,{size:x,type:"prefix"},S),j,$&&o.default.createElement(f,{size:x,type:"sufix"},$))));g.displayName="Button",exports.Button=g,exports.default=g;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-select"),o=require("styled-components"),t=require("../../shared/constants.js"),a=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),i=require("../FieldLabel.js");function d($){return $&&typeof $=="object"&&"default"in $?$:{default:$}}require("../../shared/media-queries.js");var n=d(e),s=d(r),u=d(o);const c=u.default.div`
|
|
2
2
|
font-family: ${({theme:$})=>$.typography.fontBaseFamily};
|
|
3
3
|
position: relative;
|
|
4
|
-
`,
|
|
4
|
+
`,m=$=>$&&{paddingLeft:"2.5rem"},f=$=>$&&{border:`1px solid ${a.default.colors.gray.light1}`,color:a.default.colors.gray.dark1,fill:a.default.colors.gray.light1},p=$=>$&&{border:`2px solid ${a.default.colors.error.dark}`},g=u.default.div`
|
|
5
5
|
position: absolute;
|
|
6
6
|
z-index: 1;
|
|
7
7
|
top: 0.5rem;
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
display: block;
|
|
19
19
|
margin-top: 0.25rem;
|
|
20
20
|
color: ${({hasError:$})=>$?a.default.colors.error.dark:a.default.colors.text.disabled};
|
|
21
|
-
`,b=u.default($=>
|
|
22
|
-
width: 0.
|
|
23
|
-
height: 0.
|
|
24
|
-
margin: 0
|
|
21
|
+
`,b=u.default($=>n.default.createElement("svg",{...$},n.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},n.default.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),n.default.createElement("use",{xlinkHref:"#icon-arrow"})))`
|
|
22
|
+
width: 0.75rem;
|
|
23
|
+
height: 0.75rem;
|
|
24
|
+
margin: 0;
|
|
25
25
|
${$=>$.$isFocused&&`color: ${$.$theme.colors.text.dark}`}
|
|
26
26
|
${$=>$.$isDisabled&&`color: ${$.$theme.colors.gray.dark1}`}
|
|
27
27
|
|
|
@@ -36,4 +36,4 @@
|
|
|
36
36
|
transform: ${$=>$.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
|
|
37
37
|
|
|
38
38
|
transform-origin: 50% 60%;
|
|
39
|
-
`,
|
|
39
|
+
`,x=({selectProps:{menuIsOpen:$=!1},isFocused:B=!1,isDisabled:I})=>n.default.createElement(b,{$isDisabled:I,$isFocused:B,$isMenuOpen:$,$theme:a.default});function y({className:$,color:B="primary",forwardRef:I,hasError:v=!1,height:w,helperText:q,isDisabled:D=!1,onBlur:_=()=>null,onFocus:z=()=>null,onInputChange:A=()=>null,placeholder:H="",name:T,...S}){var j;const[L,E]=e.useState(!1),[W,P]=e.useState(""),O=({isSelected:k,isFocused:F,isDisabled:C})=>k?a.default.colors[B].main:C?a.default.colors.background.light:F?a.default.colors.background.gray:a.default.colors.background.light,M=((k,F)=>F?a.default.colors.error.main:k?a.default.colors.text.dark:a.default.colors.gray.light1)(L,v),N=Boolean(S.label)===!1;return n.default.createElement(c,{className:$},!N&&S.label&&n.default.createElement(i.Label,{htmlFor:T,height:w,isFocused:L,hasValue:Boolean(S.value||W),disabled:D,theme:a.default,hasError:v},S.label),S.prefix&&n.default.createElement(g,{isDisabled:D,isFocused:L},S.prefix),n.default.createElement(s.default,{...S,inputId:T,name:T,ref:I,isDisabled:D,onInputChange:(k,F)=>{A(k,F),P(k)},placeholder:H,onFocus:k=>{E(!0),z(k)},onBlur:k=>{E(!1),_(k)},styles:{control:k=>({...k,borderRadius:0,color:a.default.colors.text.dark,fontFamily:a.default.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.5rem",backgroundColor:a.default.colors.background.light,borderColor:M,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...f(D),...p(v),...m(Boolean(S.prefix))}),input:k=>({...k,height:"auto",margin:0,padding:0}),placeholder:k=>{const F={...k,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return N?{...F,color:a.default.colors.text.dark,fontWeight:600}:{...F,display:L?"static":"none"}},singleValue:k=>({...k,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:k=>({...k,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${M}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:k=>({...k,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(k,{isSelected:F,isFocused:C,isDisabled:R})=>({...k,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:R?"not-allowed":"pointer","&:hover":{background:O({isSelected:F,isFocused:!0,isDisabled:R})},background:O({isSelected:F,isFocused:C}),...m(Boolean(S.prefix))}),valueContainer:k=>({...k,position:"static",padding:w?w-1+"rem 0 ":0,height:w?"auto":"1.5rem"}),clearIndicator:k=>({...k,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:x,...(j=S.components)!=null?j:{}}}),q&&n.default.createElement(h,{hasError:v},q))}exports.Select=y,exports.default=y;
|
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"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),I=require("./components/Dialog/index.js"),d=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Select/index.js"),S=require("./components/ToggleArrow/index.js"),C=require("./components/ListItem/index.js"),g=require("./components/Table/index.js"),y=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),T=require("./components/SpinnerThin/index.js"),h=require("./components/Stamp/index.js"),B=require("./components/TimePicker/index.js"),v=require("./components/Hero/index.js"),b=require("./components/DayPicker/index.js"),F=require("./components/Logo/index.js"),w=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),D=require("./components/Stepper/index.js"),L=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),M=require("./components/NotificationButton/index.js"),R=require("./components/ValuationRange/index.js"),E=require("./components/Chip/index.js"),N=require("./components/Breadcrumbs/index.js"),O=require("./components/Message/index.js"),V=require("./components/RegistrationPlate/index.js"),H=require("./components/MenuItem/index.js"),U=require("./icons/components/AddIcon.js"),G=require("./icons/components/AlertIcon.js"),K=require("./icons/components/ArrowDownIcon.js"),Q=require("./icons/components/ArrowLeftIcon.js"),W=require("./icons/components/ArrowRightIcon.js"),z=require("./icons/components/ArrowUpIcon.js"),Y=require("./icons/components/AtvIcon.js"),_=require("./icons/components/AuctionIcon.js"),J=require("./icons/components/BackIcon.js"),X=require("./icons/components/BankidIcon.js"),Z=require("./icons/components/BidIcon.js"),$=require("./icons/components/BodyIcon.js"),ee=require("./icons/components/BreaksIcon.js"),oe=require("./icons/components/CabIcon.js"),ne=require("./icons/components/CalendarIcon.js"),re=require("./icons/components/CameraIcon.js"),se=require("./icons/components/CancelCircleIcon.js"),te=require("./icons/components/CancelIcon.js"),ce=require("./icons/components/CarIcon.js"),ie=require("./icons/components/CarServiceIcon.js"),pe=require("./icons/components/CaravanIcon.js"),ue=require("./icons/components/CertifiedIcon.js"),ae=require("./icons/components/ChatIcon.js"),le=require("./icons/components/CheckCircleIcon.js"),Ie=require("./icons/components/CheckFilledIcon.js"),de=require("./icons/components/CheckIcon.js"),xe=require("./icons/components/CheckmarkIcon.js"),me=require("./icons/components/ClockIcon.js"),qe=require("./icons/components/CloseIcon.js"),je=require("./icons/components/CommentFilledIcon.js"),fe=require("./icons/components/CommentIcon.js"),Se=require("./icons/components/ConditioningIcon.js"),Ce=require("./icons/components/ContactIcon.js"),ge=require("./icons/components/ControlNumberIcon.js"),ye=require("./icons/components/CopyIcon.js"),ke=require("./icons/components/CountdownIcon.js"),Te=require("./icons/components/CoupeIcon.js"),he=require("./icons/components/CraneIcon.js"),Be=require("./icons/components/CupIcon.js"),ve=require("./icons/components/DeleteIcon.js"),be=require("./icons/components/DisplayIcon.js"),Fe=require("./icons/components/DocumentIcon.js"),we=require("./icons/components/DownloadIcon.js"),Pe=require("./icons/components/EcoIcon.js"),De=require("./icons/components/EditIcon.js"),Le=require("./icons/components/EngineIcon.js"),Ae=require("./icons/components/ErrorFilledIcon.js"),Me=require("./icons/components/ErrorIcon.js"),Re=require("./icons/components/ExportIcon.js"),Ee=require("./icons/components/FacebookIcon.js"),Ne=require("./icons/components/FacilityIcon.js"),Oe=require("./icons/components/FavouriteFilledIcon.js"),Ve=require("./icons/components/FavouriteIcon.js"),He=require("./icons/components/FigmaIcon.js"),Ue=require("./icons/components/FilterIcon.js"),Ge=require("./icons/components/FinanceIcon.js"),Ke=require("./icons/components/FirstIcon.js"),Qe=require("./icons/components/FixedPriceIcon.js"),We=require("./icons/components/FuelIcon.js"),ze=require("./icons/components/GearboxIcon.js"),Ye=require("./icons/components/GetPaidIcon.js"),_e=require("./icons/components/GridViewIcon.js"),Je=require("./icons/components/HatchbackIcon.js"),Xe=require("./icons/components/HelpIcon.js"),Ze=require("./icons/components/HistoryIcon.js"),$e=require("./icons/components/HomeDeliveryIcon.js"),eo=require("./icons/components/IdIcon.js"),oo=require("./icons/components/ImageIcon.js"),no=require("./icons/components/InfoIcon.js"),ro=require("./icons/components/InstagramIcon.js"),so=require("./icons/components/InsuranceIcon.js"),to=require("./icons/components/InteriorIcon.js"),co=require("./icons/components/KvdIcon.js"),io=require("./icons/components/KvdTestIcon.js"),po=require("./icons/components/KvdproIcon.js"),uo=require("./icons/components/LastIcon.js"),ao=require("./icons/components/LeaderIcon.js"),lo=require("./icons/components/LinkedinIcon.js"),Io=require("./icons/components/ListViewIcon.js"),xo=require("./icons/components/LocationIcon.js"),mo=require("./icons/components/MailIcon.js"),qo=require("./icons/components/MenuIcon.js"),jo=require("./icons/components/MileageIcon.js"),fo=require("./icons/components/MinivanIcon.js"),So=require("./icons/components/ModelYearIcon.js"),Co=require("./icons/components/MoreIcon.js"),go=require("./icons/components/MotorbikeIcon.js"),yo=require("./icons/components/NavigationIcon.js"),ko=require("./icons/components/NewIcon.js"),To=require("./icons/components/NextFilledIcon.js"),ho=require("./icons/components/NextIcon.js"),Bo=require("./icons/components/NotificationIcon.js"),vo=require("./icons/components/OpenInNewIcon.js"),bo=require("./icons/components/PayementIcon.js"),Fo=require("./icons/components/PhoneIcon.js"),wo=require("./icons/components/PickUpIcon.js"),Po=require("./icons/components/Pickup.js"),Do=require("./icons/components/PlayIcon.js"),Lo=require("./icons/components/PreviousFilledIcon.js"),Ao=require("./icons/components/PreviousIcon.js"),Mo=require("./icons/components/PrintIcon.js"),Ro=require("./icons/components/QuoteIcon.js"),Eo=require("./icons/components/RatingIcon.js"),No=require("./icons/components/ReleasingIcon.js"),Oo=require("./icons/components/ReorderIcon.js"),Vo=require("./icons/components/RestartIcon.js"),Ho=require("./icons/components/SalesOfferIcon.js"),Uo=require("./icons/components/SavedSearchIcon.js"),Go=require("./icons/components/ScheduleIcon.js"),Ko=require("./icons/components/SearchIcon.js"),Qo=require("./icons/components/SedanIcon.js"),Wo=require("./icons/components/SellFilledIcon.js"),zo=require("./icons/components/SellIcon.js"),Yo=require("./icons/components/SettingsIcon.js"),_o=require("./icons/components/ShareIcon.js"),Jo=require("./icons/components/ShowLessIcon.js"),Xo=require("./icons/components/ShowMoreIcon.js"),Zo=require("./icons/components/SignInIcon.js"),$o=require("./icons/components/SignOutIcon.js"),en=require("./icons/components/SlackIcon.js"),on=require("./icons/components/SmartphoneIcon.js"),nn=require("./icons/components/SmileIcon.js"),rn=require("./icons/components/SnowmobileIcon.js"),sn=require("./icons/components/SortColumnIcon.js"),tn=require("./icons/components/SortIcon.js"),cn=require("./icons/components/StorageIcon.js"),pn=require("./icons/components/StoreIcon.js"),un=require("./icons/components/SuvIcon.js"),an=require("./icons/components/ThreeSixtyIcon.js"),ln=require("./icons/components/TrailerIcon.js"),In=require("./icons/components/TransportIcon.js"),dn=require("./icons/components/TruckIcon.js"),xn=require("./icons/components/TwitterIcon.js"),mn=require("./icons/components/TyresIcon.js"),qn=require("./icons/components/UploadIcon.js"),jn=require("./icons/components/UserIcon.js"),fn=require("./icons/components/ValuationIcon.js"),Sn=require("./icons/components/VanIcon.js"),Cn=require("./icons/components/VersionIcon.js"),gn=require("./icons/components/ViewsIcon.js"),yn=require("./icons/components/WagonIcon.js"),kn=require("./icons/components/WarningIcon.js"),Tn=require("./icons/components/WarrantyIcon.js"),hn=require("./icons/components/YoutubeIcon.js"),Bn=require("./hooks/useDynamicScript.js"),vn=require("./typography/Heading/index.js"),bn=require("./typography/BodyText/index.js"),Fn=require("./typography/ButtonText/index.js"),wn=require("./utils/utils.js");require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.mqNumberSizes=o.mqNumberSizes,exports.mqSizes=o.mqSizes,exports.Accordion=n.Accordion,exports.Button=r.Button,exports.IconButton=s.default,exports.TextField=t.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=I.Dialog,exports.OffCanvas=d.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Select=f.Select,exports.ToggleArrow=S.default,exports.ListItem=C.default,exports.Table=g.default,exports.EditRow=y.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=T.SpinnerThin,exports.Stamp=h.default,exports.TimePicker=B.TimePicker,exports.Hero=v.default,exports.DayPicker=b.DayPicker,exports.Logo=F.Logo,exports.Badge=w.Badge,exports.Toggle=P.Toggle,exports.Stepper=D.Stepper,exports.StepperAccordion=L.StepperAccordion,exports.Card=A.Card,exports.NotificationButton=M.NotificationButton,exports.ValuationRange=R.default,exports.Chip=E.Chip,exports.Breadcrumbs=N.default,exports.Message=O.default,exports.RegistrationPlate=V.default,exports.MenuItem=H.MenuItem,exports.AddIcon=U.default,exports.AlertIcon=G.default,exports.ArrowDownIcon=K.default,exports.ArrowLeftIcon=Q.default,exports.ArrowRightIcon=W.default,exports.ArrowUpIcon=z.default,exports.AtvIcon=Y.default,exports.AuctionIcon=_.default,exports.BackIcon=J.default,exports.BankidIcon=X.default,exports.BidIcon=Z.default,exports.BodyIcon=$.default,exports.BreaksIcon=ee.default,exports.CabIcon=oe.default,exports.CalendarIcon=ne.default,exports.CameraIcon=re.default,exports.CancelCircleIcon=se.default,exports.CancelIcon=te.default,exports.CarIcon=ce.default,exports.CarServiceIcon=ie.default,exports.CaravanIcon=pe.default,exports.CertifiedIcon=ue.default,exports.ChatIcon=ae.default,exports.CheckCircleIcon=le.default,exports.CheckFilledIcon=Ie.default,exports.CheckIcon=de.default,exports.CheckmarkIcon=xe.default,exports.ClockIcon=me.default,exports.CloseIcon=qe.default,exports.CommentFilledIcon=je.default,exports.CommentIcon=fe.default,exports.ConditioningIcon=Se.default,exports.ContactIcon=Ce.default,exports.ControlNumberIcon=ge.default,exports.CopyIcon=ye.default,exports.CountdownIcon=ke.default,exports.CoupeIcon=Te.default,exports.CraneIcon=he.default,exports.CupIcon=Be.default,exports.DeleteIcon=ve.default,exports.DisplayIcon=be.default,exports.DocumentIcon=Fe.default,exports.DownloadIcon=we.default,exports.EcoIcon=Pe.default,exports.EditIcon=De.default,exports.EngineIcon=Le.default,exports.ErrorFilledIcon=Ae.default,exports.ErrorIcon=Me.default,exports.ExportIcon=Re.default,exports.FacebookIcon=Ee.default,exports.FacilityIcon=Ne.default,exports.FavouriteFilledIcon=Oe.default,exports.FavouriteIcon=Ve.default,exports.FigmaIcon=He.default,exports.FilterIcon=Ue.default,exports.FinanceIcon=Ge.default,exports.FirstIcon=Ke.default,exports.FixedPriceIcon=Qe.default,exports.FuelIcon=We.default,exports.GearboxIcon=ze.default,exports.GetPaidIcon=Ye.default,exports.GridViewIcon=_e.default,exports.HatchbackIcon=Je.default,exports.HelpIcon=Xe.default,exports.HistoryIcon=Ze.default,exports.HomeDeliveryIcon=$e.default,exports.IdIcon=eo.default,exports.ImageIcon=oo.default,exports.InfoIcon=no.default,exports.InstagramIcon=ro.default,exports.InsuranceIcon=so.default,exports.InteriorIcon=to.default,exports.KvdIcon=co.default,exports.KvdTestIcon=io.default,exports.KvdproIcon=po.default,exports.LastIcon=uo.default,exports.LeaderIcon=ao.default,exports.LinkedinIcon=lo.default,exports.ListViewIcon=Io.default,exports.LocationIcon=xo.default,exports.MailIcon=mo.default,exports.MenuIcon=qo.default,exports.MileageIcon=jo.default,exports.MinivanIcon=fo.default,exports.ModelYearIcon=So.default,exports.MoreIcon=Co.default,exports.MotorbikeIcon=go.default,exports.NavigationIcon=yo.default,exports.NewIcon=ko.default,exports.NextFilledIcon=To.default,exports.NextIcon=ho.default,exports.NotificationIcon=Bo.default,exports.OpenInNewIcon=vo.default,exports.PayementIcon=bo.default,exports.PhoneIcon=Fo.default,exports.PickUpIcon=wo.default,exports.Pickup=Po.default,exports.PlayIcon=Do.default,exports.PreviousFilledIcon=Lo.default,exports.PreviousIcon=Ao.default,exports.PrintIcon=Mo.default,exports.QuoteIcon=Ro.default,exports.RatingIcon=Eo.default,exports.ReleasingIcon=No.default,exports.ReorderIcon=Oo.default,exports.RestartIcon=Vo.default,exports.SalesOfferIcon=Ho.default,exports.SavedSearchIcon=Uo.default,exports.ScheduleIcon=Go.default,exports.SearchIcon=Ko.default,exports.SedanIcon=Qo.default,exports.SellFilledIcon=Wo.default,exports.SellIcon=zo.default,exports.SettingsIcon=Yo.default,exports.ShareIcon=_o.default,exports.ShowLessIcon=Jo.default,exports.ShowMoreIcon=Xo.default,exports.SignInIcon=Zo.default,exports.SignOutIcon=$o.default,exports.SlackIcon=en.default,exports.SmartphoneIcon=on.default,exports.SmileIcon=nn.default,exports.SnowmobileIcon=rn.default,exports.SortColumnIcon=sn.default,exports.SortIcon=tn.default,exports.StorageIcon=cn.default,exports.StoreIcon=pn.default,exports.SuvIcon=un.default,exports.ThreeSixtyIcon=an.default,exports.TrailerIcon=ln.default,exports.TransportIcon=In.default,exports.TruckIcon=dn.default,exports.TwitterIcon=xn.default,exports.TyresIcon=mn.default,exports.UploadIcon=qn.default,exports.UserIcon=jn.default,exports.ValuationIcon=fn.default,exports.VanIcon=Sn.default,exports.VersionIcon=Cn.default,exports.ViewsIcon=gn.default,exports.WagonIcon=yn.default,exports.WarningIcon=kn.default,exports.WarrantyIcon=Tn.default,exports.YoutubeIcon=hn.default,exports.useDynamicScript=Bn.useDynamicScript,exports.Display1=vn.Display1,exports.Display2=vn.Display2,exports.Display3=vn.Display3,exports.Headline=vn.Headline,exports.Subtitle=vn.Subtitle,exports.TinyTitleBold=vn.TinyTitleBold,exports.TinyTitleRegular=vn.TinyTitleRegular,exports.Title=vn.Title,exports.BodyLink=bn.BodyLink,exports.BodyText=bn.BodyText,exports.Caption=bn.Caption,exports.CaptionLink=bn.CaptionLink,exports.Quote=bn.Quote,exports.Status=bn.Status,exports.ButtonLargeText=Fn.ButtonLarge,exports.ButtonRegularText=Fn.Button,exports.ButtonSmallText=Fn.ButtonSmall,exports.hexToRGB=wn.hexToRGB,exports.resetButtonStyle=wn.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"),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/Select/index.js"),S=require("./components/ToggleArrow/index.js"),y=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),g=require("./components/EditRow/index.js"),T=require("./components/RadioButton/index.js"),k=require("./components/SpinnerThin/index.js"),B=require("./components/Stamp/index.js"),h=require("./components/TimePicker/index.js"),b=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),F=require("./components/Logo/index.js"),w=require("./components/Badge/index.js"),D=require("./components/Toggle/index.js"),L=require("./components/Stepper/index.js"),P=require("./components/StepperAccordion/index.js"),R=require("./components/Card/index.js"),A=require("./components/NotificationButton/index.js"),M=require("./components/ValuationRange/index.js"),E=require("./components/Chip/index.js"),N=require("./components/Breadcrumbs/index.js"),H=require("./components/Message/index.js"),O=require("./components/RegistrationPlate/index.js"),V=require("./components/MenuItem/index.js"),U=require("./icons/components/AddIcon.js"),G=require("./icons/components/AlertIcon.js"),Q=require("./icons/components/ArrowDownIcon.js"),K=require("./icons/components/ArrowLeftIcon.js"),W=require("./icons/components/ArrowRightIcon.js"),z=require("./icons/components/ArrowUpIcon.js"),Y=require("./icons/components/AtvIcon.js"),_=require("./icons/components/AuctionIcon.js"),J=require("./icons/components/BackIcon.js"),X=require("./icons/components/BankidIcon.js"),Z=require("./icons/components/BidIcon.js"),$=require("./icons/components/BodyIcon.js"),ee=require("./icons/components/BreaksIcon.js"),oe=require("./icons/components/CabIcon.js"),ne=require("./icons/components/CalendarIcon.js"),re=require("./icons/components/CameraIcon.js"),te=require("./icons/components/CancelCircleIcon.js"),se=require("./icons/components/CancelIcon.js"),ce=require("./icons/components/CarIcon.js"),ie=require("./icons/components/CarServiceIcon.js"),pe=require("./icons/components/CaravanIcon.js"),ue=require("./icons/components/CertifiedIcon.js"),ae=require("./icons/components/ChatIcon.js"),le=require("./icons/components/CheckCircleIcon.js"),de=require("./icons/components/CheckFilledIcon.js"),Ie=require("./icons/components/CheckIcon.js"),xe=require("./icons/components/CheckmarkIcon.js"),me=require("./icons/components/ClockIcon.js"),qe=require("./icons/components/CloseIcon.js"),je=require("./icons/components/CommentFilledIcon.js"),fe=require("./icons/components/CommentIcon.js"),Se=require("./icons/components/ConditioningIcon.js"),ye=require("./icons/components/ContactIcon.js"),Ce=require("./icons/components/ControlNumberIcon.js"),ge=require("./icons/components/CopyIcon.js"),Te=require("./icons/components/CountdownIcon.js"),ke=require("./icons/components/CoupeIcon.js"),Be=require("./icons/components/CraneIcon.js"),he=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),ve=require("./icons/components/DisplayIcon.js"),Fe=require("./icons/components/DocumentIcon.js"),we=require("./icons/components/DownloadIcon.js"),De=require("./icons/components/EcoIcon.js"),Le=require("./icons/components/EditIcon.js"),Pe=require("./icons/components/EngineIcon.js"),Re=require("./icons/components/ErrorFilledIcon.js"),Ae=require("./icons/components/ErrorIcon.js"),Me=require("./icons/components/ExportIcon.js"),Ee=require("./icons/components/FacebookIcon.js"),Ne=require("./icons/components/FacilityIcon.js"),He=require("./icons/components/FavouriteFilledIcon.js"),Oe=require("./icons/components/FavouriteIcon.js"),Ve=require("./icons/components/FigmaIcon.js"),Ue=require("./icons/components/FilterIcon.js"),Ge=require("./icons/components/FinanceIcon.js"),Qe=require("./icons/components/FirstIcon.js"),Ke=require("./icons/components/FixedPriceIcon.js"),We=require("./icons/components/FuelIcon.js"),ze=require("./icons/components/GearboxIcon.js"),Ye=require("./icons/components/GetPaidIcon.js"),_e=require("./icons/components/GridViewIcon.js"),Je=require("./icons/components/HatchbackIcon.js"),Xe=require("./icons/components/HelpIcon.js"),Ze=require("./icons/components/HistoryIcon.js"),$e=require("./icons/components/HomeDeliveryIcon.js"),eo=require("./icons/components/IdIcon.js"),oo=require("./icons/components/ImageIcon.js"),no=require("./icons/components/InfoIcon.js"),ro=require("./icons/components/InstagramIcon.js"),to=require("./icons/components/InsuranceIcon.js"),so=require("./icons/components/InteriorIcon.js"),co=require("./icons/components/KvdIcon.js"),io=require("./icons/components/KvdTestIcon.js"),po=require("./icons/components/KvdproIcon.js"),uo=require("./icons/components/LastIcon.js"),ao=require("./icons/components/LeaderIcon.js"),lo=require("./icons/components/LinkedinIcon.js"),Io=require("./icons/components/ListViewIcon.js"),xo=require("./icons/components/LocationIcon.js"),mo=require("./icons/components/MailIcon.js"),qo=require("./icons/components/MenuIcon.js"),jo=require("./icons/components/MileageIcon.js"),fo=require("./icons/components/MinivanIcon.js"),So=require("./icons/components/ModelYearIcon.js"),yo=require("./icons/components/MoreIcon.js"),Co=require("./icons/components/MotorbikeIcon.js"),go=require("./icons/components/NavigationIcon.js"),To=require("./icons/components/NewIcon.js"),ko=require("./icons/components/NextFilledIcon.js"),Bo=require("./icons/components/NextIcon.js"),ho=require("./icons/components/NotificationIcon.js"),bo=require("./icons/components/OpenInNewIcon.js"),vo=require("./icons/components/PayementIcon.js"),Fo=require("./icons/components/PhoneIcon.js"),wo=require("./icons/components/PickUpIcon.js"),Do=require("./icons/components/Pickup.js"),Lo=require("./icons/components/PlayIcon.js"),Po=require("./icons/components/PreviousFilledIcon.js"),Ro=require("./icons/components/PreviousIcon.js"),Ao=require("./icons/components/PrintIcon.js"),Mo=require("./icons/components/QuoteIcon.js"),Eo=require("./icons/components/RatingIcon.js"),No=require("./icons/components/ReleasingIcon.js"),Ho=require("./icons/components/ReorderIcon.js"),Oo=require("./icons/components/RestartIcon.js"),Vo=require("./icons/components/SalesOfferIcon.js"),Uo=require("./icons/components/SavedSearchIcon.js"),Go=require("./icons/components/ScheduleIcon.js"),Qo=require("./icons/components/SearchIcon.js"),Ko=require("./icons/components/SedanIcon.js"),Wo=require("./icons/components/SellFilledIcon.js"),zo=require("./icons/components/SellIcon.js"),Yo=require("./icons/components/SettingsIcon.js"),_o=require("./icons/components/ShareIcon.js"),Jo=require("./icons/components/ShowLessIcon.js"),Xo=require("./icons/components/ShowMoreIcon.js"),Zo=require("./icons/components/SignInIcon.js"),$o=require("./icons/components/SignOutIcon.js"),en=require("./icons/components/SlackIcon.js"),on=require("./icons/components/SmartphoneIcon.js"),nn=require("./icons/components/SmileIcon.js"),rn=require("./icons/components/SnowmobileIcon.js"),tn=require("./icons/components/SortColumnIcon.js"),sn=require("./icons/components/SortIcon.js"),cn=require("./icons/components/StorageIcon.js"),pn=require("./icons/components/StoreIcon.js"),un=require("./icons/components/SuvIcon.js"),an=require("./icons/components/ThreeSixtyIcon.js"),ln=require("./icons/components/TrailerIcon.js"),dn=require("./icons/components/TransportIcon.js"),In=require("./icons/components/TruckIcon.js"),xn=require("./icons/components/TwitterIcon.js"),mn=require("./icons/components/TyresIcon.js"),qn=require("./icons/components/UploadIcon.js"),jn=require("./icons/components/UserIcon.js"),fn=require("./icons/components/ValuationIcon.js"),Sn=require("./icons/components/VanIcon.js"),yn=require("./icons/components/VersionIcon.js"),Cn=require("./icons/components/ViewsIcon.js"),gn=require("./icons/components/WagonIcon.js"),Tn=require("./icons/components/WarningIcon.js"),kn=require("./icons/components/WarrantyIcon.js"),Bn=require("./icons/components/YoutubeIcon.js"),hn=require("./hooks/useDynamicScript.js"),bn=require("./typography/Heading/index.js"),vn=require("./typography/BodyText/index.js"),Fn=require("./typography/ButtonText/index.js"),wn=require("./utils/utils.js");require("react"),require("styled-components"),require("react-collapse"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("./shared/helpers.js"),require("react-dom"),require("react-transition-group"),require("./components/Icons/Close.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("./components/Icons/CheckCircle.js"),require("./components/Icons/ErrorCircle.js"),require("./components/Icons/InfoCircle.js"),require("react-select"),require("./shared/constants.js"),require("react-day-picker"),require("./components/DayPicker/DayPickerNavBar.js"),require("./components/Icons/Arrow.js"),require("./components/DayPicker/localeUtils.js"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/Icons/CheckIcon.js"),require("./components/Chip/styles.js"),require("./components/Breadcrumbs/BreadcrumbsItem.js"),require("./components/RegistrationPlate/EuFlagIcon.js"),exports.theme=e.default,exports.mediaQueries=o.mediaQueries,exports.mq=o.mq,exports.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.Select=f.Select,exports.ToggleArrow=S.default,exports.ListItem=y.default,exports.Table=C.default,exports.EditRow=g.default,exports.RadioButton=T.RadioButton,exports.SpinnerThin=k.SpinnerThin,exports.Stamp=B.default,exports.TimePicker=h.TimePicker,exports.Hero=b.default,exports.DayPicker=v.DayPicker,exports.Logo=F.Logo,exports.Badge=w.Badge,exports.Toggle=D.Toggle,exports.Stepper=L.Stepper,exports.StepperAccordion=P.StepperAccordion,exports.Card=R.Card,exports.NotificationButton=A.NotificationButton,exports.ValuationRange=M.default,exports.Chip=E.Chip,exports.Breadcrumbs=N.default,exports.Message=H.default,exports.RegistrationPlate=O.default,exports.MenuItem=V.MenuItem,exports.AddIcon=U.default,exports.AlertIcon=G.default,exports.ArrowDownIcon=Q.default,exports.ArrowLeftIcon=K.default,exports.ArrowRightIcon=W.default,exports.ArrowUpIcon=z.default,exports.AtvIcon=Y.default,exports.AuctionIcon=_.default,exports.BackIcon=J.default,exports.BankidIcon=X.default,exports.BidIcon=Z.default,exports.BodyIcon=$.default,exports.BreaksIcon=ee.default,exports.CabIcon=oe.default,exports.CalendarIcon=ne.default,exports.CameraIcon=re.default,exports.CancelCircleIcon=te.default,exports.CancelIcon=se.default,exports.CarIcon=ce.default,exports.CarServiceIcon=ie.default,exports.CaravanIcon=pe.default,exports.CertifiedIcon=ue.default,exports.ChatIcon=ae.default,exports.CheckCircleIcon=le.default,exports.CheckFilledIcon=de.default,exports.CheckIcon=Ie.default,exports.CheckmarkIcon=xe.default,exports.ClockIcon=me.default,exports.CloseIcon=qe.default,exports.CommentFilledIcon=je.default,exports.CommentIcon=fe.default,exports.ConditioningIcon=Se.default,exports.ContactIcon=ye.default,exports.ControlNumberIcon=Ce.default,exports.CopyIcon=ge.default,exports.CountdownIcon=Te.default,exports.CoupeIcon=ke.default,exports.CraneIcon=Be.default,exports.CupIcon=he.default,exports.DeleteIcon=be.default,exports.DisplayIcon=ve.default,exports.DocumentIcon=Fe.default,exports.DownloadIcon=we.default,exports.EcoIcon=De.default,exports.EditIcon=Le.default,exports.EngineIcon=Pe.default,exports.ErrorFilledIcon=Re.default,exports.ErrorIcon=Ae.default,exports.ExportIcon=Me.default,exports.FacebookIcon=Ee.default,exports.FacilityIcon=Ne.default,exports.FavouriteFilledIcon=He.default,exports.FavouriteIcon=Oe.default,exports.FigmaIcon=Ve.default,exports.FilterIcon=Ue.default,exports.FinanceIcon=Ge.default,exports.FirstIcon=Qe.default,exports.FixedPriceIcon=Ke.default,exports.FuelIcon=We.default,exports.GearboxIcon=ze.default,exports.GetPaidIcon=Ye.default,exports.GridViewIcon=_e.default,exports.HatchbackIcon=Je.default,exports.HelpIcon=Xe.default,exports.HistoryIcon=Ze.default,exports.HomeDeliveryIcon=$e.default,exports.IdIcon=eo.default,exports.ImageIcon=oo.default,exports.InfoIcon=no.default,exports.InstagramIcon=ro.default,exports.InsuranceIcon=to.default,exports.InteriorIcon=so.default,exports.KvdIcon=co.default,exports.KvdTestIcon=io.default,exports.KvdproIcon=po.default,exports.LastIcon=uo.default,exports.LeaderIcon=ao.default,exports.LinkedinIcon=lo.default,exports.ListViewIcon=Io.default,exports.LocationIcon=xo.default,exports.MailIcon=mo.default,exports.MenuIcon=qo.default,exports.MileageIcon=jo.default,exports.MinivanIcon=fo.default,exports.ModelYearIcon=So.default,exports.MoreIcon=yo.default,exports.MotorbikeIcon=Co.default,exports.NavigationIcon=go.default,exports.NewIcon=To.default,exports.NextFilledIcon=ko.default,exports.NextIcon=Bo.default,exports.NotificationIcon=ho.default,exports.OpenInNewIcon=bo.default,exports.PayementIcon=vo.default,exports.PhoneIcon=Fo.default,exports.PickUpIcon=wo.default,exports.Pickup=Do.default,exports.PlayIcon=Lo.default,exports.PreviousFilledIcon=Po.default,exports.PreviousIcon=Ro.default,exports.PrintIcon=Ao.default,exports.QuoteIcon=Mo.default,exports.RatingIcon=Eo.default,exports.ReleasingIcon=No.default,exports.ReorderIcon=Ho.default,exports.RestartIcon=Oo.default,exports.SalesOfferIcon=Vo.default,exports.SavedSearchIcon=Uo.default,exports.ScheduleIcon=Go.default,exports.SearchIcon=Qo.default,exports.SedanIcon=Ko.default,exports.SellFilledIcon=Wo.default,exports.SellIcon=zo.default,exports.SettingsIcon=Yo.default,exports.ShareIcon=_o.default,exports.ShowLessIcon=Jo.default,exports.ShowMoreIcon=Xo.default,exports.SignInIcon=Zo.default,exports.SignOutIcon=$o.default,exports.SlackIcon=en.default,exports.SmartphoneIcon=on.default,exports.SmileIcon=nn.default,exports.SnowmobileIcon=rn.default,exports.SortColumnIcon=tn.default,exports.SortIcon=sn.default,exports.StorageIcon=cn.default,exports.StoreIcon=pn.default,exports.SuvIcon=un.default,exports.ThreeSixtyIcon=an.default,exports.TrailerIcon=ln.default,exports.TransportIcon=dn.default,exports.TruckIcon=In.default,exports.TwitterIcon=xn.default,exports.TyresIcon=mn.default,exports.UploadIcon=qn.default,exports.UserIcon=jn.default,exports.ValuationIcon=fn.default,exports.VanIcon=Sn.default,exports.VersionIcon=yn.default,exports.ViewsIcon=Cn.default,exports.WagonIcon=gn.default,exports.WarningIcon=Tn.default,exports.WarrantyIcon=kn.default,exports.YoutubeIcon=Bn.default,exports.useDynamicScript=hn.useDynamicScript,exports.Display1=bn.Display1,exports.Display1Style=bn.Display1Style,exports.Display2=bn.Display2,exports.Display2Style=bn.Display2Style,exports.Display3=bn.Display3,exports.Display3Style=bn.Display3Style,exports.Headline=bn.Headline,exports.HeadlineStyle=bn.HeadlineStyle,exports.Subtitle=bn.Subtitle,exports.SubtitleStyle=bn.SubtitleStyle,exports.TinyTitleBold=bn.TinyTitleBold,exports.TinyTitleBoldStyle=bn.TinyTitleBoldStyle,exports.TinyTitleRegular=bn.TinyTitleRegular,exports.TinyTitleRegularStyle=bn.TinyTitleRegularStyle,exports.Title=bn.Title,exports.TitleStyle=bn.TitleStyle,exports.BodyLink=vn.BodyLink,exports.BodyLinkStyle=vn.BodyLinkStyle,exports.BodyText=vn.BodyText,exports.BodyTextStyle=vn.BodyTextStyle,exports.Caption=vn.Caption,exports.CaptionLink=vn.CaptionLink,exports.CaptionLinkStyle=vn.CaptionLinkStyle,exports.CaptionStyle=vn.CaptionStyle,exports.Quote=vn.Quote,exports.QuoteStyle=vn.QuoteStyle,exports.Status=vn.Status,exports.StatusStyle=vn.StatusStyle,exports.ButtonLargeText=Fn.ButtonLarge,exports.ButtonLargeTextStyle=Fn.ButtonLargeTextStyle,exports.ButtonRegularText=Fn.Button,exports.ButtonRegularTextStyle=Fn.ButtonRegularTextStyle,exports.ButtonSmallText=Fn.ButtonSmall,exports.ButtonSmallTextStyle=Fn.ButtonSmallTextStyle,exports.hexToRGB=wn.hexToRGB,exports.resetButtonStyle=wn.resetButtonStyle;
|
|
@@ -1,46 +1,52 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../shared/media-queries.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../shared/media-queries.js");function s(C){return C&&typeof C=="object"&&"default"in C?C:{default:C}}var r=s(e),i=s(t);const n=t.css`
|
|
2
2
|
font-feature-settings: 'lnum' on;
|
|
3
3
|
`,a=t.css`
|
|
4
|
-
font-family: ${({theme:
|
|
4
|
+
font-family: ${({theme:C})=>C.typography.fontBaseFamily};
|
|
5
5
|
${n}
|
|
6
|
-
`,f=t.css`
|
|
7
|
-
${a}
|
|
8
|
-
font-weight: ${({theme:B})=>B.typography.fontBaseRegularWeight};
|
|
9
6
|
`,l=t.css`
|
|
10
7
|
${a}
|
|
11
|
-
font-weight: ${({theme:
|
|
8
|
+
font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
|
|
12
9
|
`,p=t.css`
|
|
13
|
-
${
|
|
10
|
+
${a}
|
|
11
|
+
font-weight: ${({theme:C})=>C.typography.fontBaseBoldWeight};
|
|
12
|
+
`,f=t.css`
|
|
13
|
+
${l}
|
|
14
14
|
font-size: 1rem;
|
|
15
15
|
line-height: 1.5rem;
|
|
16
16
|
`,m=t.css`
|
|
17
|
-
${
|
|
17
|
+
${l}
|
|
18
18
|
font-size: 0.75rem;
|
|
19
19
|
line-height: 1.5rem;
|
|
20
|
-
`,h=
|
|
21
|
-
${
|
|
22
|
-
`,
|
|
20
|
+
`,h=i.default.p`
|
|
21
|
+
${l}
|
|
22
|
+
`,y=t.css`
|
|
23
23
|
font-family: Georgia, Cambria, Cochin, Times, 'Times New Roman', serif;
|
|
24
24
|
font-style: italic;
|
|
25
|
-
font-weight: ${({theme:
|
|
25
|
+
font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
|
|
26
26
|
font-size: 1rem;
|
|
27
27
|
line-height: 1.5rem;
|
|
28
28
|
${n}
|
|
29
|
-
`,
|
|
29
|
+
`,u=i.default.p`
|
|
30
|
+
${y}
|
|
31
|
+
`,d=i.default.p`
|
|
32
|
+
${f}
|
|
33
|
+
`,g=t.css`
|
|
30
34
|
${p}
|
|
31
|
-
`,d=s.default.p`
|
|
32
|
-
${l}
|
|
33
35
|
font-size: 1rem;
|
|
34
36
|
line-height: 1.5rem;
|
|
35
|
-
|
|
37
|
+
`,$=i.default.p`
|
|
38
|
+
${g}
|
|
39
|
+
`,c=i.default.p`
|
|
36
40
|
${m}
|
|
37
|
-
|
|
38
|
-
${
|
|
41
|
+
`,x=t.css`
|
|
42
|
+
${p}
|
|
39
43
|
font-size: 0.75rem;
|
|
40
44
|
line-height: 1.5rem;
|
|
41
|
-
`,
|
|
42
|
-
|
|
43
|
-
|
|
45
|
+
`,B=i.default.p`
|
|
46
|
+
${x}
|
|
47
|
+
`,S=t.css`
|
|
48
|
+
font-family: ${({theme:C})=>C.typography.fontAlternativeFamily};
|
|
49
|
+
font-weight: ${({theme:C})=>C.typography.fontAlternativeBoldWeight};
|
|
44
50
|
font-size: 1rem;
|
|
45
51
|
line-height: 1.5rem;
|
|
46
52
|
text-transform: uppercase;
|
|
@@ -49,4 +55,6 @@
|
|
|
49
55
|
${o.mq("laptop")} {
|
|
50
56
|
font-size: 0.75rem;
|
|
51
57
|
}
|
|
52
|
-
`,
|
|
58
|
+
`,z=i.default.p`
|
|
59
|
+
${S}
|
|
60
|
+
`,v=()=>r.default.createElement("div",null);exports.BodyLink=$,exports.BodyLinkStyle=g,exports.BodyText=d,exports.BodyTextStyle=f,exports.BodyTexts=v,exports.Caption=c,exports.CaptionLink=B,exports.CaptionLinkStyle=x,exports.CaptionStyle=m,exports.Quote=u,exports.QuoteStyle=y,exports.Status=z,exports.StatusStyle=S,exports.StyledBodyText=h,exports.default=v;
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
2
|
-
font-family: ${({theme:
|
|
3
|
-
font-weight: ${({theme:
|
|
4
|
-
`,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("styled-components");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}var r=o(t),n=o(e);const s=e.css`
|
|
2
|
+
font-family: ${({theme:x})=>x.typography.fontAlternativeFamily};
|
|
3
|
+
font-weight: ${({theme:x})=>x.typography.fontAlternativeBoldWeight};
|
|
4
|
+
`,l=e.css`
|
|
5
5
|
font-size: 1.25rem;
|
|
6
6
|
line-height: 1.25rem;
|
|
7
|
-
`,a=
|
|
8
|
-
${l}
|
|
7
|
+
`,a=e.css`
|
|
9
8
|
${s}
|
|
10
|
-
|
|
9
|
+
${l}
|
|
10
|
+
`,u=n.default.span`
|
|
11
|
+
${a}
|
|
12
|
+
`,i=e.css`
|
|
11
13
|
font-size: 1rem;
|
|
12
14
|
line-height: 1rem;
|
|
13
|
-
`,
|
|
14
|
-
${
|
|
15
|
+
`,p=e.css`
|
|
16
|
+
${s}
|
|
15
17
|
${i}
|
|
16
|
-
`,p=t.css`
|
|
17
|
-
font-size: 0.75rem;
|
|
18
|
-
line-height: 0.75rem;
|
|
19
18
|
`,f=n.default.span`
|
|
20
|
-
${l}
|
|
21
19
|
${p}
|
|
22
|
-
|
|
20
|
+
`,c=e.css`
|
|
21
|
+
font-size: 0.75rem;
|
|
22
|
+
line-height: 0.75rem;
|
|
23
|
+
`,y=e.css`
|
|
24
|
+
${s}
|
|
25
|
+
${c}
|
|
26
|
+
`,m=n.default.span`
|
|
27
|
+
${y}
|
|
28
|
+
`;exports.BasicButtonFontStyle=s,exports.Button=f,exports.ButtonLarge=u,exports.ButtonLargeFontStyle=l,exports.ButtonLargeTextStyle=a,exports.ButtonRegularFontStyle=i,exports.ButtonRegularTextStyle=p,exports.ButtonSmall=m,exports.ButtonSmallFontStyle=c,exports.ButtonSmallTextStyle=y,exports.default=()=>r.default.createElement("div",null);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),i=require("../../shared/media-queries.js");function
|
|
2
|
-
font-family: ${({theme
|
|
3
|
-
font-weight: ${({theme
|
|
4
|
-
`,
|
|
5
|
-
${
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),i=require("../../shared/media-queries.js");function l(A){return A&&typeof A=="object"&&"default"in A?A:{default:A}}var r=l(e),o=l(t);const s=t.css`
|
|
2
|
+
font-family: ${({theme:A})=>A.typography.fontAlternativeFamily};
|
|
3
|
+
font-weight: ${({theme:A})=>A.typography.fontAlternativeBoldWeight};
|
|
4
|
+
`,n=t.css`
|
|
5
|
+
${s}
|
|
6
6
|
font-size: 2.5rem;
|
|
7
7
|
line-height: 3rem;
|
|
8
8
|
|
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
}
|
|
13
13
|
`,p=o.default.p`
|
|
14
14
|
${n}
|
|
15
|
+
`,a=t.css`
|
|
16
|
+
${s}
|
|
15
17
|
font-size: 2rem;
|
|
16
18
|
line-height: 2.5rem;
|
|
17
19
|
|
|
@@ -20,7 +22,9 @@
|
|
|
20
22
|
line-height: 4rem;
|
|
21
23
|
}
|
|
22
24
|
`,h=o.default.p`
|
|
23
|
-
${
|
|
25
|
+
${a}
|
|
26
|
+
`,m=t.css`
|
|
27
|
+
${s}
|
|
24
28
|
font-size: 1.75rem;
|
|
25
29
|
line-height: 2.5rem;
|
|
26
30
|
|
|
@@ -28,11 +32,13 @@
|
|
|
28
32
|
font-size: 2.5rem;
|
|
29
33
|
line-height: 3.5rem;
|
|
30
34
|
}
|
|
31
|
-
`,m=t.css`
|
|
32
|
-
font-family: ${({theme:$})=>$.typography.fontAlternativeFamily};
|
|
33
|
-
font-weight: ${({theme:$})=>$.typography.fontAlternativeRegularWeight};
|
|
34
35
|
`,f=o.default.p`
|
|
35
36
|
${m}
|
|
37
|
+
`,y=t.css`
|
|
38
|
+
font-family: ${({theme:A})=>A.typography.fontAlternativeFamily};
|
|
39
|
+
font-weight: ${({theme:A})=>A.typography.fontAlternativeRegularWeight};
|
|
40
|
+
`,g=t.css`
|
|
41
|
+
${y}
|
|
36
42
|
font-size: 1.75rem;
|
|
37
43
|
line-height: 2rem;
|
|
38
44
|
|
|
@@ -40,8 +46,10 @@
|
|
|
40
46
|
font-size: 2rem;
|
|
41
47
|
line-height: 3rem;
|
|
42
48
|
}
|
|
43
|
-
|
|
44
|
-
${
|
|
49
|
+
`,$=o.default.p`
|
|
50
|
+
${g}
|
|
51
|
+
`,u=t.css`
|
|
52
|
+
${y}
|
|
45
53
|
font-size: 1.5rem;
|
|
46
54
|
line-height: 2rem;
|
|
47
55
|
|
|
@@ -49,22 +57,30 @@
|
|
|
49
57
|
font-size: 1.75rem;
|
|
50
58
|
line-height: 2.5rem;
|
|
51
59
|
}
|
|
52
|
-
`,
|
|
53
|
-
${
|
|
60
|
+
`,d=o.default.p`
|
|
61
|
+
${u}
|
|
62
|
+
`,c=t.css`
|
|
63
|
+
${y}
|
|
54
64
|
font-size: 1.125rem;
|
|
55
65
|
line-height: 2rem;
|
|
56
66
|
|
|
57
67
|
${i.mq("laptop")} {
|
|
58
68
|
font-size: 1.25rem;
|
|
59
69
|
}
|
|
60
|
-
`,
|
|
61
|
-
|
|
70
|
+
`,x=o.default.p`
|
|
71
|
+
${c}
|
|
72
|
+
`,z=t.css`
|
|
73
|
+
font-family: ${({theme:A})=>A.typography.fontAlternativeFamily};
|
|
62
74
|
font-size: 1rem;
|
|
63
75
|
line-height: 1.5rem;
|
|
64
|
-
`,
|
|
65
|
-
${
|
|
66
|
-
font-weight: ${({theme
|
|
67
|
-
`,
|
|
68
|
-
${
|
|
69
|
-
|
|
70
|
-
|
|
76
|
+
`,v=t.css`
|
|
77
|
+
${z}
|
|
78
|
+
font-weight: ${({theme:A})=>A.typography.fontAlternativeRegularWeight};
|
|
79
|
+
`,q=o.default.p`
|
|
80
|
+
${v}
|
|
81
|
+
`,S=t.css`
|
|
82
|
+
${z}
|
|
83
|
+
font-weight: ${({theme:A})=>A.typography.fontAlternativeBoldWeight};
|
|
84
|
+
`,T=o.default.p`
|
|
85
|
+
${S}
|
|
86
|
+
`;exports.Display1=f,exports.Display1Style=m,exports.Display2=h,exports.Display2Style=a,exports.Display3=p,exports.Display3Style=n,exports.Headline=$,exports.HeadlineStyle=g,exports.Subtitle=x,exports.SubtitleStyle=c,exports.TinyTitleBold=T,exports.TinyTitleBoldStyle=S,exports.TinyTitleRegular=q,exports.TinyTitleRegularStyle=v,exports.Title=d,exports.TitleStyle=u,exports.default=()=>r.default.createElement("div",null);
|
|
@@ -1,35 +1,34 @@
|
|
|
1
|
-
import l,{forwardRef as
|
|
2
|
-
${
|
|
1
|
+
import l,{forwardRef as x}from"react";import m,{css as c}from"styled-components";import p from"../../theme.js";import h from"../Spinner/index.js";import{BasicButtonFontStyle as B,ButtonRegularTextStyle as j}from"../../typography/ButtonText/index.js";import{fontSizes as E,smallerSizeStyles as w,smallSizeStyles as z,regularSizeStyles as R,largeSizeStyles as k,disabledColorStyles as C,colorStyles as F}from"./styles.js";const T=m.button`
|
|
2
|
+
${B}
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
outline: none;
|
|
5
5
|
cursor: pointer;
|
|
6
6
|
user-select: none;
|
|
7
7
|
position: relative;
|
|
8
|
-
white-space: nowrap;
|
|
9
8
|
border: none;
|
|
10
9
|
width: ${({fullWidth:e})=>e&&"100%"};
|
|
11
10
|
display: flex;
|
|
12
11
|
align-items: center;
|
|
13
12
|
justify-content: ${({sufixIcon:e,prefixIcon:r})=>e||r?"space-between":"center"};
|
|
14
13
|
|
|
15
|
-
${({size:e="small"})=>
|
|
14
|
+
${({size:e="small"})=>E[e]||j}
|
|
16
15
|
${({size:e,isLoading:r,minWidth:t})=>c`
|
|
17
|
-
${e==="smaller"&&
|
|
16
|
+
${e==="smaller"&&w(r,t)}
|
|
18
17
|
${e==="small"&&z(r,t)}
|
|
19
18
|
${e==="regular"&&R(r,t)}
|
|
20
|
-
${e==="large"&&
|
|
19
|
+
${e==="large"&&k(r,t)}
|
|
21
20
|
`}
|
|
22
21
|
background-color: transparent;
|
|
23
22
|
transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
|
|
24
23
|
${({variant:e="solid",color:r="primary",disabled:t,theme:o})=>c`
|
|
25
|
-
${t?
|
|
24
|
+
${t?C(o,e):F[e](o,r)}
|
|
26
25
|
`}
|
|
27
26
|
&:focus-visible {
|
|
28
27
|
box-shadow: 0px 0px 0px 1px ${({theme:e})=>e.colors.gray.light5};
|
|
29
28
|
}
|
|
30
|
-
`,
|
|
29
|
+
`,_={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
30
|
display: flex;
|
|
32
31
|
margin-right: ${({type:e,size:r})=>e==="prefix"?u[r]:0};
|
|
33
32
|
margin-left: ${({type:e,size:r})=>e==="sufix"?u[r]:0};
|
|
34
|
-
font-size: ${({size:e})=>
|
|
35
|
-
`,
|
|
33
|
+
font-size: ${({size:e})=>_[e]};
|
|
34
|
+
`,v=m(h)``,M={smaller:1,small:1,regular:1.5,large:1.5},i=x(({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",...$},b)=>l.createElement(T,{...$,as:d,minWidth:S,color:r,disabled:g||s,fullWidth:o,theme:p,variant:t,size:e,isLoading:s,ref:b,prefixIcon:n,sufixIcon:a},s?l.createElement(v,{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,27 +1,27 @@
|
|
|
1
|
-
import n,{useState as F}from"react";import
|
|
1
|
+
import n,{useState as F}from"react";import z from"react-select";import m from"styled-components";import{DEFAULT_TRANSITION_MS as w}from"../../shared/constants.js";import r from"../../theme.js";import{CaptionStyle as H}from"../../typography/BodyText/index.js";import{Label as O}from"../FieldLabel.js";import"../../shared/media-queries.js";const _=m.div`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
3
3
|
position: relative;
|
|
4
|
-
`,
|
|
4
|
+
`,S=e=>e&&{paddingLeft:"2.5rem"},A=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},M=e=>e&&{border:`2px solid ${r.colors.error.dark}`},W=m.div`
|
|
5
5
|
position: absolute;
|
|
6
6
|
z-index: 1;
|
|
7
7
|
top: 0.5rem;
|
|
8
8
|
margin: 0.35rem 0.75rem;
|
|
9
9
|
|
|
10
10
|
fill: ${r.colors.gray.dark5};
|
|
11
|
-
transition: ${
|
|
11
|
+
transition: ${w};
|
|
12
12
|
|
|
13
13
|
${e=>e.isDisabled&&` fill: ${r.colors.gray.light1}; `}
|
|
14
14
|
|
|
15
15
|
${e=>e.isFocused&&` fill: ${e.theme.colors.text.dark}; `}
|
|
16
|
-
`,
|
|
17
|
-
${
|
|
16
|
+
`,V=m.span`
|
|
17
|
+
${H}
|
|
18
18
|
display: block;
|
|
19
19
|
margin-top: 0.25rem;
|
|
20
20
|
color: ${({hasError:e})=>e?r.colors.error.dark:r.colors.text.disabled};
|
|
21
21
|
`,N=e=>n.createElement("svg",{...e},n.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},n.createElement("path",{d:"M2.03039 7.95496L9.80856 15.7331C9.90619 15.8308 10.0645 15.8308 10.1621 15.7331L17.9403 7.95496L19.0009 9.01562L11.2228 16.7938C10.5394 17.4772 9.43132 17.4772 8.7479 16.7938L0.969727 9.01562L2.03039 7.95496Z"})),n.createElement("use",{xlinkHref:"#icon-arrow"})),P=m(N)`
|
|
22
|
-
width: 0.
|
|
23
|
-
height: 0.
|
|
24
|
-
margin: 0
|
|
22
|
+
width: 0.75rem;
|
|
23
|
+
height: 0.75rem;
|
|
24
|
+
margin: 0;
|
|
25
25
|
${e=>e.$isFocused&&`color: ${e.$theme.colors.text.dark}`}
|
|
26
26
|
${e=>e.$isDisabled&&`color: ${e.$theme.colors.gray.dark1}`}
|
|
27
27
|
|
|
@@ -31,9 +31,9 @@ import n,{useState as F}from"react";import _ from"react-select";import m from"st
|
|
|
31
31
|
stroke: currentColor;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
transition: transform ${
|
|
34
|
+
transition: transform ${w};
|
|
35
35
|
|
|
36
36
|
transform: ${e=>e.$isMenuOpen?"rotate(-180deg)":"rotate(0deg)"};
|
|
37
37
|
|
|
38
38
|
transform-origin: 50% 60%;
|
|
39
|
-
`,q=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,U=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:u})=>n.createElement(P,{$isDisabled:u,$isFocused:a,$isMenuOpen:e,$theme:r});function
|
|
39
|
+
`,q=(e,a)=>a?r.colors.error.main:e?r.colors.text.dark:r.colors.gray.light1,U=({selectProps:{menuIsOpen:e=!1},isFocused:a=!1,isDisabled:u})=>n.createElement(P,{$isDisabled:u,$isFocused:a,$isMenuOpen:e,$theme:r});function C({className:e,color:a="primary",forwardRef:u,hasError:i=!1,height:s,helperText:p,isDisabled:d=!1,onBlur:B=()=>null,onFocus:L=()=>null,onInputChange:v=()=>null,placeholder:I="",name:g,...t}){var h;const[c,b]=F(!1),[E,T]=F(""),D=(o,l)=>{v(o,l),T(o)},y=({isSelected:o,isFocused:l,isDisabled:f})=>o?r.colors[a].main:f?r.colors.background.light:l?r.colors.background.gray:r.colors.background.light,R=o=>{b(!0),L(o)},j=o=>{b(!1),B(o)},x=q(c,i),$=Boolean(t.label)===!1;return n.createElement(_,{className:e},!$&&t.label&&n.createElement(O,{htmlFor:g,height:s,isFocused:c,hasValue:Boolean(t.value||E),disabled:d,theme:r,hasError:i},t.label),t.prefix&&n.createElement(W,{isDisabled:d,isFocused:c},t.prefix),n.createElement(z,{...t,inputId:g,name:g,ref:u,isDisabled:d,onInputChange:D,placeholder:I,onFocus:R,onBlur:j,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.5rem",backgroundColor:r.colors.background.light,borderColor:x,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...A(d),...M(i),...S(Boolean(t.prefix))}),input:o=>({...o,height:"auto",margin:0,padding:0}),placeholder:o=>{const l={...o,fontSize:"1rem",lineHeight:"1.5rem",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",margin:0};return $?{...l,color:r.colors.text.dark,fontWeight:600}:{...l,display:c?"static":"none"}},singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"0.5rem 0",paddingBottom:"5rem",marginTop:0,border:`1px solid ${x}`,borderTop:"none",display:"flex",flexDirection:"column",gap:"0.5rem"}),menu:o=>({...o,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(o,{isSelected:l,isFocused:f,isDisabled:k})=>({...o,padding:"0.5rem",lineHeight:"1.5rem",fontSize:"1rem",fontWeight:400,cursor:k?"not-allowed":"pointer","&:hover":{background:y({isSelected:l,isFocused:!0,isDisabled:k})},background:y({isSelected:l,isFocused:f}),...S(Boolean(t.prefix))}),valueContainer:o=>({...o,position:"static",padding:s?`${s-1}rem 0 `:0,height:s?"auto":"1.5rem"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:"0.2rem"})},components:{IndicatorSeparator:()=>null,DropdownIndicator:U,...(h=t.components)!=null?h:{}}}),p&&n.createElement(V,{hasError:i},p))}export{C as Select,C as default};
|
package/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{default as theme}from"./theme.js";export{mediaQueries,mq,mqNumberSizes,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as Table}from"./components/Table/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{default as Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelCircleIcon}from"./icons/components/CancelCircleIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as DownloadIcon}from"./icons/components/DownloadIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HelpIcon}from"./icons/components/HelpIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as ImageIcon}from"./icons/components/ImageIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdIcon}from"./icons/components/KvdIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as QuoteIcon}from"./icons/components/QuoteIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellFilledIcon}from"./icons/components/SellFilledIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StorageIcon}from"./icons/components/StorageIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UploadIcon}from"./icons/components/UploadIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as VersionIcon}from"./icons/components/VersionIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display2,Display3,Headline,Subtitle,TinyTitleBold,TinyTitleRegular,Title}from"./typography/Heading/index.js";export{BodyLink,BodyText,Caption,CaptionLink,Quote,Status}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,Button as ButtonRegularText,ButtonSmall as ButtonSmallText}from"./typography/ButtonText/index.js";export{hexToRGB,resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";
|
|
1
|
+
export{default as theme}from"./theme.js";export{mediaQueries,mq,mqNumberSizes,mqSizes}from"./shared/media-queries.js";export{Accordion}from"./components/Accordion/index.js";export{Button}from"./components/Button/index.js";export{default as IconButton}from"./components/IconButton.js";export{TextField}from"./components/Textfield/index.js";export{TextArea}from"./components/TextArea/index.js";export{Tabs}from"./components/Tabs/Tabs.js";export{default as Tab}from"./components/Tabs/Tab.js";export{ErrorMessage}from"./components/ErrorMessage/index.js";export{default as Spinner}from"./components/Spinner/index.js";export{Modal}from"./components/Modal/index.js";export{Dialog}from"./components/Dialog/index.js";export{OffCanvas}from"./components/OffCanvas/index.js";export{CheckBox}from"./components/CheckBox/index.js";export{Snackbar}from"./components/Snackbar/index.js";export{default as Spacer}from"./components/Spacer/index.js";export{default as Stack}from"./components/Stack/index.js";export{Select}from"./components/Select/index.js";export{default as ToggleArrow}from"./components/ToggleArrow/index.js";export{default as ListItem}from"./components/ListItem/index.js";export{default as Table}from"./components/Table/index.js";export{default as EditRow}from"./components/EditRow/index.js";export{RadioButton}from"./components/RadioButton/index.js";export{SpinnerThin}from"./components/SpinnerThin/index.js";export{default as Stamp}from"./components/Stamp/index.js";export{TimePicker}from"./components/TimePicker/index.js";export{default as Hero}from"./components/Hero/index.js";export{DayPicker}from"./components/DayPicker/index.js";export{Logo}from"./components/Logo/index.js";export{Badge}from"./components/Badge/index.js";export{Toggle}from"./components/Toggle/index.js";export{Stepper}from"./components/Stepper/index.js";export{StepperAccordion}from"./components/StepperAccordion/index.js";export{Card}from"./components/Card/index.js";export{NotificationButton}from"./components/NotificationButton/index.js";export{default as ValuationRange}from"./components/ValuationRange/index.js";export{Chip}from"./components/Chip/index.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/index.js";export{default as Message}from"./components/Message/index.js";export{default as RegistrationPlate}from"./components/RegistrationPlate/index.js";export{MenuItem}from"./components/MenuItem/index.js";export{default as AddIcon}from"./icons/components/AddIcon.js";export{default as AlertIcon}from"./icons/components/AlertIcon.js";export{default as ArrowDownIcon}from"./icons/components/ArrowDownIcon.js";export{default as ArrowLeftIcon}from"./icons/components/ArrowLeftIcon.js";export{default as ArrowRightIcon}from"./icons/components/ArrowRightIcon.js";export{default as ArrowUpIcon}from"./icons/components/ArrowUpIcon.js";export{default as AtvIcon}from"./icons/components/AtvIcon.js";export{default as AuctionIcon}from"./icons/components/AuctionIcon.js";export{default as BackIcon}from"./icons/components/BackIcon.js";export{default as BankidIcon}from"./icons/components/BankidIcon.js";export{default as BidIcon}from"./icons/components/BidIcon.js";export{default as BodyIcon}from"./icons/components/BodyIcon.js";export{default as BreaksIcon}from"./icons/components/BreaksIcon.js";export{default as CabIcon}from"./icons/components/CabIcon.js";export{default as CalendarIcon}from"./icons/components/CalendarIcon.js";export{default as CameraIcon}from"./icons/components/CameraIcon.js";export{default as CancelCircleIcon}from"./icons/components/CancelCircleIcon.js";export{default as CancelIcon}from"./icons/components/CancelIcon.js";export{default as CarIcon}from"./icons/components/CarIcon.js";export{default as CarServiceIcon}from"./icons/components/CarServiceIcon.js";export{default as CaravanIcon}from"./icons/components/CaravanIcon.js";export{default as CertifiedIcon}from"./icons/components/CertifiedIcon.js";export{default as ChatIcon}from"./icons/components/ChatIcon.js";export{default as CheckCircleIcon}from"./icons/components/CheckCircleIcon.js";export{default as CheckFilledIcon}from"./icons/components/CheckFilledIcon.js";export{default as CheckIcon}from"./icons/components/CheckIcon.js";export{default as CheckmarkIcon}from"./icons/components/CheckmarkIcon.js";export{default as ClockIcon}from"./icons/components/ClockIcon.js";export{default as CloseIcon}from"./icons/components/CloseIcon.js";export{default as CommentFilledIcon}from"./icons/components/CommentFilledIcon.js";export{default as CommentIcon}from"./icons/components/CommentIcon.js";export{default as ConditioningIcon}from"./icons/components/ConditioningIcon.js";export{default as ContactIcon}from"./icons/components/ContactIcon.js";export{default as ControlNumberIcon}from"./icons/components/ControlNumberIcon.js";export{default as CopyIcon}from"./icons/components/CopyIcon.js";export{default as CountdownIcon}from"./icons/components/CountdownIcon.js";export{default as CoupeIcon}from"./icons/components/CoupeIcon.js";export{default as CraneIcon}from"./icons/components/CraneIcon.js";export{default as CupIcon}from"./icons/components/CupIcon.js";export{default as DeleteIcon}from"./icons/components/DeleteIcon.js";export{default as DisplayIcon}from"./icons/components/DisplayIcon.js";export{default as DocumentIcon}from"./icons/components/DocumentIcon.js";export{default as DownloadIcon}from"./icons/components/DownloadIcon.js";export{default as EcoIcon}from"./icons/components/EcoIcon.js";export{default as EditIcon}from"./icons/components/EditIcon.js";export{default as EngineIcon}from"./icons/components/EngineIcon.js";export{default as ErrorFilledIcon}from"./icons/components/ErrorFilledIcon.js";export{default as ErrorIcon}from"./icons/components/ErrorIcon.js";export{default as ExportIcon}from"./icons/components/ExportIcon.js";export{default as FacebookIcon}from"./icons/components/FacebookIcon.js";export{default as FacilityIcon}from"./icons/components/FacilityIcon.js";export{default as FavouriteFilledIcon}from"./icons/components/FavouriteFilledIcon.js";export{default as FavouriteIcon}from"./icons/components/FavouriteIcon.js";export{default as FigmaIcon}from"./icons/components/FigmaIcon.js";export{default as FilterIcon}from"./icons/components/FilterIcon.js";export{default as FinanceIcon}from"./icons/components/FinanceIcon.js";export{default as FirstIcon}from"./icons/components/FirstIcon.js";export{default as FixedPriceIcon}from"./icons/components/FixedPriceIcon.js";export{default as FuelIcon}from"./icons/components/FuelIcon.js";export{default as GearboxIcon}from"./icons/components/GearboxIcon.js";export{default as GetPaidIcon}from"./icons/components/GetPaidIcon.js";export{default as GridViewIcon}from"./icons/components/GridViewIcon.js";export{default as HatchbackIcon}from"./icons/components/HatchbackIcon.js";export{default as HelpIcon}from"./icons/components/HelpIcon.js";export{default as HistoryIcon}from"./icons/components/HistoryIcon.js";export{default as HomeDeliveryIcon}from"./icons/components/HomeDeliveryIcon.js";export{default as IdIcon}from"./icons/components/IdIcon.js";export{default as ImageIcon}from"./icons/components/ImageIcon.js";export{default as InfoIcon}from"./icons/components/InfoIcon.js";export{default as InstagramIcon}from"./icons/components/InstagramIcon.js";export{default as InsuranceIcon}from"./icons/components/InsuranceIcon.js";export{default as InteriorIcon}from"./icons/components/InteriorIcon.js";export{default as KvdIcon}from"./icons/components/KvdIcon.js";export{default as KvdTestIcon}from"./icons/components/KvdTestIcon.js";export{default as KvdproIcon}from"./icons/components/KvdproIcon.js";export{default as LastIcon}from"./icons/components/LastIcon.js";export{default as LeaderIcon}from"./icons/components/LeaderIcon.js";export{default as LinkedinIcon}from"./icons/components/LinkedinIcon.js";export{default as ListViewIcon}from"./icons/components/ListViewIcon.js";export{default as LocationIcon}from"./icons/components/LocationIcon.js";export{default as MailIcon}from"./icons/components/MailIcon.js";export{default as MenuIcon}from"./icons/components/MenuIcon.js";export{default as MileageIcon}from"./icons/components/MileageIcon.js";export{default as MinivanIcon}from"./icons/components/MinivanIcon.js";export{default as ModelYearIcon}from"./icons/components/ModelYearIcon.js";export{default as MoreIcon}from"./icons/components/MoreIcon.js";export{default as MotorbikeIcon}from"./icons/components/MotorbikeIcon.js";export{default as NavigationIcon}from"./icons/components/NavigationIcon.js";export{default as NewIcon}from"./icons/components/NewIcon.js";export{default as NextFilledIcon}from"./icons/components/NextFilledIcon.js";export{default as NextIcon}from"./icons/components/NextIcon.js";export{default as NotificationIcon}from"./icons/components/NotificationIcon.js";export{default as OpenInNewIcon}from"./icons/components/OpenInNewIcon.js";export{default as PayementIcon}from"./icons/components/PayementIcon.js";export{default as PhoneIcon}from"./icons/components/PhoneIcon.js";export{default as PickUpIcon}from"./icons/components/PickUpIcon.js";export{default as Pickup}from"./icons/components/Pickup.js";export{default as PlayIcon}from"./icons/components/PlayIcon.js";export{default as PreviousFilledIcon}from"./icons/components/PreviousFilledIcon.js";export{default as PreviousIcon}from"./icons/components/PreviousIcon.js";export{default as PrintIcon}from"./icons/components/PrintIcon.js";export{default as QuoteIcon}from"./icons/components/QuoteIcon.js";export{default as RatingIcon}from"./icons/components/RatingIcon.js";export{default as ReleasingIcon}from"./icons/components/ReleasingIcon.js";export{default as ReorderIcon}from"./icons/components/ReorderIcon.js";export{default as RestartIcon}from"./icons/components/RestartIcon.js";export{default as SalesOfferIcon}from"./icons/components/SalesOfferIcon.js";export{default as SavedSearchIcon}from"./icons/components/SavedSearchIcon.js";export{default as ScheduleIcon}from"./icons/components/ScheduleIcon.js";export{default as SearchIcon}from"./icons/components/SearchIcon.js";export{default as SedanIcon}from"./icons/components/SedanIcon.js";export{default as SellFilledIcon}from"./icons/components/SellFilledIcon.js";export{default as SellIcon}from"./icons/components/SellIcon.js";export{default as SettingsIcon}from"./icons/components/SettingsIcon.js";export{default as ShareIcon}from"./icons/components/ShareIcon.js";export{default as ShowLessIcon}from"./icons/components/ShowLessIcon.js";export{default as ShowMoreIcon}from"./icons/components/ShowMoreIcon.js";export{default as SignInIcon}from"./icons/components/SignInIcon.js";export{default as SignOutIcon}from"./icons/components/SignOutIcon.js";export{default as SlackIcon}from"./icons/components/SlackIcon.js";export{default as SmartphoneIcon}from"./icons/components/SmartphoneIcon.js";export{default as SmileIcon}from"./icons/components/SmileIcon.js";export{default as SnowmobileIcon}from"./icons/components/SnowmobileIcon.js";export{default as SortColumnIcon}from"./icons/components/SortColumnIcon.js";export{default as SortIcon}from"./icons/components/SortIcon.js";export{default as StorageIcon}from"./icons/components/StorageIcon.js";export{default as StoreIcon}from"./icons/components/StoreIcon.js";export{default as SuvIcon}from"./icons/components/SuvIcon.js";export{default as ThreeSixtyIcon}from"./icons/components/ThreeSixtyIcon.js";export{default as TrailerIcon}from"./icons/components/TrailerIcon.js";export{default as TransportIcon}from"./icons/components/TransportIcon.js";export{default as TruckIcon}from"./icons/components/TruckIcon.js";export{default as TwitterIcon}from"./icons/components/TwitterIcon.js";export{default as TyresIcon}from"./icons/components/TyresIcon.js";export{default as UploadIcon}from"./icons/components/UploadIcon.js";export{default as UserIcon}from"./icons/components/UserIcon.js";export{default as ValuationIcon}from"./icons/components/ValuationIcon.js";export{default as VanIcon}from"./icons/components/VanIcon.js";export{default as VersionIcon}from"./icons/components/VersionIcon.js";export{default as ViewsIcon}from"./icons/components/ViewsIcon.js";export{default as WagonIcon}from"./icons/components/WagonIcon.js";export{default as WarningIcon}from"./icons/components/WarningIcon.js";export{default as WarrantyIcon}from"./icons/components/WarrantyIcon.js";export{default as YoutubeIcon}from"./icons/components/YoutubeIcon.js";export{useDynamicScript}from"./hooks/useDynamicScript.js";export{Display1,Display1Style,Display2,Display2Style,Display3,Display3Style,Headline,HeadlineStyle,Subtitle,SubtitleStyle,TinyTitleBold,TinyTitleBoldStyle,TinyTitleRegular,TinyTitleRegularStyle,Title,TitleStyle}from"./typography/Heading/index.js";export{BodyLink,BodyLinkStyle,BodyText,BodyTextStyle,Caption,CaptionLink,CaptionLinkStyle,CaptionStyle,Quote,QuoteStyle,Status,StatusStyle}from"./typography/BodyText/index.js";export{ButtonLarge as ButtonLargeText,ButtonLargeTextStyle,Button as ButtonRegularText,ButtonRegularTextStyle,ButtonSmall as ButtonSmallText,ButtonSmallTextStyle}from"./typography/ButtonText/index.js";export{hexToRGB,resetButtonStyle}from"./utils/utils.js";import"react";import"styled-components";import"react-collapse";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"./shared/helpers.js";import"react-dom";import"react-transition-group";import"./components/Icons/Close.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"./components/Icons/CheckCircle.js";import"./components/Icons/ErrorCircle.js";import"./components/Icons/InfoCircle.js";import"react-select";import"./shared/constants.js";import"react-day-picker";import"./components/DayPicker/DayPickerNavBar.js";import"./components/Icons/Arrow.js";import"./components/DayPicker/localeUtils.js";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Icons/CheckIcon.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";
|
|
@@ -1,44 +1,50 @@
|
|
|
1
|
-
import
|
|
1
|
+
import g from"react";import o,{css as e}from"styled-components";import{mq as c}from"../../shared/media-queries.js";const i=e`
|
|
2
2
|
font-feature-settings: 'lnum' on;
|
|
3
|
-
`,s=
|
|
3
|
+
`,s=e`
|
|
4
4
|
font-family: ${({theme:t})=>t.typography.fontBaseFamily};
|
|
5
5
|
${i}
|
|
6
|
-
`,n=
|
|
6
|
+
`,n=e`
|
|
7
7
|
${s}
|
|
8
8
|
font-weight: ${({theme:t})=>t.typography.fontBaseRegularWeight};
|
|
9
|
-
`,a=
|
|
9
|
+
`,a=e`
|
|
10
10
|
${s}
|
|
11
11
|
font-weight: ${({theme:t})=>t.typography.fontBaseBoldWeight};
|
|
12
|
-
`,r=
|
|
12
|
+
`,r=e`
|
|
13
13
|
${n}
|
|
14
14
|
font-size: 1rem;
|
|
15
15
|
line-height: 1.5rem;
|
|
16
|
-
`,l=
|
|
16
|
+
`,l=e`
|
|
17
17
|
${n}
|
|
18
18
|
font-size: 0.75rem;
|
|
19
19
|
line-height: 1.5rem;
|
|
20
|
-
|
|
20
|
+
`,$=o.p`
|
|
21
21
|
${n}
|
|
22
|
-
`,
|
|
22
|
+
`,y=e`
|
|
23
23
|
font-family: Georgia, Cambria, Cochin, Times, 'Times New Roman', serif;
|
|
24
24
|
font-style: italic;
|
|
25
25
|
font-weight: ${({theme:t})=>t.typography.fontBaseRegularWeight};
|
|
26
26
|
font-size: 1rem;
|
|
27
27
|
line-height: 1.5rem;
|
|
28
28
|
${i}
|
|
29
|
-
`,
|
|
29
|
+
`,d=o.p`
|
|
30
|
+
${y}
|
|
31
|
+
`,u=o.p`
|
|
30
32
|
${r}
|
|
31
|
-
`,
|
|
33
|
+
`,f=e`
|
|
32
34
|
${a}
|
|
33
35
|
font-size: 1rem;
|
|
34
36
|
line-height: 1.5rem;
|
|
35
|
-
`,
|
|
37
|
+
`,B=o.p`
|
|
38
|
+
${f}
|
|
39
|
+
`,S=o.p`
|
|
36
40
|
${l}
|
|
37
|
-
|
|
41
|
+
`,m=e`
|
|
38
42
|
${a}
|
|
39
43
|
font-size: 0.75rem;
|
|
40
44
|
line-height: 1.5rem;
|
|
41
|
-
`,
|
|
45
|
+
`,x=o.p`
|
|
46
|
+
${m}
|
|
47
|
+
`,p=e`
|
|
42
48
|
font-family: ${({theme:t})=>t.typography.fontAlternativeFamily};
|
|
43
49
|
font-weight: ${({theme:t})=>t.typography.fontAlternativeBoldWeight};
|
|
44
50
|
font-size: 1rem;
|
|
@@ -46,7 +52,9 @@ import m from"react";import e,{css as o}from"styled-components";import{mq as y}f
|
|
|
46
52
|
text-transform: uppercase;
|
|
47
53
|
font-feature-settings: 'lnum' on;
|
|
48
54
|
|
|
49
|
-
${
|
|
55
|
+
${c("laptop")} {
|
|
50
56
|
font-size: 0.75rem;
|
|
51
57
|
}
|
|
52
|
-
`,
|
|
58
|
+
`,T=o.p`
|
|
59
|
+
${p}
|
|
60
|
+
`,h=()=>g.createElement("div",null);export{B as BodyLink,f as BodyLinkStyle,u as BodyText,r as BodyTextStyle,h as BodyTexts,S as Caption,x as CaptionLink,m as CaptionLinkStyle,l as CaptionStyle,d as Quote,y as QuoteStyle,T as Status,p as StatusStyle,$ as StyledBodyText,h as default};
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
-
import
|
|
1
|
+
import m from"react";import o,{css as t}from"styled-components";const e=t`
|
|
2
2
|
font-family: ${({theme:n})=>n.typography.fontAlternativeFamily};
|
|
3
3
|
font-weight: ${({theme:n})=>n.typography.fontAlternativeBoldWeight};
|
|
4
4
|
`,l=t`
|
|
5
5
|
font-size: 1.25rem;
|
|
6
6
|
line-height: 1.25rem;
|
|
7
|
-
`,
|
|
7
|
+
`,s=t`
|
|
8
8
|
${e}
|
|
9
9
|
${l}
|
|
10
|
-
`,
|
|
10
|
+
`,u=o.span`
|
|
11
|
+
${s}
|
|
12
|
+
`,a=t`
|
|
11
13
|
font-size: 1rem;
|
|
12
14
|
line-height: 1rem;
|
|
13
|
-
`,
|
|
15
|
+
`,r=t`
|
|
14
16
|
${e}
|
|
15
|
-
${
|
|
16
|
-
`,
|
|
17
|
+
${a}
|
|
18
|
+
`,y=o.span`
|
|
19
|
+
${r}
|
|
20
|
+
`,i=t`
|
|
17
21
|
font-size: 0.75rem;
|
|
18
22
|
line-height: 0.75rem;
|
|
19
|
-
`,c=
|
|
23
|
+
`,c=t`
|
|
20
24
|
${e}
|
|
21
|
-
${
|
|
22
|
-
`,
|
|
25
|
+
${i}
|
|
26
|
+
`,B=o.span`
|
|
27
|
+
${c}
|
|
28
|
+
`,f=()=>m.createElement("div",null);export{e as BasicButtonFontStyle,y as Button,u as ButtonLarge,l as ButtonLargeFontStyle,s as ButtonLargeTextStyle,a as ButtonRegularFontStyle,r as ButtonRegularTextStyle,B as ButtonSmall,i as ButtonSmallFontStyle,c as ButtonSmallTextStyle,f as default};
|
|
@@ -1,70 +1,86 @@
|
|
|
1
|
-
import
|
|
1
|
+
import $ from"react";import i,{css as t}from"styled-components";import{mq as n}from"../../shared/media-queries.js";const l=t`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
|
|
3
3
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
|
|
4
|
-
`,
|
|
5
|
-
${
|
|
4
|
+
`,r=t`
|
|
5
|
+
${l}
|
|
6
6
|
font-size: 2.5rem;
|
|
7
7
|
line-height: 3rem;
|
|
8
8
|
|
|
9
|
-
${
|
|
9
|
+
${n("laptop")} {
|
|
10
10
|
font-size: 4rem;
|
|
11
11
|
line-height: 4.5rem;
|
|
12
12
|
}
|
|
13
|
-
`,
|
|
14
|
-
${
|
|
13
|
+
`,c=i.p`
|
|
14
|
+
${r}
|
|
15
|
+
`,s=t`
|
|
16
|
+
${l}
|
|
15
17
|
font-size: 2rem;
|
|
16
18
|
line-height: 2.5rem;
|
|
17
19
|
|
|
18
|
-
${
|
|
20
|
+
${n("laptop")} {
|
|
19
21
|
font-size: 3rem;
|
|
20
22
|
line-height: 4rem;
|
|
21
23
|
}
|
|
22
|
-
`,
|
|
23
|
-
${
|
|
24
|
+
`,d=i.p`
|
|
25
|
+
${s}
|
|
26
|
+
`,a=t`
|
|
27
|
+
${l}
|
|
24
28
|
font-size: 1.75rem;
|
|
25
29
|
line-height: 2.5rem;
|
|
26
30
|
|
|
27
|
-
${
|
|
31
|
+
${n("laptop")} {
|
|
28
32
|
font-size: 2.5rem;
|
|
29
33
|
line-height: 3.5rem;
|
|
30
34
|
}
|
|
31
|
-
`,
|
|
35
|
+
`,z=i.p`
|
|
36
|
+
${a}
|
|
37
|
+
`,o=t`
|
|
32
38
|
font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
|
|
33
39
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
|
|
34
|
-
`,
|
|
35
|
-
${
|
|
40
|
+
`,p=t`
|
|
41
|
+
${o}
|
|
36
42
|
font-size: 1.75rem;
|
|
37
43
|
line-height: 2rem;
|
|
38
44
|
|
|
39
|
-
${
|
|
45
|
+
${n("laptop")} {
|
|
40
46
|
font-size: 2rem;
|
|
41
47
|
line-height: 3rem;
|
|
42
48
|
}
|
|
43
|
-
`,
|
|
44
|
-
${
|
|
49
|
+
`,S=i.p`
|
|
50
|
+
${p}
|
|
51
|
+
`,y=t`
|
|
52
|
+
${o}
|
|
45
53
|
font-size: 1.5rem;
|
|
46
54
|
line-height: 2rem;
|
|
47
55
|
|
|
48
|
-
${
|
|
56
|
+
${n("laptop")} {
|
|
49
57
|
font-size: 1.75rem;
|
|
50
58
|
line-height: 2.5rem;
|
|
51
59
|
}
|
|
52
|
-
`,
|
|
53
|
-
${
|
|
60
|
+
`,T=i.p`
|
|
61
|
+
${y}
|
|
62
|
+
`,m=t`
|
|
63
|
+
${o}
|
|
54
64
|
font-size: 1.125rem;
|
|
55
65
|
line-height: 2rem;
|
|
56
66
|
|
|
57
|
-
${
|
|
67
|
+
${n("laptop")} {
|
|
58
68
|
font-size: 1.25rem;
|
|
59
69
|
}
|
|
60
|
-
`,
|
|
70
|
+
`,u=i.p`
|
|
71
|
+
${m}
|
|
72
|
+
`,h=t`
|
|
61
73
|
font-family: ${({theme:e})=>e.typography.fontAlternativeFamily};
|
|
62
74
|
font-size: 1rem;
|
|
63
75
|
line-height: 1.5rem;
|
|
64
|
-
`,
|
|
65
|
-
${
|
|
76
|
+
`,f=t`
|
|
77
|
+
${h}
|
|
66
78
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
|
|
67
|
-
|
|
68
|
-
${
|
|
79
|
+
`,v=i.p`
|
|
80
|
+
${f}
|
|
81
|
+
`,g=t`
|
|
82
|
+
${h}
|
|
69
83
|
font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
|
|
70
|
-
`,
|
|
84
|
+
`,A=i.p`
|
|
85
|
+
${g}
|
|
86
|
+
`,B=()=>$.createElement("div",null);export{z as Display1,a as Display1Style,d as Display2,s as Display2Style,c as Display3,r as Display3Style,S as Headline,p as HeadlineStyle,u as Subtitle,m as SubtitleStyle,A as TinyTitleBold,g as TinyTitleBoldStyle,v as TinyTitleRegular,f as TinyTitleRegularStyle,T as Title,y as TitleStyle,B as default};
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Theme } from '../../theme';
|
|
2
2
|
import { Color, Variant } from '../../Types';
|
|
3
3
|
export declare const fontSizes: {
|
|
4
|
-
smaller: import("styled-components").
|
|
5
|
-
small: import("styled-components").
|
|
6
|
-
regular: import("styled-components").
|
|
7
|
-
large: import("styled-components").
|
|
4
|
+
smaller: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
5
|
+
small: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
|
+
regular: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
7
|
+
large: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
8
8
|
};
|
|
9
9
|
export declare const smallerSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
|
10
10
|
export declare const smallSizeStyles: (isLoading?: boolean | undefined, minWidth?: string) => string;
|
package/types/index.d.ts
CHANGED
|
@@ -44,4 +44,8 @@ export { useDynamicScript } from './hooks/useDynamicScript';
|
|
|
44
44
|
export { Title, Subtitle, Headline, Display1, Display2, Display3, TinyTitleRegular, TinyTitleBold, } from './typography/Heading';
|
|
45
45
|
export { Quote, Status, BodyLink, BodyText, Caption, CaptionLink, } from './typography/BodyText';
|
|
46
46
|
export { Button as ButtonRegularText, ButtonLarge as ButtonLargeText, ButtonSmall as ButtonSmallText, } from './typography/ButtonText';
|
|
47
|
-
export {
|
|
47
|
+
export { hexToRGB } from './utils/utils';
|
|
48
|
+
export { resetButtonStyle } from './utils/utils';
|
|
49
|
+
export { ButtonLargeTextStyle, ButtonRegularTextStyle, ButtonSmallTextStyle, } from './typography/ButtonText';
|
|
50
|
+
export { Display3Style, Display2Style, Display1Style, HeadlineStyle, TitleStyle, SubtitleStyle, TinyTitleRegularStyle, TinyTitleBoldStyle, } from './typography/Heading';
|
|
51
|
+
export { BodyTextStyle, CaptionStyle, BodyLinkStyle, CaptionLinkStyle, StatusStyle, QuoteStyle, } from './typography/BodyText';
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
export declare const BodyTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
2
2
|
export declare const CaptionStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
3
3
|
export declare const StyledBodyText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const QuoteStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
4
5
|
export declare const Quote: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
5
6
|
export declare const BodyText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const BodyLinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
8
|
export declare const BodyLink: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
7
9
|
export declare const Caption: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const CaptionLinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
8
11
|
export declare const CaptionLink: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const StatusStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
9
13
|
export declare const Status: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
10
14
|
export declare const BodyTexts: () => JSX.Element;
|
|
11
15
|
export default BodyTexts;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
1
|
+
export declare const BasicButtonFontStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
2
|
+
export declare const ButtonLargeFontStyle: import("styled-components").FlattenSimpleInterpolation;
|
|
3
|
+
export declare const ButtonLargeTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
3
4
|
export declare const ButtonLarge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
-
export declare const
|
|
5
|
+
export declare const ButtonRegularFontStyle: import("styled-components").FlattenSimpleInterpolation;
|
|
6
|
+
export declare const ButtonRegularTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
5
7
|
export declare const Button: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
-
export declare const
|
|
8
|
+
export declare const ButtonSmallFontStyle: import("styled-components").FlattenSimpleInterpolation;
|
|
9
|
+
export declare const ButtonSmallTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
7
10
|
export declare const ButtonSmall: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
8
11
|
declare const Buttons: () => JSX.Element;
|
|
9
12
|
export default Buttons;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
+
export declare const Display3Style: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
1
2
|
export declare const Display3: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const Display2Style: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
2
4
|
export declare const Display2: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Display1Style: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
3
6
|
export declare const Display1: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const HeadlineStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
4
8
|
export declare const Headline: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const TitleStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
5
10
|
export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
+
export declare const SubtitleStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
12
|
export declare const Subtitle: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const TinyTitleRegularStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
7
14
|
export declare const TinyTitleRegular: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
15
|
+
export declare const TinyTitleBoldStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
8
16
|
export declare const TinyTitleBold: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
|
|
9
17
|
declare const Headings: () => JSX.Element;
|
|
10
18
|
export default Headings;
|