@kvdbil/components 17.0.0 → 17.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/cjs/components/Dialog/index.js +3 -3
- package/cjs/components/FocusTrap.js +4 -0
- package/cjs/components/Modal/index.js +3 -7
- package/cjs/components/OffCanvas/index.js +4 -4
- package/cjs/index.js +1 -1
- package/esm/components/Dialog/index.js +1 -1
- package/esm/components/FocusTrap.js +4 -0
- package/esm/components/Modal/index.js +11 -15
- package/esm/components/OffCanvas/index.js +6 -10
- package/esm/index.js +1 -1
- package/package.json +4 -5
- package/package.json.tmp +4 -5
- package/types/components/FocusTrap.d.ts +7 -0
- package/types/index.d.ts +1 -0
- package/cjs/components/Modal/FocudTrap.js +0 -3
- package/esm/components/Modal/FocudTrap.js +0 -3
- package/types/components/Modal/FocudTrap.d.ts +0 -4
package/README.md
CHANGED
|
@@ -48,4 +48,5 @@ When adding new icons:
|
|
|
48
48
|
## Outdated dependencies
|
|
49
49
|
|
|
50
50
|
- @types/react, @types/react-dom, react, react-dom, react-is - Waiting for React 19
|
|
51
|
-
- react-day-picker - quite a big task (KVDBIL-3865)
|
|
51
|
+
- react-day-picker - quite a big task (KVDBIL-3865)
|
|
52
|
+
- eslint-plugin-mdx - depends on packages that uses cjs and not esm
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../Modal/index.js"),t=require("../../theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../Modal/index.js"),t=require("../../theme.js"),s=require("../../typography/Heading/index.js");require("react"),require("react-dom"),require("react-transition-group"),require("../../icons/components/CloseIcon.js"),require("../../utils/utils.js"),require("../FocusTrap.js"),require("../../shared/media-queries.js");var o,n=(o=r)&&o.__esModule?o:{default:o};const l=n.default(s.TinyTitleBold)`
|
|
2
2
|
font-weight: ${t.default.typography.fontAlternativeRegularWeight};
|
|
3
3
|
margin: 0;
|
|
4
|
-
`,a=
|
|
4
|
+
`,a=n.default.div`
|
|
5
5
|
display: flex;
|
|
6
6
|
justify-content: flex-end;
|
|
7
7
|
gap: 1rem;
|
|
8
8
|
overflow-x: hidden;
|
|
9
|
-
`,d=({isOpen:r,title:t,children:
|
|
9
|
+
`,d=({isOpen:r,title:t,children:s,actions:o,onClose:n,withPortal:d,withCloseIcon:u=!0,...c})=>e.jsxs(i.Modal,{onClose:n,withPortal:d,isOpen:r,withCloseIcon:u,...c,children:["string"==typeof t?e.jsx(l,{children:t}):t,e.jsx("div",{children:s}),o&&e.jsx(a,{children:o})]});exports.Dialog=d,exports.default=d;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";var e,t=require("react/jsx-runtime"),r=require("react"),n=require("styled-components");const u=((e=n)&&e.__esModule?e:{default:e}).default.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
height: 100%;
|
|
4
|
+
`;exports.FocusTrap=({children:e,pause:n=!1})=>{const c=r.useRef(null),s=r.useRef([]),o=r.useRef(null),i=r.useRef(null),l=r.useRef(!1);return r.useEffect((()=>{if(n)return void(l.current&&i.current&&i.current.focus());const e=c.current;if(!e)return;i.current=document.activeElement;const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],r=()=>{s.current=Array.from(e.querySelectorAll(t.join(",")))},u=e=>{if("Tab"!==e.key)return;const t=s.current;if(0===t.length)return void e.preventDefault();const r=t[0],n=t[t.length-1],u=t.findIndex((e=>e===document.activeElement));e.preventDefault(),e.shiftKey?u<=0?n.focus():t[u-1].focus():-1===u||u===t.length-1?r.focus():t[u+1].focus()};return r(),s.current.length>0&&s.current[0].focus(),e.addEventListener("keydown",u),o.current=new MutationObserver(r),o.current.observe(e,{childList:!0,subtree:!0}),l.current=!0,()=>{e.removeEventListener("keydown",u),o.current?.disconnect(),o.current=null}}),[n]),t.jsx(u,{ref:c,children:e})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("react-dom"),o=require("react-transition-group"),r=require("styled-components"),n=require("../../icons/components/CloseIcon.js"),a=require("../../utils/utils.js"),s=require("../FocusTrap.js");var d,l=(d=r)&&d.__esModule?d:{default:d};const u=r.css`
|
|
2
2
|
.backgroundTransition-enter {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
|
@@ -53,10 +53,6 @@
|
|
|
53
53
|
margin-right: auto;
|
|
54
54
|
min-width: 355px;
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
&:focus-visible {
|
|
58
|
-
outline: none;
|
|
59
|
-
}
|
|
60
56
|
`,m=l.default.button`
|
|
61
57
|
${a.resetButtonStyle}
|
|
62
58
|
display: flex;
|
|
@@ -79,6 +75,6 @@
|
|
|
79
75
|
|
|
80
76
|
${typeof window<"u"&&window.innerWidth>1024&&"\n padding-right: 15px !important;\n "}
|
|
81
77
|
}
|
|
82
|
-
`,
|
|
78
|
+
`,b=r.createGlobalStyle`
|
|
83
79
|
${u}
|
|
84
|
-
`,
|
|
80
|
+
`,h=({children:r,isOpen:a,contentStyles:d,withPortal:l=!1,withCloseIcon:u=!0,onClose:h,...w})=>{t.useEffect((()=>{const e=e=>{"Escape"===e.key&&a&&h()};return a&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[h,a]);const f=!!(typeof window<"u"&&window.document&&window.document.createElement),y=e.jsx(o.CSSTransition,{in:a,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:e.jsxs(e.Fragment,{children:[e.jsx(b,{}),e.jsxs(c,{...w,children:[e.jsx(p,{"data-testid":"background",onClick:h}),e.jsx(s.FocusTrap,{pause:!a,children:e.jsxs(x,{style:d,role:"dialog","aria-modal":"true","aria-labelledby":"modal-title",children:[u&&e.jsx(m,{onClick:h,"data-testid":"close",type:"button","aria-label":"Close dialog",children:e.jsx(n.default,{})}),r]})}),e.jsx(g,{})]})]})});return l&&f?i.createPortal(y,document.body):y};exports.Modal=h,exports.default=h;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),e=require("react"),t=require("react-dom"),r=require("styled-components"),a=require("react-transition-group"),i=require("./Overlay.js"),o=require("./useClickOutside.js"),s=require("../
|
|
2
|
-
${({animationName:n,animationDuration:e,width:t,from:r,backgroundColor:a,theme:i})=>`\n position: fixed;\n z-index: 1001;\n width: 100%;\n height: 100%;\n top: 0;\n ${"left"===r?"left: 0;":"right: 0;"}\n background-color: ${a||i.colors.background.light};\n width: ${t};\n box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);\n\n\n &.${n}--right-enter {\n transform: translate3d(${t}, 0, 0);\n }\n\n &.${n}--right-enter.${n}--right-enter-active {\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--right-exit {\n transform: translate3d(0, 0, 0);\n }\n\n &.${n}--right-exit.${n}--right-exit-active {\n transform: translate3d(${t}, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--left-enter {\n transform: translate3d(-${t}, 0, 0);\n }\n\n &.${n}--left-enter.${n}--left-enter-active {\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--left-exit {\n transform: translate3d(0, 0, 0);\n }\n\n &.${n}--left-exit.${n}--left-exit-active {\n transform: translate3d(-${t}, 0, 0);\n transition: transform ${e}ms ease-in-out;\n }\n
|
|
3
|
-
`,f=
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react/jsx-runtime"),e=require("react"),t=require("react-dom"),r=require("styled-components"),a=require("react-transition-group"),i=require("./Overlay.js"),o=require("./useClickOutside.js"),s=require("../FocusTrap.js");var l,d=(l=r)&&l.__esModule?l:{default:l};const u={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},c=d.default.div`
|
|
2
|
+
${({animationName:n,animationDuration:e,width:t,from:r,backgroundColor:a,theme:i})=>`\n position: fixed;\n z-index: 1001;\n width: 100%;\n height: 100%;\n top: 0;\n ${"left"===r?"left: 0;":"right: 0;"}\n background-color: ${a||i.colors.background.light};\n width: ${t};\n box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);\n\n\n &.${n}--right-enter {\n transform: translate3d(${t}, 0, 0);\n }\n\n &.${n}--right-enter.${n}--right-enter-active {\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--right-exit {\n transform: translate3d(0, 0, 0);\n }\n\n &.${n}--right-exit.${n}--right-exit-active {\n transform: translate3d(${t}, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--left-enter {\n transform: translate3d(-${t}, 0, 0);\n }\n\n &.${n}--left-enter.${n}--left-enter-active {\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s ease-in-out;\n }\n\n &.${n}--left-exit {\n transform: translate3d(0, 0, 0);\n }\n\n &.${n}--left-exit.${n}--left-exit-active {\n transform: translate3d(-${t}, 0, 0);\n transition: transform ${e}ms ease-in-out;\n }\n `}
|
|
3
|
+
`,f=d.default.div`
|
|
4
4
|
position: relative;
|
|
5
5
|
width: 100%;
|
|
6
6
|
height: 100%;
|
|
7
7
|
overflow-x: hidden;
|
|
8
8
|
overflow-y: auto;
|
|
9
9
|
-webkit-overflow-scrolling: touch;
|
|
10
|
-
`,m=({animationName:r="offCanvasAnimation",animationDuration:l=300,backgroundColor:
|
|
10
|
+
`,m=({animationName:r="offCanvasAnimation",animationDuration:l=300,backgroundColor:d,backgroundOverlay:m,children:h,from:$="right",isOpen:g,onClickOutside:x,width:v="375px",withPortal:p,transitionProps:w})=>{const k=e.useRef(null);o.useOutsideClick(k,(()=>x?.())),e.useEffect((()=>{const n=n=>{"Escape"===n.key&&g&&x?.()};return g&&window.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n)}}),[x,g]),m&&!x&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const O=`${r}--${$}`,b=n.jsxs(n.Fragment,{children:[m&&n.jsx(i.default,{isOpen:g}),n.jsx(n.Fragment,{children:n.jsx(a.CSSTransition,{in:g,className:`${r} ${O}`,classNames:O,...u,...w,children:n.jsx(s.FocusTrap,{pause:!g,children:n.jsx(c,{ref:k,animationName:r,animationDuration:l,backgroundColor:d,from:$,width:v,role:"dialog","aria-modal":"true","aria-label":"Side panel",children:n.jsx(f,{className:`${r}-content`,children:h})})})})})]});return p?t.createPortal(b,document.body):b};exports.OffCanvas=m,exports.default=m;
|
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),t=require("./components/Button/index.js"),r=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/Link/index.js"),h=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),F=require("./components/Stamp/index.js"),w=require("./components/TimePicker/index.js"),L=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),D=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),R=require("./components/Stepper/index.js"),M=require("./components/StepperAccordion/index.js"),A=require("./components/Card/index.js"),E=require("./components/Switcher/index.js"),N=require("./components/NotificationButton/index.js"),H=require("./components/ValuationRange/index.js"),V=require("./components/Chip/index.js"),O=require("./components/Breadcrumbs/index.js"),U=require("./components/Message/index.js"),G=require("./components/RegistrationPlate/index.js"),K=require("./components/MenuItem/index.js"),Q=require("./icons/components/AddIcon.js"),W=require("./icons/components/AlertIcon.js"),z=require("./icons/components/ArrowDownIcon.js"),Y=require("./icons/components/ArrowLeftIcon.js"),J=require("./icons/components/ArrowRightIcon.js"),X=require("./icons/components/ArrowUpIcon.js"),Z=require("./icons/components/AtvIcon.js"),$=require("./icons/components/AuctionIcon.js"),_=require("./icons/components/BackIcon.js"),ee=require("./icons/components/BankidIcon.js"),oe=require("./icons/components/BidIcon.js"),ne=require("./icons/components/BodyIcon.js"),te=require("./icons/components/BreaksIcon.js"),re=require("./icons/components/CabIcon.js"),se=require("./icons/components/CalendarIcon.js"),ce=require("./icons/components/CameraIcon.js"),ie=require("./icons/components/CamperIcon.js"),pe=require("./icons/components/CancelCircleIcon.js"),ue=require("./icons/components/CancelIcon.js"),ae=require("./icons/components/CarIcon.js"),le=require("./icons/components/CarServiceIcon.js"),de=require("./icons/components/CaravanIcon.js"),Ie=require("./icons/components/CertifiedIcon.js"),xe=require("./icons/components/ChatIcon.js"),me=require("./icons/components/CheckCircleIcon.js"),qe=require("./icons/components/CheckFilledIcon.js"),je=require("./icons/components/CheckIcon.js"),fe=require("./icons/components/CheckmarkIcon.js"),Se=require("./icons/components/ClockIcon.js"),ye=require("./icons/components/CloseIcon.js"),ge=require("./icons/components/CommentFilledIcon.js"),Ce=require("./icons/components/CommentIcon.js"),Te=require("./icons/components/ConditioningIcon.js"),he=require("./icons/components/ContactIcon.js"),ke=require("./icons/components/ControlNumberIcon.js"),Be=require("./icons/components/CopyIcon.js"),Fe=require("./icons/components/CountdownIcon.js"),we=require("./icons/components/CoupeIcon.js"),Le=require("./icons/components/CraneIcon.js"),ve=require("./icons/components/CupIcon.js"),be=require("./icons/components/DeleteIcon.js"),De=require("./icons/components/DisplayIcon.js"),Pe=require("./icons/components/DocumentIcon.js"),Re=require("./icons/components/DownloadIcon.js"),Me=require("./icons/components/EcoIcon.js"),Ae=require("./icons/components/EditIcon.js"),Ee=require("./icons/components/EngineIcon.js"),Ne=require("./icons/components/ErrorFilledIcon.js"),He=require("./icons/components/ErrorIcon.js"),Ve=require("./icons/components/EstoniaFlagIcon.js"),Oe=require("./icons/components/ExportIcon.js"),Ue=require("./icons/components/FacebookIcon.js"),Ge=require("./icons/components/FacilityIcon.js"),Ke=require("./icons/components/FavouriteFilledIcon.js"),Qe=require("./icons/components/FavouriteIcon.js"),We=require("./icons/components/FigmaIcon.js"),ze=require("./icons/components/FilterIcon.js"),Ye=require("./icons/components/FinanceIcon.js"),Je=require("./icons/components/FinlandFlagIcon.js"),Xe=require("./icons/components/FirstIcon.js"),Ze=require("./icons/components/FixedPriceIcon.js"),$e=require("./icons/components/FuelIcon.js"),_e=require("./icons/components/GearboxIcon.js"),eo=require("./icons/components/GetPaidIcon.js"),oo=require("./icons/components/GridViewIcon.js"),no=require("./icons/components/HatchbackIcon.js"),to=require("./icons/components/HelpIcon.js"),ro=require("./icons/components/HistoryIcon.js"),so=require("./icons/components/HomeDeliveryIcon.js"),co=require("./icons/components/IdIcon.js"),io=require("./icons/components/ImageIcon.js"),po=require("./icons/components/InfoIcon.js"),uo=require("./icons/components/InstagramIcon.js"),ao=require("./icons/components/InsuranceIcon.js"),lo=require("./icons/components/InteriorIcon.js"),Io=require("./icons/components/KvdIcon.js"),xo=require("./icons/components/KvdTestIcon.js"),mo=require("./icons/components/KvdproIcon.js"),qo=require("./icons/components/LastIcon.js"),jo=require("./icons/components/LeaderIcon.js"),fo=require("./icons/components/LinkedinIcon.js"),So=require("./icons/components/ListViewIcon.js"),yo=require("./icons/components/LocationIcon.js"),go=require("./icons/components/MailIcon.js"),Co=require("./icons/components/MenuIcon.js"),To=require("./icons/components/MileageIcon.js"),ho=require("./icons/components/MinivanIcon.js"),ko=require("./icons/components/ModelYearIcon.js"),Bo=require("./icons/components/MoreIcon.js"),Fo=require("./icons/components/MotorbikeIcon.js"),wo=require("./icons/components/NavigationIcon.js"),Lo=require("./icons/components/NewIcon.js"),vo=require("./icons/components/NextFilledIcon.js"),bo=require("./icons/components/NextIcon.js"),Do=require("./icons/components/NotificationIcon.js"),Po=require("./icons/components/OpenInNewIcon.js"),Ro=require("./icons/components/PayementIcon.js"),Mo=require("./icons/components/PercentIcon.js"),Ao=require("./icons/components/PhoneIcon.js"),Eo=require("./icons/components/PickUpIcon.js"),No=require("./icons/components/Pickup.js"),Ho=require("./icons/components/PlayIcon.js"),Vo=require("./icons/components/PlugIcon.js"),Oo=require("./icons/components/PolandFlagIcon.js"),Uo=require("./icons/components/PreviousFilledIcon.js"),Go=require("./icons/components/PreviousIcon.js"),Ko=require("./icons/components/PrintIcon.js"),Qo=require("./icons/components/QuoteIcon.js"),Wo=require("./icons/components/RatingIcon.js"),zo=require("./icons/components/ReleasingIcon.js"),Yo=require("./icons/components/ReorderIcon.js"),Jo=require("./icons/components/RestartIcon.js"),Xo=require("./icons/components/SalesOfferIcon.js"),Zo=require("./icons/components/SavedSearchIcon.js"),$o=require("./icons/components/ScheduleIcon.js"),_o=require("./icons/components/SearchIcon.js"),en=require("./icons/components/SedanIcon.js"),on=require("./icons/components/SellFilledIcon.js"),nn=require("./icons/components/SellIcon.js"),tn=require("./icons/components/SettingsIcon.js"),rn=require("./icons/components/ShareIcon.js"),sn=require("./icons/components/ShowLessIcon.js"),cn=require("./icons/components/ShowMoreIcon.js"),pn=require("./icons/components/SignInIcon.js"),un=require("./icons/components/SignOutIcon.js"),an=require("./icons/components/SlackIcon.js"),ln=require("./icons/components/SmartphoneIcon.js"),dn=require("./icons/components/SmileIcon.js"),In=require("./icons/components/SnowmobileIcon.js"),xn=require("./icons/components/SortColumnIcon.js"),mn=require("./icons/components/SortIcon.js"),qn=require("./icons/components/StorageIcon.js"),jn=require("./icons/components/StoreIcon.js"),fn=require("./icons/components/SuvIcon.js"),Sn=require("./icons/components/SwedishFlagIcon.js"),yn=require("./icons/components/ThreeSixtyIcon.js"),gn=require("./icons/components/TractorIcon.js"),Cn=require("./icons/components/TrailerIcon.js"),Tn=require("./icons/components/TransportIcon.js"),hn=require("./icons/components/TruckIcon.js"),kn=require("./icons/components/TwitterIcon.js"),Bn=require("./icons/components/TyresIcon.js"),Fn=require("./icons/components/UnitedKingdomFlagIcon.js"),wn=require("./icons/components/UploadIcon.js"),Ln=require("./icons/components/UserIcon.js"),vn=require("./icons/components/ValuationIcon.js"),bn=require("./icons/components/VanIcon.js"),Dn=require("./icons/components/VersionIcon.js"),Pn=require("./icons/components/ViewsIcon.js"),Rn=require("./icons/components/WagonIcon.js"),Mn=require("./icons/components/WarningIcon.js"),An=require("./icons/components/WarrantyIcon.js"),En=require("./icons/components/YoutubeIcon.js"),Nn=require("./hooks/useDynamicScript.js"),Hn=require("./typography/Heading/index.js"),Vn=require("./typography/BodyText/index.js"),On=require("./typography/ButtonText/index.js"),Un=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./shared/helpers.js"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("react-dom"),require("react-transition-group"),require("./components/Modal/FocudTrap.js"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("react-select"),require("./shared/constants.js"),require("react-router-dom"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/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=t.Button,exports.IconButton=r.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.Link=T.Link,exports.EditRow=h.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=F.default,exports.TimePicker=w.TimePicker,exports.Hero=L.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=D.Badge,exports.Toggle=P.Toggle,exports.Stepper=R.Stepper,exports.StepperAccordion=M.StepperAccordion,exports.Card=A.Card,exports.Switcher=E.Switcher,exports.NotificationButton=N.NotificationButton,exports.ValuationRange=H.default,exports.Chip=V.Chip,exports.Breadcrumbs=O.default,exports.Message=U.default,exports.RegistrationPlate=G.default,exports.MenuItem=K.MenuItem,exports.AddIcon=Q.default,exports.AlertIcon=W.default,exports.ArrowDownIcon=z.default,exports.ArrowLeftIcon=Y.default,exports.ArrowRightIcon=J.default,exports.ArrowUpIcon=X.default,exports.AtvIcon=Z.default,exports.AuctionIcon=$.default,exports.BackIcon=_.default,exports.BankidIcon=ee.default,exports.BidIcon=oe.default,exports.BodyIcon=ne.default,exports.BreaksIcon=te.default,exports.CabIcon=re.default,exports.CalendarIcon=se.default,exports.CameraIcon=ce.default,exports.CamperIcon=ie.default,exports.CancelCircleIcon=pe.default,exports.CancelIcon=ue.default,exports.CarIcon=ae.default,exports.CarServiceIcon=le.default,exports.CaravanIcon=de.default,exports.CertifiedIcon=Ie.default,exports.ChatIcon=xe.default,exports.CheckCircleIcon=me.default,exports.CheckFilledIcon=qe.default,exports.CheckIcon=je.default,exports.CheckmarkIcon=fe.default,exports.ClockIcon=Se.default,exports.CloseIcon=ye.default,exports.CommentFilledIcon=ge.default,exports.CommentIcon=Ce.default,exports.ConditioningIcon=Te.default,exports.ContactIcon=he.default,exports.ControlNumberIcon=ke.default,exports.CopyIcon=Be.default,exports.CountdownIcon=Fe.default,exports.CoupeIcon=we.default,exports.CraneIcon=Le.default,exports.CupIcon=ve.default,exports.DeleteIcon=be.default,exports.DisplayIcon=De.default,exports.DocumentIcon=Pe.default,exports.DownloadIcon=Re.default,exports.EcoIcon=Me.default,exports.EditIcon=Ae.default,exports.EngineIcon=Ee.default,exports.ErrorFilledIcon=Ne.default,exports.ErrorIcon=He.default,exports.EstoniaFlagIcon=Ve.default,exports.ExportIcon=Oe.default,exports.FacebookIcon=Ue.default,exports.FacilityIcon=Ge.default,exports.FavouriteFilledIcon=Ke.default,exports.FavouriteIcon=Qe.default,exports.FigmaIcon=We.default,exports.FilterIcon=ze.default,exports.FinanceIcon=Ye.default,exports.FinlandFlagIcon=Je.default,exports.FirstIcon=Xe.default,exports.FixedPriceIcon=Ze.default,exports.FuelIcon=$e.default,exports.GearboxIcon=_e.default,exports.GetPaidIcon=eo.default,exports.GridViewIcon=oo.default,exports.HatchbackIcon=no.default,exports.HelpIcon=to.default,exports.HistoryIcon=ro.default,exports.HomeDeliveryIcon=so.default,exports.IdIcon=co.default,exports.ImageIcon=io.default,exports.InfoIcon=po.default,exports.InstagramIcon=uo.default,exports.InsuranceIcon=ao.default,exports.InteriorIcon=lo.default,exports.KvdIcon=Io.default,exports.KvdTestIcon=xo.default,exports.KvdproIcon=mo.default,exports.LastIcon=qo.default,exports.LeaderIcon=jo.default,exports.LinkedinIcon=fo.default,exports.ListViewIcon=So.default,exports.LocationIcon=yo.default,exports.MailIcon=go.default,exports.MenuIcon=Co.default,exports.MileageIcon=To.default,exports.MinivanIcon=ho.default,exports.ModelYearIcon=ko.default,exports.MoreIcon=Bo.default,exports.MotorbikeIcon=Fo.default,exports.NavigationIcon=wo.default,exports.NewIcon=Lo.default,exports.NextFilledIcon=vo.default,exports.NextIcon=bo.default,exports.NotificationIcon=Do.default,exports.OpenInNewIcon=Po.default,exports.PayementIcon=Ro.default,exports.PercentIcon=Mo.default,exports.PhoneIcon=Ao.default,exports.PickUpIcon=Eo.default,exports.Pickup=No.default,exports.PlayIcon=Ho.default,exports.PlugIcon=Vo.default,exports.PolandFlagIcon=Oo.default,exports.PreviousFilledIcon=Uo.default,exports.PreviousIcon=Go.default,exports.PrintIcon=Ko.default,exports.QuoteIcon=Qo.default,exports.RatingIcon=Wo.default,exports.ReleasingIcon=zo.default,exports.ReorderIcon=Yo.default,exports.RestartIcon=Jo.default,exports.SalesOfferIcon=Xo.default,exports.SavedSearchIcon=Zo.default,exports.ScheduleIcon=$o.default,exports.SearchIcon=_o.default,exports.SedanIcon=en.default,exports.SellFilledIcon=on.default,exports.SellIcon=nn.default,exports.SettingsIcon=tn.default,exports.ShareIcon=rn.default,exports.ShowLessIcon=sn.default,exports.ShowMoreIcon=cn.default,exports.SignInIcon=pn.default,exports.SignOutIcon=un.default,exports.SlackIcon=an.default,exports.SmartphoneIcon=ln.default,exports.SmileIcon=dn.default,exports.SnowmobileIcon=In.default,exports.SortColumnIcon=xn.default,exports.SortIcon=mn.default,exports.StorageIcon=qn.default,exports.StoreIcon=jn.default,exports.SuvIcon=fn.default,exports.SwedishFlagIcon=Sn.default,exports.ThreeSixtyIcon=yn.default,exports.TractorIcon=gn.default,exports.TrailerIcon=Cn.default,exports.TransportIcon=Tn.default,exports.TruckIcon=hn.default,exports.TwitterIcon=kn.default,exports.TyresIcon=Bn.default,exports.UnitedKingdomFlagIcon=Fn.default,exports.UploadIcon=wn.default,exports.UserIcon=Ln.default,exports.ValuationIcon=vn.default,exports.VanIcon=bn.default,exports.VersionIcon=Dn.default,exports.ViewsIcon=Pn.default,exports.WagonIcon=Rn.default,exports.WarningIcon=Mn.default,exports.WarrantyIcon=An.default,exports.YoutubeIcon=En.default,exports.useDynamicScript=Nn.useDynamicScript,exports.Display1=Hn.Display1,exports.Display1Style=Hn.Display1Style,exports.Display2=Hn.Display2,exports.Display2Style=Hn.Display2Style,exports.Display3=Hn.Display3,exports.Display3Style=Hn.Display3Style,exports.Headline=Hn.Headline,exports.HeadlineStyle=Hn.HeadlineStyle,exports.Subtitle=Hn.Subtitle,exports.SubtitleStyle=Hn.SubtitleStyle,exports.TinyTitleBold=Hn.TinyTitleBold,exports.TinyTitleBoldStyle=Hn.TinyTitleBoldStyle,exports.TinyTitleRegular=Hn.TinyTitleRegular,exports.TinyTitleRegularStyle=Hn.TinyTitleRegularStyle,exports.Title=Hn.Title,exports.TitleStyle=Hn.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=On.ButtonLarge,exports.ButtonLargeTextStyle=On.ButtonLargeTextStyle,exports.ButtonRegularText=On.Button,exports.ButtonRegularTextStyle=On.ButtonRegularTextStyle,exports.ButtonSmallText=On.ButtonSmall,exports.ButtonSmallTextStyle=On.ButtonSmallTextStyle,exports.getDarkerShade=Un.getDarkerShade,exports.getLighterShade=Un.getLighterShade,exports.hexToRGB=Un.hexToRGB,exports.resetButtonStyle=Un.resetButtonStyle,exports.resolveColorWithNeutral=Un.resolveColorWithNeutral;
|
|
1
|
+
"use strict";var e=require("./theme.js"),o=require("./shared/media-queries.js"),n=require("./components/Accordion/index.js"),t=require("./components/Button/index.js"),r=require("./components/IconButton.js"),s=require("./components/Textfield/index.js"),c=require("./components/TextArea/index.js"),i=require("./components/Tabs/Tabs.js"),p=require("./components/Tabs/Tab.js"),u=require("./components/ErrorMessage/index.js"),a=require("./components/Spinner/index.js"),l=require("./components/Modal/index.js"),d=require("./components/Dialog/index.js"),I=require("./components/OffCanvas/index.js"),x=require("./components/CheckBox/index.js"),m=require("./components/Snackbar/index.js"),q=require("./components/Spacer/index.js"),j=require("./components/Stack/index.js"),f=require("./components/Flex/index.js"),S=require("./components/Select/index.js"),y=require("./components/ToggleArrow/index.js"),g=require("./components/ListItem/index.js"),C=require("./components/Table/index.js"),T=require("./components/Link/index.js"),h=require("./components/EditRow/index.js"),k=require("./components/RadioButton/index.js"),B=require("./components/SpinnerThin/index.js"),F=require("./components/Stamp/index.js"),w=require("./components/TimePicker/index.js"),L=require("./components/Hero/index.js"),v=require("./components/DayPicker/index.js"),b=require("./components/Logo/index.js"),D=require("./components/Badge/index.js"),P=require("./components/Toggle/index.js"),R=require("./components/Stepper/index.js"),A=require("./components/StepperAccordion/index.js"),M=require("./components/Card/index.js"),E=require("./components/Switcher/index.js"),N=require("./components/NotificationButton/index.js"),H=require("./components/ValuationRange/index.js"),V=require("./components/Chip/index.js"),O=require("./components/Breadcrumbs/index.js"),U=require("./components/Message/index.js"),G=require("./components/RegistrationPlate/index.js"),K=require("./components/MenuItem/index.js"),Q=require("./components/FocusTrap.js"),W=require("./icons/components/AddIcon.js"),z=require("./icons/components/AlertIcon.js"),Y=require("./icons/components/ArrowDownIcon.js"),J=require("./icons/components/ArrowLeftIcon.js"),X=require("./icons/components/ArrowRightIcon.js"),Z=require("./icons/components/ArrowUpIcon.js"),$=require("./icons/components/AtvIcon.js"),_=require("./icons/components/AuctionIcon.js"),ee=require("./icons/components/BackIcon.js"),oe=require("./icons/components/BankidIcon.js"),ne=require("./icons/components/BidIcon.js"),te=require("./icons/components/BodyIcon.js"),re=require("./icons/components/BreaksIcon.js"),se=require("./icons/components/CabIcon.js"),ce=require("./icons/components/CalendarIcon.js"),ie=require("./icons/components/CameraIcon.js"),pe=require("./icons/components/CamperIcon.js"),ue=require("./icons/components/CancelCircleIcon.js"),ae=require("./icons/components/CancelIcon.js"),le=require("./icons/components/CarIcon.js"),de=require("./icons/components/CarServiceIcon.js"),Ie=require("./icons/components/CaravanIcon.js"),xe=require("./icons/components/CertifiedIcon.js"),me=require("./icons/components/ChatIcon.js"),qe=require("./icons/components/CheckCircleIcon.js"),je=require("./icons/components/CheckFilledIcon.js"),fe=require("./icons/components/CheckIcon.js"),Se=require("./icons/components/CheckmarkIcon.js"),ye=require("./icons/components/ClockIcon.js"),ge=require("./icons/components/CloseIcon.js"),Ce=require("./icons/components/CommentFilledIcon.js"),Te=require("./icons/components/CommentIcon.js"),he=require("./icons/components/ConditioningIcon.js"),ke=require("./icons/components/ContactIcon.js"),Be=require("./icons/components/ControlNumberIcon.js"),Fe=require("./icons/components/CopyIcon.js"),we=require("./icons/components/CountdownIcon.js"),Le=require("./icons/components/CoupeIcon.js"),ve=require("./icons/components/CraneIcon.js"),be=require("./icons/components/CupIcon.js"),De=require("./icons/components/DeleteIcon.js"),Pe=require("./icons/components/DisplayIcon.js"),Re=require("./icons/components/DocumentIcon.js"),Ae=require("./icons/components/DownloadIcon.js"),Me=require("./icons/components/EcoIcon.js"),Ee=require("./icons/components/EditIcon.js"),Ne=require("./icons/components/EngineIcon.js"),He=require("./icons/components/ErrorFilledIcon.js"),Ve=require("./icons/components/ErrorIcon.js"),Oe=require("./icons/components/EstoniaFlagIcon.js"),Ue=require("./icons/components/ExportIcon.js"),Ge=require("./icons/components/FacebookIcon.js"),Ke=require("./icons/components/FacilityIcon.js"),Qe=require("./icons/components/FavouriteFilledIcon.js"),We=require("./icons/components/FavouriteIcon.js"),ze=require("./icons/components/FigmaIcon.js"),Ye=require("./icons/components/FilterIcon.js"),Je=require("./icons/components/FinanceIcon.js"),Xe=require("./icons/components/FinlandFlagIcon.js"),Ze=require("./icons/components/FirstIcon.js"),$e=require("./icons/components/FixedPriceIcon.js"),_e=require("./icons/components/FuelIcon.js"),eo=require("./icons/components/GearboxIcon.js"),oo=require("./icons/components/GetPaidIcon.js"),no=require("./icons/components/GridViewIcon.js"),to=require("./icons/components/HatchbackIcon.js"),ro=require("./icons/components/HelpIcon.js"),so=require("./icons/components/HistoryIcon.js"),co=require("./icons/components/HomeDeliveryIcon.js"),io=require("./icons/components/IdIcon.js"),po=require("./icons/components/ImageIcon.js"),uo=require("./icons/components/InfoIcon.js"),ao=require("./icons/components/InstagramIcon.js"),lo=require("./icons/components/InsuranceIcon.js"),Io=require("./icons/components/InteriorIcon.js"),xo=require("./icons/components/KvdIcon.js"),mo=require("./icons/components/KvdTestIcon.js"),qo=require("./icons/components/KvdproIcon.js"),jo=require("./icons/components/LastIcon.js"),fo=require("./icons/components/LeaderIcon.js"),So=require("./icons/components/LinkedinIcon.js"),yo=require("./icons/components/ListViewIcon.js"),go=require("./icons/components/LocationIcon.js"),Co=require("./icons/components/MailIcon.js"),To=require("./icons/components/MenuIcon.js"),ho=require("./icons/components/MileageIcon.js"),ko=require("./icons/components/MinivanIcon.js"),Bo=require("./icons/components/ModelYearIcon.js"),Fo=require("./icons/components/MoreIcon.js"),wo=require("./icons/components/MotorbikeIcon.js"),Lo=require("./icons/components/NavigationIcon.js"),vo=require("./icons/components/NewIcon.js"),bo=require("./icons/components/NextFilledIcon.js"),Do=require("./icons/components/NextIcon.js"),Po=require("./icons/components/NotificationIcon.js"),Ro=require("./icons/components/OpenInNewIcon.js"),Ao=require("./icons/components/PayementIcon.js"),Mo=require("./icons/components/PercentIcon.js"),Eo=require("./icons/components/PhoneIcon.js"),No=require("./icons/components/PickUpIcon.js"),Ho=require("./icons/components/Pickup.js"),Vo=require("./icons/components/PlayIcon.js"),Oo=require("./icons/components/PlugIcon.js"),Uo=require("./icons/components/PolandFlagIcon.js"),Go=require("./icons/components/PreviousFilledIcon.js"),Ko=require("./icons/components/PreviousIcon.js"),Qo=require("./icons/components/PrintIcon.js"),Wo=require("./icons/components/QuoteIcon.js"),zo=require("./icons/components/RatingIcon.js"),Yo=require("./icons/components/ReleasingIcon.js"),Jo=require("./icons/components/ReorderIcon.js"),Xo=require("./icons/components/RestartIcon.js"),Zo=require("./icons/components/SalesOfferIcon.js"),$o=require("./icons/components/SavedSearchIcon.js"),_o=require("./icons/components/ScheduleIcon.js"),en=require("./icons/components/SearchIcon.js"),on=require("./icons/components/SedanIcon.js"),nn=require("./icons/components/SellFilledIcon.js"),tn=require("./icons/components/SellIcon.js"),rn=require("./icons/components/SettingsIcon.js"),sn=require("./icons/components/ShareIcon.js"),cn=require("./icons/components/ShowLessIcon.js"),pn=require("./icons/components/ShowMoreIcon.js"),un=require("./icons/components/SignInIcon.js"),an=require("./icons/components/SignOutIcon.js"),ln=require("./icons/components/SlackIcon.js"),dn=require("./icons/components/SmartphoneIcon.js"),In=require("./icons/components/SmileIcon.js"),xn=require("./icons/components/SnowmobileIcon.js"),mn=require("./icons/components/SortColumnIcon.js"),qn=require("./icons/components/SortIcon.js"),jn=require("./icons/components/StorageIcon.js"),fn=require("./icons/components/StoreIcon.js"),Sn=require("./icons/components/SuvIcon.js"),yn=require("./icons/components/SwedishFlagIcon.js"),gn=require("./icons/components/ThreeSixtyIcon.js"),Cn=require("./icons/components/TractorIcon.js"),Tn=require("./icons/components/TrailerIcon.js"),hn=require("./icons/components/TransportIcon.js"),kn=require("./icons/components/TruckIcon.js"),Bn=require("./icons/components/TwitterIcon.js"),Fn=require("./icons/components/TyresIcon.js"),wn=require("./icons/components/UnitedKingdomFlagIcon.js"),Ln=require("./icons/components/UploadIcon.js"),vn=require("./icons/components/UserIcon.js"),bn=require("./icons/components/ValuationIcon.js"),Dn=require("./icons/components/VanIcon.js"),Pn=require("./icons/components/VersionIcon.js"),Rn=require("./icons/components/ViewsIcon.js"),An=require("./icons/components/WagonIcon.js"),Mn=require("./icons/components/WarningIcon.js"),En=require("./icons/components/WarrantyIcon.js"),Nn=require("./icons/components/YoutubeIcon.js"),Hn=require("./hooks/useDynamicScript.js"),Vn=require("./typography/Heading/index.js"),On=require("./typography/BodyText/index.js"),Un=require("./typography/ButtonText/index.js"),Gn=require("./utils/utils.js");require("react/jsx-runtime"),require("react"),require("styled-components"),require("react-collapse"),require("./shared/helpers.js"),require("./components/Button/styles.js"),require("./components/FieldLabel.js"),require("react-dom"),require("react-transition-group"),require("./components/OffCanvas/Overlay.js"),require("./components/OffCanvas/useClickOutside.js"),require("react-select"),require("./shared/constants.js"),require("react-router-dom"),require("react-day-picker"),require("date-fns/locale"),require("date-fns"),require("./components/DayPicker/style.js"),require("./components/Logo/LogoSv.js"),require("./components/Logo/LogoEn.js"),require("./components/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=t.Button,exports.IconButton=r.default,exports.TextField=s.TextField,exports.TextArea=c.TextArea,exports.Tabs=i.Tabs,exports.Tab=p.default,exports.ErrorMessage=u.ErrorMessage,exports.Spinner=a.default,exports.Modal=l.Modal,exports.Dialog=d.Dialog,exports.OffCanvas=I.OffCanvas,exports.CheckBox=x.CheckBox,exports.Snackbar=m.Snackbar,exports.Spacer=q.default,exports.Stack=j.default,exports.Flex=f.default,exports.Select=S.Select,exports.ToggleArrow=y.default,exports.ListItem=g.default,exports.Table=C.default,exports.Link=T.Link,exports.EditRow=h.default,exports.RadioButton=k.RadioButton,exports.SpinnerThin=B.SpinnerThin,exports.Stamp=F.default,exports.TimePicker=w.TimePicker,exports.Hero=L.default,exports.DayPicker=v.DayPicker,exports.Logo=b.Logo,exports.Badge=D.Badge,exports.Toggle=P.Toggle,exports.Stepper=R.Stepper,exports.StepperAccordion=A.StepperAccordion,exports.Card=M.Card,exports.Switcher=E.Switcher,exports.NotificationButton=N.NotificationButton,exports.ValuationRange=H.default,exports.Chip=V.Chip,exports.Breadcrumbs=O.default,exports.Message=U.default,exports.RegistrationPlate=G.default,exports.MenuItem=K.MenuItem,exports.FocusTrap=Q.FocusTrap,exports.AddIcon=W.default,exports.AlertIcon=z.default,exports.ArrowDownIcon=Y.default,exports.ArrowLeftIcon=J.default,exports.ArrowRightIcon=X.default,exports.ArrowUpIcon=Z.default,exports.AtvIcon=$.default,exports.AuctionIcon=_.default,exports.BackIcon=ee.default,exports.BankidIcon=oe.default,exports.BidIcon=ne.default,exports.BodyIcon=te.default,exports.BreaksIcon=re.default,exports.CabIcon=se.default,exports.CalendarIcon=ce.default,exports.CameraIcon=ie.default,exports.CamperIcon=pe.default,exports.CancelCircleIcon=ue.default,exports.CancelIcon=ae.default,exports.CarIcon=le.default,exports.CarServiceIcon=de.default,exports.CaravanIcon=Ie.default,exports.CertifiedIcon=xe.default,exports.ChatIcon=me.default,exports.CheckCircleIcon=qe.default,exports.CheckFilledIcon=je.default,exports.CheckIcon=fe.default,exports.CheckmarkIcon=Se.default,exports.ClockIcon=ye.default,exports.CloseIcon=ge.default,exports.CommentFilledIcon=Ce.default,exports.CommentIcon=Te.default,exports.ConditioningIcon=he.default,exports.ContactIcon=ke.default,exports.ControlNumberIcon=Be.default,exports.CopyIcon=Fe.default,exports.CountdownIcon=we.default,exports.CoupeIcon=Le.default,exports.CraneIcon=ve.default,exports.CupIcon=be.default,exports.DeleteIcon=De.default,exports.DisplayIcon=Pe.default,exports.DocumentIcon=Re.default,exports.DownloadIcon=Ae.default,exports.EcoIcon=Me.default,exports.EditIcon=Ee.default,exports.EngineIcon=Ne.default,exports.ErrorFilledIcon=He.default,exports.ErrorIcon=Ve.default,exports.EstoniaFlagIcon=Oe.default,exports.ExportIcon=Ue.default,exports.FacebookIcon=Ge.default,exports.FacilityIcon=Ke.default,exports.FavouriteFilledIcon=Qe.default,exports.FavouriteIcon=We.default,exports.FigmaIcon=ze.default,exports.FilterIcon=Ye.default,exports.FinanceIcon=Je.default,exports.FinlandFlagIcon=Xe.default,exports.FirstIcon=Ze.default,exports.FixedPriceIcon=$e.default,exports.FuelIcon=_e.default,exports.GearboxIcon=eo.default,exports.GetPaidIcon=oo.default,exports.GridViewIcon=no.default,exports.HatchbackIcon=to.default,exports.HelpIcon=ro.default,exports.HistoryIcon=so.default,exports.HomeDeliveryIcon=co.default,exports.IdIcon=io.default,exports.ImageIcon=po.default,exports.InfoIcon=uo.default,exports.InstagramIcon=ao.default,exports.InsuranceIcon=lo.default,exports.InteriorIcon=Io.default,exports.KvdIcon=xo.default,exports.KvdTestIcon=mo.default,exports.KvdproIcon=qo.default,exports.LastIcon=jo.default,exports.LeaderIcon=fo.default,exports.LinkedinIcon=So.default,exports.ListViewIcon=yo.default,exports.LocationIcon=go.default,exports.MailIcon=Co.default,exports.MenuIcon=To.default,exports.MileageIcon=ho.default,exports.MinivanIcon=ko.default,exports.ModelYearIcon=Bo.default,exports.MoreIcon=Fo.default,exports.MotorbikeIcon=wo.default,exports.NavigationIcon=Lo.default,exports.NewIcon=vo.default,exports.NextFilledIcon=bo.default,exports.NextIcon=Do.default,exports.NotificationIcon=Po.default,exports.OpenInNewIcon=Ro.default,exports.PayementIcon=Ao.default,exports.PercentIcon=Mo.default,exports.PhoneIcon=Eo.default,exports.PickUpIcon=No.default,exports.Pickup=Ho.default,exports.PlayIcon=Vo.default,exports.PlugIcon=Oo.default,exports.PolandFlagIcon=Uo.default,exports.PreviousFilledIcon=Go.default,exports.PreviousIcon=Ko.default,exports.PrintIcon=Qo.default,exports.QuoteIcon=Wo.default,exports.RatingIcon=zo.default,exports.ReleasingIcon=Yo.default,exports.ReorderIcon=Jo.default,exports.RestartIcon=Xo.default,exports.SalesOfferIcon=Zo.default,exports.SavedSearchIcon=$o.default,exports.ScheduleIcon=_o.default,exports.SearchIcon=en.default,exports.SedanIcon=on.default,exports.SellFilledIcon=nn.default,exports.SellIcon=tn.default,exports.SettingsIcon=rn.default,exports.ShareIcon=sn.default,exports.ShowLessIcon=cn.default,exports.ShowMoreIcon=pn.default,exports.SignInIcon=un.default,exports.SignOutIcon=an.default,exports.SlackIcon=ln.default,exports.SmartphoneIcon=dn.default,exports.SmileIcon=In.default,exports.SnowmobileIcon=xn.default,exports.SortColumnIcon=mn.default,exports.SortIcon=qn.default,exports.StorageIcon=jn.default,exports.StoreIcon=fn.default,exports.SuvIcon=Sn.default,exports.SwedishFlagIcon=yn.default,exports.ThreeSixtyIcon=gn.default,exports.TractorIcon=Cn.default,exports.TrailerIcon=Tn.default,exports.TransportIcon=hn.default,exports.TruckIcon=kn.default,exports.TwitterIcon=Bn.default,exports.TyresIcon=Fn.default,exports.UnitedKingdomFlagIcon=wn.default,exports.UploadIcon=Ln.default,exports.UserIcon=vn.default,exports.ValuationIcon=bn.default,exports.VanIcon=Dn.default,exports.VersionIcon=Pn.default,exports.ViewsIcon=Rn.default,exports.WagonIcon=An.default,exports.WarningIcon=Mn.default,exports.WarrantyIcon=En.default,exports.YoutubeIcon=Nn.default,exports.useDynamicScript=Hn.useDynamicScript,exports.Display1=Vn.Display1,exports.Display1Style=Vn.Display1Style,exports.Display2=Vn.Display2,exports.Display2Style=Vn.Display2Style,exports.Display3=Vn.Display3,exports.Display3Style=Vn.Display3Style,exports.Headline=Vn.Headline,exports.HeadlineStyle=Vn.HeadlineStyle,exports.Subtitle=Vn.Subtitle,exports.SubtitleStyle=Vn.SubtitleStyle,exports.TinyTitleBold=Vn.TinyTitleBold,exports.TinyTitleBoldStyle=Vn.TinyTitleBoldStyle,exports.TinyTitleRegular=Vn.TinyTitleRegular,exports.TinyTitleRegularStyle=Vn.TinyTitleRegularStyle,exports.Title=Vn.Title,exports.TitleStyle=Vn.TitleStyle,exports.BodyLink=On.BodyLink,exports.BodyLinkStyle=On.BodyLinkStyle,exports.BodyText=On.BodyText,exports.BodyTextStyle=On.BodyTextStyle,exports.Caption=On.Caption,exports.CaptionLink=On.CaptionLink,exports.CaptionLinkStyle=On.CaptionLinkStyle,exports.CaptionStyle=On.CaptionStyle,exports.Quote=On.Quote,exports.QuoteStyle=On.QuoteStyle,exports.Status=On.Status,exports.StatusStyle=On.StatusStyle,exports.ButtonLargeText=Un.ButtonLarge,exports.ButtonLargeTextStyle=Un.ButtonLargeTextStyle,exports.ButtonRegularText=Un.Button,exports.ButtonRegularTextStyle=Un.ButtonRegularTextStyle,exports.ButtonSmallText=Un.ButtonSmall,exports.ButtonSmallTextStyle=Un.ButtonSmallTextStyle,exports.getDarkerShade=Gn.getDarkerShade,exports.getLighterShade=Gn.getLighterShade,exports.hexToRGB=Gn.hexToRGB,exports.resetButtonStyle=Gn.resetButtonStyle,exports.resolveColorWithNeutral=Gn.resolveColorWithNeutral;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as d,jsx as i}from"react/jsx-runtime";import r from"styled-components";import{Modal as f}from"../Modal/index.js";import h from"../../theme.js";import{TinyTitleBold as c}from"../../typography/Heading/index.js";import"react";import"react-dom";import"react-transition-group";import"../../icons/components/CloseIcon.js";import"../../utils/utils.js";import"../
|
|
1
|
+
import{jsxs as d,jsx as i}from"react/jsx-runtime";import r from"styled-components";import{Modal as f}from"../Modal/index.js";import h from"../../theme.js";import{TinyTitleBold as c}from"../../typography/Heading/index.js";import"react";import"react-dom";import"react-transition-group";import"../../icons/components/CloseIcon.js";import"../../utils/utils.js";import"../FocusTrap.js";import"../../shared/media-queries.js";const g=r(c)`
|
|
2
2
|
font-weight: ${h.typography.fontAlternativeRegularWeight};
|
|
3
3
|
margin: 0;
|
|
4
4
|
`,w=r.div`
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{jsx as x}from"react/jsx-runtime";import{useRef as n,useEffect as y}from"react";import g from"styled-components";const E=g.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
height: 100%;
|
|
4
|
+
`,k=({children:m,pause:l=!1})=>{const i=n(null),u=n([]),o=n(null),s=n(null),f=n(!1);return y(()=>{if(l){f.current&&s.current&&s.current.focus();return}const t=i.current;if(!t)return;s.current=document.activeElement;const b=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],d=()=>{u.current=Array.from(t.querySelectorAll(b.join(",")))},a=c=>{if(c.key!=="Tab")return;const e=u.current;if(e.length===0){c.preventDefault();return}const h=e[0],p=e[e.length-1],r=e.findIndex(v=>v===document.activeElement);c.preventDefault(),c.shiftKey?r<=0?p.focus():e[r-1].focus():r===-1||r===e.length-1?h.focus():e[r+1].focus()};return d(),u.current.length>0&&u.current[0].focus(),t.addEventListener("keydown",a),o.current=new MutationObserver(d),o.current.observe(t,{childList:!0,subtree:!0}),f.current=!0,()=>{t.removeEventListener("keydown",a),o.current?.disconnect(),o.current=null}},[l]),x(E,{ref:i,children:m})};export{k as FocusTrap};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as t,jsxs as
|
|
1
|
+
import{jsx as t,jsxs as n,Fragment as f}from"react/jsx-runtime";import{useEffect as w}from"react";import{createPortal as b}from"react-dom";import{CSSTransition as y}from"react-transition-group";import e,{css as v,createGlobalStyle as d}from"styled-components";import k from"../../icons/components/CloseIcon.js";import{resetButtonStyle as T}from"../../utils/utils.js";import{FocusTrap as E}from"../FocusTrap.js";const s=v`
|
|
2
2
|
.backgroundTransition-enter {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
|
@@ -16,21 +16,21 @@ import{jsx as t,jsxs as a,Fragment as y}from"react/jsx-runtime";import{useRef as
|
|
|
16
16
|
opacity: 0;
|
|
17
17
|
transition: opacity 0.25s ease-in-out;
|
|
18
18
|
}
|
|
19
|
-
`,
|
|
20
|
-
${
|
|
19
|
+
`,C=e.div`
|
|
20
|
+
${s}
|
|
21
21
|
position: fixed;
|
|
22
22
|
width: 100%;
|
|
23
23
|
height: 100%;
|
|
24
24
|
top: 0;
|
|
25
25
|
left: 0;
|
|
26
26
|
z-index: 200;
|
|
27
|
-
`,
|
|
27
|
+
`,S=e.div`
|
|
28
28
|
z-index: -1;
|
|
29
29
|
position: absolute;
|
|
30
30
|
width: 100%;
|
|
31
31
|
height: 100%;
|
|
32
32
|
background-color: rgba(34, 34, 34, 0.3);
|
|
33
|
-
|
|
33
|
+
`,$=e.div`
|
|
34
34
|
position: relative;
|
|
35
35
|
max-width: 512px;
|
|
36
36
|
padding: 1rem;
|
|
@@ -53,12 +53,8 @@ import{jsx as t,jsxs as a,Fragment as y}from"react/jsx-runtime";import{useRef as
|
|
|
53
53
|
margin-right: auto;
|
|
54
54
|
min-width: 355px;
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
outline: none;
|
|
59
|
-
}
|
|
60
|
-
`,L=o.button`
|
|
61
|
-
${S}
|
|
56
|
+
`,j=e.button`
|
|
57
|
+
${T}
|
|
62
58
|
display: flex;
|
|
63
59
|
justify-self: flex-end;
|
|
64
60
|
|
|
@@ -73,7 +69,7 @@ import{jsx as t,jsxs as a,Fragment as y}from"react/jsx-runtime";import{useRef as
|
|
|
73
69
|
svg {
|
|
74
70
|
font-size: 1.5rem;
|
|
75
71
|
}
|
|
76
|
-
`,
|
|
72
|
+
`,z=d`
|
|
77
73
|
body {
|
|
78
74
|
overflow: hidden;
|
|
79
75
|
|
|
@@ -81,6 +77,6 @@ import{jsx as t,jsxs as a,Fragment as y}from"react/jsx-runtime";import{useRef as
|
|
|
81
77
|
padding-right: 15px !important;
|
|
82
78
|
`}
|
|
83
79
|
}
|
|
84
|
-
`,
|
|
85
|
-
${
|
|
86
|
-
`,
|
|
80
|
+
`,O=d`
|
|
81
|
+
${s}
|
|
82
|
+
`,l=({children:c,isOpen:i,contentStyles:p,withPortal:m=!1,withCloseIcon:u=!0,onClose:o,...g})=>{w(()=>{const a=x=>{x.key==="Escape"&&i&&o()};return i&&window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[o,i]);const h=!!(typeof window<"u"&&window.document&&window.document.createElement),r=t(y,{in:i,mountOnEnter:!0,unmountOnExit:!0,timeout:400,classNames:"backgroundTransition",children:n(f,{children:[t(O,{}),n(C,{...g,children:[t(S,{"data-testid":"background",onClick:o}),t(E,{pause:!i,children:n($,{style:p,role:"dialog","aria-modal":"true","aria-labelledby":"modal-title",children:[u&&t(j,{onClick:o,"data-testid":"close",type:"button","aria-label":"Close dialog",children:t(k,{})}),c]})}),t(z,{})]})]})});return m&&h?b(r,document.body):r};export{l as Modal,l as default};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{jsxs as
|
|
2
|
-
${({animationName:t,animationDuration:
|
|
1
|
+
import{jsxs as x,Fragment as u,jsx as n}from"react/jsx-runtime";import{useRef as k,useEffect as b}from"react";import{createPortal as O}from"react-dom";import h from"styled-components";import{CSSTransition as C}from"react-transition-group";import y from"./Overlay.js";import{useOutsideClick as E}from"./useClickOutside.js";import{FocusTrap as N}from"../FocusTrap.js";const P="offCanvasAnimation",S={timeout:{enter:300,exit:300},mountOnEnter:!0,unmountOnExit:!0},D=h.div`
|
|
2
|
+
${({animationName:t,animationDuration:s,width:e,from:o,backgroundColor:l,theme:i})=>`
|
|
3
3
|
position: fixed;
|
|
4
4
|
z-index: 1001;
|
|
5
5
|
width: 100%;
|
|
6
6
|
height: 100%;
|
|
7
7
|
top: 0;
|
|
8
8
|
${o==="left"?"left: 0;":"right: 0;"}
|
|
9
|
-
background-color: ${
|
|
9
|
+
background-color: ${l||i.colors.background.light};
|
|
10
10
|
width: ${e};
|
|
11
11
|
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
|
|
12
12
|
|
|
@@ -44,18 +44,14 @@ import{jsxs as b,Fragment as h,jsx as n}from"react/jsx-runtime";import{useRef as
|
|
|
44
44
|
|
|
45
45
|
&.${t}--left-exit.${t}--left-exit-active {
|
|
46
46
|
transform: translate3d(-${e}, 0, 0);
|
|
47
|
-
transition: transform ${
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&:focus-visible {
|
|
51
|
-
outline: none;
|
|
47
|
+
transition: transform ${s}ms ease-in-out;
|
|
52
48
|
}
|
|
53
49
|
`}
|
|
54
|
-
`,
|
|
50
|
+
`,j=h.div`
|
|
55
51
|
position: relative;
|
|
56
52
|
width: 100%;
|
|
57
53
|
height: 100%;
|
|
58
54
|
overflow-x: hidden;
|
|
59
55
|
overflow-y: auto;
|
|
60
56
|
-webkit-overflow-scrolling: touch;
|
|
61
|
-
|
|
57
|
+
`,$=({animationName:t=P,animationDuration:s=300,backgroundColor:e,backgroundOverlay:o,children:l,from:i="right",isOpen:r,onClickOutside:a,width:g="375px",withPortal:p,transitionProps:v})=>{const m=k(null);E(m,()=>a?.()),b(()=>{const c=w=>{w.key==="Escape"&&r&&a?.()};return r&&window.addEventListener("keydown",c),()=>{window.removeEventListener("keydown",c)}},[a,r]),o&&!a&&console.error("Please provide a clickOutside handler when using backgroundOverlay option in OffCanvas component");const d=`${t}--${i}`,f=x(u,{children:[o&&n(y,{isOpen:r}),n(u,{children:n(C,{in:r,className:`${t} ${d}`,classNames:d,...S,...v,children:n(N,{pause:!r,children:n(D,{ref:m,animationName:t,animationDuration:s,backgroundColor:e,from:i,width:g,role:"dialog","aria-modal":"true","aria-label":"Side panel",children:n(j,{className:`${t}-content`,children:l})})})})})]});return p?O(f,document.body):f};export{$ as OffCanvas,$ as default};
|
package/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{default as w}from"./theme.js";import{mediaQueries as v,mq as b,mqNumberSizes as D,mqSizes as P}from"./shared/media-queries.js";import{Accordion as A}from"./components/Accordion/index.js";import{Button as N}from"./components/Button/index.js";import{default as H}from"./components/IconButton.js";import{TextField as U}from"./components/Textfield/index.js";import{TextArea as K}from"./components/TextArea/index.js";import{Tabs as Q}from"./components/Tabs/Tabs.js";import{default as q}from"./components/Tabs/Tab.js";import{ErrorMessage as Y}from"./components/ErrorMessage/index.js";import{default as J}from"./components/Spinner/index.js";import{Modal as Z}from"./components/Modal/index.js";import{Dialog as $}from"./components/Dialog/index.js";import{OffCanvas as eo}from"./components/OffCanvas/index.js";import{CheckBox as ro}from"./components/CheckBox/index.js";import{Snackbar as fo}from"./components/Snackbar/index.js";import{default as no}from"./components/Spacer/index.js";import{default as mo}from"./components/Stack/index.js";import{default as xo}from"./components/Flex/index.js";import{Select as co}from"./components/Select/index.js";import{default as io}from"./components/ToggleArrow/index.js";import{default as yo}from"./components/ListItem/index.js";import{default as Co}from"./components/Table/index.js";import{Link as Bo}from"./components/Link/index.js";import{default as ho}from"./components/EditRow/index.js";import{RadioButton as wo}from"./components/RadioButton/index.js";import{SpinnerThin as vo}from"./components/SpinnerThin/index.js";import{default as Do}from"./components/Stamp/index.js";import{TimePicker as Ro}from"./components/TimePicker/index.js";import{default as Mo}from"./components/Hero/index.js";import{DayPicker as Eo}from"./components/DayPicker/index.js";import{Logo as Vo}from"./components/Logo/index.js";import{Badge as Go}from"./components/Badge/index.js";import{Toggle as Oo}from"./components/Toggle/index.js";import{Stepper as Wo}from"./components/Stepper/index.js";import{StepperAccordion as zo}from"./components/StepperAccordion/index.js";import{Card as jo}from"./components/Card/index.js";import{Switcher as Xo}from"./components/Switcher/index.js";import{NotificationButton as _o}from"./components/NotificationButton/index.js";import{default as oe}from"./components/ValuationRange/index.js";import{Chip as te}from"./components/Chip/index.js";import{default as ae}from"./components/Breadcrumbs/index.js";import{default as le}from"./components/Message/index.js";import{default as pe}from"./components/RegistrationPlate/index.js";import{MenuItem as de}from"./components/MenuItem/index.js";import{default as xe}from"./icons/components/AddIcon.js";import{default as ce}from"./icons/components/AlertIcon.js";import{default as ie}from"./icons/components/ArrowDownIcon.js";import{default as ye}from"./icons/components/ArrowLeftIcon.js";import{default as Ce}from"./icons/components/ArrowRightIcon.js";import{default as Be}from"./icons/components/ArrowUpIcon.js";import{default as he}from"./icons/components/AtvIcon.js";import{default as we}from"./icons/components/AuctionIcon.js";import{default as ve}from"./icons/components/BackIcon.js";import{default as De}from"./icons/components/BankidIcon.js";import{default as Re}from"./icons/components/BidIcon.js";import{default as Me}from"./icons/components/BodyIcon.js";import{default as Ee}from"./icons/components/BreaksIcon.js";import{default as Ve}from"./icons/components/CabIcon.js";import{default as Ge}from"./icons/components/CalendarIcon.js";import{default as Oe}from"./icons/components/CameraIcon.js";import{default as We}from"./icons/components/CamperIcon.js";import{default as ze}from"./icons/components/CancelCircleIcon.js";import{default as je}from"./icons/components/CancelIcon.js";import{default as Xe}from"./icons/components/CarIcon.js";import{default as _e}from"./icons/components/CarServiceIcon.js";import{default as ot}from"./icons/components/CaravanIcon.js";import{default as tt}from"./icons/components/CertifiedIcon.js";import{default as at}from"./icons/components/ChatIcon.js";import{default as lt}from"./icons/components/CheckCircleIcon.js";import{default as pt}from"./icons/components/CheckFilledIcon.js";import{default as dt}from"./icons/components/CheckIcon.js";import{default as xt}from"./icons/components/CheckmarkIcon.js";import{default as ct}from"./icons/components/ClockIcon.js";import{default as it}from"./icons/components/CloseIcon.js";import{default as yt}from"./icons/components/CommentFilledIcon.js";import{default as Ct}from"./icons/components/CommentIcon.js";import{default as Bt}from"./icons/components/ConditioningIcon.js";import{default as ht}from"./icons/components/ContactIcon.js";import{default as wt}from"./icons/components/ControlNumberIcon.js";import{default as vt}from"./icons/components/CopyIcon.js";import{default as Dt}from"./icons/components/CountdownIcon.js";import{default as Rt}from"./icons/components/CoupeIcon.js";import{default as Mt}from"./icons/components/CraneIcon.js";import{default as Et}from"./icons/components/CupIcon.js";import{default as Vt}from"./icons/components/DeleteIcon.js";import{default as Gt}from"./icons/components/DisplayIcon.js";import{default as Ot}from"./icons/components/DocumentIcon.js";import{default as Wt}from"./icons/components/DownloadIcon.js";import{default as zt}from"./icons/components/EcoIcon.js";import{default as jt}from"./icons/components/EditIcon.js";import{default as Xt}from"./icons/components/EngineIcon.js";import{default as _t}from"./icons/components/ErrorFilledIcon.js";import{default as or}from"./icons/components/ErrorIcon.js";import{default as tr}from"./icons/components/EstoniaFlagIcon.js";import{default as ar}from"./icons/components/ExportIcon.js";import{default as lr}from"./icons/components/FacebookIcon.js";import{default as pr}from"./icons/components/FacilityIcon.js";import{default as dr}from"./icons/components/FavouriteFilledIcon.js";import{default as xr}from"./icons/components/FavouriteIcon.js";import{default as cr}from"./icons/components/FigmaIcon.js";import{default as ir}from"./icons/components/FilterIcon.js";import{default as yr}from"./icons/components/FinanceIcon.js";import{default as Cr}from"./icons/components/FinlandFlagIcon.js";import{default as Br}from"./icons/components/FirstIcon.js";import{default as hr}from"./icons/components/FixedPriceIcon.js";import{default as wr}from"./icons/components/FuelIcon.js";import{default as vr}from"./icons/components/GearboxIcon.js";import{default as Dr}from"./icons/components/GetPaidIcon.js";import{default as Rr}from"./icons/components/GridViewIcon.js";import{default as Mr}from"./icons/components/HatchbackIcon.js";import{default as Er}from"./icons/components/HelpIcon.js";import{default as Vr}from"./icons/components/HistoryIcon.js";import{default as Gr}from"./icons/components/HomeDeliveryIcon.js";import{default as Or}from"./icons/components/IdIcon.js";import{default as Wr}from"./icons/components/ImageIcon.js";import{default as zr}from"./icons/components/InfoIcon.js";import{default as jr}from"./icons/components/InstagramIcon.js";import{default as Xr}from"./icons/components/InsuranceIcon.js";import{default as _r}from"./icons/components/InteriorIcon.js";import{default as oa}from"./icons/components/KvdIcon.js";import{default as ta}from"./icons/components/KvdTestIcon.js";import{default as aa}from"./icons/components/KvdproIcon.js";import{default as la}from"./icons/components/LastIcon.js";import{default as pa}from"./icons/components/LeaderIcon.js";import{default as da}from"./icons/components/LinkedinIcon.js";import{default as xa}from"./icons/components/ListViewIcon.js";import{default as ca}from"./icons/components/LocationIcon.js";import{default as ia}from"./icons/components/MailIcon.js";import{default as ya}from"./icons/components/MenuIcon.js";import{default as Ca}from"./icons/components/MileageIcon.js";import{default as Ba}from"./icons/components/MinivanIcon.js";import{default as ha}from"./icons/components/ModelYearIcon.js";import{default as wa}from"./icons/components/MoreIcon.js";import{default as va}from"./icons/components/MotorbikeIcon.js";import{default as Da}from"./icons/components/NavigationIcon.js";import{default as Ra}from"./icons/components/NewIcon.js";import{default as Ma}from"./icons/components/NextFilledIcon.js";import{default as Ea}from"./icons/components/NextIcon.js";import{default as Va}from"./icons/components/NotificationIcon.js";import{default as Ga}from"./icons/components/OpenInNewIcon.js";import{default as Oa}from"./icons/components/PayementIcon.js";import{default as Wa}from"./icons/components/PercentIcon.js";import{default as za}from"./icons/components/PhoneIcon.js";import{default as ja}from"./icons/components/PickUpIcon.js";import{default as Xa}from"./icons/components/Pickup.js";import{default as _a}from"./icons/components/PlayIcon.js";import{default as of}from"./icons/components/PlugIcon.js";import{default as tf}from"./icons/components/PolandFlagIcon.js";import{default as af}from"./icons/components/PreviousFilledIcon.js";import{default as lf}from"./icons/components/PreviousIcon.js";import{default as pf}from"./icons/components/PrintIcon.js";import{default as df}from"./icons/components/QuoteIcon.js";import{default as xf}from"./icons/components/RatingIcon.js";import{default as cf}from"./icons/components/ReleasingIcon.js";import{default as Sf}from"./icons/components/ReorderIcon.js";import{default as gf}from"./icons/components/RestartIcon.js";import{default as Tf}from"./icons/components/SalesOfferIcon.js";import{default as kf}from"./icons/components/SavedSearchIcon.js";import{default as Ff}from"./icons/components/ScheduleIcon.js";import{default as Lf}from"./icons/components/SearchIcon.js";import{default as bf}from"./icons/components/SedanIcon.js";import{default as Pf}from"./icons/components/SellFilledIcon.js";import{default as Af}from"./icons/components/SellIcon.js";import{default as Nf}from"./icons/components/SettingsIcon.js";import{default as Hf}from"./icons/components/ShareIcon.js";import{default as Uf}from"./icons/components/ShowLessIcon.js";import{default as Kf}from"./icons/components/ShowMoreIcon.js";import{default as Qf}from"./icons/components/SignInIcon.js";import{default as qf}from"./icons/components/SignOutIcon.js";import{default as Yf}from"./icons/components/SlackIcon.js";import{default as Jf}from"./icons/components/SmartphoneIcon.js";import{default as Zf}from"./icons/components/SmileIcon.js";import{default as $f}from"./icons/components/SnowmobileIcon.js";import{default as el}from"./icons/components/SortColumnIcon.js";import{default as rl}from"./icons/components/SortIcon.js";import{default as fl}from"./icons/components/StorageIcon.js";import{default as nl}from"./icons/components/StoreIcon.js";import{default as ml}from"./icons/components/SuvIcon.js";import{default as ul}from"./icons/components/SwedishFlagIcon.js";import{default as sl}from"./icons/components/ThreeSixtyIcon.js";import{default as Il}from"./icons/components/TractorIcon.js";import{default as Sl}from"./icons/components/TrailerIcon.js";import{default as gl}from"./icons/components/TransportIcon.js";import{default as Tl}from"./icons/components/TruckIcon.js";import{default as kl}from"./icons/components/TwitterIcon.js";import{default as Fl}from"./icons/components/TyresIcon.js";import{default as Ll}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as bl}from"./icons/components/UploadIcon.js";import{default as Pl}from"./icons/components/UserIcon.js";import{default as Al}from"./icons/components/ValuationIcon.js";import{default as Nl}from"./icons/components/VanIcon.js";import{default as Hl}from"./icons/components/VersionIcon.js";import{default as Ul}from"./icons/components/ViewsIcon.js";import{default as Kl}from"./icons/components/WagonIcon.js";import{default as Ql}from"./icons/components/WarningIcon.js";import{default as ql}from"./icons/components/WarrantyIcon.js";import{default as Yl}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as Jl}from"./hooks/useDynamicScript.js";import{Display1 as Zl,Display1Style as _l,Display2 as $l,Display2Style as on,Display3 as en,Display3Style as tn,Headline as rn,HeadlineStyle as an,Subtitle as fn,SubtitleStyle as ln,TinyTitleBold as nn,TinyTitleBoldStyle as pn,TinyTitleRegular as mn,TinyTitleRegularStyle as dn,Title as un,TitleStyle as xn}from"./typography/Heading/index.js";import{BodyLink as cn,BodyLinkStyle as In,BodyText as Sn,BodyTextStyle as yn,Caption as gn,CaptionLink as Cn,CaptionLinkStyle as Tn,CaptionStyle as Bn,Quote as kn,QuoteStyle as hn,Status as Fn,StatusStyle as wn}from"./typography/BodyText/index.js";import{ButtonLarge as vn,ButtonLargeTextStyle as bn,Button as Dn,ButtonRegularTextStyle as Pn,ButtonSmall as Rn,ButtonSmallTextStyle as An}from"./typography/ButtonText/index.js";import{getDarkerShade as Nn,getLighterShade as En,hexToRGB as Hn,resetButtonStyle as Vn,resolveColorWithNeutral as Un}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./shared/helpers.js";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"react-dom";import"react-transition-group";import"./components/Modal/FocudTrap.js";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"react-select";import"./shared/constants.js";import"react-router-dom";import"react-day-picker";import"date-fns/locale";import"date-fns";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{A as Accordion,xe as AddIcon,ce as AlertIcon,ie as ArrowDownIcon,ye as ArrowLeftIcon,Ce as ArrowRightIcon,Be as ArrowUpIcon,he as AtvIcon,we as AuctionIcon,ve as BackIcon,Go as Badge,De as BankidIcon,Re as BidIcon,Me as BodyIcon,cn as BodyLink,In as BodyLinkStyle,Sn as BodyText,yn as BodyTextStyle,ae as Breadcrumbs,Ee as BreaksIcon,N as Button,vn as ButtonLargeText,bn as ButtonLargeTextStyle,Dn as ButtonRegularText,Pn as ButtonRegularTextStyle,Rn as ButtonSmallText,An as ButtonSmallTextStyle,Ve as CabIcon,Ge as CalendarIcon,Oe as CameraIcon,We as CamperIcon,ze as CancelCircleIcon,je as CancelIcon,gn as Caption,Cn as CaptionLink,Tn as CaptionLinkStyle,Bn as CaptionStyle,Xe as CarIcon,_e as CarServiceIcon,ot as CaravanIcon,jo as Card,tt as CertifiedIcon,at as ChatIcon,ro as CheckBox,lt as CheckCircleIcon,pt as CheckFilledIcon,dt as CheckIcon,xt as CheckmarkIcon,te as Chip,ct as ClockIcon,it as CloseIcon,yt as CommentFilledIcon,Ct as CommentIcon,Bt as ConditioningIcon,ht as ContactIcon,wt as ControlNumberIcon,vt as CopyIcon,Dt as CountdownIcon,Rt as CoupeIcon,Mt as CraneIcon,Et as CupIcon,Eo as DayPicker,Vt as DeleteIcon,$ as Dialog,Zl as Display1,_l as Display1Style,$l as Display2,on as Display2Style,en as Display3,tn as Display3Style,Gt as DisplayIcon,Ot as DocumentIcon,Wt as DownloadIcon,zt as EcoIcon,jt as EditIcon,ho as EditRow,Xt as EngineIcon,_t as ErrorFilledIcon,or as ErrorIcon,Y as ErrorMessage,tr as EstoniaFlagIcon,ar as ExportIcon,lr as FacebookIcon,pr as FacilityIcon,dr as FavouriteFilledIcon,xr as FavouriteIcon,cr as FigmaIcon,ir as FilterIcon,yr as FinanceIcon,Cr as FinlandFlagIcon,Br as FirstIcon,hr as FixedPriceIcon,xo as Flex,wr as FuelIcon,vr as GearboxIcon,Dr as GetPaidIcon,Rr as GridViewIcon,Mr as HatchbackIcon,rn as Headline,an as HeadlineStyle,Er as HelpIcon,Mo as Hero,Vr as HistoryIcon,Gr as HomeDeliveryIcon,H as IconButton,Or as IdIcon,Wr as ImageIcon,zr as InfoIcon,jr as InstagramIcon,Xr as InsuranceIcon,_r as InteriorIcon,oa as KvdIcon,ta as KvdTestIcon,aa as KvdproIcon,la as LastIcon,pa as LeaderIcon,Bo as Link,da as LinkedinIcon,yo as ListItem,xa as ListViewIcon,ca as LocationIcon,Vo as Logo,ia as MailIcon,ya as MenuIcon,de as MenuItem,le as Message,Ca as MileageIcon,Ba as MinivanIcon,Z as Modal,ha as ModelYearIcon,wa as MoreIcon,va as MotorbikeIcon,Da as NavigationIcon,Ra as NewIcon,Ma as NextFilledIcon,Ea as NextIcon,_o as NotificationButton,Va as NotificationIcon,eo as OffCanvas,Ga as OpenInNewIcon,Oa as PayementIcon,Wa as PercentIcon,za as PhoneIcon,ja as PickUpIcon,Xa as Pickup,_a as PlayIcon,of as PlugIcon,tf as PolandFlagIcon,af as PreviousFilledIcon,lf as PreviousIcon,pf as PrintIcon,kn as Quote,df as QuoteIcon,hn as QuoteStyle,wo as RadioButton,xf as RatingIcon,pe as RegistrationPlate,cf as ReleasingIcon,Sf as ReorderIcon,gf as RestartIcon,Tf as SalesOfferIcon,kf as SavedSearchIcon,Ff as ScheduleIcon,Lf as SearchIcon,bf as SedanIcon,co as Select,Pf as SellFilledIcon,Af as SellIcon,Nf as SettingsIcon,Hf as ShareIcon,Uf as ShowLessIcon,Kf as ShowMoreIcon,Qf as SignInIcon,qf as SignOutIcon,Yf as SlackIcon,Jf as SmartphoneIcon,Zf as SmileIcon,fo as Snackbar,$f as SnowmobileIcon,el as SortColumnIcon,rl as SortIcon,no as Spacer,J as Spinner,vo as SpinnerThin,mo as Stack,Do as Stamp,Fn as Status,wn as StatusStyle,Wo as Stepper,zo as StepperAccordion,fl as StorageIcon,nl as StoreIcon,fn as Subtitle,ln as SubtitleStyle,ml as SuvIcon,ul as SwedishFlagIcon,Xo as Switcher,q as Tab,Co as Table,Q as Tabs,K as TextArea,U as TextField,sl as ThreeSixtyIcon,Ro as TimePicker,nn as TinyTitleBold,pn as TinyTitleBoldStyle,mn as TinyTitleRegular,dn as TinyTitleRegularStyle,un as Title,xn as TitleStyle,Oo as Toggle,io as ToggleArrow,Il as TractorIcon,Sl as TrailerIcon,gl as TransportIcon,Tl as TruckIcon,kl as TwitterIcon,Fl as TyresIcon,Ll as UnitedKingdomFlagIcon,bl as UploadIcon,Pl as UserIcon,Al as ValuationIcon,oe as ValuationRange,Nl as VanIcon,Hl as VersionIcon,Ul as ViewsIcon,Kl as WagonIcon,Ql as WarningIcon,ql as WarrantyIcon,Yl as YoutubeIcon,Nn as getDarkerShade,En as getLighterShade,Hn as hexToRGB,v as mediaQueries,b as mq,D as mqNumberSizes,P as mqSizes,Vn as resetButtonStyle,Un as resolveColorWithNeutral,w as theme,Jl as useDynamicScript};
|
|
1
|
+
import{default as F}from"./theme.js";import{mediaQueries as L,mq as v,mqNumberSizes as b,mqSizes as D}from"./shared/media-queries.js";import{Accordion as R}from"./components/Accordion/index.js";import{Button as M}from"./components/Button/index.js";import{default as E}from"./components/IconButton.js";import{TextField as V}from"./components/Textfield/index.js";import{TextArea as G}from"./components/TextArea/index.js";import{Tabs as O}from"./components/Tabs/Tabs.js";import{default as W}from"./components/Tabs/Tab.js";import{ErrorMessage as z}from"./components/ErrorMessage/index.js";import{default as j}from"./components/Spinner/index.js";import{Modal as X}from"./components/Modal/index.js";import{Dialog as _}from"./components/Dialog/index.js";import{OffCanvas as oo}from"./components/OffCanvas/index.js";import{CheckBox as to}from"./components/CheckBox/index.js";import{Snackbar as ao}from"./components/Snackbar/index.js";import{default as lo}from"./components/Spacer/index.js";import{default as po}from"./components/Stack/index.js";import{default as uo}from"./components/Flex/index.js";import{Select as so}from"./components/Select/index.js";import{default as Io}from"./components/ToggleArrow/index.js";import{default as So}from"./components/ListItem/index.js";import{default as go}from"./components/Table/index.js";import{Link as To}from"./components/Link/index.js";import{default as ko}from"./components/EditRow/index.js";import{RadioButton as Fo}from"./components/RadioButton/index.js";import{SpinnerThin as Lo}from"./components/SpinnerThin/index.js";import{default as bo}from"./components/Stamp/index.js";import{TimePicker as Po}from"./components/TimePicker/index.js";import{default as Ao}from"./components/Hero/index.js";import{DayPicker as No}from"./components/DayPicker/index.js";import{Logo as Ho}from"./components/Logo/index.js";import{Badge as Uo}from"./components/Badge/index.js";import{Toggle as Ko}from"./components/Toggle/index.js";import{Stepper as Qo}from"./components/Stepper/index.js";import{StepperAccordion as qo}from"./components/StepperAccordion/index.js";import{Card as Yo}from"./components/Card/index.js";import{Switcher as Jo}from"./components/Switcher/index.js";import{NotificationButton as Zo}from"./components/NotificationButton/index.js";import{default as $o}from"./components/ValuationRange/index.js";import{Chip as ee}from"./components/Chip/index.js";import{default as re}from"./components/Breadcrumbs/index.js";import{default as fe}from"./components/Message/index.js";import{default as ne}from"./components/RegistrationPlate/index.js";import{MenuItem as me}from"./components/MenuItem/index.js";import{FocusTrap as ue}from"./components/FocusTrap.js";import{default as se}from"./icons/components/AddIcon.js";import{default as Ie}from"./icons/components/AlertIcon.js";import{default as Se}from"./icons/components/ArrowDownIcon.js";import{default as ge}from"./icons/components/ArrowLeftIcon.js";import{default as Te}from"./icons/components/ArrowRightIcon.js";import{default as ke}from"./icons/components/ArrowUpIcon.js";import{default as Fe}from"./icons/components/AtvIcon.js";import{default as Le}from"./icons/components/AuctionIcon.js";import{default as be}from"./icons/components/BackIcon.js";import{default as Pe}from"./icons/components/BankidIcon.js";import{default as Ae}from"./icons/components/BidIcon.js";import{default as Ne}from"./icons/components/BodyIcon.js";import{default as He}from"./icons/components/BreaksIcon.js";import{default as Ue}from"./icons/components/CabIcon.js";import{default as Ke}from"./icons/components/CalendarIcon.js";import{default as Qe}from"./icons/components/CameraIcon.js";import{default as qe}from"./icons/components/CamperIcon.js";import{default as Ye}from"./icons/components/CancelCircleIcon.js";import{default as Je}from"./icons/components/CancelIcon.js";import{default as Ze}from"./icons/components/CarIcon.js";import{default as $e}from"./icons/components/CarServiceIcon.js";import{default as et}from"./icons/components/CaravanIcon.js";import{default as rt}from"./icons/components/CertifiedIcon.js";import{default as ft}from"./icons/components/ChatIcon.js";import{default as nt}from"./icons/components/CheckCircleIcon.js";import{default as mt}from"./icons/components/CheckFilledIcon.js";import{default as ut}from"./icons/components/CheckIcon.js";import{default as st}from"./icons/components/CheckmarkIcon.js";import{default as It}from"./icons/components/ClockIcon.js";import{default as St}from"./icons/components/CloseIcon.js";import{default as gt}from"./icons/components/CommentFilledIcon.js";import{default as Tt}from"./icons/components/CommentIcon.js";import{default as kt}from"./icons/components/ConditioningIcon.js";import{default as Ft}from"./icons/components/ContactIcon.js";import{default as Lt}from"./icons/components/ControlNumberIcon.js";import{default as bt}from"./icons/components/CopyIcon.js";import{default as Pt}from"./icons/components/CountdownIcon.js";import{default as At}from"./icons/components/CoupeIcon.js";import{default as Nt}from"./icons/components/CraneIcon.js";import{default as Ht}from"./icons/components/CupIcon.js";import{default as Ut}from"./icons/components/DeleteIcon.js";import{default as Kt}from"./icons/components/DisplayIcon.js";import{default as Qt}from"./icons/components/DocumentIcon.js";import{default as qt}from"./icons/components/DownloadIcon.js";import{default as Yt}from"./icons/components/EcoIcon.js";import{default as Jt}from"./icons/components/EditIcon.js";import{default as Zt}from"./icons/components/EngineIcon.js";import{default as $t}from"./icons/components/ErrorFilledIcon.js";import{default as er}from"./icons/components/ErrorIcon.js";import{default as rr}from"./icons/components/EstoniaFlagIcon.js";import{default as fr}from"./icons/components/ExportIcon.js";import{default as nr}from"./icons/components/FacebookIcon.js";import{default as mr}from"./icons/components/FacilityIcon.js";import{default as ur}from"./icons/components/FavouriteFilledIcon.js";import{default as sr}from"./icons/components/FavouriteIcon.js";import{default as Ir}from"./icons/components/FigmaIcon.js";import{default as Sr}from"./icons/components/FilterIcon.js";import{default as gr}from"./icons/components/FinanceIcon.js";import{default as Tr}from"./icons/components/FinlandFlagIcon.js";import{default as kr}from"./icons/components/FirstIcon.js";import{default as Fr}from"./icons/components/FixedPriceIcon.js";import{default as Lr}from"./icons/components/FuelIcon.js";import{default as br}from"./icons/components/GearboxIcon.js";import{default as Pr}from"./icons/components/GetPaidIcon.js";import{default as Ar}from"./icons/components/GridViewIcon.js";import{default as Nr}from"./icons/components/HatchbackIcon.js";import{default as Hr}from"./icons/components/HelpIcon.js";import{default as Ur}from"./icons/components/HistoryIcon.js";import{default as Kr}from"./icons/components/HomeDeliveryIcon.js";import{default as Qr}from"./icons/components/IdIcon.js";import{default as qr}from"./icons/components/ImageIcon.js";import{default as Yr}from"./icons/components/InfoIcon.js";import{default as Jr}from"./icons/components/InstagramIcon.js";import{default as Zr}from"./icons/components/InsuranceIcon.js";import{default as $r}from"./icons/components/InteriorIcon.js";import{default as ea}from"./icons/components/KvdIcon.js";import{default as ra}from"./icons/components/KvdTestIcon.js";import{default as fa}from"./icons/components/KvdproIcon.js";import{default as na}from"./icons/components/LastIcon.js";import{default as ma}from"./icons/components/LeaderIcon.js";import{default as ua}from"./icons/components/LinkedinIcon.js";import{default as sa}from"./icons/components/ListViewIcon.js";import{default as Ia}from"./icons/components/LocationIcon.js";import{default as Sa}from"./icons/components/MailIcon.js";import{default as ga}from"./icons/components/MenuIcon.js";import{default as Ta}from"./icons/components/MileageIcon.js";import{default as ka}from"./icons/components/MinivanIcon.js";import{default as Fa}from"./icons/components/ModelYearIcon.js";import{default as La}from"./icons/components/MoreIcon.js";import{default as ba}from"./icons/components/MotorbikeIcon.js";import{default as Pa}from"./icons/components/NavigationIcon.js";import{default as Aa}from"./icons/components/NewIcon.js";import{default as Na}from"./icons/components/NextFilledIcon.js";import{default as Ha}from"./icons/components/NextIcon.js";import{default as Ua}from"./icons/components/NotificationIcon.js";import{default as Ka}from"./icons/components/OpenInNewIcon.js";import{default as Qa}from"./icons/components/PayementIcon.js";import{default as qa}from"./icons/components/PercentIcon.js";import{default as Ya}from"./icons/components/PhoneIcon.js";import{default as Ja}from"./icons/components/PickUpIcon.js";import{default as Za}from"./icons/components/Pickup.js";import{default as $a}from"./icons/components/PlayIcon.js";import{default as ef}from"./icons/components/PlugIcon.js";import{default as rf}from"./icons/components/PolandFlagIcon.js";import{default as ff}from"./icons/components/PreviousFilledIcon.js";import{default as nf}from"./icons/components/PreviousIcon.js";import{default as mf}from"./icons/components/PrintIcon.js";import{default as uf}from"./icons/components/QuoteIcon.js";import{default as sf}from"./icons/components/RatingIcon.js";import{default as If}from"./icons/components/ReleasingIcon.js";import{default as yf}from"./icons/components/ReorderIcon.js";import{default as Cf}from"./icons/components/RestartIcon.js";import{default as Bf}from"./icons/components/SalesOfferIcon.js";import{default as hf}from"./icons/components/SavedSearchIcon.js";import{default as wf}from"./icons/components/ScheduleIcon.js";import{default as vf}from"./icons/components/SearchIcon.js";import{default as Df}from"./icons/components/SedanIcon.js";import{default as Rf}from"./icons/components/SellFilledIcon.js";import{default as Mf}from"./icons/components/SellIcon.js";import{default as Ef}from"./icons/components/SettingsIcon.js";import{default as Vf}from"./icons/components/ShareIcon.js";import{default as Gf}from"./icons/components/ShowLessIcon.js";import{default as Of}from"./icons/components/ShowMoreIcon.js";import{default as Wf}from"./icons/components/SignInIcon.js";import{default as zf}from"./icons/components/SignOutIcon.js";import{default as jf}from"./icons/components/SlackIcon.js";import{default as Xf}from"./icons/components/SmartphoneIcon.js";import{default as _f}from"./icons/components/SmileIcon.js";import{default as ol}from"./icons/components/SnowmobileIcon.js";import{default as tl}from"./icons/components/SortColumnIcon.js";import{default as al}from"./icons/components/SortIcon.js";import{default as ll}from"./icons/components/StorageIcon.js";import{default as pl}from"./icons/components/StoreIcon.js";import{default as dl}from"./icons/components/SuvIcon.js";import{default as xl}from"./icons/components/SwedishFlagIcon.js";import{default as cl}from"./icons/components/ThreeSixtyIcon.js";import{default as il}from"./icons/components/TractorIcon.js";import{default as yl}from"./icons/components/TrailerIcon.js";import{default as Cl}from"./icons/components/TransportIcon.js";import{default as Bl}from"./icons/components/TruckIcon.js";import{default as hl}from"./icons/components/TwitterIcon.js";import{default as wl}from"./icons/components/TyresIcon.js";import{default as vl}from"./icons/components/UnitedKingdomFlagIcon.js";import{default as Dl}from"./icons/components/UploadIcon.js";import{default as Rl}from"./icons/components/UserIcon.js";import{default as Ml}from"./icons/components/ValuationIcon.js";import{default as El}from"./icons/components/VanIcon.js";import{default as Vl}from"./icons/components/VersionIcon.js";import{default as Gl}from"./icons/components/ViewsIcon.js";import{default as Ol}from"./icons/components/WagonIcon.js";import{default as Wl}from"./icons/components/WarningIcon.js";import{default as zl}from"./icons/components/WarrantyIcon.js";import{default as jl}from"./icons/components/YoutubeIcon.js";import{useDynamicScript as Xl}from"./hooks/useDynamicScript.js";import{Display1 as _l,Display1Style as $l,Display2 as on,Display2Style as en,Display3 as tn,Display3Style as rn,Headline as an,HeadlineStyle as fn,Subtitle as ln,SubtitleStyle as nn,TinyTitleBold as pn,TinyTitleBoldStyle as mn,TinyTitleRegular as dn,TinyTitleRegularStyle as un,Title as xn,TitleStyle as sn}from"./typography/Heading/index.js";import{BodyLink as In,BodyLinkStyle as Sn,BodyText as yn,BodyTextStyle as gn,Caption as Cn,CaptionLink as Tn,CaptionLinkStyle as Bn,CaptionStyle as kn,Quote as hn,QuoteStyle as Fn,Status as wn,StatusStyle as Ln}from"./typography/BodyText/index.js";import{ButtonLarge as bn,ButtonLargeTextStyle as Dn,Button as Pn,ButtonRegularTextStyle as Rn,ButtonSmall as An,ButtonSmallTextStyle as Mn}from"./typography/ButtonText/index.js";import{getDarkerShade as En,getLighterShade as Hn,hexToRGB as Vn,resetButtonStyle as Un,resolveColorWithNeutral as Gn}from"./utils/utils.js";import"react/jsx-runtime";import"react";import"styled-components";import"react-collapse";import"./shared/helpers.js";import"./components/Button/styles.js";import"./components/FieldLabel.js";import"react-dom";import"react-transition-group";import"./components/OffCanvas/Overlay.js";import"./components/OffCanvas/useClickOutside.js";import"react-select";import"./shared/constants.js";import"react-router-dom";import"react-day-picker";import"date-fns/locale";import"date-fns";import"./components/DayPicker/style.js";import"./components/Logo/LogoSv.js";import"./components/Logo/LogoEn.js";import"./components/Chip/styles.js";import"./components/Breadcrumbs/BreadcrumbsItem.js";import"./components/RegistrationPlate/EuFlagIcon.js";export{R as Accordion,se as AddIcon,Ie as AlertIcon,Se as ArrowDownIcon,ge as ArrowLeftIcon,Te as ArrowRightIcon,ke as ArrowUpIcon,Fe as AtvIcon,Le as AuctionIcon,be as BackIcon,Uo as Badge,Pe as BankidIcon,Ae as BidIcon,Ne as BodyIcon,In as BodyLink,Sn as BodyLinkStyle,yn as BodyText,gn as BodyTextStyle,re as Breadcrumbs,He as BreaksIcon,M as Button,bn as ButtonLargeText,Dn as ButtonLargeTextStyle,Pn as ButtonRegularText,Rn as ButtonRegularTextStyle,An as ButtonSmallText,Mn as ButtonSmallTextStyle,Ue as CabIcon,Ke as CalendarIcon,Qe as CameraIcon,qe as CamperIcon,Ye as CancelCircleIcon,Je as CancelIcon,Cn as Caption,Tn as CaptionLink,Bn as CaptionLinkStyle,kn as CaptionStyle,Ze as CarIcon,$e as CarServiceIcon,et as CaravanIcon,Yo as Card,rt as CertifiedIcon,ft as ChatIcon,to as CheckBox,nt as CheckCircleIcon,mt as CheckFilledIcon,ut as CheckIcon,st as CheckmarkIcon,ee as Chip,It as ClockIcon,St as CloseIcon,gt as CommentFilledIcon,Tt as CommentIcon,kt as ConditioningIcon,Ft as ContactIcon,Lt as ControlNumberIcon,bt as CopyIcon,Pt as CountdownIcon,At as CoupeIcon,Nt as CraneIcon,Ht as CupIcon,No as DayPicker,Ut as DeleteIcon,_ as Dialog,_l as Display1,$l as Display1Style,on as Display2,en as Display2Style,tn as Display3,rn as Display3Style,Kt as DisplayIcon,Qt as DocumentIcon,qt as DownloadIcon,Yt as EcoIcon,Jt as EditIcon,ko as EditRow,Zt as EngineIcon,$t as ErrorFilledIcon,er as ErrorIcon,z as ErrorMessage,rr as EstoniaFlagIcon,fr as ExportIcon,nr as FacebookIcon,mr as FacilityIcon,ur as FavouriteFilledIcon,sr as FavouriteIcon,Ir as FigmaIcon,Sr as FilterIcon,gr as FinanceIcon,Tr as FinlandFlagIcon,kr as FirstIcon,Fr as FixedPriceIcon,uo as Flex,ue as FocusTrap,Lr as FuelIcon,br as GearboxIcon,Pr as GetPaidIcon,Ar as GridViewIcon,Nr as HatchbackIcon,an as Headline,fn as HeadlineStyle,Hr as HelpIcon,Ao as Hero,Ur as HistoryIcon,Kr as HomeDeliveryIcon,E as IconButton,Qr as IdIcon,qr as ImageIcon,Yr as InfoIcon,Jr as InstagramIcon,Zr as InsuranceIcon,$r as InteriorIcon,ea as KvdIcon,ra as KvdTestIcon,fa as KvdproIcon,na as LastIcon,ma as LeaderIcon,To as Link,ua as LinkedinIcon,So as ListItem,sa as ListViewIcon,Ia as LocationIcon,Ho as Logo,Sa as MailIcon,ga as MenuIcon,me as MenuItem,fe as Message,Ta as MileageIcon,ka as MinivanIcon,X as Modal,Fa as ModelYearIcon,La as MoreIcon,ba as MotorbikeIcon,Pa as NavigationIcon,Aa as NewIcon,Na as NextFilledIcon,Ha as NextIcon,Zo as NotificationButton,Ua as NotificationIcon,oo as OffCanvas,Ka as OpenInNewIcon,Qa as PayementIcon,qa as PercentIcon,Ya as PhoneIcon,Ja as PickUpIcon,Za as Pickup,$a as PlayIcon,ef as PlugIcon,rf as PolandFlagIcon,ff as PreviousFilledIcon,nf as PreviousIcon,mf as PrintIcon,hn as Quote,uf as QuoteIcon,Fn as QuoteStyle,Fo as RadioButton,sf as RatingIcon,ne as RegistrationPlate,If as ReleasingIcon,yf as ReorderIcon,Cf as RestartIcon,Bf as SalesOfferIcon,hf as SavedSearchIcon,wf as ScheduleIcon,vf as SearchIcon,Df as SedanIcon,so as Select,Rf as SellFilledIcon,Mf as SellIcon,Ef as SettingsIcon,Vf as ShareIcon,Gf as ShowLessIcon,Of as ShowMoreIcon,Wf as SignInIcon,zf as SignOutIcon,jf as SlackIcon,Xf as SmartphoneIcon,_f as SmileIcon,ao as Snackbar,ol as SnowmobileIcon,tl as SortColumnIcon,al as SortIcon,lo as Spacer,j as Spinner,Lo as SpinnerThin,po as Stack,bo as Stamp,wn as Status,Ln as StatusStyle,Qo as Stepper,qo as StepperAccordion,ll as StorageIcon,pl as StoreIcon,ln as Subtitle,nn as SubtitleStyle,dl as SuvIcon,xl as SwedishFlagIcon,Jo as Switcher,W as Tab,go as Table,O as Tabs,G as TextArea,V as TextField,cl as ThreeSixtyIcon,Po as TimePicker,pn as TinyTitleBold,mn as TinyTitleBoldStyle,dn as TinyTitleRegular,un as TinyTitleRegularStyle,xn as Title,sn as TitleStyle,Ko as Toggle,Io as ToggleArrow,il as TractorIcon,yl as TrailerIcon,Cl as TransportIcon,Bl as TruckIcon,hl as TwitterIcon,wl as TyresIcon,vl as UnitedKingdomFlagIcon,Dl as UploadIcon,Rl as UserIcon,Ml as ValuationIcon,$o as ValuationRange,El as VanIcon,Vl as VersionIcon,Gl as ViewsIcon,Ol as WagonIcon,Wl as WarningIcon,zl as WarrantyIcon,jl as YoutubeIcon,En as getDarkerShade,Hn as getLighterShade,Vn as hexToRGB,L as mediaQueries,v as mq,b as mqNumberSizes,D as mqSizes,Un as resetButtonStyle,Gn as resolveColorWithNeutral,F as theme,Xl as useDynamicScript};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kvdbil/components",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.1.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -49,8 +49,7 @@
|
|
|
49
49
|
],
|
|
50
50
|
"resolutions": {
|
|
51
51
|
"**/@types/react": "^18.3.12",
|
|
52
|
-
"
|
|
53
|
-
"**/@babel/runtime": "^7.26.10"
|
|
52
|
+
"**/brace-expansion": "^1.1.12"
|
|
54
53
|
},
|
|
55
54
|
"devDependencies": {
|
|
56
55
|
"@babel/core": "^7.11.6",
|
|
@@ -86,7 +85,7 @@
|
|
|
86
85
|
"cross-env": "^7.0.3",
|
|
87
86
|
"date-fns": "^4.1.0",
|
|
88
87
|
"esbuild": "^0.25.0",
|
|
89
|
-
"eslint": "^9.
|
|
88
|
+
"eslint": "^9.32.0",
|
|
90
89
|
"eslint-config-prettier": "^10.0.1",
|
|
91
90
|
"eslint-plugin-mdx": "^3.1.5",
|
|
92
91
|
"eslint-plugin-react": "^7.36.1",
|
|
@@ -95,7 +94,7 @@
|
|
|
95
94
|
"husky": "^9.1.5",
|
|
96
95
|
"identity-obj-proxy": "^3.0.0",
|
|
97
96
|
"jest": "^29.7.0",
|
|
98
|
-
"jest-environment-jsdom": "^
|
|
97
|
+
"jest-environment-jsdom": "^30.0.5",
|
|
99
98
|
"jest-styled-components": "^7.2.0",
|
|
100
99
|
"jest-watch-typeahead": "^2.2.2",
|
|
101
100
|
"prettier": "^3.3.3",
|
package/package.json.tmp
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kvdbil/components",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.1.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -48,8 +48,7 @@
|
|
|
48
48
|
],
|
|
49
49
|
"resolutions": {
|
|
50
50
|
"**/@types/react": "^18.3.12",
|
|
51
|
-
"
|
|
52
|
-
"**/@babel/runtime": "^7.26.10"
|
|
51
|
+
"**/brace-expansion": "^1.1.12"
|
|
53
52
|
},
|
|
54
53
|
"devDependencies": {
|
|
55
54
|
"@babel/core": "^7.11.6",
|
|
@@ -85,7 +84,7 @@
|
|
|
85
84
|
"cross-env": "^7.0.3",
|
|
86
85
|
"date-fns": "^4.1.0",
|
|
87
86
|
"esbuild": "^0.25.0",
|
|
88
|
-
"eslint": "^9.
|
|
87
|
+
"eslint": "^9.32.0",
|
|
89
88
|
"eslint-config-prettier": "^10.0.1",
|
|
90
89
|
"eslint-plugin-mdx": "^3.1.5",
|
|
91
90
|
"eslint-plugin-react": "^7.36.1",
|
|
@@ -94,7 +93,7 @@
|
|
|
94
93
|
"husky": "^9.1.5",
|
|
95
94
|
"identity-obj-proxy": "^3.0.0",
|
|
96
95
|
"jest": "^29.7.0",
|
|
97
|
-
"jest-environment-jsdom": "^
|
|
96
|
+
"jest-environment-jsdom": "^30.0.5",
|
|
98
97
|
"jest-styled-components": "^7.2.0",
|
|
99
98
|
"jest-watch-typeahead": "^2.2.2",
|
|
100
99
|
"prettier": "^3.3.3",
|
package/types/index.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ export { default as Breadcrumbs } from './components/Breadcrumbs';
|
|
|
42
42
|
export { default as Message } from './components/Message';
|
|
43
43
|
export { default as RegistrationPlate } from './components/RegistrationPlate';
|
|
44
44
|
export { default as MenuItem } from './components/MenuItem';
|
|
45
|
+
export { FocusTrap } from './components/FocusTrap';
|
|
45
46
|
export * from './icons/components';
|
|
46
47
|
export { useDynamicScript } from './hooks/useDynamicScript';
|
|
47
48
|
export { Title, Subtitle, Headline, Display1, Display2, Display3, TinyTitleRegular, TinyTitleBold, } from './typography/Heading';
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
"use strict";var e,t=require("react/jsx-runtime"),n=require("react"),r=require("styled-components");const s=((e=r)&&e.__esModule?e:{default:e}).default.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
`;exports.FocusTrap=({children:e})=>{const r=n.useRef(null);return n.useEffect((()=>{const e=r.current;if(!e)return;const t=Array.from(e.querySelectorAll(["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(","))),n=e=>{if("Tab"!==e.key)return;if(0===t.length)return void e.preventDefault();const n=t[0],r=t[t.length-1],s=t.findIndex((e=>document.activeElement===e));e.preventDefault(),e.shiftKey?-1===s||0===s?r.focus():t[s-1].focus():-1===s||s===t.length-1?n.focus():t[s+1].focus()};return e.addEventListener("keydown",n),()=>{e.removeEventListener("keydown",n)}}),[]),t.jsx(s,{ref:r,children:e})};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{jsx as u}from"react/jsx-runtime";import{useRef as a,useEffect as m}from"react";import b from"styled-components";const p=b.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
`,h=({children:s})=>{const o=a(null);return m(()=>{const d=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],n=o.current;if(!n)return;const e=Array.from(n.querySelectorAll(d.join(","))),i=r=>{if(r.key!=="Tab")return;if(e.length===0){r.preventDefault();return}const f=e[0],c=e[e.length-1],t=e.findIndex(l=>document.activeElement===l);r.preventDefault(),r.shiftKey?t===-1||t===0?c.focus():e[t-1].focus():t===-1||t===e.length-1?f.focus():e[t+1].focus()};return n.addEventListener("keydown",i),()=>{n.removeEventListener("keydown",i)}},[]),u(p,{ref:o,children:s})};export{h as FocusTrap};
|