@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.
@@ -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.BasicButtonTextStyle}
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:w="button",...B},I)=>o.default.createElement(u,{...B,as:w,minWidth:q,color:y,disabled:v||z,fullWidth:h,theme:t.default,variant:b,size:x,isLoading:z,ref:I,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;
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"),d=require("../FieldLabel.js");function i($){return $&&typeof $=="object"&&"default"in $?$:{default:$}}require("../../shared/media-queries.js");var s=i(e),n=i(r),u=i(o);const c=u.default.div`
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
- `,f=$=>$&&{paddingLeft:"2.5rem"},m=$=>$&&{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`
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($=>s.default.createElement("svg",{...$},s.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 19 19"},s.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"})),s.default.createElement("use",{xlinkHref:"#icon-arrow"})))`
22
- width: 0.8rem;
23
- height: 0.8rem;
24
- margin: 0 0.5rem;
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
- `,y=({selectProps:{menuIsOpen:$=!1},isFocused:T=!1,isDisabled:B})=>s.default.createElement(b,{$isDisabled:B,$isFocused:T,$isMenuOpen:$,$theme:a.default});function x({className:$,color:T="primary",forwardRef:B,hasError:D=!1,height:E,helperText:q,isDisabled:I=!1,onBlur:R=()=>null,onFocus:A=()=>null,onInputChange:z=()=>null,placeholder:W="",name:C,...F}){var j;const[L,S]=e.useState(!1),[H,P]=e.useState(""),M=({isSelected:k,isFocused:v,isDisabled:w})=>k?a.default.colors[T].main:w?a.default.colors.background.light:v?a.default.colors.background.gray:a.default.colors.background.light,N=((k,v)=>v?a.default.colors.error.main:k?a.default.colors.text.dark:a.default.colors.gray.light1)(L,D),O=Boolean(F.label)===!1;return s.default.createElement(c,{className:$},!O&&F.label&&s.default.createElement(d.Label,{htmlFor:C,height:E,isFocused:L,hasValue:Boolean(F.value||H),disabled:I,theme:a.default,hasError:D},F.label),F.prefix&&s.default.createElement(g,{isDisabled:I,isFocused:L},F.prefix),s.default.createElement(n.default,{...F,inputId:C,name:C,ref:B,isDisabled:I,onInputChange:(k,v)=>{z(k,v),P(k)},placeholder:W,onFocus:k=>{S(!0),A(k)},onBlur:k=>{S(!1),R(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.75rem",backgroundColor:a.default.colors.background.light,borderColor:N,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...m(I),...p(D),...f(Boolean(F.prefix))}),placeholder:k=>O?{...k,color:a.default.colors.text.dark,fontWeight:600}:{...k,display:L?"static":"none"},singleValue:k=>({...k,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:k=>({...k,padding:"0.5rem 0",marginTop:0,border:`1px solid ${N}`,borderTop:"none"}),menu:k=>({...k,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(k,{isSelected:v,isFocused:w,isDisabled:_})=>({...k,padding:"1rem",cursor:_?"not-allowed":"pointer","&:hover":{background:M({isSelected:v,isFocused:!0,isDisabled:_})},background:M({isSelected:v,isFocused:w}),...f(Boolean(F.prefix))}),valueContainer:k=>({...k,position:"static",padding:E?E-1+"rem 0 ":0,height:E?"auto":"21px"}),clearIndicator:k=>({...k,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:y,...(j=F.components)!=null?j:{}}}),q&&s.default.createElement(h,{hasError:D},q))}exports.Select=x,exports.default=x;
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 r(B){return B&&typeof B=="object"&&"default"in B?B:{default:B}}var i=r(e),s=r(t);const n=t.css`
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:B})=>B.typography.fontBaseFamily};
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:B})=>B.typography.fontBaseBoldWeight};
8
+ font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
12
9
  `,p=t.css`
13
- ${f}
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
- ${f}
17
+ ${l}
18
18
  font-size: 0.75rem;
19
19
  line-height: 1.5rem;
20
- `,h=s.default.p`
21
- ${f}
22
- `,u=s.default.p`
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:B})=>B.typography.fontBaseRegularWeight};
25
+ font-weight: ${({theme:C})=>C.typography.fontBaseRegularWeight};
26
26
  font-size: 1rem;
27
27
  line-height: 1.5rem;
28
28
  ${n}
29
- `,y=s.default.p`
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
- `,g=s.default.p`
37
+ `,$=i.default.p`
38
+ ${g}
39
+ `,c=i.default.p`
36
40
  ${m}
37
- `,$=s.default.p`
38
- ${l}
41
+ `,x=t.css`
42
+ ${p}
39
43
  font-size: 0.75rem;
40
44
  line-height: 1.5rem;
41
- `,c=s.default.p`
42
- font-family: ${({theme:B})=>B.typography.fontAlternativeFamily};
43
- font-weight: ${({theme:B})=>B.typography.fontAlternativeBoldWeight};
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
- `,x=()=>i.default.createElement("div",null);exports.BodyLink=d,exports.BodyText=y,exports.BodyTextStyle=p,exports.BodyTexts=x,exports.Caption=g,exports.CaptionLink=$,exports.CaptionStyle=m,exports.Quote=u,exports.Status=c,exports.StyledBodyText=h,exports.default=x;
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 e=require("react"),t=require("styled-components");function r(m){return m&&typeof m=="object"&&"default"in m?m:{default:m}}var o=r(e),n=r(t);const l=t.css`
2
- font-family: ${({theme:m})=>m.typography.fontAlternativeFamily};
3
- font-weight: ${({theme:m})=>m.typography.fontAlternativeBoldWeight};
4
- `,s=t.css`
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=n.default.span`
8
- ${l}
7
+ `,a=e.css`
9
8
  ${s}
10
- `,i=t.css`
9
+ ${l}
10
+ `,u=n.default.span`
11
+ ${a}
12
+ `,i=e.css`
11
13
  font-size: 1rem;
12
14
  line-height: 1rem;
13
- `,u=n.default.span`
14
- ${l}
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
- `;exports.BasicButtonTextStyle=l,exports.Button=u,exports.ButtonLarge=a,exports.ButtonLargeTextStyle=s,exports.ButtonRegularTextStyle=i,exports.ButtonSmall=f,exports.ButtonSmallTextStyle=p,exports.default=()=>o.default.createElement("div",null);
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 r($){return $&&typeof $=="object"&&"default"in $?$:{default:$}}var l=r(e),o=r(t);const n=t.css`
2
- font-family: ${({theme:$})=>$.typography.fontAlternativeFamily};
3
- font-weight: ${({theme:$})=>$.typography.fontAlternativeBoldWeight};
4
- `,a=o.default.p`
5
- ${n}
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
- ${n}
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
- `,s=o.default.p`
44
- ${m}
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
- `,g=o.default.p`
53
- ${m}
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
- `,y=t.css`
61
- font-family: ${({theme:$})=>$.typography.fontAlternativeFamily};
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
- `,u=o.default.p`
65
- ${y}
66
- font-weight: ${({theme:$})=>$.typography.fontAlternativeRegularWeight};
67
- `,d=o.default.p`
68
- ${y}
69
- font-weight: ${({theme:$})=>$.typography.fontAlternativeBoldWeight};
70
- `;exports.Display1=h,exports.Display2=p,exports.Display3=a,exports.Headline=f,exports.Subtitle=g,exports.TinyTitleBold=d,exports.TinyTitleRegular=u,exports.Title=s,exports.default=()=>l.default.createElement("div",null);
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 b}from"react";import m,{css as c}from"styled-components";import p from"../../theme.js";import h from"../Spinner/index.js";import{BasicButtonTextStyle as w,ButtonRegularTextStyle as B}from"../../typography/ButtonText/index.js";import{fontSizes as j,smallerSizeStyles as E,smallSizeStyles as z,regularSizeStyles as R,largeSizeStyles as T,disabledColorStyles as k,colorStyles as C}from"./styles.js";const _=m.button`
2
- ${w}
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"})=>j[e]||B}
14
+ ${({size:e="small"})=>E[e]||j}
16
15
  ${({size:e,isLoading:r,minWidth:t})=>c`
17
- ${e==="smaller"&&E(r,t)}
16
+ ${e==="smaller"&&w(r,t)}
18
17
  ${e==="small"&&z(r,t)}
19
18
  ${e==="regular"&&R(r,t)}
20
- ${e==="large"&&T(r,t)}
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?k(o,e):C[e](o,r)}
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
- `,v={smaller:"1rem",small:"1rem",regular:"1.5rem",large:"1.5rem"},u={smaller:"0.5rem",small:"0.5rem",regular:"1rem",large:"1rem"},y=m.span`
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})=>v[e]};
35
- `,F=m(h)``,M={smaller:1,small:1,regular:1.5,large:1.5},i=b(({size:e="small",color:r="primary",variant:t="solid",fullWidth:o=!1,isDisabled:g=!1,isLoading:s=!1,children:f,sufixIcon:a,prefixIcon:n,minWidth:S,as:d="button",...x},$)=>l.createElement(_,{...x,as:d,minWidth:S,color:r,disabled:g||s,fullWidth:o,theme:p,variant:t,size:e,isLoading:s,ref:$,prefixIcon:n,sufixIcon:a},s?l.createElement(F,{color:p.colors.gray.light1,size:M[e]}):l.createElement(l.Fragment,null,n&&l.createElement(y,{size:e,type:"prefix"},n),f,a&&l.createElement(y,{size:e,type:"sufix"},a))));i.displayName="Button";export{i as Button,i as default};
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 _ from"react-select";import m from"styled-components";import{DEFAULT_TRANSITION_MS as C}from"../../shared/constants.js";import r from"../../theme.js";import{CaptionStyle as A}from"../../typography/BodyText/index.js";import{Label as M}from"../FieldLabel.js";import"../../shared/media-queries.js";const O=m.div`
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
- `,B=e=>e&&{paddingLeft:"2.5rem"},z=e=>e&&{border:`1px solid ${r.colors.gray.light1}`,color:r.colors.gray.dark1,fill:r.colors.gray.light1},H=e=>e&&{border:`2px solid ${r.colors.error.dark}`},V=m.div`
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: ${C};
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
- `,W=m.span`
17
- ${A}
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.8rem;
23
- height: 0.8rem;
24
- margin: 0 0.5rem;
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 ${C};
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 L({className:e,color:a="primary",forwardRef:u,hasError:i=!1,height:s,helperText:p,isDisabled:c=!1,onBlur:S=()=>null,onFocus:w=()=>null,onInputChange:I=()=>null,placeholder:v="",name:g,...t}){var h;const[d,b]=F(!1),[E,T]=F(""),D=(o,l)=>{I(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,j=o=>{b(!0),w(o)},R=o=>{b(!1),S(o)},$=q(d,i),x=Boolean(t.label)===!1;return n.createElement(O,{className:e},!x&&t.label&&n.createElement(M,{htmlFor:g,height:s,isFocused:d,hasValue:Boolean(t.value||E),disabled:c,theme:r,hasError:i},t.label),t.prefix&&n.createElement(V,{isDisabled:c,isFocused:d},t.prefix),n.createElement(_,{...t,inputId:g,name:g,ref:u,isDisabled:c,onInputChange:D,placeholder:v,onFocus:j,onBlur:R,styles:{control:o=>({...o,borderRadius:0,color:r.colors.text.dark,fontFamily:r.typography.fontBaseFamily,fontSize:"1rem",fontWeight:400,cursor:"pointer",padding:"0.7rem 0.75rem",backgroundColor:r.colors.background.light,borderColor:$,boxShadow:"none",minHeight:"3rem","&:hover":{borderColor:"none"},...z(c),...H(i),...B(Boolean(t.prefix))}),placeholder:o=>x?{...o,color:r.colors.text.dark,fontWeight:600}:{...o,display:d?"static":"none"},singleValue:o=>({...o,maxWidth:"calc(100% - 3.3rem)",width:"calc(100% - 3.3rem)"}),menuList:o=>({...o,padding:"0.5rem 0",marginTop:0,border:`1px solid ${$}`,borderTop:"none"}),menu:o=>({...o,borderRadius:0,boxShadow:"none",zIndex:5,padding:"0",marginTop:"-0.1rem"}),option:(o,{isSelected:l,isFocused:f,isDisabled:k})=>({...o,padding:"1rem",cursor:k?"not-allowed":"pointer","&:hover":{background:y({isSelected:l,isFocused:!0,isDisabled:k})},background:y({isSelected:l,isFocused:f}),...B(Boolean(t.prefix))}),valueContainer:o=>({...o,position:"static",padding:s?`${s-1}rem 0 `:0,height:s?"auto":"21px"}),clearIndicator:o=>({...o,paddingTop:0,paddingBottom:0})},components:{IndicatorSeparator:()=>null,DropdownIndicator:U,...(h=t.components)!=null?h:{}}}),p&&n.createElement(W,{hasError:i},p))}export{L as Select,L as default};
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 m from"react";import e,{css as o}from"styled-components";import{mq as y}from"../../shared/media-queries.js";const i=o`
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=o`
3
+ `,s=e`
4
4
  font-family: ${({theme:t})=>t.typography.fontBaseFamily};
5
5
  ${i}
6
- `,n=o`
6
+ `,n=e`
7
7
  ${s}
8
8
  font-weight: ${({theme:t})=>t.typography.fontBaseRegularWeight};
9
- `,a=o`
9
+ `,a=e`
10
10
  ${s}
11
11
  font-weight: ${({theme:t})=>t.typography.fontBaseBoldWeight};
12
- `,r=o`
12
+ `,r=e`
13
13
  ${n}
14
14
  font-size: 1rem;
15
15
  line-height: 1.5rem;
16
- `,l=o`
16
+ `,l=e`
17
17
  ${n}
18
18
  font-size: 0.75rem;
19
19
  line-height: 1.5rem;
20
- `,p=e.p`
20
+ `,$=o.p`
21
21
  ${n}
22
- `,h=e.p`
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
- `,g=e.p`
29
+ `,d=o.p`
30
+ ${y}
31
+ `,u=o.p`
30
32
  ${r}
31
- `,c=e.p`
33
+ `,f=e`
32
34
  ${a}
33
35
  font-size: 1rem;
34
36
  line-height: 1.5rem;
35
- `,d=e.p`
37
+ `,B=o.p`
38
+ ${f}
39
+ `,S=o.p`
36
40
  ${l}
37
- `,$=e.p`
41
+ `,m=e`
38
42
  ${a}
39
43
  font-size: 0.75rem;
40
44
  line-height: 1.5rem;
41
- `,B=e.p`
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
- ${y("laptop")} {
55
+ ${c("laptop")} {
50
56
  font-size: 0.75rem;
51
57
  }
52
- `,f=()=>m.createElement("div",null);export{c as BodyLink,g as BodyText,r as BodyTextStyle,f as BodyTexts,d as Caption,$ as CaptionLink,l as CaptionStyle,h as Quote,B as Status,p as StyledBodyText,f as default};
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 r from"react";import o,{css as t}from"styled-components";const e=t`
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
- `,i=o.span`
7
+ `,s=t`
8
8
  ${e}
9
9
  ${l}
10
- `,s=t`
10
+ `,u=o.span`
11
+ ${s}
12
+ `,a=t`
11
13
  font-size: 1rem;
12
14
  line-height: 1rem;
13
- `,m=o.span`
15
+ `,r=t`
14
16
  ${e}
15
- ${s}
16
- `,a=t`
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=o.span`
23
+ `,c=t`
20
24
  ${e}
21
- ${a}
22
- `,f=()=>r.createElement("div",null);export{e as BasicButtonTextStyle,m as Button,i as ButtonLarge,l as ButtonLargeTextStyle,s as ButtonRegularTextStyle,c as ButtonSmall,a as ButtonSmallTextStyle,f as default};
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 a from"react";import t,{css as n}from"styled-components";import{mq as i}from"../../shared/media-queries.js";const o=n`
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
- `,p=t.p`
5
- ${o}
4
+ `,r=t`
5
+ ${l}
6
6
  font-size: 2.5rem;
7
7
  line-height: 3rem;
8
8
 
9
- ${i("laptop")} {
9
+ ${n("laptop")} {
10
10
  font-size: 4rem;
11
11
  line-height: 4.5rem;
12
12
  }
13
- `,s=t.p`
14
- ${o}
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
- ${i("laptop")} {
20
+ ${n("laptop")} {
19
21
  font-size: 3rem;
20
22
  line-height: 4rem;
21
23
  }
22
- `,m=t.p`
23
- ${o}
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
- ${i("laptop")} {
31
+ ${n("laptop")} {
28
32
  font-size: 2.5rem;
29
33
  line-height: 3.5rem;
30
34
  }
31
- `,l=n`
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
- `,h=t.p`
35
- ${l}
40
+ `,p=t`
41
+ ${o}
36
42
  font-size: 1.75rem;
37
43
  line-height: 2rem;
38
44
 
39
- ${i("laptop")} {
45
+ ${n("laptop")} {
40
46
  font-size: 2rem;
41
47
  line-height: 3rem;
42
48
  }
43
- `,f=t.p`
44
- ${l}
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
- ${i("laptop")} {
56
+ ${n("laptop")} {
49
57
  font-size: 1.75rem;
50
58
  line-height: 2.5rem;
51
59
  }
52
- `,g=t.p`
53
- ${l}
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
- ${i("laptop")} {
67
+ ${n("laptop")} {
58
68
  font-size: 1.25rem;
59
69
  }
60
- `,r=n`
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
- `,y=t.p`
65
- ${r}
76
+ `,f=t`
77
+ ${h}
66
78
  font-weight: ${({theme:e})=>e.typography.fontAlternativeRegularWeight};
67
- `,$=t.p`
68
- ${r}
79
+ `,v=i.p`
80
+ ${f}
81
+ `,g=t`
82
+ ${h}
69
83
  font-weight: ${({theme:e})=>e.typography.fontAlternativeBoldWeight};
70
- `,c=()=>a.createElement("div",null);export{m as Display1,s as Display2,p as Display3,h as Headline,g as Subtitle,$ as TinyTitleBold,y as TinyTitleRegular,f as Title,c as default};
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvdbil/components",
3
- "version": "13.0.0",
3
+ "version": "13.1.0",
4
4
  "sideEffects": false,
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -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").FlattenSimpleInterpolation;
5
- small: import("styled-components").FlattenSimpleInterpolation;
6
- regular: import("styled-components").FlattenSimpleInterpolation;
7
- large: import("styled-components").FlattenSimpleInterpolation;
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 { resetButtonStyle, hexToRGB } from './utils/utils';
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 BasicButtonTextStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
2
- export declare const ButtonLargeTextStyle: import("styled-components").FlattenSimpleInterpolation;
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 ButtonRegularTextStyle: import("styled-components").FlattenSimpleInterpolation;
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 ButtonSmallTextStyle: import("styled-components").FlattenSimpleInterpolation;
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;