npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.0 - Mend

@skodaflow/web-library 7.15.1 → 7.16.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 (3903) hide show

package/organisms/textCta/textCta.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as n,jsxs as i,Fragment as e}from"react/jsx-runtime";import{forwardRef as t,useCallback as c}from"react";import{Label as s}from"../../components/label/label.js";import{styled as l,Typography as r,List as p,ListItem as m,ButtonBase as d}from"@mui/material";import{Button as I}from"../../components/button/button.js";import{Icon as j}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";const a=t(((t,l)=>{var{label:a,headlineTitle:f,text:F,showFirstButton:C=!1,showSecondButton:h=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:w,listItems:B,showAppStore:y=!1,showPlayStore:T=!1,appStoreProps:A,playStoreProps:P}=t,x=o(t,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const M=c((o=>{window.open(o,"_blank")}),[]),v=c(((o,n,i)=>{i&&M(i),n&&n(o)}),[M]),b=c(((o,i)=>{const e=Object.assign(Object.assign({},o),{url:o.url||null});return n(I,Object.assign({},e,{onClick:o=>v(o,i,e.url)}))}),[v]);return i(k,Object.assign({ref:l,listItems:B},x,{children:[a&&n(s,{label:a}),f&&n("div",{className:"headlineContainer",children:n(r,{className:"textCtaHeadline",children:f})}),F&&n("p",{className:`textCtaText ${T&&"isPlayStore"}`,children:F}),B&&B.length>0&&n(p,{className:"textCtaList",children:B.map(((o,e)=>i(m,{disableGutters:!0,children:[n(j,{name:o.icon||"check"}),o.text]},"text-cta-list-item"+e)))}),i("div",{className:"textCtaBtnGroup",children:[(!y||!T)&&i(e,{children:[C&&b(S,u),h&&b(w,g)]}),(!C||!h)&&i(e,{children:[y&&n(d,{className:"appStoreBadge",onClick:()=>M(A.url),children:n("img",{src:A.img,alt:A.alt})}),T&&n("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:P}})]})]})]}))})),f=o=>{switch(o){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},k=l("div",{shouldForwardProp:o=>"listItems"!==o&&"headlineVariant"!==o})((n=>{var{theme:i}=n,e=o(n,["theme"]);let t={};return t={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},f(e.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},t}));export{a as TextCta};
+import{__rest as o}from"tslib";import{jsx as n,jsxs as i,Fragment as e}from"react/jsx-runtime";import{forwardRef as t,useCallback as c}from"react";import{Label as s}from"../../components/label/label.js";import{styled as l,Typography as r,List as p,ListItem as m,ButtonBase as d}from"@mui/material";import{Button as I}from"../../components/button/button.js";import{Icon as j}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";const a=t((t,l)=>{var{label:a,headlineTitle:f,text:F,showFirstButton:C=!1,showSecondButton:h=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:w,listItems:B,showAppStore:y=!1,showPlayStore:T=!1,appStoreProps:A,playStoreProps:P}=t,x=o(t,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const M=c(o=>{window.open(o,"_blank")},[]),v=c((o,n,i)=>{i&&M(i),n&&n(o)},[M]),b=c((o,i)=>{const e=Object.assign(Object.assign({},o),{url:o.url||null});return n(I,Object.assign({},e,{onClick:o=>v(o,i,e.url)}))},[v]);return i(k,Object.assign({ref:l,listItems:B},x,{children:[a&&n(s,{label:a}),f&&n("div",{className:"headlineContainer",children:n(r,{className:"textCtaHeadline",children:f})}),F&&n("p",{className:`textCtaText ${T&&"isPlayStore"}`,children:F}),B&&B.length>0&&n(p,{className:"textCtaList",children:B.map((o,e)=>i(m,{disableGutters:!0,children:[n(j,{name:o.icon||"check"}),o.text]},"text-cta-list-item"+e))}),i("div",{className:"textCtaBtnGroup",children:[(!y||!T)&&i(e,{children:[C&&b(S,u),h&&b(w,g)]}),(!C||!h)&&i(e,{children:[y&&n(d,{className:"appStoreBadge",onClick:()=>M(A.url),children:n("img",{src:A.img,alt:A.alt})}),T&&n("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:P}})]})]})]}))}),f=o=>{switch(o){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},k=l("div",{shouldForwardProp:o=>"listItems"!==o&&"headlineVariant"!==o})(n=>{var{theme:i}=n,e=o(n,["theme"]);let t={};return t={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},f(e.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},t});export{a as TextCta};
 //# sourceMappingURL=textCta.js.map

package/organisms/textCta/textCta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
1	+ {"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/organisms/tile/tile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as a}from"react";import{styled as o}from"@mui/material/styles";import{Label as r}from"../../components/label/label.js";import{Divider as l,ButtonBase as n}from"@mui/material";import p from"../common/menuCardComponent/menuCardComponent.js";import{handleMaxChars as m}from"../../utils/utilities.js";import s from"../../components/common/imageComponent.js";const d=o=>{var{tileContentPinned:d="top",isBorderRadius:g=!0,promotionalVariant:b="large"}=o,h=e(o,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,x]=a(!1),f=t("div",{className:"tileImage",children:h.tileImageURLOnHover&&u?t(s,{image:h.tileImageURLOnHover,alt:h.tileAltImage},"imageUrl_onHover"):t(s,{image:h.tileImageURL,alt:h.tileAltImage,fallbackImage:h.tileImageURLFallback},"imageUrl")}),v=i("div",{className:"tilePriceWrapper",children:[h.tilePriceTotal&&t("span",{className:"disclaimer tilePriceTotal",children:h.tilePriceTotal}),h.tilePriceTotal&&h.tilePriceMonth&&t(l,{orientation:"vertical",flexItem:!0}),h.tilePriceMonth&&t("span",{className:"disclaimer tilePriceMonth",children:h.tilePriceMonth})]});return t(c,{promotionalLabel:h.promotionalLabel,isBorderRadius:g,tileContentPinned:d,children:i(n,{className:"tileWrapper",onMouseEnter:()=>{u||x(!0)},onMouseLeave:()=>{x(!1)},onClick:()=>x((e=>!e)),children:[h.isMenuDropdown&&t(n,{className:"tileDropdownMenu",onMouseEnter:()=>x(!1),onMouseLeave:()=>x(!0),children:t(p,Object.assign({},h.menuCardComponentProps))}),h.promotionalLabel&&t("div",{className:"tilePromotionalLabel",children:t(r,{type:"promotional",variant:b,label:m(h.promotionalLabel,30)})}),"bottom"===d&&f,i("div",{className:"tileContent",children:[h.generalLabel&&t("div",{className:"tileGeneralLabel",children:t(r,{label:m(h.generalLabel,30)})}),t("h4",{className:"tileTitle",children:m(h.title,20)}),h.featureLabel&&t("div",{className:"tileFeatureLabel",children:t(r,{type:"feature",variant:h.featureLabelVariant,label:m(h.featureLabel,30)})}),"bottom"===d&&v]}),"top"===d&&f,"top"===d&&v]})})};d.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const c=o("div")((t=>{var{theme:i}=t,a=e(t,["theme"]);let o={};const{tileContentPinned:r,promotionalLabel:l,isBorderRadius:n}=a;return o={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:l?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===r?"-32px":"16px",marginBottom:"bottom"===r?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===r?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},o}));export{d as Tile};
+import{__rest as e}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as a}from"react";import{styled as o}from"@mui/material/styles";import{Label as r}from"../../components/label/label.js";import{Divider as l,ButtonBase as n}from"@mui/material";import p from"../common/menuCardComponent/menuCardComponent.js";import{handleMaxChars as m}from"../../utils/utilities.js";import s from"../../components/common/imageComponent.js";const d=o=>{var{tileContentPinned:d="top",isBorderRadius:g=!0,promotionalVariant:b="large"}=o,h=e(o,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,x]=a(!1),f=t("div",{className:"tileImage",children:h.tileImageURLOnHover&&u?t(s,{image:h.tileImageURLOnHover,alt:h.tileAltImage},"imageUrl_onHover"):t(s,{image:h.tileImageURL,alt:h.tileAltImage,fallbackImage:h.tileImageURLFallback},"imageUrl")}),v=i("div",{className:"tilePriceWrapper",children:[h.tilePriceTotal&&t("span",{className:"disclaimer tilePriceTotal",children:h.tilePriceTotal}),h.tilePriceTotal&&h.tilePriceMonth&&t(l,{orientation:"vertical",flexItem:!0}),h.tilePriceMonth&&t("span",{className:"disclaimer tilePriceMonth",children:h.tilePriceMonth})]});return t(c,{promotionalLabel:h.promotionalLabel,isBorderRadius:g,tileContentPinned:d,children:i(n,{className:"tileWrapper",onMouseEnter:()=>{u||x(!0)},onMouseLeave:()=>{x(!1)},onClick:()=>x(e=>!e),children:[h.isMenuDropdown&&t(n,{className:"tileDropdownMenu",onMouseEnter:()=>x(!1),onMouseLeave:()=>x(!0),children:t(p,Object.assign({},h.menuCardComponentProps))}),h.promotionalLabel&&t("div",{className:"tilePromotionalLabel",children:t(r,{type:"promotional",variant:b,label:m(h.promotionalLabel,30)})}),"bottom"===d&&f,i("div",{className:"tileContent",children:[h.generalLabel&&t("div",{className:"tileGeneralLabel",children:t(r,{label:m(h.generalLabel,30)})}),t("h4",{className:"tileTitle",children:m(h.title,20)}),h.featureLabel&&t("div",{className:"tileFeatureLabel",children:t(r,{type:"feature",variant:h.featureLabelVariant,label:m(h.featureLabel,30)})}),"bottom"===d&&v]}),"top"===d&&f,"top"===d&&v]})})};d.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const c=o("div")(t=>{var{theme:i}=t,a=e(t,["theme"]);let o={};const{tileContentPinned:r,promotionalLabel:l,isBorderRadius:n}=a;return o={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:l?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===r?"-32px":"16px",marginBottom:"bottom"===r?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===r?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},o});export{d as Tile};
 //# sourceMappingURL=tile.js.map

package/organisms/tile/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
1	+ {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"mcA+FO,MAAMA,EAAuBC,IAAA,IAAAC,kBAClCA,EAAoB,MAAKC,eACzBA,GAAiB,EAAIC,mBACrBA,EAAqB,SAAOH,EACzBI,EAAKC,EAAAL,EAJ0B,6DAMlC,MAAOM,EAAaC,GAAkBC,GAAS,GAWzCC,EACJC,EAAA,MAAA,CAAKC,UAAU,YAAWC,SACvBR,EAAMS,qBAAuBP,EAC5BI,EAACI,EAAc,CAA0BC,MAAOX,EAAMS,oBAAqBG,IAAKZ,EAAMa,cAAjE,oBAErBP,EAACI,EAAc,CAEbC,MAAOX,EAAMc,aACbF,IAAKZ,EAAMa,aACXE,cAAef,EAAMgB,sBAHhB,cAQPC,EACJC,EAAA,MAAA,CAAKX,UAAU,mBAAkBC,SAAA,CAC9BR,EAAMmB,gBAAkBb,UAAMC,UAAU,4BAA2BC,SAAER,EAAMmB,iBAC3EnB,EAAMmB,gBAAkBnB,EAAMoB,gBAAkBd,EAACe,EAAO,CAACC,YAAY,WAAWC,UAAQ,IACxFvB,EAAMoB,gBAAkBd,EAAA,OAAA,CAAMC,UAAU,4BAA2BC,SAAER,EAAMoB,oBAIhF,OACEd,EAACkB,EAAU,CACTC,iBAAkBzB,EAAMyB,iBACxB3B,eAAgBA,EAChBD,kBAAmBA,EAAiBW,SAEpCU,EAACQ,EAAU,CACTnB,UAAU,cACVoB,aAxCmB,KAClBzB,GACHC,GAAe,IAuCbyB,aAnCmB,KACvBzB,GAAe,IAmCX0B,QAAS,IAAM1B,EAAgB2B,IAAUA,GAAKtB,SAAA,CAE7CR,EAAM+B,gBACLzB,EAACoB,EAAU,CACTnB,UAAU,mBACVoB,aAAc,IAAMxB,GAAe,GACnCyB,aAAc,IAAMzB,GAAe,GAAKK,SAExCF,EAAC0B,EAAiBC,OAAAC,OAAA,CAAA,EAAKlC,EAAMmC,2BAGhCnC,EAAMyB,kBACLnB,EAAA,MAAA,CAAKC,UAAU,uBAAsBC,SACnCF,EAAC8B,GAAMC,KAAK,cAAcC,QAASvC,EAAoBwC,MAAOC,EAAexC,EAAMyB,iBAAkB,QAGlF,WAAtB5B,GAAkCQ,EACnCa,EAAA,MAAA,CAAKX,UAAU,cAAaC,SAAA,CACzBR,EAAMyC,cACLnC,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAC8B,EAAK,CAACG,MAAOC,EAAexC,EAAMyC,aAAc,QAGrDnC,EAAA,KAAA,CAAIC,UAAU,YAAWC,SAAEgC,EAAexC,EAAM0C,MAAO,MACtD1C,EAAM2C,cACLrC,EAAA,MAAA,CAAKC,UAAU,mBAAkBC,SAC/BF,EAAC8B,EAAK,CACJC,KAAK,UACLC,QAAStC,EAAM4C,oBACfL,MAAOC,EAAexC,EAAM2C,aAAc,QAIzB,WAAtB9C,GAAkCoB,KAEd,QAAtBpB,GAA+BQ,EACT,QAAtBR,GAA+BoB,QAMxCtB,EAAKkD,aAAe,CAClB/C,gBAAgB,EAChBC,mBAAoB,SAEtB,MAAMyB,EAAasB,EAAO,MAAPA,CAA8ClD,IAAA,IAAAmD,MAAEA,GAAKnD,EAAKoD,EAAI/C,EAAAL,EAAhB,WAC/D,IAAIqD,EAAS,CAAA,EACb,MAAMpD,kBAAEA,EAAiB4B,iBAAEA,EAAgB3B,eAAEA,GAAmBkD,EA0GhE,OAxGAC,EAAS,CACPC,OAAQ,OACR,mCAAoC,CAClCC,UAAW,cAEb,iBAAkB,CAChBC,SAAU,WACVC,aAAcvD,EAAiB,MAAQ,EACvCoD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBV,EAAMW,QAAQC,QAAQC,QACvCC,QAAS,aACTC,OAAQ,aAAaf,EAAMW,QAAQC,QAAQI,aAE7C,sBAAuB,CACrBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CACpBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGpB,iBAAkB,CAChBY,WAAY3C,EAAmB,OAAS,QAE1C,0BAA2B,CACzByC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAER,sBAAuB,CACrBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEV,sBAAuB,CACrBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdvB,OAAQ,QACRwB,UAAiC,QAAtB7E,EAA8B,QAAU,OACnD0E,aAAoC,WAAtB1E,EAAiC,QAAU,IACzD,CAACkD,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,QAAS,CACPE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGX,sBAAuB,CACrBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB7E,EAAiC,MAAQ,IACpD,oBAAqB,CACnBmF,WAAY,QAEd,OAAQ,CACNP,OAAQ,QACRQ,YAAalC,EAAMW,QAAQwB,YAAYnB,aAKtCd"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"7.15.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"12.0.2","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"7.16.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.21","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"12.0.3","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/production/Button/Button.js CHANGED Viewed

@@ -30,5 +30,5 @@ import{__rest as o}from"tslib";import{jsx as n}from"react/jsx-runtime";import{st
   0% { background-color: #D8D8D8; }
   50% { background-color: #EEEEEE; }
   100% {background-color: #D8D8D8; }
-`,u=r((r=>{var{blinking:i,variant:e}=r,t=o(r,["blinking","variant"]);return n(a,Object.assign({},t,{variant:"text"}))}))((({theme:o,variant:n="success",blinking:r,disabled:a})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===n&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},r&&{animation:`${e} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===n&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},r&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===n&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},r&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===n&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},r&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===n&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},r&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===n&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},r&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===n&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},r&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`})),a&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},r&&{animation:`${d} 1s infinite ${o.transitions.easing.easeInOut}`}))));export{u as Button};
+`,u=r(r=>{var{blinking:i,variant:e}=r,t=o(r,["blinking","variant"]);return n(a,Object.assign({},t,{variant:"text"}))})(({theme:o,variant:n="success",blinking:r,disabled:a})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===n&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},r&&{animation:`${e} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===n&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},r&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===n&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},r&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===n&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},r&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===n&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},r&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===n&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},r&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===n&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},r&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`})),a&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},r&&{animation:`${d} 1s infinite ${o.transitions.easing.easeInOut}`})));export{u as Button};
 //# sourceMappingURL=Button.js.map

package/production/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,~~GAPqBC~~,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,EAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,~~SAAS~~,~~GAOhGH~~,~~EAAgC,~~EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,EAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,EAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,WAOvFH,CAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}

package/utils/ResponsiveType.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useMemo as l}from"react";function o(o){return l((()=>{var l,d,i,n,u,v,m,x,r,t;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(i=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==i?i:o.xl,sm:null!==(v=null!==(u=null!==(n=o.sm)&&void 0!==n?n:o.md)&&void 0!==u?u:o.lg)&&void 0!==v?v:o.xl,xs:null!==(t=null!==(r=null!==(x=null!==(m=o.xs)&&void 0!==m?m:o.sm)&&void 0!==x?x:o.md)&&void 0!==r?r:o.lg)&&void 0!==t?t:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0}),[o])}export{o as useResponsiveProp};
+import{useMemo as l}from"react";function o(o){return l(()=>{var l,d,i,n,u,v,m,x,r,t;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(i=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==i?i:o.xl,sm:null!==(v=null!==(u=null!==(n=o.sm)&&void 0!==n?n:o.md)&&void 0!==u?u:o.lg)&&void 0!==v?v:o.xl,xs:null!==(t=null!==(r=null!==(x=null!==(m=o.xs)&&void 0!==m?m:o.sm)&&void 0!==x?x:o.md)&&void 0!==r?r:o.lg)&&void 0!==t?t:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0},[o])}export{o as useResponsiveProp};
 //# sourceMappingURL=ResponsiveType.js.map