@skodaflow/web-library 7.14.0 → 7.15.1

package/cjs/organisms/textCta/textCta.js

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

package/cjs/organisms/textCta/textCta.js.map

@@ -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","jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","jsx","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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"}
+{"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/cjs/organisms/tile/tile.js.map

@@ -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","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","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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"}
+{"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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"}

package/cjs/production/Button/Button.js.map

@@ -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","jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,QAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAC,IAACC,SAAcC,OAAAC,OAAA,GAAAN,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,EAAGW,QAAOR,UAAU,UAAWD,WAAUU,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZd,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG7B,iBAA0BqB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZnB,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG3B,iBAA2BmB,EAAMS,YAAYC,OAAOC,eAItD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG1B,iBAAwBkB,EAAMS,YAAYC,OAAOC,eAInD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAGzB,iBAAyBiB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCtB,GAAY,CACdiB,UAAW,GAAGxB,iBAA0BgB,EAAMS,YAAYC,OAAOC,eAIrD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBtB,GAAY,CACdiB,UAAW,GAAGvB,iBAAyBe,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GACFM,OAAAC,OAAA,CAAAQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCf,GAAY,CACdiB,UAAW,GAAGtB,iBAA0Bc,EAAMS,YAAYC,OAAOC,eAIjEV,GACFH,OAAAC,OAAA,CAAAQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BV,GAAY,CACdiB,UAAW,GAAGrB,iBAA6Ba,EAAMS,YAAYC,OAAOC"}
+{"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":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,QAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAA,IAACC,SAASC,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"}

package/cjs/utils/ResponsiveType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAOA,SAAC,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAe,UAAXH,EAAKG,UAAM,IAAAC,EAAAA,EAAAJ,EAAKE,GACpBG,GAA0B,QAAtBC,EAAW,QAAXC,EAAAP,EAAKK,UAAM,IAAAE,EAAAA,EAAAP,EAAKG,UAAM,IAAAG,EAAAA,EAAAN,EAAKE,GAC/BM,GAAqC,QAAjCC,UAAAC,EAAW,UAAXV,EAAKQ,UAAM,IAAAG,EAAAA,EAAAX,EAAKK,kBAAML,EAAKG,UAAM,IAAAM,EAAAA,EAAAT,EAAKE,GAC1CU,GAA4C,UAAP,QAAjCC,EAAsB,QAAtBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAM,IAAAM,EAAAA,EAAAd,EAAKK,UAAM,IAAAQ,EAAAA,EAAAb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}
+{"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAAA,SAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}

package/cjs/utils/enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n  LIGHT = 'light',\n  DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n  SMALL = 'small',\n  LARGE = 'large',\n}\n\nexport enum Placement {\n  AUTO_END = 'auto-end',\n  AUTO_START = 'auto-start',\n  AUTO = 'auto',\n  BOTTOM_END = 'bottom-end',\n  BOTTOM_START = 'bottom-start',\n  BOTTOM = 'bottom',\n  LEFT_END = 'left-end',\n  LEFT_START = 'left-start',\n  LEFT = 'left',\n  RIGHT_END = 'right-end',\n  RIGHT_START = 'right-start',\n  RIGHT = 'right',\n  TOP_END = 'top-end',\n  TOP_START = 'top-start',\n  TOP = 'top',\n}\n\nexport enum VariantType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n  DARK_MODE = 'dark',\n  LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAeA,kBAAfA,wBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAASA,YAATA,kBAgBX,CAAA,IAfC,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAKX,CAAA,IAJC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAGX,CAAA,IAFC,UAAA,OACAA,EAAA,WAAA"}
+{"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n  LIGHT = 'light',\n  DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n  SMALL = 'small',\n  LARGE = 'large',\n}\n\nexport enum Placement {\n  AUTO_END = 'auto-end',\n  AUTO_START = 'auto-start',\n  AUTO = 'auto',\n  BOTTOM_END = 'bottom-end',\n  BOTTOM_START = 'bottom-start',\n  BOTTOM = 'bottom',\n  LEFT_END = 'left-end',\n  LEFT_START = 'left-start',\n  LEFT = 'left',\n  RIGHT_END = 'right-end',\n  RIGHT_START = 'right-start',\n  RIGHT = 'right',\n  TOP_END = 'top-end',\n  TOP_START = 'top-start',\n  TOP = 'top',\n}\n\nexport enum VariantType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n  DARK_MODE = 'dark',\n  LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAAA,kBAAAA,wBAAe,CAAA,IACzB,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAAA,iBAAAA,uBAAc,CAAA,IACxB,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAAAA,YAAAA,kBAAS,CAAA,IACnB,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,UAAA,OACAA,EAAA,WAAA"}

package/cjs/utils/formatFileSize/formatFileSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/**\n * Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n *\n * @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n *\n * @return Formatted string.\n */\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n  const thresh = si ? 1000 : 1024;\n\n  if (Math.abs(bytes) < thresh) {\n    return bytes + ' B';\n  }\n\n  const units = si\n    ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n    : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n  let u = -1;\n  const r = 10 ** dp;\n\n  do {\n    bytes /= thresh;\n    ++u;\n  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n  return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAM,EACV,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}
+{"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/**\n * Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n *\n * @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n *\n * @return Formatted string.\n */\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n  const thresh = si ? 1000 : 1024;\n\n  if (Math.abs(bytes) < thresh) {\n    return bytes + ' B';\n  }\n\n  const units = si\n    ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n    : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n  let u = -1;\n  const r = 10 ** dp;\n\n  do {\n    bytes /= thresh;\n    ++u;\n  } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n  return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAI,EACR,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}

package/cjs/utils/useClosure/useClosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAWA,aAAC,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}
+{"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAAA,aAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}

package/cjs/utils/useDebounce/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n  value: T,\n  delay: number,\n  options: { instantClear: boolean } = { instantClear: false },\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWwB,SACtBA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAMA,OAAwB,MAkB9C,OAhBAC,EAAAA,WAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,YAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
+{"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n  value: T,\n  delay: number,\n  options: { instantClear: boolean } = { instantClear: false },\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWc,SACZA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAAA,OAA8B,MAkB9C,OAhBAC,EAAAA,WAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,QACvB,IAED,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/cjs/utils/useElementScrollable/useElementScrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Monitors an element for scroll.\n *\n * @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' | 'y' = 'y') {\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  // monitor overflow while resizing\n  const elementRef = useCallback((element: HTMLElement) => {\n    const resizeObserver = new ResizeObserver(() => {\n      setIsScrollable(\n        axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n      );\n    });\n\n    if (element !== null) {\n      resizeObserver.observe(element);\n    } else {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  return { isScrollable, elementRef };\n}\n"],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"iEAUgB,SAAqBA,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,eAEhB,IAGL"}
+{"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Monitors an element for scroll.\n *\n * @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' | 'y' = 'y') {\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  // monitor overflow while resizing\n  const elementRef = useCallback((element: HTMLElement) => {\n    const resizeObserver = new ResizeObserver(() => {\n      setIsScrollable(\n        axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n      );\n    });\n\n    if (element !== null) {\n      resizeObserver.observe(element);\n    } else {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  return { isScrollable, elementRef };\n}\n"],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"iEAUM,SAA+BA,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,YACjB,GACC,IAGL"}

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASwB,SACtBA,EACAC,EAAuB,IAEvBC,EAAAA,WAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,MAEF,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}
+{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASc,SACZA,EACAC,EAAuB,IAEvBC,EAAAA,WAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,GACF,GACA,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}

package/cjs/utils/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,cAKpC,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
+{"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,aAGpC,CAEA,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iQA0Fa,MAAAA,EAAYC,GACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,GAAkC,GAEhEC,GAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,GAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAACC,EAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,EAACC,EACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAACO,EAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,EAACS,EAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}
+{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iQA0FO,MAAMA,EAAYC,GACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,GAAkC,GAEhEC,GAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,GAAY,IAAMG,GACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,CASA,GACC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,GAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,EAK3B,GAEF,CAACpB,EAAqBJ,IAGxB,OACE8B,EAACC,EAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,EAACC,EAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAACO,EAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAACS,EAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}

package/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["Alert","_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"2HAyBa,MAAAA,EAA+BC,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAR,EAArD,qDAC1C,MAAMS,EAAQC,IAEd,OACEC,EAACC,EAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["Alert","_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"2HAyBO,MAAMA,EAA+BC,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAKN,EAAKO,EAAIC,EAAAR,EAArD,qDAC1C,MAAMS,EAAQC,IAEd,OACEC,EAACC,EAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}

package/components/alert/AlertButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '@mui/material';
-export interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size'> {
+export interface AlertButtonProps extends ButtonProps {
 }
 /**
  * AlertButton is a proxy component to <Button variant="text" color="white" size="small" />

package/components/alert/AlertButton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as e}from"@mui/material";const i=t(((t,i)=>r(e,Object.assign({},t,{ref:i,variant:"text",color:"white",size:"small"}))));export{i as AlertButton};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as e}from"@mui/material";const i=t(((t,i)=>r(e,Object.assign({ref:i,variant:"text",color:"white",size:"small"},t))));export{i as AlertButton};
 //# sourceMappingURL=AlertButton.js.map

package/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size'> {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"text\" color=\"white\" size=\"small\" />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQa,MAAAA,EAA0CC,GAAW,CAACC,EAAOC,IACjEC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}
+{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends ButtonProps {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAA0CC,GAAW,CAACC,EAAOC,IACjEC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}

package/components/alert/AlertNotificationButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface AlertNotificationButtonProps extends ButtonProps {
+}
+/**
+ * AlertNotificationButton is a proxy component to <Button variant="text" color="secondary" size="small" />
+ */
+export declare const AlertNotificationButton: React.FC<AlertNotificationButtonProps>;