@kvdbil/components 3.3.5-4 → 3.4.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.
Files changed (457) hide show
  1. package/cjs/ColorCard.js +10 -31
  2. package/cjs/ElevationCard.js +5 -21
  3. package/cjs/Interfaces.js +1 -2
  4. package/cjs/Types.js +1 -2
  5. package/cjs/components/Accordion/index.js +20 -64
  6. package/cjs/components/Badge/index.js +9 -43
  7. package/cjs/components/Button/index.js +60 -125
  8. package/cjs/components/Card/index.js +6 -25
  9. package/cjs/components/CheckBox/index.js +24 -53
  10. package/cjs/components/Chip/index.js +10 -65
  11. package/cjs/components/DayPicker/DayPickerNavBar.js +9 -32
  12. package/cjs/components/DayPicker/index.js +10 -40
  13. package/cjs/components/DayPicker/localeUtils.js +1 -60
  14. package/cjs/components/DayPicker/style.js +226 -0
  15. package/cjs/components/Dialog/index.js +9 -42
  16. package/cjs/components/ErrorMessage/index.js +6 -21
  17. package/cjs/components/FieldLabel.js +22 -49
  18. package/cjs/components/Header/Hamburger.js +7 -22
  19. package/cjs/components/Header/Link.js +9 -26
  20. package/cjs/components/Header/index.js +16 -45
  21. package/cjs/components/Hero/index.js +7 -32
  22. package/cjs/components/Icon/index.js +11 -76
  23. package/cjs/components/IconButton.js +15 -54
  24. package/cjs/components/Icons/Arrow.js +1 -9
  25. package/cjs/components/Icons/CheckCircle.js +1 -9
  26. package/cjs/components/Icons/CheckIcon.js +1 -9
  27. package/cjs/components/Icons/Close.js +1 -9
  28. package/cjs/components/Icons/ErrorCircle.js +1 -9
  29. package/cjs/components/Icons/InfoCircle.js +1 -9
  30. package/cjs/components/InlineStepper/Step.js +16 -53
  31. package/cjs/components/InlineStepper/StepCircle.js +11 -46
  32. package/cjs/components/InlineStepper/index.js +4 -39
  33. package/cjs/components/ListItem/Bacon.js +1 -9
  34. package/cjs/components/ListItem/index.js +7 -28
  35. package/cjs/components/Logo/LogoEn.js +1 -9
  36. package/cjs/components/Logo/LogoSv.js +1 -9
  37. package/cjs/components/Logo/index.js +3 -30
  38. package/cjs/components/MenuItem/index.js +23 -68
  39. package/cjs/components/Modal/index.js +11 -54
  40. package/cjs/components/NotificationButton/index.js +4 -28
  41. package/cjs/components/OffCanvas/Overlay.js +2 -33
  42. package/cjs/components/OffCanvas/index.js +21 -62
  43. package/cjs/components/OffCanvas/useClickOutside.js +1 -21
  44. package/cjs/components/RadioButton/index.js +28 -58
  45. package/cjs/components/Range/index.js +10 -35
  46. package/cjs/components/Select/components/test-icon.js +1 -9
  47. package/cjs/components/Select/index.js +18 -147
  48. package/cjs/components/Snackbar/index.js +24 -76
  49. package/cjs/components/Spinner/index.js +10 -46
  50. package/cjs/components/Stepper/index.js +11 -35
  51. package/cjs/components/StepperAccordion/index.js +26 -76
  52. package/cjs/components/Tabs/index.js +7 -47
  53. package/cjs/components/TextArea/index.js +30 -61
  54. package/cjs/components/Textfield/index.js +29 -69
  55. package/cjs/components/TimePicker/index.js +2 -29
  56. package/cjs/components/TimePicker/testHelper.js +1 -17
  57. package/cjs/components/Toggle/index.js +12 -45
  58. package/cjs/icons/components/AccountCreateIcon.js +1 -11
  59. package/cjs/icons/components/AccountIcon.js +1 -11
  60. package/cjs/icons/components/AccountLoginIcon.js +1 -11
  61. package/cjs/icons/components/ArrowDownIcon.js +1 -11
  62. package/cjs/icons/components/ArrowLeftIcon.js +1 -11
  63. package/cjs/icons/components/ArrowLeftSharpIcon.js +1 -11
  64. package/cjs/icons/components/ArrowLeftSmallIcon.js +1 -11
  65. package/cjs/icons/components/ArrowLong.js +1 -11
  66. package/cjs/icons/components/ArrowRestartIcon.js +1 -11
  67. package/cjs/icons/components/ArrowRightIcon.js +1 -11
  68. package/cjs/icons/components/ArrowRightSharpIcon.js +1 -11
  69. package/cjs/icons/components/ArrowUpIcon.js +1 -11
  70. package/cjs/icons/components/AuctionIcon.js +1 -11
  71. package/cjs/icons/components/BackArrowIcon.js +1 -11
  72. package/cjs/icons/components/Baseline360Icon.js +1 -11
  73. package/cjs/icons/components/BellIcon.js +1 -11
  74. package/cjs/icons/components/BidIcon.js +1 -11
  75. package/cjs/icons/components/BidKrIcon.js +1 -11
  76. package/cjs/icons/components/BreaksIcon.js +1 -11
  77. package/cjs/icons/components/BuyCarIcon.js +1 -11
  78. package/cjs/icons/components/CabIcon.js +1 -11
  79. package/cjs/icons/components/CalendarIcon.js +1 -11
  80. package/cjs/icons/components/CameraIcon.js +1 -11
  81. package/cjs/icons/components/Car360Icon.js +1 -11
  82. package/cjs/icons/components/CarFrontIcon.js +1 -11
  83. package/cjs/icons/components/CarSearchIcon.js +1 -11
  84. package/cjs/icons/components/CarSideIcon.js +1 -11
  85. package/cjs/icons/components/CarTiresIcon.js +1 -11
  86. package/cjs/icons/components/CaravanIcon.js +1 -11
  87. package/cjs/icons/components/CardViewIcon.js +1 -11
  88. package/cjs/icons/components/CarloanIcon.js +1 -11
  89. package/cjs/icons/components/CertifiedIcon.js +1 -11
  90. package/cjs/icons/components/ChatIcon.js +1 -11
  91. package/cjs/icons/components/CheckIcon.js +1 -11
  92. package/cjs/icons/components/CheckThinIcon.js +1 -11
  93. package/cjs/icons/components/CheckmarkFilledIcon.js +1 -11
  94. package/cjs/icons/components/CheckmarkIcon.js +1 -11
  95. package/cjs/icons/components/ClipboardFilledIcon.js +1 -11
  96. package/cjs/icons/components/ClipboardIcon.js +1 -11
  97. package/cjs/icons/components/ClockFilledIcon.js +1 -11
  98. package/cjs/icons/components/ClockIcon.js +1 -11
  99. package/cjs/icons/components/CloseIcon.js +1 -11
  100. package/cjs/icons/components/CloseThinIcon.js +1 -11
  101. package/cjs/icons/components/CoffeeIcon.js +1 -11
  102. package/cjs/icons/components/CombiIcon.js +1 -11
  103. package/cjs/icons/components/CommentCircleFilledIcon.js +1 -11
  104. package/cjs/icons/components/CommentCircleIconIcon.js +1 -11
  105. package/cjs/icons/components/CommentIcon.js +1 -11
  106. package/cjs/icons/components/ContactIcon.js +1 -11
  107. package/cjs/icons/components/CoupeIcon.js +1 -11
  108. package/cjs/icons/components/CreditCardIcon.js +1 -11
  109. package/cjs/icons/components/CrossCircleIcon.js +1 -11
  110. package/cjs/icons/components/CrownIcon.js +1 -11
  111. package/cjs/icons/components/DealmakerIcon.js +1 -11
  112. package/cjs/icons/components/DeliveryIcon.js +1 -11
  113. package/cjs/icons/components/DetailedSearchIcon.js +1 -11
  114. package/cjs/icons/components/EcoFriendlyIcon.js +1 -11
  115. package/cjs/icons/components/EditIcon.js +1 -11
  116. package/cjs/icons/components/EngineIcon.js +1 -11
  117. package/cjs/icons/components/EnglandFlagIcon.js +1 -11
  118. package/cjs/icons/components/EvaluationIcon.js +1 -11
  119. package/cjs/icons/components/ExaminationMarkFilledIcon.js +1 -11
  120. package/cjs/icons/components/ExaminationMarkIcon.js +1 -11
  121. package/cjs/icons/components/ExteriorIcon.js +1 -11
  122. package/cjs/icons/components/EyeIcon.js +1 -11
  123. package/cjs/icons/components/FacebookBtnIcon.js +1 -11
  124. package/cjs/icons/components/FacebookIcon.js +1 -11
  125. package/cjs/icons/components/FatalIcon.js +1 -11
  126. package/cjs/icons/components/FavouriteIcon.js +1 -11
  127. package/cjs/icons/components/FavouriteSolidIcon.js +1 -11
  128. package/cjs/icons/components/FilterIcon.js +1 -11
  129. package/cjs/icons/components/FinanceIcon.js +1 -11
  130. package/cjs/icons/components/FindCarIcon.js +1 -11
  131. package/cjs/icons/components/FixedMonthlyCostIcon.js +1 -11
  132. package/cjs/icons/components/FlagIcon.js +1 -11
  133. package/cjs/icons/components/FlexibilityIcon.js +1 -11
  134. package/cjs/icons/components/ForumLargeIcon.js +1 -11
  135. package/cjs/icons/components/ForumSmallIcon.js +1 -11
  136. package/cjs/icons/components/GavelIcon.js +1 -11
  137. package/cjs/icons/components/GearboxIcon.js +1 -11
  138. package/cjs/icons/components/GiftIcon.js +1 -11
  139. package/cjs/icons/components/GridViewIcon.js +1 -11
  140. package/cjs/icons/components/GroupIcon.js +1 -11
  141. package/cjs/icons/components/GuaranteeIcon.js +1 -11
  142. package/cjs/icons/components/GuaranteeLargeIcon.js +1 -11
  143. package/cjs/icons/components/GuaranteeSmallIcon.js +1 -11
  144. package/cjs/icons/components/HalfCombiIcon.js +1 -11
  145. package/cjs/icons/components/HamburgerIcon.js +1 -11
  146. package/cjs/icons/components/HandshakeIcon.js +1 -11
  147. package/cjs/icons/components/HelpingHandIcon.js +1 -11
  148. package/cjs/icons/components/IdIcon.js +1 -11
  149. package/cjs/icons/components/InformationIcon.js +1 -11
  150. package/cjs/icons/components/InstagramIcon.js +1 -11
  151. package/cjs/icons/components/InsuranceIcon.js +1 -11
  152. package/cjs/icons/components/InteriorIcon.js +1 -11
  153. package/cjs/icons/components/InteriorThinIcon.js +1 -11
  154. package/cjs/icons/components/InternationalIcon.js +1 -11
  155. package/cjs/icons/components/KvdTestIcon.js +1 -11
  156. package/cjs/icons/components/KvdVenueIcon.js +1 -11
  157. package/cjs/icons/components/LifebuoyIcon.js +1 -11
  158. package/cjs/icons/components/LiftTruckIcon.js +1 -11
  159. package/cjs/icons/components/LinkedInIcon.js +1 -11
  160. package/cjs/icons/components/ListViewIcon.js +1 -11
  161. package/cjs/icons/components/MailIcon.js +1 -11
  162. package/cjs/icons/components/MinibusIcon.js +1 -11
  163. package/cjs/icons/components/MinivanIcon.js +1 -11
  164. package/cjs/icons/components/MobileIcon.js +1 -11
  165. package/cjs/icons/components/MotorcycleIcon.js +1 -11
  166. package/cjs/icons/components/MrfLogoIcon.js +1 -11
  167. package/cjs/icons/components/NotFoundIcon.js +1 -11
  168. package/cjs/icons/components/OverbidIcon.js +1 -11
  169. package/cjs/icons/components/PdfIconIcon.js +1 -11
  170. package/cjs/icons/components/PhoneIcon.js +1 -11
  171. package/cjs/icons/components/PickUpIcon.js +1 -11
  172. package/cjs/icons/components/PinIcon.js +1 -11
  173. package/cjs/icons/components/PlayIcon.js +1 -11
  174. package/cjs/icons/components/Pricetag.js +1 -11
  175. package/cjs/icons/components/PricetagFilledKronaIcon.js +1 -11
  176. package/cjs/icons/components/PrivateCarIcon.js +1 -11
  177. package/cjs/icons/components/ProfileCircleIcon.js +1 -11
  178. package/cjs/icons/components/ProfileIcon.js +1 -11
  179. package/cjs/icons/components/RadioIcon.js +1 -11
  180. package/cjs/icons/components/ReclamationIcon.js +1 -11
  181. package/cjs/icons/components/ReleasingIcon.js +1 -11
  182. package/cjs/icons/components/RemoveFilterIcon.js +1 -11
  183. package/cjs/icons/components/ReservedPriceIcon.js +1 -11
  184. package/cjs/icons/components/ResultIcon.js +1 -11
  185. package/cjs/icons/components/SafePaymentIcon.js +1 -11
  186. package/cjs/icons/components/SaleTagIcon.js +1 -11
  187. package/cjs/icons/components/SearchCheckIcon.js +1 -11
  188. package/cjs/icons/components/SearchIcon.js +1 -11
  189. package/cjs/icons/components/SedanIcon.js +1 -11
  190. package/cjs/icons/components/SellCarIcon.js +1 -11
  191. package/cjs/icons/components/SellCarsIcon.js +1 -11
  192. package/cjs/icons/components/ServiceIcon.js +1 -11
  193. package/cjs/icons/components/ShareIcon.js +1 -11
  194. package/cjs/icons/components/ShieldIcon.js +1 -11
  195. package/cjs/icons/components/SignInIcon.js +1 -11
  196. package/cjs/icons/components/SignOutIcon.js +1 -11
  197. package/cjs/icons/components/SpeedMeterIcon.js +1 -11
  198. package/cjs/icons/components/StarCircleIcon.js +1 -11
  199. package/cjs/icons/components/StartIcon.js +1 -11
  200. package/cjs/icons/components/StoreIcon.js +1 -11
  201. package/cjs/icons/components/SuvIcon.js +1 -11
  202. package/cjs/icons/components/SwedenFlag.js +1 -11
  203. package/cjs/icons/components/TankIcon.js +1 -11
  204. package/cjs/icons/components/TireIcon.js +1 -11
  205. package/cjs/icons/components/TransportIcon.js +1 -11
  206. package/cjs/icons/components/TrashcanIcon.js +1 -11
  207. package/cjs/icons/components/TrophyIcon.js +1 -11
  208. package/cjs/icons/components/TruckIcon.js +1 -11
  209. package/cjs/icons/components/UmbrellaIcon.js +1 -11
  210. package/cjs/icons/components/ValuationIcon.js +1 -11
  211. package/cjs/icons/components/ValueIcon.js +1 -11
  212. package/cjs/icons/components/WarningIcon.js +1 -11
  213. package/cjs/icons/components/YoutubeIcon.js +1 -11
  214. package/cjs/icons/components/index.js +1 -320
  215. package/cjs/index.js +1 -439
  216. package/cjs/shared/constants.js +1 -7
  217. package/cjs/shared/helpers.js +1 -28
  218. package/cjs/shared/helpers.spec.js +1 -42
  219. package/cjs/shared/media-queries.js +1 -41
  220. package/cjs/theme.js +1 -125
  221. package/cjs/typography/BodyText/index.js +20 -53
  222. package/cjs/typography/ButtonText/index.js +15 -43
  223. package/cjs/typography/Heading/index.js +22 -54
  224. package/cjs/utils/utils.js +2 -30
  225. package/esm/ColorCard.js +10 -23
  226. package/esm/ElevationCard.js +5 -13
  227. package/esm/components/Accordion/index.js +20 -55
  228. package/esm/components/Badge/index.js +9 -34
  229. package/esm/components/Button/index.js +50 -106
  230. package/esm/components/Card/index.js +6 -16
  231. package/esm/components/CheckBox/index.js +17 -37
  232. package/esm/components/Chip/index.js +10 -56
  233. package/esm/components/DayPicker/DayPickerNavBar.js +9 -24
  234. package/esm/components/DayPicker/index.js +10 -30
  235. package/esm/components/DayPicker/localeUtils.js +1 -52
  236. package/esm/components/DayPicker/style.js +226 -0
  237. package/esm/components/Dialog/index.js +9 -33
  238. package/esm/components/ErrorMessage/index.js +6 -12
  239. package/esm/components/FieldLabel.js +21 -40
  240. package/esm/components/Header/Hamburger.js +7 -14
  241. package/esm/components/Header/Link.js +9 -18
  242. package/esm/components/Header/index.js +16 -36
  243. package/esm/components/Hero/index.js +7 -23
  244. package/esm/components/Icon/index.js +11 -68
  245. package/esm/components/IconButton.js +15 -46
  246. package/esm/components/Icons/Arrow.js +1 -5
  247. package/esm/components/Icons/CheckCircle.js +1 -5
  248. package/esm/components/Icons/CheckIcon.js +1 -5
  249. package/esm/components/Icons/Close.js +1 -5
  250. package/esm/components/Icons/ErrorCircle.js +1 -5
  251. package/esm/components/Icons/InfoCircle.js +1 -5
  252. package/esm/components/InlineStepper/Step.js +16 -44
  253. package/esm/components/InlineStepper/StepCircle.js +11 -38
  254. package/esm/components/InlineStepper/index.js +4 -31
  255. package/esm/components/ListItem/Bacon.js +1 -5
  256. package/esm/components/ListItem/index.js +7 -20
  257. package/esm/components/Logo/LogoEn.js +1 -5
  258. package/esm/components/Logo/LogoSv.js +1 -5
  259. package/esm/components/Logo/index.js +3 -21
  260. package/esm/components/MenuItem/index.js +22 -58
  261. package/esm/components/Modal/index.js +11 -45
  262. package/esm/components/NotificationButton/index.js +4 -20
  263. package/esm/components/OffCanvas/Overlay.js +2 -25
  264. package/esm/components/OffCanvas/index.js +21 -53
  265. package/esm/components/OffCanvas/useClickOutside.js +1 -17
  266. package/esm/components/RadioButton/index.js +21 -42
  267. package/esm/components/Range/index.js +10 -26
  268. package/esm/components/Select/components/test-icon.js +1 -5
  269. package/esm/components/Select/index.js +18 -137
  270. package/esm/components/Snackbar/index.js +24 -67
  271. package/esm/components/Spinner/index.js +10 -38
  272. package/esm/components/Stepper/index.js +11 -27
  273. package/esm/components/StepperAccordion/index.js +23 -64
  274. package/esm/components/Tabs/index.js +7 -37
  275. package/esm/components/TextArea/index.js +30 -52
  276. package/esm/components/Textfield/index.js +29 -60
  277. package/esm/components/TimePicker/index.js +2 -20
  278. package/esm/components/TimePicker/testHelper.js +1 -13
  279. package/esm/components/Toggle/index.js +12 -37
  280. package/esm/icons/components/AccountCreateIcon.js +1 -7
  281. package/esm/icons/components/AccountIcon.js +1 -7
  282. package/esm/icons/components/AccountLoginIcon.js +1 -7
  283. package/esm/icons/components/ArrowDownIcon.js +1 -7
  284. package/esm/icons/components/ArrowLeftIcon.js +1 -7
  285. package/esm/icons/components/ArrowLeftSharpIcon.js +1 -7
  286. package/esm/icons/components/ArrowLeftSmallIcon.js +1 -7
  287. package/esm/icons/components/ArrowLong.js +1 -7
  288. package/esm/icons/components/ArrowRestartIcon.js +1 -7
  289. package/esm/icons/components/ArrowRightIcon.js +1 -7
  290. package/esm/icons/components/ArrowRightSharpIcon.js +1 -7
  291. package/esm/icons/components/ArrowUpIcon.js +1 -7
  292. package/esm/icons/components/AuctionIcon.js +1 -7
  293. package/esm/icons/components/BackArrowIcon.js +1 -7
  294. package/esm/icons/components/Baseline360Icon.js +1 -7
  295. package/esm/icons/components/BellIcon.js +1 -7
  296. package/esm/icons/components/BidIcon.js +1 -7
  297. package/esm/icons/components/BidKrIcon.js +1 -7
  298. package/esm/icons/components/BreaksIcon.js +1 -7
  299. package/esm/icons/components/BuyCarIcon.js +1 -7
  300. package/esm/icons/components/CabIcon.js +1 -7
  301. package/esm/icons/components/CalendarIcon.js +1 -7
  302. package/esm/icons/components/CameraIcon.js +1 -7
  303. package/esm/icons/components/Car360Icon.js +1 -7
  304. package/esm/icons/components/CarFrontIcon.js +1 -7
  305. package/esm/icons/components/CarSearchIcon.js +1 -7
  306. package/esm/icons/components/CarSideIcon.js +1 -7
  307. package/esm/icons/components/CarTiresIcon.js +1 -7
  308. package/esm/icons/components/CaravanIcon.js +1 -7
  309. package/esm/icons/components/CardViewIcon.js +1 -7
  310. package/esm/icons/components/CarloanIcon.js +1 -7
  311. package/esm/icons/components/CertifiedIcon.js +1 -7
  312. package/esm/icons/components/ChatIcon.js +1 -7
  313. package/esm/icons/components/CheckIcon.js +1 -7
  314. package/esm/icons/components/CheckThinIcon.js +1 -7
  315. package/esm/icons/components/CheckmarkFilledIcon.js +1 -7
  316. package/esm/icons/components/CheckmarkIcon.js +1 -7
  317. package/esm/icons/components/ClipboardFilledIcon.js +1 -7
  318. package/esm/icons/components/ClipboardIcon.js +1 -7
  319. package/esm/icons/components/ClockFilledIcon.js +1 -7
  320. package/esm/icons/components/ClockIcon.js +1 -7
  321. package/esm/icons/components/CloseIcon.js +1 -7
  322. package/esm/icons/components/CloseThinIcon.js +1 -7
  323. package/esm/icons/components/CoffeeIcon.js +1 -7
  324. package/esm/icons/components/CombiIcon.js +1 -7
  325. package/esm/icons/components/CommentCircleFilledIcon.js +1 -7
  326. package/esm/icons/components/CommentCircleIconIcon.js +1 -7
  327. package/esm/icons/components/CommentIcon.js +1 -7
  328. package/esm/icons/components/ContactIcon.js +1 -7
  329. package/esm/icons/components/CoupeIcon.js +1 -7
  330. package/esm/icons/components/CreditCardIcon.js +1 -7
  331. package/esm/icons/components/CrossCircleIcon.js +1 -7
  332. package/esm/icons/components/CrownIcon.js +1 -7
  333. package/esm/icons/components/DealmakerIcon.js +1 -7
  334. package/esm/icons/components/DeliveryIcon.js +1 -7
  335. package/esm/icons/components/DetailedSearchIcon.js +1 -7
  336. package/esm/icons/components/EcoFriendlyIcon.js +1 -7
  337. package/esm/icons/components/EditIcon.js +1 -7
  338. package/esm/icons/components/EngineIcon.js +1 -7
  339. package/esm/icons/components/EnglandFlagIcon.js +1 -7
  340. package/esm/icons/components/EvaluationIcon.js +1 -7
  341. package/esm/icons/components/ExaminationMarkFilledIcon.js +1 -7
  342. package/esm/icons/components/ExaminationMarkIcon.js +1 -7
  343. package/esm/icons/components/ExteriorIcon.js +1 -7
  344. package/esm/icons/components/EyeIcon.js +1 -7
  345. package/esm/icons/components/FacebookBtnIcon.js +1 -7
  346. package/esm/icons/components/FacebookIcon.js +1 -7
  347. package/esm/icons/components/FatalIcon.js +1 -7
  348. package/esm/icons/components/FavouriteIcon.js +1 -7
  349. package/esm/icons/components/FavouriteSolidIcon.js +1 -7
  350. package/esm/icons/components/FilterIcon.js +1 -7
  351. package/esm/icons/components/FinanceIcon.js +1 -7
  352. package/esm/icons/components/FindCarIcon.js +1 -7
  353. package/esm/icons/components/FixedMonthlyCostIcon.js +1 -7
  354. package/esm/icons/components/FlagIcon.js +1 -7
  355. package/esm/icons/components/FlexibilityIcon.js +1 -7
  356. package/esm/icons/components/ForumLargeIcon.js +1 -7
  357. package/esm/icons/components/ForumSmallIcon.js +1 -7
  358. package/esm/icons/components/GavelIcon.js +1 -7
  359. package/esm/icons/components/GearboxIcon.js +1 -7
  360. package/esm/icons/components/GiftIcon.js +1 -7
  361. package/esm/icons/components/GridViewIcon.js +1 -7
  362. package/esm/icons/components/GroupIcon.js +1 -7
  363. package/esm/icons/components/GuaranteeIcon.js +1 -7
  364. package/esm/icons/components/GuaranteeLargeIcon.js +1 -7
  365. package/esm/icons/components/GuaranteeSmallIcon.js +1 -7
  366. package/esm/icons/components/HalfCombiIcon.js +1 -7
  367. package/esm/icons/components/HamburgerIcon.js +1 -7
  368. package/esm/icons/components/HandshakeIcon.js +1 -7
  369. package/esm/icons/components/HelpingHandIcon.js +1 -7
  370. package/esm/icons/components/IdIcon.js +1 -7
  371. package/esm/icons/components/InformationIcon.js +1 -7
  372. package/esm/icons/components/InstagramIcon.js +1 -7
  373. package/esm/icons/components/InsuranceIcon.js +1 -7
  374. package/esm/icons/components/InteriorIcon.js +1 -7
  375. package/esm/icons/components/InteriorThinIcon.js +1 -7
  376. package/esm/icons/components/InternationalIcon.js +1 -7
  377. package/esm/icons/components/KvdTestIcon.js +1 -7
  378. package/esm/icons/components/KvdVenueIcon.js +1 -7
  379. package/esm/icons/components/LifebuoyIcon.js +1 -7
  380. package/esm/icons/components/LiftTruckIcon.js +1 -7
  381. package/esm/icons/components/LinkedInIcon.js +1 -7
  382. package/esm/icons/components/ListViewIcon.js +1 -7
  383. package/esm/icons/components/MailIcon.js +1 -7
  384. package/esm/icons/components/MinibusIcon.js +1 -7
  385. package/esm/icons/components/MinivanIcon.js +1 -7
  386. package/esm/icons/components/MobileIcon.js +1 -7
  387. package/esm/icons/components/MotorcycleIcon.js +1 -7
  388. package/esm/icons/components/MrfLogoIcon.js +1 -7
  389. package/esm/icons/components/NotFoundIcon.js +1 -7
  390. package/esm/icons/components/OverbidIcon.js +1 -7
  391. package/esm/icons/components/PdfIconIcon.js +1 -7
  392. package/esm/icons/components/PhoneIcon.js +1 -7
  393. package/esm/icons/components/PickUpIcon.js +1 -7
  394. package/esm/icons/components/PinIcon.js +1 -7
  395. package/esm/icons/components/PlayIcon.js +1 -7
  396. package/esm/icons/components/Pricetag.js +1 -7
  397. package/esm/icons/components/PricetagFilledKronaIcon.js +1 -7
  398. package/esm/icons/components/PrivateCarIcon.js +1 -7
  399. package/esm/icons/components/ProfileCircleIcon.js +1 -7
  400. package/esm/icons/components/ProfileIcon.js +1 -7
  401. package/esm/icons/components/RadioIcon.js +1 -7
  402. package/esm/icons/components/ReclamationIcon.js +1 -7
  403. package/esm/icons/components/ReleasingIcon.js +1 -7
  404. package/esm/icons/components/RemoveFilterIcon.js +1 -7
  405. package/esm/icons/components/ReservedPriceIcon.js +1 -7
  406. package/esm/icons/components/ResultIcon.js +1 -7
  407. package/esm/icons/components/SafePaymentIcon.js +1 -7
  408. package/esm/icons/components/SaleTagIcon.js +1 -7
  409. package/esm/icons/components/SearchCheckIcon.js +1 -7
  410. package/esm/icons/components/SearchIcon.js +1 -7
  411. package/esm/icons/components/SedanIcon.js +1 -7
  412. package/esm/icons/components/SellCarIcon.js +1 -7
  413. package/esm/icons/components/SellCarsIcon.js +1 -7
  414. package/esm/icons/components/ServiceIcon.js +1 -7
  415. package/esm/icons/components/ShareIcon.js +1 -7
  416. package/esm/icons/components/ShieldIcon.js +1 -7
  417. package/esm/icons/components/SignInIcon.js +1 -7
  418. package/esm/icons/components/SignOutIcon.js +1 -7
  419. package/esm/icons/components/SpeedMeterIcon.js +1 -7
  420. package/esm/icons/components/StarCircleIcon.js +1 -7
  421. package/esm/icons/components/StartIcon.js +1 -7
  422. package/esm/icons/components/StoreIcon.js +1 -7
  423. package/esm/icons/components/SuvIcon.js +1 -7
  424. package/esm/icons/components/SwedenFlag.js +1 -7
  425. package/esm/icons/components/TankIcon.js +1 -7
  426. package/esm/icons/components/TireIcon.js +1 -7
  427. package/esm/icons/components/TransportIcon.js +1 -7
  428. package/esm/icons/components/TrashcanIcon.js +1 -7
  429. package/esm/icons/components/TrophyIcon.js +1 -7
  430. package/esm/icons/components/TruckIcon.js +1 -7
  431. package/esm/icons/components/UmbrellaIcon.js +1 -7
  432. package/esm/icons/components/ValuationIcon.js +1 -7
  433. package/esm/icons/components/ValueIcon.js +1 -7
  434. package/esm/icons/components/WarningIcon.js +1 -7
  435. package/esm/icons/components/YoutubeIcon.js +1 -7
  436. package/esm/icons/components/index.js +1 -157
  437. package/esm/index.js +1 -221
  438. package/esm/shared/constants.js +1 -3
  439. package/esm/shared/helpers.js +1 -23
  440. package/esm/shared/helpers.spec.js +1 -40
  441. package/esm/shared/media-queries.js +1 -35
  442. package/esm/theme.js +1 -121
  443. package/esm/typography/BodyText/index.js +20 -35
  444. package/esm/typography/ButtonText/index.js +15 -28
  445. package/esm/typography/Heading/index.js +22 -38
  446. package/esm/utils/utils.js +2 -25
  447. package/package.json +11 -8
  448. package/types/components/DayPicker/index.d.ts +0 -1
  449. package/types/components/DayPicker/style.d.ts +2 -0
  450. package/types/components/FieldLabel.d.ts +1 -1
  451. package/types/components/Header/Link.d.ts +1 -1
  452. package/types/components/MenuItem/index.d.ts +1 -1
  453. package/types/components/Select/index.d.ts +9 -8
  454. package/cjs/react-app-env.d.js +0 -2
  455. package/cjs/styled.d.js +0 -4
  456. package/esm/react-app-env.d.js +0 -1
  457. package/esm/styled.d.js +0 -1
@@ -1,24 +1,7 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styled = require('styled-components');
7
- var theme = require('../theme.js');
8
-
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
-
13
- const disabledBackground = styled.css `
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("styled-components"),t=require("../theme.js");function i(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var r=i(e),c=i(o);const a=o.css`
14
2
  background-color: transparent;
15
- `;
16
- const initialMS = '400ms';
17
- const focusRippleMS = '1500ms';
18
- const activeRippleMS = '750ms';
19
- // eslint-disable-next-line prettier/prettier
20
- const Container = styled__default['default'].div `
21
- cursor: ${props => (props.isDisabled ? 'default' : 'pointer')};
3
+ `,n=c.default.div`
4
+ cursor: ${s=>s.isDisabled?"default":"pointer"};
22
5
  outline: none;
23
6
 
24
7
  display: inline-block;
@@ -32,34 +15,32 @@ const Container = styled__default['default'].div `
32
15
 
33
16
  :hover {
34
17
  .button-background {
35
- transition: background-color ${initialMS};
36
- background-color: ${props => props.isActive ? theme['default'].colors[props.color].main : 'rgb(136, 136, 136)'};
18
+ transition: background-color ${"400ms"};
19
+ background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgb(136, 136, 136)"};
37
20
 
38
21
  opacity: 0.06;
39
- ${props => props.isDisabled && disabledBackground};
22
+ ${s=>s.isDisabled&&a};
40
23
  }
41
24
  }
42
25
 
43
26
  :focus {
44
27
  .button-background {
45
- transition: background-color ${initialMS};
46
- animation: FocusRipple ${focusRippleMS} 0ms infinite alternate-reverse;
47
- background-color: ${props => props.isActive
48
- ? theme['default'].colors[props.color].main
49
- : 'rgba(136, 136, 136)'};
28
+ transition: background-color ${"400ms"};
29
+ animation: FocusRipple ${"1500ms"} 0ms infinite alternate-reverse;
30
+ background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgba(136, 136, 136)"};
50
31
 
51
32
  opacity: 0.12;
52
- ${props => props.isDisabled && disabledBackground};
33
+ ${s=>s.isDisabled&&a};
53
34
  }
54
35
  }
55
36
 
56
37
  :active {
57
38
  .button-background {
58
- animation: ActiveRipple ${activeRippleMS};
59
- background-color: ${props => props.isActive ? theme['default'].colors[props.color].main : 'rgb(136, 136, 136)'};
39
+ animation: ActiveRipple ${"750ms"};
40
+ background-color: ${s=>s.isActive?t.default.colors[s.color].main:"rgb(136, 136, 136)"};
60
41
 
61
42
  opacity: 0.24;
62
- ${props => props.isDisabled && disabledBackground};
43
+ ${s=>s.isDisabled&&a};
63
44
  }
64
45
  }
65
46
 
@@ -86,8 +67,7 @@ const Container = styled__default['default'].div `
86
67
  clip-path: circle(50%);
87
68
  }
88
69
  }
89
- `;
90
- const Background = styled__default['default'].div `
70
+ `,l=c.default.div`
91
71
  top: 0;
92
72
  left: 0;
93
73
 
@@ -97,23 +77,4 @@ const Background = styled__default['default'].div `
97
77
 
98
78
  position: absolute;
99
79
  border-radius: 10rem;
100
- `;
101
- const IconButton = ({ children, isActive, isDisabled, onClick, color, }) => {
102
- const handleEnter = (event) => {
103
- if (event.key === 'Enter' && !isDisabled && typeof onClick === 'function') {
104
- event.persist();
105
- onClick(event);
106
- }
107
- };
108
- const handleClick = (event) => {
109
- event.stopPropagation();
110
- event.preventDefault();
111
- event.persist();
112
- if (!isDisabled && typeof onClick === 'function') {
113
- onClick(event);
114
- }
115
- };
116
- return (jsxRuntime.jsxs(Container, Object.assign({ color: color, isActive: isActive, isDisabled: isDisabled, onClick: handleClick, onKeyDown: handleEnter, tabIndex: isDisabled ? undefined : 1 }, { children: [jsxRuntime.jsx(Background, { className: "button-background" }, void 0), children] }), void 0));
117
- };
118
-
119
- exports['default'] = IconButton;
80
+ `;exports.default=({children:s,isActive:b,isDisabled:d,onClick:p,color:f})=>r.default.createElement(n,{color:f,isActive:b,isDisabled:d,onClick:u=>{u.stopPropagation(),u.preventDefault(),u.persist(),d||typeof p!="function"||p(u)},onKeyDown:u=>{u.key!=="Enter"||d||typeof p!="function"||(u.persist(),p(u))},tabIndex:d?void 0:1},r.default.createElement(l,{className:"button-background"}),s);
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const Arrow = ({ title, ...props }) => (jsxRuntime.jsxs("svg", Object.assign({}, props, { children: [title && jsxRuntime.jsx("title", { children: title }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-arrow", viewBox: "0 0 22 22" }, { children: jsxRuntime.jsx("path", { d: "M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-arrow" }, void 0)] }), void 0));
8
-
9
- exports['default'] = Arrow;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({title:l,...r})=>t.default.createElement("svg",{...r},l&&t.default.createElement("title",null,l),t.default.createElement("symbol",{id:"icon-arrow",viewBox:"0 0 22 22"},t.default.createElement("path",{d:"M1.29412 9.70588L10.7843 19.1961C10.9034 19.3152 11.0966 19.3152 11.2157 19.1961L20.7059 9.70588L22 11L12.5098 20.4902C11.676 21.324 10.324 21.324 9.4902 20.4902L0 11L1.29412 9.70588Z"})),t.default.createElement("use",{xlinkHref:"#icon-arrow"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const CheckCircle = ({ title = 'CheckCircle', ...props }) => (jsxRuntime.jsxs("svg", Object.assign({}, props, { children: [title && jsxRuntime.jsx("title", { children: title }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-checkCircle", viewBox: "0 0 24 24" }, { children: jsxRuntime.jsx("path", { d: "M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-checkCircle" }, void 0)] }), void 0));
8
-
9
- exports['default'] = CheckCircle;
1
+ "use strict";function e(C){return C&&typeof C=="object"&&"default"in C?C:{default:C}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({title:C="CheckCircle",...l})=>t.default.createElement("svg",{...l},C&&t.default.createElement("title",null,C),t.default.createElement("symbol",{id:"icon-checkCircle",viewBox:"0 0 24 24"},t.default.createElement("path",{d:"M12.5 23.0012C6.42487 23.0012 1.5 18.0764 1.5 12.0012C1.5 5.92609 6.42487 1.00122 12.5 1.00122C18.5751 1.00122 23.5 5.92609 23.5 12.0012C23.5 18.0764 18.5751 23.0012 12.5 23.0012ZM12.5 21.1679C17.5626 21.1679 21.6667 17.0638 21.6667 12.0012C21.6667 6.93861 17.5626 2.83455 12.5 2.83455C7.43739 2.83455 3.33333 6.93861 3.33333 12.0012C3.33333 17.0638 7.43739 21.1679 12.5 21.1679ZM9.10748 13.2429C9.33504 13.5121 9.55429 13.7564 9.76125 13.9695C10.1479 14.3676 10.4817 14.6294 10.6107 14.7179C10.6392 14.7003 10.6714 14.6794 10.7067 14.6551C10.9006 14.522 11.1553 14.3144 11.4591 14.0413C12.0292 13.5287 12.7476 12.8084 13.5766 11.9265C13.7427 11.7497 13.9125 11.5673 14.0856 11.3797C14.819 10.5847 15.5796 9.73162 16.3227 8.87836C16.5829 8.5796 16.8222 8.30225 17.0352 8.0535C17.1626 7.90465 17.2527 7.79871 17.2999 7.74287L18.7001 8.92624C18.6505 8.98498 18.5579 9.09389 18.4278 9.24582C18.2116 9.49837 17.9689 9.77961 17.7052 10.0824C16.9514 10.9479 16.1796 11.8136 15.4331 12.6228C15.2562 12.8145 15.0826 13.0011 14.9124 13.1821C12.7154 15.5196 11.5309 16.5846 10.6667 16.5846C9.95327 16.5846 9.28235 16.1078 8.44613 15.2468C8.20742 15.0011 7.96047 14.7259 7.70721 14.4262C7.35453 14.0089 7.00646 13.5644 6.67696 13.1203C6.47905 12.8535 6.33026 12.6446 6.24558 12.5219L7.75443 11.4805C7.82792 11.587 7.96481 11.7792 8.14939 12.028C8.4574 12.4432 8.78234 12.8581 9.10748 13.2429Z"})),t.default.createElement("use",{xlinkHref:"#icon-checkCircle"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const CheckIcon = ({ className = 'icon__svg' }) => (jsxRuntime.jsxs("svg", Object.assign({ className: className }, { children: [jsxRuntime.jsx("title", { children: "Check" }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-check", viewBox: "0 0 20 16" }, { children: jsxRuntime.jsx("path", { d: "M5.64559 11.2678C5.31325 10.8822 4.96116 10.4401 4.59575 9.95286C4.07361 9.25661 3.55182 8.50577 3.0572 7.75441C2.76079 7.30414 2.54098 6.95638 2.42297 6.7637L0 8.6482C0.135982 8.87023 0.3749 9.2482 0.692726 9.73101C1.22184 10.5348 1.78078 11.3391 2.34713 12.0943C2.75382 12.6366 3.15039 13.1345 3.53372 13.5793C4.87655 15.1373 5.95393 16 7.09955 16C8.48728 16 10.3894 14.0728 13.9175 9.84286C14.1908 9.51527 14.4697 9.17762 14.7536 8.83074C15.9524 7.36638 17.1918 5.79987 18.4023 4.23366C18.8257 3.6857 19.2155 3.17676 19.5627 2.71975C19.7716 2.44481 19.9203 2.24773 20 2.14142L17.7514 0C17.6756 0.101045 17.531 0.292744 17.3263 0.562104C16.9843 1.01226 16.6 1.51416 16.1821 2.05479C14.9888 3.59885 13.7675 5.1426 12.5898 6.58116C12.3118 6.92065 12.0392 7.25078 11.7723 7.57068C10.4411 9.16669 9.28751 10.4701 8.37209 11.3976C7.8842 11.892 7.47522 12.2676 7.16387 12.5084C7.10708 12.5523 7.05542 12.5903 7.00971 12.6221C6.8025 12.4619 6.2665 11.9882 5.64559 11.2678Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-check" }, void 0)] }), void 0));
8
-
9
- exports['default'] = CheckIcon;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({className:l="icon__svg"})=>t.default.createElement("svg",{className:l},t.default.createElement("title",null,"Check"),t.default.createElement("symbol",{id:"icon-check",viewBox:"0 0 20 16"},t.default.createElement("path",{d:"M5.64559 11.2678C5.31325 10.8822 4.96116 10.4401 4.59575 9.95286C4.07361 9.25661 3.55182 8.50577 3.0572 7.75441C2.76079 7.30414 2.54098 6.95638 2.42297 6.7637L0 8.6482C0.135982 8.87023 0.3749 9.2482 0.692726 9.73101C1.22184 10.5348 1.78078 11.3391 2.34713 12.0943C2.75382 12.6366 3.15039 13.1345 3.53372 13.5793C4.87655 15.1373 5.95393 16 7.09955 16C8.48728 16 10.3894 14.0728 13.9175 9.84286C14.1908 9.51527 14.4697 9.17762 14.7536 8.83074C15.9524 7.36638 17.1918 5.79987 18.4023 4.23366C18.8257 3.6857 19.2155 3.17676 19.5627 2.71975C19.7716 2.44481 19.9203 2.24773 20 2.14142L17.7514 0C17.6756 0.101045 17.531 0.292744 17.3263 0.562104C16.9843 1.01226 16.6 1.51416 16.1821 2.05479C14.9888 3.59885 13.7675 5.1426 12.5898 6.58116C12.3118 6.92065 12.0392 7.25078 11.7723 7.57068C10.4411 9.16669 9.28751 10.4701 8.37209 11.3976C7.8842 11.892 7.47522 12.2676 7.16387 12.5084C7.10708 12.5523 7.05542 12.5903 7.00971 12.6221C6.8025 12.4619 6.2665 11.9882 5.64559 11.2678Z"})),t.default.createElement("use",{xlinkHref:"#icon-check"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const Close = ({ title = 'Close', ...props }) => (jsxRuntime.jsxs("svg", Object.assign({}, props, { children: [title && jsxRuntime.jsx("title", { children: title }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-close", viewBox: "0 0 24 24" }, { children: jsxRuntime.jsx("path", { d: "M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-close" }, void 0)] }), void 0));
8
-
9
- exports['default'] = Close;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({title:l="Close",...a})=>t.default.createElement("svg",{...a},l&&t.default.createElement("title",null,l),t.default.createElement("symbol",{id:"icon-close",viewBox:"0 0 24 24"},t.default.createElement("path",{d:"M12.0001 10.5859L21.7629 0.823223L23.1771 2.23744L13.4144 12.0002L23.1771 21.7629L21.7629 23.1771L12.0001 13.4144L2.23744 23.1771L0.823223 21.7629L10.5859 12.0002L0.823223 2.23745L2.23744 0.823234L12.0001 10.5859Z"})),t.default.createElement("use",{xlinkHref:"#icon-close"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const ErrorCircle = ({ title, ...props }) => (jsxRuntime.jsxs("svg", Object.assign({}, props, { children: [title && jsxRuntime.jsx("title", { children: title }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-errorCircle", viewBox: "0 0 24 24" }, { children: jsxRuntime.jsx("path", { d: "M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-errorCircle" }, void 0)] }), void 0));
8
-
9
- exports['default'] = ErrorCircle;
1
+ "use strict";function e(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({title:r,...l})=>t.default.createElement("svg",{...l},r&&t.default.createElement("title",null,r),t.default.createElement("symbol",{id:"icon-errorCircle",viewBox:"0 0 24 24"},t.default.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 13.8346V6.50122H11.5833V13.8346H13.4167ZM13.4167 15.6679V17.5012H11.5833V15.6679H13.4167Z"})),t.default.createElement("use",{xlinkHref:"#icon-errorCircle"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const InfoCircle = ({ title, ...props }) => (jsxRuntime.jsxs("svg", Object.assign({}, props, { children: [title && jsxRuntime.jsx("title", { children: title }, void 0), jsxRuntime.jsx("symbol", Object.assign({ id: "icon-infoCircle", viewBox: "0 0 24 24" }, { children: jsxRuntime.jsx("path", { d: "M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z" }, void 0) }), void 0), jsxRuntime.jsx("use", { xlinkHref: "#icon-infoCircle" }, void 0)] }), void 0));
8
-
9
- exports['default'] = InfoCircle;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({title:l,...r})=>t.default.createElement("svg",{...r},l&&t.default.createElement("title",null,l),t.default.createElement("symbol",{id:"icon-infoCircle",viewBox:"0 0 24 24"},t.default.createElement("path",{d:"M1.5 12.0012C1.5 18.0764 6.42487 23.0012 12.5 23.0012C18.5751 23.0012 23.5 18.0764 23.5 12.0012C23.5 5.92609 18.5751 1.00122 12.5 1.00122C6.42487 1.00122 1.5 5.92609 1.5 12.0012ZM21.6667 12.0012C21.6667 17.0638 17.5626 21.1679 12.5 21.1679C7.43739 21.1679 3.33333 17.0638 3.33333 12.0012C3.33333 6.93861 7.43739 2.83455 12.5 2.83455C17.5626 2.83455 21.6667 6.93861 21.6667 12.0012ZM13.4167 10.1679V17.5012H11.5833V10.1679H13.4167ZM13.4167 8.33455V6.50122H11.5833V8.33455H13.4167Z"})),t.default.createElement("use",{xlinkHref:"#icon-infoCircle"}));
@@ -1,29 +1,13 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styled = require('styled-components');
7
- var theme = require('../../theme.js');
8
- var typography_BodyText_index = require('../../typography/BodyText/index.js');
9
- var components_InlineStepper_StepCircle = require('./StepCircle.js');
10
- require('../Icons/CheckIcon.js');
11
-
12
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
-
14
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
-
16
- const HorizontalLine = styled__default['default'].div `
17
- background-color: ${theme['default'].colors.gray.dark3};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),a=require("../../theme.js"),l=require("../../typography/BodyText/index.js"),i=require("./StepCircle.js");function r(h){return h&&typeof h=="object"&&"default"in h?h:{default:h}}require("../Icons/CheckIcon.js");var d=r(e),o=r(t);const n=o.default.div`
2
+ background-color: ${a.default.colors.gray.dark3};
18
3
  height: 1px;
19
4
  right: 0;
20
5
  left: calc(50% + 20px);
21
6
  top: 1.25rem;
22
7
  position: absolute;
23
8
  width: calc(100% - 40px);
24
- `;
25
- const StepWrapper = styled__default['default'].div `
26
- font-family: ${({ theme }) => theme.typography.fontBaseFamily};
9
+ `,c=o.default.div`
10
+ font-family: ${({theme:h})=>h.typography.fontBaseFamily};
27
11
  display: flex;
28
12
  position: relative;
29
13
  padding: 0 0.5rem;
@@ -33,61 +17,40 @@ const StepWrapper = styled__default['default'].div `
33
17
 
34
18
  &:last-child {
35
19
  padding-bottom: 0;
36
- ${HorizontalLine} {
20
+ ${n} {
37
21
  display: none;
38
22
  }
39
23
  }
40
- `;
41
- const Content = styled__default['default'](typography_BodyText_index.CaptionLink) `
24
+ `,u=o.default(l.CaptionLink)`
42
25
  width: 100%;
43
26
  margin: 0.5rem 0 0;
44
27
  line-height: 1.2;
45
28
  text-align: center;
46
- color: ${theme['default'].colors.text.dark};
47
- `;
48
- const VerticalLine = styled__default['default'].div `
29
+ color: ${a.default.colors.text.dark};
30
+ `,s=o.default.div`
49
31
  margin: 0 auto;
50
32
  width: 1px;
51
33
  height: 100%;
52
- background-color: ${theme['default'].colors.gray.dark3};
53
- `;
54
- const Graphic = styled__default['default'].div `
34
+ background-color: ${a.default.colors.gray.dark3};
35
+ `,f=o.default.div`
55
36
  margin-right: 0.75rem;
56
- `;
57
- const VerticalStepWrapper = styled__default['default'].div `
58
- font-family: ${({ theme }) => theme.typography.fontBaseFamily};
37
+ `,p=o.default.div`
38
+ font-family: ${({theme:h})=>h.typography.fontBaseFamily};
59
39
  display: flex;
60
40
  padding-bottom: 1rem;
61
41
 
62
42
  &:last-child {
63
- ${VerticalLine} {
43
+ ${s} {
64
44
  display: none;
65
45
  }
66
46
  }
67
- `;
68
- const VerticalContent = styled__default['default'](typography_BodyText_index.CaptionLink) `
47
+ `,m=o.default(l.CaptionLink)`
69
48
  margin: 0;
70
49
  width: 100%;
71
50
  line-height: 1.2;
72
51
  text-align: left;
73
- color: ${theme['default'].colors.text.dark};
52
+ color: ${a.default.colors.text.dark};
74
53
  display: flex;
75
54
  flex-direction: column;
76
55
  justify-content: center;
77
- `;
78
- const getStepState = ({ active, disabled }) => {
79
- if (active) {
80
- return 'active';
81
- }
82
- if (disabled) {
83
- return 'disabled';
84
- }
85
- return 'completed';
86
- };
87
- const Step = ({ step = 0, active = false, completed = false, disabled = false, orientation, children, backgroundColor, ...props }) => {
88
- const state = getStepState({ active, disabled, completed });
89
- return orientation === 'horizontal' ? (jsxRuntime.jsxs(StepWrapper, Object.assign({}, props, { children: [jsxRuntime.jsx(components_InlineStepper_StepCircle['default'], { state: state, step: step, backgroundColor: backgroundColor }, void 0), jsxRuntime.jsx(HorizontalLine, {}, void 0), jsxRuntime.jsx(Content, Object.assign({ as: "div" }, { children: children }), void 0)] }), void 0)) : (jsxRuntime.jsxs(VerticalStepWrapper, Object.assign({}, props, { children: [jsxRuntime.jsxs(Graphic, { children: [jsxRuntime.jsx(components_InlineStepper_StepCircle['default'], { state: state, step: step }, void 0), jsxRuntime.jsx(VerticalLine, {}, void 0)] }, void 0), jsxRuntime.jsx(VerticalContent, Object.assign({ as: "div" }, { children: children }), void 0)] }), void 0));
90
- };
91
-
92
- exports['default'] = Step;
93
- exports.getStepState = getStepState;
56
+ `,g=({active:h,disabled:y})=>h?"active":y?"disabled":"completed";exports.default=({step:h=0,active:y=!1,completed:k=!1,disabled:E=!1,orientation:$,children:x,backgroundColor:j,...v})=>{const b=g({active:y,disabled:E,completed:k});return $==="horizontal"?d.default.createElement(c,{...v},d.default.createElement(i.default,{state:b,step:h,backgroundColor:j}),d.default.createElement(n,null),d.default.createElement(u,{as:"div"},x)):d.default.createElement(p,{...v},d.default.createElement(f,null,d.default.createElement(i.default,{state:b,step:h}),d.default.createElement(s,null)),d.default.createElement(m,{as:"div"},x))},exports.getStepState=g;
@@ -1,34 +1,4 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styled = require('styled-components');
7
- var theme = require('../../theme.js');
8
- var components_Icons_CheckIcon = require('../Icons/CheckIcon.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
-
14
- const getStatetyles = (backgroundColor) => ({
15
- active: {
16
- background: theme['default'].colors.primary.main,
17
- color: theme['default'].colors.text.light,
18
- border: `1px solid ${theme['default'].colors.primary.main}`,
19
- },
20
- completed: {
21
- background: theme['default'].colors.success.main,
22
- color: theme['default'].colors.text.light,
23
- border: `1px solid ${theme['default'].colors.success.main}`,
24
- },
25
- disabled: {
26
- background: backgroundColor,
27
- color: theme['default'].colors.primary.main,
28
- border: `1px solid ${theme['default'].colors.primary.main}`,
29
- },
30
- });
31
- const Circle = styled__default['default'].div `
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),o=require("../../theme.js"),r=require("../Icons/CheckIcon.js");function l(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}var a=l(e),i=l(t);const d=u=>({active:{background:o.default.colors.primary.main,color:o.default.colors.text.light,border:`1px solid ${o.default.colors.primary.main}`},completed:{background:o.default.colors.success.main,color:o.default.colors.text.light,border:`1px solid ${o.default.colors.success.main}`},disabled:{background:u,color:o.default.colors.primary.main,border:`1px solid ${o.default.colors.primary.main}`}}),n=i.default.div`
32
2
  box-sizing: content-box;
33
3
  width: 40px;
34
4
  height: 40px;
@@ -37,10 +7,10 @@ const Circle = styled__default['default'].div `
37
7
  display: flex;
38
8
  align-items: center;
39
9
  justify-content: center;
40
- border: ${({ state, backgroundColor }) => getStatetyles(backgroundColor)[state].border};
10
+ border: ${({state:u,backgroundColor:f})=>d(f)[u].border};
41
11
  justify-content: center;
42
- background-color: ${({ state, backgroundColor }) => getStatetyles(backgroundColor)[state].background};
43
- color: ${({ state, backgroundColor }) => getStatetyles(backgroundColor)[state].color};
12
+ background-color: ${({state:u,backgroundColor:f})=>d(f)[u].background};
13
+ color: ${({state:u,backgroundColor:f})=>d(f)[u].color};
44
14
  &:after {
45
15
  content: '';
46
16
  width: 42px;
@@ -50,29 +20,24 @@ const Circle = styled__default['default'].div `
50
20
  left: -11px;
51
21
  position: absolute;
52
22
  z-index: 2;
53
- border: ${({ backgroundColor }) => `10px solid ${backgroundColor}`};
23
+ border: ${({backgroundColor:u})=>`10px solid ${u}`};
54
24
  }
55
- `;
56
- const CircleText = styled__default['default'].div `
25
+ `,c=i.default.div`
57
26
  display: flex;
58
27
  font-size: 1.25rem;
59
28
  line-height: 1;
60
- font-family: ${({ theme }) => theme.typography.fontAlternativeFamily};
61
- font-weight: ${({ theme }) => theme.typography.fontAlternativeBoldWeight};
29
+ font-family: ${({theme:u})=>u.typography.fontAlternativeFamily};
30
+ font-weight: ${({theme:u})=>u.typography.fontAlternativeBoldWeight};
62
31
  width: 100%;
63
32
  height: 100%;
64
33
  align-items: center;
65
34
  justify-content: center;
66
- `;
67
- const IconWrapper = styled__default['default'].div `
35
+ `,s=i.default.div`
68
36
  width: 14px;
69
37
  height: 14px;
70
38
  display: flex;
71
39
  & svg {
72
- fill: ${({ theme }) => theme.colors.text.light};
40
+ fill: ${({theme:u})=>u.colors.text.light};
73
41
  width: 100%;
74
42
  }
75
- `;
76
- const StepCircle = ({ state, step, backgroundColor = theme['default'].colors.background.light, ...props }) => (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Circle, Object.assign({ className: state, state: state }, props, { backgroundColor: backgroundColor }, { children: jsxRuntime.jsx(CircleText, Object.assign({ as: "div" }, { children: state === 'completed' ? (jsxRuntime.jsx(IconWrapper, { children: jsxRuntime.jsx(components_Icons_CheckIcon['default'], { className: "" }, void 0) }, void 0)) : (jsxRuntime.jsx("span", Object.assign({ className: "step-content-text" }, { children: step }), void 0)) }), void 0) }), void 0) }, void 0));
77
-
78
- exports['default'] = StepCircle;
43
+ `;exports.default=({state:u,step:f,backgroundColor:p=o.default.colors.background.light,...m})=>a.default.createElement("div",null,a.default.createElement(n,{className:u,state:u,...m,backgroundColor:p},a.default.createElement(c,{as:"div"},u==="completed"?a.default.createElement(s,null,a.default.createElement(r.default,{className:""})):a.default.createElement("span",{className:"step-content-text"},f))));
@@ -1,42 +1,7 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var react = require('react');
7
- var styled = require('styled-components');
8
- var theme = require('../../theme.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
-
14
- const Wrapper = styled__default['default'].div `
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("styled-components"),o=require("../../theme.js");function t(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}var n=t(e);const i=t(r).default.div`
15
2
  min-height: 4rem;
16
3
  padding: 10px 0;
17
- display: ${({ orientation }) => orientation === 'horizontal' ? 'flex' : 'block'};
4
+ display: ${({orientation:l})=>l==="horizontal"?"flex":"block"};
18
5
  justify-content: space-between;
19
- background-color: ${({ backgroundColor }) => backgroundColor};
20
- `;
21
- const cloneChild = (child, newProps) => {
22
- return react.cloneElement(child, newProps);
23
- };
24
- const InlineStepper = ({ children, activeStep = 0, orientation = 'horizontal', backgroundColor = theme['default'].colors.background.light, ...props }) => {
25
- const childrenArray = Array.isArray(children) ? children : [children];
26
- const steps = childrenArray.map((child, index) => {
27
- var _a;
28
- const newProps = {
29
- active: index === activeStep,
30
- step: index + 1,
31
- completed: index < activeStep,
32
- disabled: index > activeStep,
33
- children: (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children,
34
- orientation,
35
- backgroundColor,
36
- };
37
- return cloneChild(child, newProps);
38
- });
39
- return (jsxRuntime.jsx(Wrapper, Object.assign({}, props, { orientation: orientation, backgroundColor: backgroundColor }, { children: steps }), void 0));
40
- };
41
-
42
- exports.InlineStepper = InlineStepper;
6
+ background-color: ${({backgroundColor:l})=>l};
7
+ `;exports.InlineStepper=({children:l,activeStep:c=0,orientation:u="horizontal",backgroundColor:s=o.default.colors.background.light,...b})=>{const f=(Array.isArray(l)?l:[l]).map((d,a)=>{var p;return((g,h)=>e.cloneElement(g,h))(d,{active:a===c,step:a+1,completed:a<c,disabled:a>c,children:(p=d==null?void 0:d.props)==null?void 0:p.children,orientation:u,backgroundColor:s})});return n.default.createElement(i,{...b,orientation:u,backgroundColor:s},f)};
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const Bacon = ({ color = 'black' }) => (jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", x: "0", y: "0", viewBox: "0 0 1000 1000", fill: color }, { children: [jsxRuntime.jsx("title", { children: "Bacon" }, void 0), jsxRuntime.jsx("path", { d: "M7204.2 5021.9c-224.4-46.1-422.8-204.4-537-430.8-32.1-66.1-98.2-226.4-144.3-358.7-128.3-368.7-210.4-521-362.7-677.3-210.4-214.4-458.9-312.6-903.8-354.7-364.7-36.1-527-90.2-659.3-222.4-104.2-104.2-150.3-246.5-188.4-585.1-16-162.3-44.1-332.6-62.1-378.7-100.2-284.5-320.6-410.8-799.5-456.9-342.7-32.1-515-98.2-637.2-242.5-100.2-116.2-132.3-224.4-164.3-569.1-38.1-424.8-88.2-545.1-268.5-667.3C2354.8-3.8 2220.6-39.9 1899.9-76c-148.3-18-328.6-50.1-402.8-72.1C1040.3-288.4 647.5-633 401-1108c-158.3-306.6-252.5-605.2-292.6-921.8-24-196.4 4-396.8 72.1-511 26-44.1 529-559.1 1116.2-1144.2 1004-1001.9 1074.1-1068 1176.3-1100.1 232.5-76.1 537 0 719.4 176.3 138.3 134.3 214.4 282.6 342.7 663.3 64.1 194.4 148.3 404.8 186.4 466.9 166.3 278.5 484.9 438.8 967.9 486.9 474.9 48.1 629.2 96.2 773.5 240.5 122.2 122.2 152.3 218.4 188.3 617.2 22.1 246.5 38.1 328.6 78.2 410.8 120.2 248.5 274.5 328.7 753.4 384.7 290.6 34.1 454.9 82.2 561.1 166.3 158.3 130.3 208.4 264.5 238.5 655.3 12 144.3 34.1 306.6 50.1 360.7 78.1 256.5 276.5 386.8 657.3 430.9 312.6 36.1 515 78.1 675.3 140.3 450.9 174.3 843.6 593.1 1066 1132.2 132.3 320.6 168.3 486.9 168.3 781.5-2 436.8 82.1 322.6-1140.2 1549-821.6 823.6-1066 1058.1-1144.2 1096.1-116.3 56.1-282.6 76.2-410.8 48.1zm356.7-527l130.3-126.3-70.1-118.2c-40.1-64.1-132.2-250.5-204.4-412.8-220.4-495-340.7-685.3-567.1-897.7-248.5-236.4-551.1-358.7-997.9-400.8-400.8-38.1-585.1-130.3-691.3-346.7-50.1-104.2-66.1-172.3-90.2-404.8-56.1-497-130.2-651.3-376.7-769.5-122.2-60.1-186.4-74.2-611.2-130.3-362.7-48.1-563.1-188.4-633.2-438.8-16-58.1-40.1-222.4-52.1-368.7-34.1-426.8-100.2-569.1-314.6-681.3-144.3-74.1-236.5-98.2-511-126.2-513-52.1-843.6-204.4-1160.2-535-172.3-180.4-288.6-348.7-400.8-583.1-90.2-188.4-188.4-472.9-208.4-611.2-8-52.1-22-98.2-30.1-104.2-8-4-72.1 50.1-140.3 122.3l-126.2 130.2 12 174.3c20 326.7 154.3 721.4 340.7 999.9 266.5 400.8 643.2 617.2 1142.2 655.3 615.2 48.1 983.9 316.6 1106.1 803.6 16 66.1 38.1 234.5 50.1 372.7 10 140.3 28.1 276.5 38.1 304.6 28.1 74.2 118.2 114.2 318.6 138.3 478.9 56.1 633.2 100.2 841.6 236.5 204.4 132.3 352.7 354.7 414.8 629.2 14 66.1 38.1 222.4 50.1 346.7 28.1 288.6 46.1 342.7 134.3 380.7 40.1 16 194.4 42.1 346.7 58.1 887.7 92.2 1300.5 422.8 1599.1 1270.4 108.2 308.6 134.3 364.7 198.4 440.9 66.1 78.1 150.3 118.2 254.5 120.2 67.9-.1 91.9-14.1 208.2-128.3zm1466.8-1563c-22-34.1-64.1-162.3-98.2-284.6-82.1-304.6-132.2-428.8-224.4-567.1-248.5-372.7-697.4-597.2-1498.9-753.5-288.5-56.1-382.7-94.2-480.9-192.4-128.3-126.2-182.4-290.5-232.5-703.3-70.1-577.1-188.4-721.4-611.2-747.5-623.2-40.1-923.8-214.4-1090.1-633.2-28.1-70.1-84.2-254.5-122.2-408.8-82.2-332.6-160.3-503-274.5-599.1-106.2-92.2-218.4-128.3-472.9-152.3-226.4-22-452.9-88.2-625.2-184.4-398.8-222.4-791.5-685.3-1076.1-1268.5-68.1-142.3-126.2-272.5-126.2-284.6 0-46.1-30.1-28-146.3 90.2L1831.9-3639l64.1 98.2c36.1 52.1 136.3 258.5 222.4 456.9 246.5 567.1 380.7 779.5 601.2 949.8 248.5 190.4 503 274.5 977.9 324.6 328.6 32.1 466.9 82.2 607.2 216.4 110.2 106.2 152.3 240.5 184.4 593.2 38.1 400.8 64.1 484.9 194.4 605.2 134.3 128.2 264.5 172.3 637.2 216.4 306.6 36.1 432.9 74.2 545.1 158.3 174.3 132.3 224.4 264.5 256.5 665.3 26 344.7 62.1 452.9 190.4 583.1 130.3 132.3 256.5 180.3 589.2 218.4 140.3 16 308.6 44.1 374.7 60.1 621.2 162.3 1120.2 755.5 1370.7 1633.2 24.1 82.2 48.1 162.3 52.1 178.3 6 20 68.1-28.1 186.4-146.3l178.3-176.3-36.4-63.9zm404.8-314.6c22-28.1 48.1-110.2 60.1-182.4 58.1-336.6-176.3-951.8-489-1288.5-242.5-260.5-505-392.8-853.6-432.8-460.9-52.1-639.2-104.2-845.6-242.5-68.1-44.1-158.3-128.2-200.4-184.4C6961.7 98.3 6913.6-58 6875.6-468.8c-16-162.3-38.1-314.6-52.1-338.7-36.1-68.1-134.3-96.2-430.8-130.3-539-60.1-835.6-218.4-1005.9-543-84.2-156.3-122.2-322.6-146.3-637.2-34.1-420.8 0-394.8-671.3-472.9-565.1-66.1-979.9-302.6-1208.3-691.3-48.1-82.1-132.3-288.6-202.4-499-68.1-196.4-138.3-384.7-160.3-420.8-88.2-142.3-244.5-230.4-358.7-202.4-54.1 14-144.3 84.2-144.3 114.2 0 8 28.1 62.1 64.1 118.2 34.1 58.1 138.3 274.5 228.4 484.9 218.4 497 318.6 663.3 529 875.7 296.6 298.6 631.2 432.8 1172.3 472.9 226.4 16 290.6 40.1 346.7 132.2 56.1 90.2 78.2 186.4 126.3 527 22 162.3 62.1 364.7 88.2 448.9C5192.3-779.3 5488.9-607 6116.1-607c228.4 0 268.5 6 346.7 46.1 96.2 48.1 168.3 138.3 200.4 252.5 12 40.1 38.1 194.4 60.1 342.7 22 148.3 58.1 330.7 82.1 402.8 82.2 264.5 270.5 428.8 557.1 488.9 561.1 116.2 761.5 184.4 1028 342.7 302.6 182.4 609.2 517 775.5 845.6 72.1 144.3 182.3 460.9 182.3 525 0 54.1 34.1 44.1 84.2-22z", transform: "matrix(.1 0 0 -.1 0 511)" }, void 0)] }), void 0));
8
-
9
- exports['default'] = Bacon;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=({color:l="black"})=>t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0",y:"0",viewBox:"0 0 1000 1000",fill:l},t.default.createElement("title",null,"Bacon"),t.default.createElement("path",{d:"M7204.2 5021.9c-224.4-46.1-422.8-204.4-537-430.8-32.1-66.1-98.2-226.4-144.3-358.7-128.3-368.7-210.4-521-362.7-677.3-210.4-214.4-458.9-312.6-903.8-354.7-364.7-36.1-527-90.2-659.3-222.4-104.2-104.2-150.3-246.5-188.4-585.1-16-162.3-44.1-332.6-62.1-378.7-100.2-284.5-320.6-410.8-799.5-456.9-342.7-32.1-515-98.2-637.2-242.5-100.2-116.2-132.3-224.4-164.3-569.1-38.1-424.8-88.2-545.1-268.5-667.3C2354.8-3.8 2220.6-39.9 1899.9-76c-148.3-18-328.6-50.1-402.8-72.1C1040.3-288.4 647.5-633 401-1108c-158.3-306.6-252.5-605.2-292.6-921.8-24-196.4 4-396.8 72.1-511 26-44.1 529-559.1 1116.2-1144.2 1004-1001.9 1074.1-1068 1176.3-1100.1 232.5-76.1 537 0 719.4 176.3 138.3 134.3 214.4 282.6 342.7 663.3 64.1 194.4 148.3 404.8 186.4 466.9 166.3 278.5 484.9 438.8 967.9 486.9 474.9 48.1 629.2 96.2 773.5 240.5 122.2 122.2 152.3 218.4 188.3 617.2 22.1 246.5 38.1 328.6 78.2 410.8 120.2 248.5 274.5 328.7 753.4 384.7 290.6 34.1 454.9 82.2 561.1 166.3 158.3 130.3 208.4 264.5 238.5 655.3 12 144.3 34.1 306.6 50.1 360.7 78.1 256.5 276.5 386.8 657.3 430.9 312.6 36.1 515 78.1 675.3 140.3 450.9 174.3 843.6 593.1 1066 1132.2 132.3 320.6 168.3 486.9 168.3 781.5-2 436.8 82.1 322.6-1140.2 1549-821.6 823.6-1066 1058.1-1144.2 1096.1-116.3 56.1-282.6 76.2-410.8 48.1zm356.7-527l130.3-126.3-70.1-118.2c-40.1-64.1-132.2-250.5-204.4-412.8-220.4-495-340.7-685.3-567.1-897.7-248.5-236.4-551.1-358.7-997.9-400.8-400.8-38.1-585.1-130.3-691.3-346.7-50.1-104.2-66.1-172.3-90.2-404.8-56.1-497-130.2-651.3-376.7-769.5-122.2-60.1-186.4-74.2-611.2-130.3-362.7-48.1-563.1-188.4-633.2-438.8-16-58.1-40.1-222.4-52.1-368.7-34.1-426.8-100.2-569.1-314.6-681.3-144.3-74.1-236.5-98.2-511-126.2-513-52.1-843.6-204.4-1160.2-535-172.3-180.4-288.6-348.7-400.8-583.1-90.2-188.4-188.4-472.9-208.4-611.2-8-52.1-22-98.2-30.1-104.2-8-4-72.1 50.1-140.3 122.3l-126.2 130.2 12 174.3c20 326.7 154.3 721.4 340.7 999.9 266.5 400.8 643.2 617.2 1142.2 655.3 615.2 48.1 983.9 316.6 1106.1 803.6 16 66.1 38.1 234.5 50.1 372.7 10 140.3 28.1 276.5 38.1 304.6 28.1 74.2 118.2 114.2 318.6 138.3 478.9 56.1 633.2 100.2 841.6 236.5 204.4 132.3 352.7 354.7 414.8 629.2 14 66.1 38.1 222.4 50.1 346.7 28.1 288.6 46.1 342.7 134.3 380.7 40.1 16 194.4 42.1 346.7 58.1 887.7 92.2 1300.5 422.8 1599.1 1270.4 108.2 308.6 134.3 364.7 198.4 440.9 66.1 78.1 150.3 118.2 254.5 120.2 67.9-.1 91.9-14.1 208.2-128.3zm1466.8-1563c-22-34.1-64.1-162.3-98.2-284.6-82.1-304.6-132.2-428.8-224.4-567.1-248.5-372.7-697.4-597.2-1498.9-753.5-288.5-56.1-382.7-94.2-480.9-192.4-128.3-126.2-182.4-290.5-232.5-703.3-70.1-577.1-188.4-721.4-611.2-747.5-623.2-40.1-923.8-214.4-1090.1-633.2-28.1-70.1-84.2-254.5-122.2-408.8-82.2-332.6-160.3-503-274.5-599.1-106.2-92.2-218.4-128.3-472.9-152.3-226.4-22-452.9-88.2-625.2-184.4-398.8-222.4-791.5-685.3-1076.1-1268.5-68.1-142.3-126.2-272.5-126.2-284.6 0-46.1-30.1-28-146.3 90.2L1831.9-3639l64.1 98.2c36.1 52.1 136.3 258.5 222.4 456.9 246.5 567.1 380.7 779.5 601.2 949.8 248.5 190.4 503 274.5 977.9 324.6 328.6 32.1 466.9 82.2 607.2 216.4 110.2 106.2 152.3 240.5 184.4 593.2 38.1 400.8 64.1 484.9 194.4 605.2 134.3 128.2 264.5 172.3 637.2 216.4 306.6 36.1 432.9 74.2 545.1 158.3 174.3 132.3 224.4 264.5 256.5 665.3 26 344.7 62.1 452.9 190.4 583.1 130.3 132.3 256.5 180.3 589.2 218.4 140.3 16 308.6 44.1 374.7 60.1 621.2 162.3 1120.2 755.5 1370.7 1633.2 24.1 82.2 48.1 162.3 52.1 178.3 6 20 68.1-28.1 186.4-146.3l178.3-176.3-36.4-63.9zm404.8-314.6c22-28.1 48.1-110.2 60.1-182.4 58.1-336.6-176.3-951.8-489-1288.5-242.5-260.5-505-392.8-853.6-432.8-460.9-52.1-639.2-104.2-845.6-242.5-68.1-44.1-158.3-128.2-200.4-184.4C6961.7 98.3 6913.6-58 6875.6-468.8c-16-162.3-38.1-314.6-52.1-338.7-36.1-68.1-134.3-96.2-430.8-130.3-539-60.1-835.6-218.4-1005.9-543-84.2-156.3-122.2-322.6-146.3-637.2-34.1-420.8 0-394.8-671.3-472.9-565.1-66.1-979.9-302.6-1208.3-691.3-48.1-82.1-132.3-288.6-202.4-499-68.1-196.4-138.3-384.7-160.3-420.8-88.2-142.3-244.5-230.4-358.7-202.4-54.1 14-144.3 84.2-144.3 114.2 0 8 28.1 62.1 64.1 118.2 34.1 58.1 138.3 274.5 228.4 484.9 218.4 497 318.6 663.3 529 875.7 296.6 298.6 631.2 432.8 1172.3 472.9 226.4 16 290.6 40.1 346.7 132.2 56.1 90.2 78.2 186.4 126.3 527 22 162.3 62.1 364.7 88.2 448.9C5192.3-779.3 5488.9-607 6116.1-607c228.4 0 268.5 6 346.7 46.1 96.2 48.1 168.3 138.3 200.4 252.5 12 40.1 38.1 194.4 60.1 342.7 22 148.3 58.1 330.7 82.1 402.8 82.2 264.5 270.5 428.8 557.1 488.9 561.1 116.2 761.5 184.4 1028 342.7 302.6 182.4 609.2 517 775.5 845.6 72.1 144.3 182.3 460.9 182.3 525 0 54.1 34.1 44.1 84.2-22z",transform:"matrix(.1 0 0 -.1 0 511)"}));
@@ -1,34 +1,17 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styled = require('styled-components');
7
- var typography_BodyText_index = require('../../typography/BodyText/index.js');
8
- var typography_Heading_index = require('../../typography/Heading/index.js');
9
- require('../../shared/media-queries.js');
10
-
11
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
-
13
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
-
15
- const ListItemWrapper = styled__default['default'].li `
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../typography/BodyText/index.js"),a=require("../../typography/Heading/index.js");function i(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("../../shared/media-queries.js");var n=i(e),d=i(t);const r=d.default.li`
16
2
  display: flex;
17
3
  flex-direction: column;
18
4
  padding-bottom: 20px;
19
5
  &:last-child {
20
6
  padding-bottom: 0;
21
7
  }
22
- `;
23
- const TitleWrapper = styled__default['default'].div `
8
+ `,u=d.default.div`
24
9
  display: flex;
25
10
  align-items: center;
26
11
  margin: 0;
27
- `;
28
- const Title = styled__default['default'](typography_Heading_index.TinyTitle) `
12
+ `,o=d.default(a.TinyTitle)`
29
13
  margin: 0;
30
- `;
31
- const Icon = styled__default['default'].div `
14
+ `,c=d.default.div`
32
15
  display: flex;
33
16
  align-items: center;
34
17
  margin-right: 24px;
@@ -36,10 +19,6 @@ const Icon = styled__default['default'].div `
36
19
  width: 30px;
37
20
  height: 100%;
38
21
  }
39
- `;
40
- const Content = styled__default['default'].div `
41
- padding-left: ${({ hasIcon }) => (hasIcon ? '54px' : 0)};
42
- `;
43
- const ListItem = ({ title, text, icon, component: Component = 'li', children, ...props }) => (jsxRuntime.jsxs(ListItemWrapper, Object.assign({ as: Component }, props, { children: [jsxRuntime.jsxs(TitleWrapper, { children: [icon && jsxRuntime.jsx(Icon, { children: icon }, void 0), jsxRuntime.jsx(Title, { children: title }, void 0)] }, void 0), jsxRuntime.jsx(Content, Object.assign({ hasIcon: Boolean(icon) }, { children: jsxRuntime.jsxs(typography_BodyText_index.BodyText, { children: [text, children] }, void 0) }), void 0)] }), void 0));
44
-
45
- exports['default'] = ListItem;
22
+ `,s=d.default.div`
23
+ padding-left: ${({hasIcon:f})=>f?"54px":0};
24
+ `;exports.default=({title:f,text:m,icon:p,component:x="li",children:g,...y})=>n.default.createElement(r,{as:x,...y},n.default.createElement(u,null,p&&n.default.createElement(c,null,p),n.default.createElement(o,null,f)),n.default.createElement(s,{hasIcon:Boolean(p)},n.default.createElement(l.BodyText,null,m,g)));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const LogoEn = () => (jsxRuntime.jsxs("svg", Object.assign({ viewBox: "0 0 622 223", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": "kvdlogo-en" }, { children: [jsxRuntime.jsx("title", Object.assign({ id: "kvdlogo-en" }, { children: "kvdcars.com" }), void 0), jsxRuntime.jsx("path", { d: "M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z", fill: "#1A2030" }, void 0)] }), void 0));
8
-
9
- exports['default'] = LogoEn;
1
+ "use strict";function e(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});var C=e(require("react"));exports.default=()=>C.default.createElement("svg",{viewBox:"0 0 622 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-en"},C.default.createElement("title",{id:"kvdlogo-en"},"kvdcars.com"),C.default.createElement("path",{d:"M563.63 130.23C561.82 127.17 559.53 124.57 556.81 122.52C554.18 120.54 551.29 118.87 548.23 117.57C545.36 116.35 542.64 115.15 540.14 113.99C537.8 112.9 535.83 111.71 534.29 110.44C533.08 109.44 532.52 108.24 532.52 106.67C532.52 105.1 533 103.96 534.02 103.11C535.07 102.24 536.56 101.77 538.46 101.73L561.94 109.52V87.83L560.57 87.35C556.81 86.02 553.15 84.93 549.69 84.12C546.16 83.29 542.26 82.86 538.12 82.86C533.98 82.86 530.19 83.43 526.85 84.55C523.47 85.69 520.55 87.34 518.16 89.44C515.76 91.56 513.88 94.13 512.56 97.09C511.24 100.04 510.58 103.34 510.58 106.9C510.58 111.77 511.52 115.84 513.38 118.99C515.2 122.07 517.48 124.61 520.18 126.56C522.79 128.44 525.66 130 528.73 131.18C531.61 132.3 534.3 133.42 536.71 134.52C539.01 135.57 540.96 136.75 542.49 138.01C543.7 139.01 544.26 140.31 544.26 142.11C544.26 144.1 543.67 145.47 542.4 146.43C541.05 147.45 539.09 147.99 536.59 148.04L511.34 139.22V161.63L512.59 162.16C515.97 163.59 519.84 164.8 524.09 165.77C528.38 166.75 532.95 167.24 537.67 167.24C541.8 167.24 545.64 166.67 549.08 165.55C552.56 164.42 555.62 162.77 558.18 160.64C560.78 158.48 562.82 155.81 564.26 152.7C565.69 149.6 566.42 146.03 566.42 142.1C566.44 137.37 565.49 133.38 563.63 130.23Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M124.01 84.33H99.02L77.58 114.92V56.04H55.16V166.56H77.58V132.24L101.06 166.56H127.94L96.57 123.5L124.01 84.33Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M235.3 144.12C224.78 144.12 216.25 135.59 216.25 125.07C216.25 114.55 224.78 106.02 235.3 106.02C245.83 106.02 254.35 114.55 254.35 125.07C254.35 135.59 245.82 144.12 235.3 144.12ZM255.53 88.9C249.48 85.46 242.49 83.5 235.04 83.5C212.11 83.5 193.52 102.09 193.52 125.02C193.52 147.95 212.11 166.54 235.04 166.54C242.49 166.54 249.49 164.58 255.53 161.14V166.56H277.95V56.04H255.53V88.9Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M175.62 84.33L161.08 131.23L146.54 84.33H124.32L149.81 166.56H150.13H172.04H172.35L197.84 84.33H175.62Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M411.58 144.12C401.06 144.12 392.53 135.59 392.53 125.07C392.53 114.55 401.06 106.02 411.58 106.02C422.1 106.02 430.63 114.55 430.63 125.07C430.63 135.59 422.11 144.12 411.58 144.12ZM411.31 83.5C388.38 83.5 369.79 102.08 369.79 125.01C369.79 147.94 388.38 166.53 411.31 166.53C418.86 166.53 425.94 164.52 432.04 161V166.55H454.46V84.33H432.04V89.03C425.94 85.52 418.86 83.5 411.31 83.5Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M342.97 130.89C340.51 138.56 333.32 144.12 324.83 144.12C314.3 144.12 305.78 135.59 305.78 125.07C305.78 114.55 314.31 106.02 324.83 106.02C333.59 106.02 340.95 111.94 343.18 120H366.04C363.56 99.44 346.06 83.5 324.84 83.5C301.91 83.5 283.33 102.09 283.33 125.01C283.33 147.94 301.9 166.52 324.84 166.52C345.77 166.52 363.08 151.02 365.93 130.88H342.97V130.89Z",fill:"#1A2030"}),C.default.createElement("path",{d:"M505.29 83.5C498.52 83.5 492.15 85.14 486.5 88.01V84.33H464.08V166.55H486.5V161.92V125.07H486.51C486.51 114.55 495.04 106.02 505.56 106.02C505.95 106.02 506.34 106.06 506.72 106.08V83.55C506.25 83.53 505.77 83.5 505.29 83.5Z",fill:"#1A2030"}));
@@ -1,9 +1 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const LogoSv = () => (jsxRuntime.jsxs("svg", Object.assign({ viewBox: "0 0 492 223", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": "kvdlogo-sv" }, { children: [jsxRuntime.jsx("title", Object.assign({ id: "kvdlogo-sv" }, { children: "kvd.se" }), void 0), jsxRuntime.jsx("path", { d: "M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M436.21 55.59H413.64V166.89H436.21V55.59Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z", fill: "#1A2030" }, void 0), jsxRuntime.jsx("path", { d: "M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z", fill: "#1A2030" }, void 0)] }), void 0));
8
-
9
- exports['default'] = LogoSv;
1
+ "use strict";function e(l){return l&&typeof l=="object"&&"default"in l?l:{default:l}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.default=()=>t.default.createElement("svg",{viewBox:"0 0 492 223",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":"kvdlogo-sv"},t.default.createElement("title",{id:"kvdlogo-sv"},"kvd.se"),t.default.createElement("path",{d:"M124.94 84.11H99.78L78.2 114.91V55.63H55.63V166.89H78.2V132.34L101.83 166.89H128.89L97.32 123.54L124.94 84.11Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M393.79 87.26C389.7 87.26 385.88 86.1 382.64 84.1H382.51V166.88H405.08V84.1H404.95C401.69 86.1 397.87 87.26 393.79 87.26Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M436.21 55.59H413.64V166.89H436.21V55.59Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M393.79 49.9C384.96 49.9 377.77 57.09 377.77 65.92C377.77 74.75 384.95 81.94 393.79 81.94C402.63 81.94 409.81 74.76 409.81 65.92C409.8 57.09 402.62 49.9 393.79 49.9ZM393.79 72.85C389.97 72.85 386.86 69.74 386.86 65.92C386.86 62.1 389.97 58.99 393.79 58.99C397.61 58.99 400.72 62.1 400.72 65.92C400.72 69.74 397.61 72.85 393.79 72.85Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M336.08 83.27C328.48 83.27 321.36 85.3 315.22 88.84V55.63H292.65V166.89H315.22V161.3C321.36 164.84 328.49 166.87 336.08 166.87C359.16 166.87 377.88 148.16 377.88 125.07C377.87 101.98 359.16 83.27 336.08 83.27ZM335.81 144.3C325.22 144.3 316.63 135.71 316.63 125.12C316.63 114.53 325.22 105.94 335.81 105.94C346.4 105.94 354.99 114.53 354.99 125.12C354.99 135.71 346.4 144.3 335.81 144.3Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M257.34 88.71C251.25 85.25 244.21 83.27 236.71 83.27C213.62 83.27 194.91 101.98 194.91 125.07C194.91 148.15 213.62 166.87 236.71 166.87C244.21 166.87 251.25 164.89 257.34 161.43V166.89H279.91V55.63H257.34V88.71ZM236.98 144.3C226.39 144.3 217.8 135.71 217.8 125.12C217.8 114.53 226.39 105.94 236.98 105.94C247.57 105.94 256.16 114.53 256.16 125.12C256.16 135.71 247.57 144.3 236.98 144.3Z",fill:"#1A2030"}),t.default.createElement("path",{d:"M176.9 84.11L162.26 131.32L147.62 84.11H125.25L150.92 166.89H151.23H173.29H173.6L199.27 84.11H176.9Z",fill:"#1A2030"}));
@@ -1,30 +1,3 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styled = require('styled-components');
7
- var components_Logo_LogoSv = require('./LogoSv.js');
8
- var components_Logo_LogoEn = require('./LogoEn.js');
9
-
10
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
-
12
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
-
14
- const getWidth = (locale, width) => {
15
- if (width) {
16
- return width;
17
- }
18
- return locale === 'en' ? 175 : 132;
19
- };
20
- const LogoContainer = styled__default['default'].div `
21
- width: ${({ width }) => width}px;
22
- `;
23
- const Logo = ({ locale, width }) => {
24
- const Logo = locale === 'en' ? components_Logo_LogoEn['default'] : components_Logo_LogoSv['default'];
25
- const containerWidth = getWidth(locale, width);
26
- return (jsxRuntime.jsx(LogoContainer, Object.assign({ width: containerWidth, "data-testid": `logo-${locale}` }, { children: jsxRuntime.jsx(Logo, {}, void 0) }), void 0));
27
- };
28
-
29
- exports.Logo = Logo;
30
- exports['default'] = Logo;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./LogoSv.js"),o=require("./LogoEn.js");function u(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var d=u(e);const l=u(t).default.div`
2
+ width: ${({width:n})=>n}px;
3
+ `,a=({locale:n,width:i})=>{const s=n==="en"?o.default:r.default,c=((f,p)=>p||(f==="en"?175:132))(n,i);return d.default.createElement(l,{width:c,"data-testid":`logo-${n}`},d.default.createElement(s,null))};exports.Logo=a,exports.default=a;