@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.
- package/cjs/ColorCard.js +10 -31
- package/cjs/ElevationCard.js +5 -21
- package/cjs/Interfaces.js +1 -2
- package/cjs/Types.js +1 -2
- package/cjs/components/Accordion/index.js +20 -64
- package/cjs/components/Badge/index.js +9 -43
- package/cjs/components/Button/index.js +60 -125
- package/cjs/components/Card/index.js +6 -25
- package/cjs/components/CheckBox/index.js +24 -53
- package/cjs/components/Chip/index.js +10 -65
- package/cjs/components/DayPicker/DayPickerNavBar.js +9 -32
- package/cjs/components/DayPicker/index.js +10 -40
- package/cjs/components/DayPicker/localeUtils.js +1 -60
- package/cjs/components/DayPicker/style.js +226 -0
- package/cjs/components/Dialog/index.js +9 -42
- package/cjs/components/ErrorMessage/index.js +6 -21
- package/cjs/components/FieldLabel.js +22 -49
- package/cjs/components/Header/Hamburger.js +7 -22
- package/cjs/components/Header/Link.js +9 -26
- package/cjs/components/Header/index.js +16 -45
- package/cjs/components/Hero/index.js +7 -32
- package/cjs/components/Icon/index.js +11 -76
- package/cjs/components/IconButton.js +15 -54
- package/cjs/components/Icons/Arrow.js +1 -9
- package/cjs/components/Icons/CheckCircle.js +1 -9
- package/cjs/components/Icons/CheckIcon.js +1 -9
- package/cjs/components/Icons/Close.js +1 -9
- package/cjs/components/Icons/ErrorCircle.js +1 -9
- package/cjs/components/Icons/InfoCircle.js +1 -9
- package/cjs/components/InlineStepper/Step.js +16 -53
- package/cjs/components/InlineStepper/StepCircle.js +11 -46
- package/cjs/components/InlineStepper/index.js +4 -39
- package/cjs/components/ListItem/Bacon.js +1 -9
- package/cjs/components/ListItem/index.js +7 -28
- package/cjs/components/Logo/LogoEn.js +1 -9
- package/cjs/components/Logo/LogoSv.js +1 -9
- package/cjs/components/Logo/index.js +3 -30
- package/cjs/components/MenuItem/index.js +23 -68
- package/cjs/components/Modal/index.js +11 -54
- package/cjs/components/NotificationButton/index.js +4 -28
- package/cjs/components/OffCanvas/Overlay.js +2 -33
- package/cjs/components/OffCanvas/index.js +21 -62
- package/cjs/components/OffCanvas/useClickOutside.js +1 -21
- package/cjs/components/RadioButton/index.js +28 -58
- package/cjs/components/Range/index.js +10 -35
- package/cjs/components/Select/components/test-icon.js +1 -9
- package/cjs/components/Select/index.js +18 -147
- package/cjs/components/Snackbar/index.js +24 -76
- package/cjs/components/Spinner/index.js +10 -46
- package/cjs/components/Stepper/index.js +11 -35
- package/cjs/components/StepperAccordion/index.js +26 -76
- package/cjs/components/Tabs/index.js +7 -47
- package/cjs/components/TextArea/index.js +30 -61
- package/cjs/components/Textfield/index.js +29 -69
- package/cjs/components/TimePicker/index.js +2 -29
- package/cjs/components/TimePicker/testHelper.js +1 -17
- package/cjs/components/Toggle/index.js +12 -45
- package/cjs/icons/components/AccountCreateIcon.js +1 -11
- package/cjs/icons/components/AccountIcon.js +1 -11
- package/cjs/icons/components/AccountLoginIcon.js +1 -11
- package/cjs/icons/components/ArrowDownIcon.js +1 -11
- package/cjs/icons/components/ArrowLeftIcon.js +1 -11
- package/cjs/icons/components/ArrowLeftSharpIcon.js +1 -11
- package/cjs/icons/components/ArrowLeftSmallIcon.js +1 -11
- package/cjs/icons/components/ArrowLong.js +1 -11
- package/cjs/icons/components/ArrowRestartIcon.js +1 -11
- package/cjs/icons/components/ArrowRightIcon.js +1 -11
- package/cjs/icons/components/ArrowRightSharpIcon.js +1 -11
- package/cjs/icons/components/ArrowUpIcon.js +1 -11
- package/cjs/icons/components/AuctionIcon.js +1 -11
- package/cjs/icons/components/BackArrowIcon.js +1 -11
- package/cjs/icons/components/Baseline360Icon.js +1 -11
- package/cjs/icons/components/BellIcon.js +1 -11
- package/cjs/icons/components/BidIcon.js +1 -11
- package/cjs/icons/components/BidKrIcon.js +1 -11
- package/cjs/icons/components/BreaksIcon.js +1 -11
- package/cjs/icons/components/BuyCarIcon.js +1 -11
- package/cjs/icons/components/CabIcon.js +1 -11
- package/cjs/icons/components/CalendarIcon.js +1 -11
- package/cjs/icons/components/CameraIcon.js +1 -11
- package/cjs/icons/components/Car360Icon.js +1 -11
- package/cjs/icons/components/CarFrontIcon.js +1 -11
- package/cjs/icons/components/CarSearchIcon.js +1 -11
- package/cjs/icons/components/CarSideIcon.js +1 -11
- package/cjs/icons/components/CarTiresIcon.js +1 -11
- package/cjs/icons/components/CaravanIcon.js +1 -11
- package/cjs/icons/components/CardViewIcon.js +1 -11
- package/cjs/icons/components/CarloanIcon.js +1 -11
- package/cjs/icons/components/CertifiedIcon.js +1 -11
- package/cjs/icons/components/ChatIcon.js +1 -11
- package/cjs/icons/components/CheckIcon.js +1 -11
- package/cjs/icons/components/CheckThinIcon.js +1 -11
- package/cjs/icons/components/CheckmarkFilledIcon.js +1 -11
- package/cjs/icons/components/CheckmarkIcon.js +1 -11
- package/cjs/icons/components/ClipboardFilledIcon.js +1 -11
- package/cjs/icons/components/ClipboardIcon.js +1 -11
- package/cjs/icons/components/ClockFilledIcon.js +1 -11
- package/cjs/icons/components/ClockIcon.js +1 -11
- package/cjs/icons/components/CloseIcon.js +1 -11
- package/cjs/icons/components/CloseThinIcon.js +1 -11
- package/cjs/icons/components/CoffeeIcon.js +1 -11
- package/cjs/icons/components/CombiIcon.js +1 -11
- package/cjs/icons/components/CommentCircleFilledIcon.js +1 -11
- package/cjs/icons/components/CommentCircleIconIcon.js +1 -11
- package/cjs/icons/components/CommentIcon.js +1 -11
- package/cjs/icons/components/ContactIcon.js +1 -11
- package/cjs/icons/components/CoupeIcon.js +1 -11
- package/cjs/icons/components/CreditCardIcon.js +1 -11
- package/cjs/icons/components/CrossCircleIcon.js +1 -11
- package/cjs/icons/components/CrownIcon.js +1 -11
- package/cjs/icons/components/DealmakerIcon.js +1 -11
- package/cjs/icons/components/DeliveryIcon.js +1 -11
- package/cjs/icons/components/DetailedSearchIcon.js +1 -11
- package/cjs/icons/components/EcoFriendlyIcon.js +1 -11
- package/cjs/icons/components/EditIcon.js +1 -11
- package/cjs/icons/components/EngineIcon.js +1 -11
- package/cjs/icons/components/EnglandFlagIcon.js +1 -11
- package/cjs/icons/components/EvaluationIcon.js +1 -11
- package/cjs/icons/components/ExaminationMarkFilledIcon.js +1 -11
- package/cjs/icons/components/ExaminationMarkIcon.js +1 -11
- package/cjs/icons/components/ExteriorIcon.js +1 -11
- package/cjs/icons/components/EyeIcon.js +1 -11
- package/cjs/icons/components/FacebookBtnIcon.js +1 -11
- package/cjs/icons/components/FacebookIcon.js +1 -11
- package/cjs/icons/components/FatalIcon.js +1 -11
- package/cjs/icons/components/FavouriteIcon.js +1 -11
- package/cjs/icons/components/FavouriteSolidIcon.js +1 -11
- package/cjs/icons/components/FilterIcon.js +1 -11
- package/cjs/icons/components/FinanceIcon.js +1 -11
- package/cjs/icons/components/FindCarIcon.js +1 -11
- package/cjs/icons/components/FixedMonthlyCostIcon.js +1 -11
- package/cjs/icons/components/FlagIcon.js +1 -11
- package/cjs/icons/components/FlexibilityIcon.js +1 -11
- package/cjs/icons/components/ForumLargeIcon.js +1 -11
- package/cjs/icons/components/ForumSmallIcon.js +1 -11
- package/cjs/icons/components/GavelIcon.js +1 -11
- package/cjs/icons/components/GearboxIcon.js +1 -11
- package/cjs/icons/components/GiftIcon.js +1 -11
- package/cjs/icons/components/GridViewIcon.js +1 -11
- package/cjs/icons/components/GroupIcon.js +1 -11
- package/cjs/icons/components/GuaranteeIcon.js +1 -11
- package/cjs/icons/components/GuaranteeLargeIcon.js +1 -11
- package/cjs/icons/components/GuaranteeSmallIcon.js +1 -11
- package/cjs/icons/components/HalfCombiIcon.js +1 -11
- package/cjs/icons/components/HamburgerIcon.js +1 -11
- package/cjs/icons/components/HandshakeIcon.js +1 -11
- package/cjs/icons/components/HelpingHandIcon.js +1 -11
- package/cjs/icons/components/IdIcon.js +1 -11
- package/cjs/icons/components/InformationIcon.js +1 -11
- package/cjs/icons/components/InstagramIcon.js +1 -11
- package/cjs/icons/components/InsuranceIcon.js +1 -11
- package/cjs/icons/components/InteriorIcon.js +1 -11
- package/cjs/icons/components/InteriorThinIcon.js +1 -11
- package/cjs/icons/components/InternationalIcon.js +1 -11
- package/cjs/icons/components/KvdTestIcon.js +1 -11
- package/cjs/icons/components/KvdVenueIcon.js +1 -11
- package/cjs/icons/components/LifebuoyIcon.js +1 -11
- package/cjs/icons/components/LiftTruckIcon.js +1 -11
- package/cjs/icons/components/LinkedInIcon.js +1 -11
- package/cjs/icons/components/ListViewIcon.js +1 -11
- package/cjs/icons/components/MailIcon.js +1 -11
- package/cjs/icons/components/MinibusIcon.js +1 -11
- package/cjs/icons/components/MinivanIcon.js +1 -11
- package/cjs/icons/components/MobileIcon.js +1 -11
- package/cjs/icons/components/MotorcycleIcon.js +1 -11
- package/cjs/icons/components/MrfLogoIcon.js +1 -11
- package/cjs/icons/components/NotFoundIcon.js +1 -11
- package/cjs/icons/components/OverbidIcon.js +1 -11
- package/cjs/icons/components/PdfIconIcon.js +1 -11
- package/cjs/icons/components/PhoneIcon.js +1 -11
- package/cjs/icons/components/PickUpIcon.js +1 -11
- package/cjs/icons/components/PinIcon.js +1 -11
- package/cjs/icons/components/PlayIcon.js +1 -11
- package/cjs/icons/components/Pricetag.js +1 -11
- package/cjs/icons/components/PricetagFilledKronaIcon.js +1 -11
- package/cjs/icons/components/PrivateCarIcon.js +1 -11
- package/cjs/icons/components/ProfileCircleIcon.js +1 -11
- package/cjs/icons/components/ProfileIcon.js +1 -11
- package/cjs/icons/components/RadioIcon.js +1 -11
- package/cjs/icons/components/ReclamationIcon.js +1 -11
- package/cjs/icons/components/ReleasingIcon.js +1 -11
- package/cjs/icons/components/RemoveFilterIcon.js +1 -11
- package/cjs/icons/components/ReservedPriceIcon.js +1 -11
- package/cjs/icons/components/ResultIcon.js +1 -11
- package/cjs/icons/components/SafePaymentIcon.js +1 -11
- package/cjs/icons/components/SaleTagIcon.js +1 -11
- package/cjs/icons/components/SearchCheckIcon.js +1 -11
- package/cjs/icons/components/SearchIcon.js +1 -11
- package/cjs/icons/components/SedanIcon.js +1 -11
- package/cjs/icons/components/SellCarIcon.js +1 -11
- package/cjs/icons/components/SellCarsIcon.js +1 -11
- package/cjs/icons/components/ServiceIcon.js +1 -11
- package/cjs/icons/components/ShareIcon.js +1 -11
- package/cjs/icons/components/ShieldIcon.js +1 -11
- package/cjs/icons/components/SignInIcon.js +1 -11
- package/cjs/icons/components/SignOutIcon.js +1 -11
- package/cjs/icons/components/SpeedMeterIcon.js +1 -11
- package/cjs/icons/components/StarCircleIcon.js +1 -11
- package/cjs/icons/components/StartIcon.js +1 -11
- package/cjs/icons/components/StoreIcon.js +1 -11
- package/cjs/icons/components/SuvIcon.js +1 -11
- package/cjs/icons/components/SwedenFlag.js +1 -11
- package/cjs/icons/components/TankIcon.js +1 -11
- package/cjs/icons/components/TireIcon.js +1 -11
- package/cjs/icons/components/TransportIcon.js +1 -11
- package/cjs/icons/components/TrashcanIcon.js +1 -11
- package/cjs/icons/components/TrophyIcon.js +1 -11
- package/cjs/icons/components/TruckIcon.js +1 -11
- package/cjs/icons/components/UmbrellaIcon.js +1 -11
- package/cjs/icons/components/ValuationIcon.js +1 -11
- package/cjs/icons/components/ValueIcon.js +1 -11
- package/cjs/icons/components/WarningIcon.js +1 -11
- package/cjs/icons/components/YoutubeIcon.js +1 -11
- package/cjs/icons/components/index.js +1 -320
- package/cjs/index.js +1 -439
- package/cjs/shared/constants.js +1 -7
- package/cjs/shared/helpers.js +1 -28
- package/cjs/shared/helpers.spec.js +1 -42
- package/cjs/shared/media-queries.js +1 -41
- package/cjs/theme.js +1 -125
- package/cjs/typography/BodyText/index.js +20 -53
- package/cjs/typography/ButtonText/index.js +15 -43
- package/cjs/typography/Heading/index.js +22 -54
- package/cjs/utils/utils.js +2 -30
- package/esm/ColorCard.js +10 -23
- package/esm/ElevationCard.js +5 -13
- package/esm/components/Accordion/index.js +20 -55
- package/esm/components/Badge/index.js +9 -34
- package/esm/components/Button/index.js +50 -106
- package/esm/components/Card/index.js +6 -16
- package/esm/components/CheckBox/index.js +17 -37
- package/esm/components/Chip/index.js +10 -56
- package/esm/components/DayPicker/DayPickerNavBar.js +9 -24
- package/esm/components/DayPicker/index.js +10 -30
- package/esm/components/DayPicker/localeUtils.js +1 -52
- package/esm/components/DayPicker/style.js +226 -0
- package/esm/components/Dialog/index.js +9 -33
- package/esm/components/ErrorMessage/index.js +6 -12
- package/esm/components/FieldLabel.js +21 -40
- package/esm/components/Header/Hamburger.js +7 -14
- package/esm/components/Header/Link.js +9 -18
- package/esm/components/Header/index.js +16 -36
- package/esm/components/Hero/index.js +7 -23
- package/esm/components/Icon/index.js +11 -68
- package/esm/components/IconButton.js +15 -46
- package/esm/components/Icons/Arrow.js +1 -5
- package/esm/components/Icons/CheckCircle.js +1 -5
- package/esm/components/Icons/CheckIcon.js +1 -5
- package/esm/components/Icons/Close.js +1 -5
- package/esm/components/Icons/ErrorCircle.js +1 -5
- package/esm/components/Icons/InfoCircle.js +1 -5
- package/esm/components/InlineStepper/Step.js +16 -44
- package/esm/components/InlineStepper/StepCircle.js +11 -38
- package/esm/components/InlineStepper/index.js +4 -31
- package/esm/components/ListItem/Bacon.js +1 -5
- package/esm/components/ListItem/index.js +7 -20
- package/esm/components/Logo/LogoEn.js +1 -5
- package/esm/components/Logo/LogoSv.js +1 -5
- package/esm/components/Logo/index.js +3 -21
- package/esm/components/MenuItem/index.js +22 -58
- package/esm/components/Modal/index.js +11 -45
- package/esm/components/NotificationButton/index.js +4 -20
- package/esm/components/OffCanvas/Overlay.js +2 -25
- package/esm/components/OffCanvas/index.js +21 -53
- package/esm/components/OffCanvas/useClickOutside.js +1 -17
- package/esm/components/RadioButton/index.js +21 -42
- package/esm/components/Range/index.js +10 -26
- package/esm/components/Select/components/test-icon.js +1 -5
- package/esm/components/Select/index.js +18 -137
- package/esm/components/Snackbar/index.js +24 -67
- package/esm/components/Spinner/index.js +10 -38
- package/esm/components/Stepper/index.js +11 -27
- package/esm/components/StepperAccordion/index.js +23 -64
- package/esm/components/Tabs/index.js +7 -37
- package/esm/components/TextArea/index.js +30 -52
- package/esm/components/Textfield/index.js +29 -60
- package/esm/components/TimePicker/index.js +2 -20
- package/esm/components/TimePicker/testHelper.js +1 -13
- package/esm/components/Toggle/index.js +12 -37
- package/esm/icons/components/AccountCreateIcon.js +1 -7
- package/esm/icons/components/AccountIcon.js +1 -7
- package/esm/icons/components/AccountLoginIcon.js +1 -7
- package/esm/icons/components/ArrowDownIcon.js +1 -7
- package/esm/icons/components/ArrowLeftIcon.js +1 -7
- package/esm/icons/components/ArrowLeftSharpIcon.js +1 -7
- package/esm/icons/components/ArrowLeftSmallIcon.js +1 -7
- package/esm/icons/components/ArrowLong.js +1 -7
- package/esm/icons/components/ArrowRestartIcon.js +1 -7
- package/esm/icons/components/ArrowRightIcon.js +1 -7
- package/esm/icons/components/ArrowRightSharpIcon.js +1 -7
- package/esm/icons/components/ArrowUpIcon.js +1 -7
- package/esm/icons/components/AuctionIcon.js +1 -7
- package/esm/icons/components/BackArrowIcon.js +1 -7
- package/esm/icons/components/Baseline360Icon.js +1 -7
- package/esm/icons/components/BellIcon.js +1 -7
- package/esm/icons/components/BidIcon.js +1 -7
- package/esm/icons/components/BidKrIcon.js +1 -7
- package/esm/icons/components/BreaksIcon.js +1 -7
- package/esm/icons/components/BuyCarIcon.js +1 -7
- package/esm/icons/components/CabIcon.js +1 -7
- package/esm/icons/components/CalendarIcon.js +1 -7
- package/esm/icons/components/CameraIcon.js +1 -7
- package/esm/icons/components/Car360Icon.js +1 -7
- package/esm/icons/components/CarFrontIcon.js +1 -7
- package/esm/icons/components/CarSearchIcon.js +1 -7
- package/esm/icons/components/CarSideIcon.js +1 -7
- package/esm/icons/components/CarTiresIcon.js +1 -7
- package/esm/icons/components/CaravanIcon.js +1 -7
- package/esm/icons/components/CardViewIcon.js +1 -7
- package/esm/icons/components/CarloanIcon.js +1 -7
- package/esm/icons/components/CertifiedIcon.js +1 -7
- package/esm/icons/components/ChatIcon.js +1 -7
- package/esm/icons/components/CheckIcon.js +1 -7
- package/esm/icons/components/CheckThinIcon.js +1 -7
- package/esm/icons/components/CheckmarkFilledIcon.js +1 -7
- package/esm/icons/components/CheckmarkIcon.js +1 -7
- package/esm/icons/components/ClipboardFilledIcon.js +1 -7
- package/esm/icons/components/ClipboardIcon.js +1 -7
- package/esm/icons/components/ClockFilledIcon.js +1 -7
- package/esm/icons/components/ClockIcon.js +1 -7
- package/esm/icons/components/CloseIcon.js +1 -7
- package/esm/icons/components/CloseThinIcon.js +1 -7
- package/esm/icons/components/CoffeeIcon.js +1 -7
- package/esm/icons/components/CombiIcon.js +1 -7
- package/esm/icons/components/CommentCircleFilledIcon.js +1 -7
- package/esm/icons/components/CommentCircleIconIcon.js +1 -7
- package/esm/icons/components/CommentIcon.js +1 -7
- package/esm/icons/components/ContactIcon.js +1 -7
- package/esm/icons/components/CoupeIcon.js +1 -7
- package/esm/icons/components/CreditCardIcon.js +1 -7
- package/esm/icons/components/CrossCircleIcon.js +1 -7
- package/esm/icons/components/CrownIcon.js +1 -7
- package/esm/icons/components/DealmakerIcon.js +1 -7
- package/esm/icons/components/DeliveryIcon.js +1 -7
- package/esm/icons/components/DetailedSearchIcon.js +1 -7
- package/esm/icons/components/EcoFriendlyIcon.js +1 -7
- package/esm/icons/components/EditIcon.js +1 -7
- package/esm/icons/components/EngineIcon.js +1 -7
- package/esm/icons/components/EnglandFlagIcon.js +1 -7
- package/esm/icons/components/EvaluationIcon.js +1 -7
- package/esm/icons/components/ExaminationMarkFilledIcon.js +1 -7
- package/esm/icons/components/ExaminationMarkIcon.js +1 -7
- package/esm/icons/components/ExteriorIcon.js +1 -7
- package/esm/icons/components/EyeIcon.js +1 -7
- package/esm/icons/components/FacebookBtnIcon.js +1 -7
- package/esm/icons/components/FacebookIcon.js +1 -7
- package/esm/icons/components/FatalIcon.js +1 -7
- package/esm/icons/components/FavouriteIcon.js +1 -7
- package/esm/icons/components/FavouriteSolidIcon.js +1 -7
- package/esm/icons/components/FilterIcon.js +1 -7
- package/esm/icons/components/FinanceIcon.js +1 -7
- package/esm/icons/components/FindCarIcon.js +1 -7
- package/esm/icons/components/FixedMonthlyCostIcon.js +1 -7
- package/esm/icons/components/FlagIcon.js +1 -7
- package/esm/icons/components/FlexibilityIcon.js +1 -7
- package/esm/icons/components/ForumLargeIcon.js +1 -7
- package/esm/icons/components/ForumSmallIcon.js +1 -7
- package/esm/icons/components/GavelIcon.js +1 -7
- package/esm/icons/components/GearboxIcon.js +1 -7
- package/esm/icons/components/GiftIcon.js +1 -7
- package/esm/icons/components/GridViewIcon.js +1 -7
- package/esm/icons/components/GroupIcon.js +1 -7
- package/esm/icons/components/GuaranteeIcon.js +1 -7
- package/esm/icons/components/GuaranteeLargeIcon.js +1 -7
- package/esm/icons/components/GuaranteeSmallIcon.js +1 -7
- package/esm/icons/components/HalfCombiIcon.js +1 -7
- package/esm/icons/components/HamburgerIcon.js +1 -7
- package/esm/icons/components/HandshakeIcon.js +1 -7
- package/esm/icons/components/HelpingHandIcon.js +1 -7
- package/esm/icons/components/IdIcon.js +1 -7
- package/esm/icons/components/InformationIcon.js +1 -7
- package/esm/icons/components/InstagramIcon.js +1 -7
- package/esm/icons/components/InsuranceIcon.js +1 -7
- package/esm/icons/components/InteriorIcon.js +1 -7
- package/esm/icons/components/InteriorThinIcon.js +1 -7
- package/esm/icons/components/InternationalIcon.js +1 -7
- package/esm/icons/components/KvdTestIcon.js +1 -7
- package/esm/icons/components/KvdVenueIcon.js +1 -7
- package/esm/icons/components/LifebuoyIcon.js +1 -7
- package/esm/icons/components/LiftTruckIcon.js +1 -7
- package/esm/icons/components/LinkedInIcon.js +1 -7
- package/esm/icons/components/ListViewIcon.js +1 -7
- package/esm/icons/components/MailIcon.js +1 -7
- package/esm/icons/components/MinibusIcon.js +1 -7
- package/esm/icons/components/MinivanIcon.js +1 -7
- package/esm/icons/components/MobileIcon.js +1 -7
- package/esm/icons/components/MotorcycleIcon.js +1 -7
- package/esm/icons/components/MrfLogoIcon.js +1 -7
- package/esm/icons/components/NotFoundIcon.js +1 -7
- package/esm/icons/components/OverbidIcon.js +1 -7
- package/esm/icons/components/PdfIconIcon.js +1 -7
- package/esm/icons/components/PhoneIcon.js +1 -7
- package/esm/icons/components/PickUpIcon.js +1 -7
- package/esm/icons/components/PinIcon.js +1 -7
- package/esm/icons/components/PlayIcon.js +1 -7
- package/esm/icons/components/Pricetag.js +1 -7
- package/esm/icons/components/PricetagFilledKronaIcon.js +1 -7
- package/esm/icons/components/PrivateCarIcon.js +1 -7
- package/esm/icons/components/ProfileCircleIcon.js +1 -7
- package/esm/icons/components/ProfileIcon.js +1 -7
- package/esm/icons/components/RadioIcon.js +1 -7
- package/esm/icons/components/ReclamationIcon.js +1 -7
- package/esm/icons/components/ReleasingIcon.js +1 -7
- package/esm/icons/components/RemoveFilterIcon.js +1 -7
- package/esm/icons/components/ReservedPriceIcon.js +1 -7
- package/esm/icons/components/ResultIcon.js +1 -7
- package/esm/icons/components/SafePaymentIcon.js +1 -7
- package/esm/icons/components/SaleTagIcon.js +1 -7
- package/esm/icons/components/SearchCheckIcon.js +1 -7
- package/esm/icons/components/SearchIcon.js +1 -7
- package/esm/icons/components/SedanIcon.js +1 -7
- package/esm/icons/components/SellCarIcon.js +1 -7
- package/esm/icons/components/SellCarsIcon.js +1 -7
- package/esm/icons/components/ServiceIcon.js +1 -7
- package/esm/icons/components/ShareIcon.js +1 -7
- package/esm/icons/components/ShieldIcon.js +1 -7
- package/esm/icons/components/SignInIcon.js +1 -7
- package/esm/icons/components/SignOutIcon.js +1 -7
- package/esm/icons/components/SpeedMeterIcon.js +1 -7
- package/esm/icons/components/StarCircleIcon.js +1 -7
- package/esm/icons/components/StartIcon.js +1 -7
- package/esm/icons/components/StoreIcon.js +1 -7
- package/esm/icons/components/SuvIcon.js +1 -7
- package/esm/icons/components/SwedenFlag.js +1 -7
- package/esm/icons/components/TankIcon.js +1 -7
- package/esm/icons/components/TireIcon.js +1 -7
- package/esm/icons/components/TransportIcon.js +1 -7
- package/esm/icons/components/TrashcanIcon.js +1 -7
- package/esm/icons/components/TrophyIcon.js +1 -7
- package/esm/icons/components/TruckIcon.js +1 -7
- package/esm/icons/components/UmbrellaIcon.js +1 -7
- package/esm/icons/components/ValuationIcon.js +1 -7
- package/esm/icons/components/ValueIcon.js +1 -7
- package/esm/icons/components/WarningIcon.js +1 -7
- package/esm/icons/components/YoutubeIcon.js +1 -7
- package/esm/icons/components/index.js +1 -157
- package/esm/index.js +1 -221
- package/esm/shared/constants.js +1 -3
- package/esm/shared/helpers.js +1 -23
- package/esm/shared/helpers.spec.js +1 -40
- package/esm/shared/media-queries.js +1 -35
- package/esm/theme.js +1 -121
- package/esm/typography/BodyText/index.js +20 -35
- package/esm/typography/ButtonText/index.js +15 -28
- package/esm/typography/Heading/index.js +22 -38
- package/esm/utils/utils.js +2 -25
- package/package.json +11 -8
- package/types/components/DayPicker/index.d.ts +0 -1
- package/types/components/DayPicker/style.d.ts +2 -0
- package/types/components/FieldLabel.d.ts +1 -1
- package/types/components/Header/Link.d.ts +1 -1
- package/types/components/MenuItem/index.d.ts +1 -1
- package/types/components/Select/index.d.ts +9 -8
- package/cjs/react-app-env.d.js +0 -2
- package/cjs/styled.d.js +0 -4
- package/esm/react-app-env.d.js +0 -1
- package/esm/styled.d.js +0 -1
|
@@ -1,24 +1,7 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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 ${
|
|
36
|
-
background-color: ${
|
|
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
|
-
${
|
|
22
|
+
${s=>s.isDisabled&&a};
|
|
40
23
|
}
|
|
41
24
|
}
|
|
42
25
|
|
|
43
26
|
:focus {
|
|
44
27
|
.button-background {
|
|
45
|
-
transition: background-color ${
|
|
46
|
-
animation: FocusRipple ${
|
|
47
|
-
background-color: ${
|
|
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
|
-
${
|
|
33
|
+
${s=>s.isDisabled&&a};
|
|
53
34
|
}
|
|
54
35
|
}
|
|
55
36
|
|
|
56
37
|
:active {
|
|
57
38
|
.button-background {
|
|
58
|
-
animation: ActiveRipple ${
|
|
59
|
-
background-color: ${
|
|
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
|
-
${
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
${
|
|
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: ${
|
|
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: ${
|
|
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
|
-
|
|
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
|
-
${
|
|
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: ${
|
|
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
|
-
|
|
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: ${({
|
|
10
|
+
border: ${({state:u,backgroundColor:f})=>d(f)[u].border};
|
|
41
11
|
justify-content: center;
|
|
42
|
-
background-color: ${({
|
|
43
|
-
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: ${({
|
|
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: ${({
|
|
61
|
-
font-weight: ${({
|
|
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: ${({
|
|
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
|
-
|
|
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: ${({
|
|
4
|
+
display: ${({orientation:l})=>l==="horizontal"?"flex":"block"};
|
|
18
5
|
justify-content: space-between;
|
|
19
|
-
background-color: ${({
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
41
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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;
|