@skodaflow/web-library 7.14.0 → 7.15.1

package/cjs/components/mobileStepper/mobileStepperButton.js

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

package/cjs/components/mobileStepper/mobileStepperButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobileStepperButton.js","sources":["../../../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { Button, ButtonProps, styled, useTheme } from '@mui/material';\nimport { Icon } from '../icon';\n\nexport const MobileStepperButton = (props: ButtonProps) => {\n  return (\n    <MobileStepperButtonStyled\n      variant=\"text\"\n      disableFocusRipple\n      disableRipple\n      data-testid=\"MobileStepperButton\"\n      {...props}\n    />\n  );\n};\n\nexport const MobileStepperButtonNext = (props: ButtonProps) => {\n  const theme = useTheme();\n\n  return (\n    <MobileStepperButton {...props} endIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'left' : 'right'}`} />}>\n      {props.children}\n    </MobileStepperButton>\n  );\n};\n\nexport const MobileStepperButtonBack = (props: ButtonProps) => {\n  const theme = useTheme();\n\n  return (\n    <MobileStepperButton {...props} startIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'right' : 'left'}`} />}>\n      {props.children}\n    </MobileStepperButton>\n  );\n};\n\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n  borderRadius: '0',\n  padding: 0,\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  fontStyle: 'normal',\n  fontWeight: '400',\n  fontSize: '16px',\n  lineHeight: '16px',\n  height: '100%',\n  minHeight: '0',\n  color: theme.palette.text.primary,\n  '&:hover': {\n    backgroundColor: 'transparent',\n  },\n  '&.Mui-disabled': {\n    color: theme.palette.disabled.primary,\n  },\n  '& .MuiButton-startIcon': {\n    marginLeft: '8px',\n    marginRight: '0',\n  },\n  '& .MuiButton-endIcon': {\n    marginLeft: '0',\n    marginRight: '8px',\n  },\n}));\n"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight","useTheme","startIcon","Icon","name","direction","children","endIcon"],"mappings":"+IAGa,MAAAA,EAAuBC,GAEhCC,EAAAA,IAACC,EACCC,OAAAC,OAAA,CAAAC,QAAQ,OACRC,oBAAkB,EAClBC,eACY,EAAA,cAAA,uBACRP,IAyBJE,EAA4BM,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC/DC,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOZ,EAAMa,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOZ,EAAMa,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa,yEAnCuB7B,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAA+B,UAAW9B,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,QAAU,mBACnGlC,EAAMmC,WACa,kCAhBcnC,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAAoC,QAASnC,MAAC+B,EAAAA,KAAK,CAAAC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,OAAS,oBAChGlC,EAAMmC,WACa"}
+{"version":3,"file":"mobileStepperButton.js","sources":["../../../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { Button, ButtonProps, styled, useTheme } from '@mui/material';\nimport { Icon } from '../icon';\n\nexport const MobileStepperButton = (props: ButtonProps) => {\n  return (\n    <MobileStepperButtonStyled\n      variant=\"text\"\n      disableFocusRipple\n      disableRipple\n      data-testid=\"MobileStepperButton\"\n      {...props}\n    />\n  );\n};\n\nexport const MobileStepperButtonNext = (props: ButtonProps) => {\n  const theme = useTheme();\n\n  return (\n    <MobileStepperButton {...props} endIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'left' : 'right'}`} />}>\n      {props.children}\n    </MobileStepperButton>\n  );\n};\n\nexport const MobileStepperButtonBack = (props: ButtonProps) => {\n  const theme = useTheme();\n\n  return (\n    <MobileStepperButton {...props} startIcon={<Icon name={`arrow-${theme.direction === 'rtl' ? 'right' : 'left'}`} />}>\n      {props.children}\n    </MobileStepperButton>\n  );\n};\n\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n  borderRadius: '0',\n  padding: 0,\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n  fontStyle: 'normal',\n  fontWeight: '400',\n  fontSize: '16px',\n  lineHeight: '16px',\n  height: '100%',\n  minHeight: '0',\n  color: theme.palette.text.primary,\n  '&:hover': {\n    backgroundColor: 'transparent',\n  },\n  '&.Mui-disabled': {\n    color: theme.palette.disabled.primary,\n  },\n  '& .MuiButton-startIcon': {\n    marginLeft: '8px',\n    marginRight: '0',\n  },\n  '& .MuiButton-endIcon': {\n    marginLeft: '0',\n    marginRight: '8px',\n  },\n}));\n"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","disableFocusRipple","disableRipple","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","minHeight","color","palette","text","primary","backgroundColor","disabled","marginLeft","marginRight","useTheme","startIcon","Icon","name","direction","children","endIcon"],"mappings":"87hCAGO,MAAMA,EAAuBC,GAEhCC,EAAAA,IAACC,EAAyBC,OAAAC,OAAA,CACxBC,QAAQ,OACRC,oBAAkB,EAClBC,eAAa,EAAA,cACD,uBACRP,IAyBJE,EAA4BM,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAO,CACzDC,aAAc,IACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRC,UAAW,IACXC,MAAOZ,EAAMa,QAAQC,KAAKC,QAC1B,UAAW,CACTC,gBAAiB,eAEnB,iBAAkB,CAChBJ,MAAOZ,EAAMa,QAAQI,SAASF,SAEhC,yBAA0B,CACxBG,WAAY,MACZC,YAAa,KAEf,uBAAwB,CACtBD,WAAY,IACZC,YAAa,yEAnCuB7B,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAE+B,UAAW9B,MAAC+B,EAAAA,KAAI,CAACC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,QAAU,mBACnGlC,EAAMmC,WACa,kCAhBcnC,IACtC,MAAMU,EAAQoB,EAAAA,WAEd,OACE7B,MAACF,EAAmBI,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAEoC,QAASnC,MAAC+B,EAAAA,KAAI,CAACC,KAAM,UAA6B,QAApBvB,EAAMwB,UAAsB,OAAS,oBAChGlC,EAAMmC,WACa"}

package/cjs/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../../src/components/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useMemo } from 'react';\nimport { Button, ButtonVariants } from '../button';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogProps } from '@mui/material';\n\nexport interface ModalProps extends Omit<DialogProps, 'maxWidth'> {\n  /**\n   * @deprecated rename to onClose\n   */\n  handleClose?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickTopButton?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickBottomButton?: () => void;\n  /**\n   * @deprecated rename to aria-labelledby\n   */\n  ariaLabelledby?: string;\n  /**\n   * @deprecated rename to aria-describedby\n   */\n  ariaDescribedBy?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVisible?: boolean;\n  /**\n   * @deprecated provide <DialogTitle onClose={() => {} />\n   */\n  hasCloseButton?: boolean;\n  /**\n   * @deprecated use maxWidth={'sm' | 'md' | 'lg'} instead\n   */\n  size?: 'small' | 'large' | 'full-width';\n  /**\n   * @deprecated provide your own <DialogActions>\n   */\n  defaultButtonSection?: boolean;\n  /**\n   * Defines size of the dialog\n   */\n  maxWidth?: DialogProps['maxWidth'] | string;\n  /**\n   * @deprecated write custom hook monitoring open status\n   */\n  modalLoadedCallback?: (isLoaded: boolean) => void;\n}\n\n/**\n * @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      maxWidth,\n      sx,\n      handleClose,\n      onClickTopButton,\n      onClickBottomButton,\n      ariaLabelledby,\n      ariaDescribedBy,\n      firstButton,\n      secondButton,\n      hasCloseButton,\n      size,\n      firstButtonVariant,\n      secondButtonVariant,\n      secondButtonVisible,\n      defaultButtonSection = true,\n      modalLoadedCallback,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    useEffect(() => {\n      modalLoadedCallback?.(open);\n    }, [open]);\n\n    const calculatedMaxWidth = useMemo(() => {\n      if (size) {\n        return { small: 'sm', large: 'md', ['full-width']: false }[size];\n      } else {\n        if (['xs', 'sm', 'md', 'lg', 'xl'].includes(`${maxWidth}`)) {\n          return maxWidth;\n        }\n        return false;\n      }\n    }, [size, maxWidth]) as DialogProps['maxWidth'];\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={handleClose ?? onClose}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedBy}\n        maxWidth={calculatedMaxWidth}\n        data-testid=\"Modal\"\n        PaperProps={{\n          ['data-testid']: 'Modal.container',\n        }}\n        sx={{\n          ...(calculatedMaxWidth === false &&\n            maxWidth && {\n              maxWidth: maxWidth,\n            }),\n          ...sx,\n        }}\n        {...rest}\n      >\n        <DialogTitle onClose={handleClose ?? onClose} closeIconButtonProps={{ ['data-testid']: 'Modal.close' }} />\n        <DialogContent data-testid=\"Modal.content\" dividers={isScrollable} ref={elementRef}>\n          {children}\n        </DialogContent>\n        {defaultButtonSection && (\n          <DialogActions data-testid=\"Modal.buttons\">\n            <Button\n              label={firstButton}\n              onClick={onClickTopButton}\n              variant={firstButtonVariant}\n              data-testid=\"Modal.button1\"\n              data-variant={firstButtonVariant}\n            />\n            {secondButtonVisible && (\n              <Button\n                label={secondButton}\n                onClick={onClickBottomButton}\n                variant={secondButtonVariant}\n                data-testid=\"Modal.button2\"\n                data-variant={secondButtonVariant}\n              />\n            )}\n          </DialogActions>\n        )}\n      </Dialog>\n    );\n  },\n);\n"],"names":["Modal","forwardRef","_a","ref","children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback","rest","__rest","isScrollable","elementRef","useElementScrollable","useEffect","calculatedMaxWidth","useMemo","small","large","includes","_jsxs","Dialog","Object","assign","PaperProps","_jsx","DialogTitle","closeIconButtonProps","DialogContent","dividers","DialogActions","Button","label","onClick","variant"],"mappings":"wNAuEa,MAAAA,EAAQC,EAAUA,YAC7B,CACEC,EAsBAC,SAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,GACRA,EAAEC,YACFA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,oBAC3BA,GAAmBpB,EAChBqB,EAAIC,SAAAtB,EApBT,4SAwBA,MAAMuB,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1DC,EAAAA,WAAU,KACRN,SAAAA,EAAsBjB,EAAK,GAC1B,CAACA,IAEJ,MAAMwB,EAAqBC,EAAAA,SAAQ,IAC7Bb,EACK,CAAEc,MAAO,KAAMC,MAAO,KAAM,cAAgB,GAAQf,KAEvD,CAAC,KAAM,KAAM,KAAM,KAAM,MAAMgB,SAAS,GAAG1B,MACtCA,GAIV,CAACU,EAAMV,IAEV,OACE2B,OAACC,EAAAA,OAAMC,OAAAC,OAAA,CACLlC,IAAKA,EACLE,KAAMA,EACNC,QAASG,QAAAA,EAAeH,EAAO,kBACdM,EACC,mBAAAC,EAClBN,SAAUsB,EAAkB,cAChB,QACZS,WAAY,CACV,cAAiB,mBAEnB9B,GAAE4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GAC2B,IAAvBR,GACFtB,GAAY,CACVA,SAAUA,IAEXC,IAEDe,aAEJgB,EAAAA,IAACC,EAAWA,YAAC,CAAAlC,QAASG,QAAAA,EAAeH,EAASmC,qBAAsB,CAAE,cAAiB,iBACvFF,EAAAA,IAACG,EAAAA,cAA0B,CAAA,cAAA,gBAAgBC,SAAUlB,EAActB,IAAKuB,EACrEtB,SAAAA,IAEFiB,GACCa,EAAAA,KAACU,EAAaA,6BAAa,gBAAexC,SAAA,CACxCmC,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAOhC,EACPiC,QAASrC,EACTsC,QAAS9B,EACG,cAAA,+BACEA,IAEfE,GACCmB,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAO/B,EACPgC,QAASpC,EACTqC,QAAS7B,EACG,cAAA,+BACEA,UAKf"}
+{"version":3,"file":"modal.js","sources":["../../../../../src/components/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useMemo } from 'react';\nimport { Button, ButtonVariants } from '../button';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { Dialog, DialogTitle, DialogContent, DialogActions, DialogProps } from '@mui/material';\n\nexport interface ModalProps extends Omit<DialogProps, 'maxWidth'> {\n  /**\n   * @deprecated rename to onClose\n   */\n  handleClose?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickTopButton?: () => void;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  onClickBottomButton?: () => void;\n  /**\n   * @deprecated rename to aria-labelledby\n   */\n  ariaLabelledby?: string;\n  /**\n   * @deprecated rename to aria-describedby\n   */\n  ariaDescribedBy?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButton?: string;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  firstButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVariant?: ButtonVariants;\n  /**\n   * @deprecated provide your own <DialogActions><Button /></DialogActions>\n   */\n  secondButtonVisible?: boolean;\n  /**\n   * @deprecated provide <DialogTitle onClose={() => {} />\n   */\n  hasCloseButton?: boolean;\n  /**\n   * @deprecated use maxWidth={'sm' | 'md' | 'lg'} instead\n   */\n  size?: 'small' | 'large' | 'full-width';\n  /**\n   * @deprecated provide your own <DialogActions>\n   */\n  defaultButtonSection?: boolean;\n  /**\n   * Defines size of the dialog\n   */\n  maxWidth?: DialogProps['maxWidth'] | string;\n  /**\n   * @deprecated write custom hook monitoring open status\n   */\n  modalLoadedCallback?: (isLoaded: boolean) => void;\n}\n\n/**\n * @deprecated This Modal component is deprecated. Please use the new Dialog component from MUI instead.\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      maxWidth,\n      sx,\n      handleClose,\n      onClickTopButton,\n      onClickBottomButton,\n      ariaLabelledby,\n      ariaDescribedBy,\n      firstButton,\n      secondButton,\n      hasCloseButton,\n      size,\n      firstButtonVariant,\n      secondButtonVariant,\n      secondButtonVisible,\n      defaultButtonSection = true,\n      modalLoadedCallback,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    useEffect(() => {\n      modalLoadedCallback?.(open);\n    }, [open]);\n\n    const calculatedMaxWidth = useMemo(() => {\n      if (size) {\n        return { small: 'sm', large: 'md', ['full-width']: false }[size];\n      } else {\n        if (['xs', 'sm', 'md', 'lg', 'xl'].includes(`${maxWidth}`)) {\n          return maxWidth;\n        }\n        return false;\n      }\n    }, [size, maxWidth]) as DialogProps['maxWidth'];\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={handleClose ?? onClose}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedBy}\n        maxWidth={calculatedMaxWidth}\n        data-testid=\"Modal\"\n        PaperProps={{\n          ['data-testid']: 'Modal.container',\n        }}\n        sx={{\n          ...(calculatedMaxWidth === false &&\n            maxWidth && {\n              maxWidth: maxWidth,\n            }),\n          ...sx,\n        }}\n        {...rest}\n      >\n        <DialogTitle onClose={handleClose ?? onClose} closeIconButtonProps={{ ['data-testid']: 'Modal.close' }} />\n        <DialogContent data-testid=\"Modal.content\" dividers={isScrollable} ref={elementRef}>\n          {children}\n        </DialogContent>\n        {defaultButtonSection && (\n          <DialogActions data-testid=\"Modal.buttons\">\n            <Button\n              label={firstButton}\n              onClick={onClickTopButton}\n              variant={firstButtonVariant}\n              data-testid=\"Modal.button1\"\n              data-variant={firstButtonVariant}\n            />\n            {secondButtonVisible && (\n              <Button\n                label={secondButton}\n                onClick={onClickBottomButton}\n                variant={secondButtonVariant}\n                data-testid=\"Modal.button2\"\n                data-variant={secondButtonVariant}\n              />\n            )}\n          </DialogActions>\n        )}\n      </Dialog>\n    );\n  },\n);\n"],"names":["Modal","forwardRef","_a","ref","children","open","onClose","maxWidth","sx","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","modalLoadedCallback","rest","__rest","isScrollable","elementRef","useElementScrollable","useEffect","calculatedMaxWidth","useMemo","small","large","includes","_jsxs","Dialog","Object","assign","PaperProps","_jsx","DialogTitle","closeIconButtonProps","DialogContent","dividers","DialogActions","Button","label","onClick","variant"],"mappings":"wNAuEO,MAAMA,EAAQC,EAAAA,YACnB,CACEC,EAsBAC,SAtBAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,SACPA,EAAQC,GACRA,EAAEC,YACFA,EAAWC,iBACXA,EAAgBC,oBAChBA,EAAmBC,eACnBA,EAAcC,gBACdA,EAAeC,YACfA,EAAWC,aACXA,EAAYC,eACZA,EAAcC,KACdA,EAAIC,mBACJA,EAAkBC,oBAClBA,EAAmBC,oBACnBA,EAAmBC,qBACnBA,GAAuB,EAAIC,oBAC3BA,GAAmBpB,EAChBqB,EAAIC,SAAAtB,EApBT,4SAwBA,MAAMuB,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1DC,EAAAA,WAAU,KACRN,SAAAA,EAAsBjB,EAAK,GAC1B,CAACA,IAEJ,MAAMwB,EAAqBC,EAAAA,SAAQ,IAC7Bb,EACK,CAAEc,MAAO,KAAMC,MAAO,KAAM,cAAgB,GAAQf,KAEvD,CAAC,KAAM,KAAM,KAAM,KAAM,MAAMgB,SAAS,GAAG1B,MACtCA,GAIV,CAACU,EAAMV,IAEV,OACE2B,OAACC,EAAAA,OAAMC,OAAAC,OAAA,CACLlC,IAAKA,EACLE,KAAMA,EACNC,QAASG,QAAAA,EAAeH,EAAO,kBACdM,EAAc,mBACbC,EAClBN,SAAUsB,EAAkB,cAChB,QACZS,WAAY,CACV,cAAiB,mBAEnB9B,GAAE4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,GAC2B,IAAvBR,GACFtB,GAAY,CACVA,SAAUA,IAEXC,IAEDe,aAEJgB,EAAAA,IAACC,EAAAA,YAAW,CAAClC,QAASG,QAAAA,EAAeH,EAASmC,qBAAsB,CAAE,cAAiB,iBACvFF,EAAAA,IAACG,EAAAA,cAAa,CAAA,cAAa,gBAAgBC,SAAUlB,EAActB,IAAKuB,EAAUtB,SAC/EA,IAEFiB,GACCa,EAAAA,KAACU,EAAAA,6BAA0B,gBAAexC,SAAA,CACxCmC,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAOhC,EACPiC,QAASrC,EACTsC,QAAS9B,EAAkB,cACf,+BACEA,IAEfE,GACCmB,EAAAA,IAACM,EAAAA,OAAM,CACLC,MAAO/B,EACPgC,QAASpC,EACTqC,QAAS7B,EAAmB,cAChB,+BACEA,UAKf"}

package/cjs/components/modal/modalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalTitle.js","sources":["../../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport type ModalTitleProps = TypographyProps;\n\n/**\n * @deprecated use DialogTitle instead\n */\nexport const ModalTitle: React.FC<ModalTitleProps> = ({ sx, ...rest }) => (\n  <Typography component=\"h2\" variant=\"h3\" sx={{ marginTop: '-24px', marginBottom: '24px', ...sx }} {...rest} />\n);\n"],"names":["_a","sx","rest","__rest","_jsx","jsx","Typography","Object","assign","component","variant","marginTop","marginBottom"],"mappings":"iHAQsDA,IAAA,IAAAC,GAAEA,GAAaD,EAANE,EAAIC,EAAAA,OAAAH,EAAb,QAAoB,OACxEI,EAACC,IAAAC,aAAWC,OAAAC,OAAA,CAAAC,UAAU,KAAKC,QAAQ,KAAKT,GAAMM,OAAAC,OAAA,CAAAG,UAAW,QAASC,aAAc,QAAWX,IAAUC,GAAQ"}
+{"version":3,"file":"modalTitle.js","sources":["../../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":["import React from 'react';\nimport { Typography, TypographyProps } from '@mui/material';\n\nexport type ModalTitleProps = TypographyProps;\n\n/**\n * @deprecated use DialogTitle instead\n */\nexport const ModalTitle: React.FC<ModalTitleProps> = ({ sx, ...rest }) => (\n  <Typography component=\"h2\" variant=\"h3\" sx={{ marginTop: '-24px', marginBottom: '24px', ...sx }} {...rest} />\n);\n"],"names":["_a","sx","rest","__rest","_jsx","Typography","Object","assign","component","variant","marginTop","marginBottom"],"mappings":"iHAQsDA,IAAA,IAAAC,GAAEA,GAAED,EAAKE,EAAIC,EAAAA,OAAAH,EAAb,QAAoB,OACxEI,EAAAA,IAACC,aAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKC,QAAQ,KAAKR,GAAEK,OAAAC,OAAA,CAAIG,UAAW,QAASC,aAAc,QAAWV,IAAUC,GAAQ"}

package/cjs/components/notification/Notification.d.ts

@@ -0,0 +1,81 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, TypographyProps, StackProps, IconButtonProps, IconProps } from '@mui/material';
+export interface NotificationProps extends BoxProps<ElementType> {
+    /**
+     * headline of the notification
+     */
+    headline?: React.ReactNode;
+    /**
+     * Custom props for the headline
+     */
+    headlineProps?: TypographyProps<ElementType>;
+    /**
+     * Custom props for the title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Longer description of the notification
+     * @deprecated use prop children instead
+     */
+    description?: React.ReactNode;
+    /**
+     * Custom props for the description container
+     */
+    descriptionProps?: TypographyProps<ElementType>;
+    /**
+     * Custom props for the wrapper container
+     */
+    wrapperProps?: BoxProps<ElementType>;
+    /**
+     * Different color options for the notification
+     */
+    color?: 'white' | 'grey';
+    /**
+     * Indicates if the notification is new
+     */
+    isNew?: boolean;
+    /**
+     * Custom props for the header container
+     */
+    headerProps?: BoxProps<ElementType>;
+    /**
+     * Icon to display in the notification
+     */
+    icon?: React.ReactNode;
+    /**
+     * Custom props for the icon container
+     */
+    iconProps?: BoxProps<ElementType>;
+    /**
+     * Footer text for the notification
+     */
+    footer?: React.ReactNode;
+    /**
+     * Control Buttons to display in the notification
+     */
+    buttons?: React.ReactNode;
+    /**
+     * Custom props for the buttons container
+     */
+    buttonsProps?: StackProps<ElementType>;
+    /**
+     * Custom props for the footer container
+     */
+    footerProps?: TypographyProps<ElementType>;
+    /**
+     * Callback function when the notification is dismissed
+     */
+    onDismiss?: () => void;
+    /**
+     * Custom props for the close icon container
+     */
+    closeIconButtonProps?: IconButtonProps;
+    /**
+     * Custom props for the close icon
+     */
+    closeIconProps?: IconProps<ElementType>;
+}
+/**
+ * Component that renders an notification
+ */
+export declare const Notification: FC<NotificationProps>;

package/cjs/components/notification/Notification.js

@@ -0,0 +1,2 @@
+"use strict";var s=require("tslib"),i=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material"),o=require("../label/label.js"),r=require("../icon/stroke/CloseIcon.js");const n=e.forwardRef(((e,n)=>{var{sx:a,headline:c,titleProps:l,titleWrapperProps:p,description:d,descriptionProps:x,wrapperProps:f,color:b,isNew:g,headerProps:h,icon:u,iconProps:j,footer:m,buttons:y,buttonsProps:w,footerProps:O,onDismiss:P,closeIconButtonProps:v,closeIconProps:_,children:N}=e,k=s.__rest(e,["sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children"]);const I=null!=f?f:{},{sx:B}=I,C=s.__rest(I,["sx"]),q=null!=h?h:{},{sx:S}=q,W=s.__rest(q,["sx"]),D=null!=w?w:{},{sx:T}=D,z=s.__rest(D,["sx"]),L=null!=x?x:{},{sx:M}=L,R=s.__rest(L,["sx"]),F=null!=l?l:{},{sx:G}=F,V=s.__rest(F,["sx"]),A=null!=v?v:{},{sx:E}=A,H=s.__rest(A,["sx"]),J=null!=j?j:{},{sx:K}=J,Q=s.__rest(J,["sx"]);return i.jsxs(t.Box,Object.assign({ref:n,sx:Object.assign({backgroundColor:"grey"===b?"surface.primary":"background.primary",padding:"16px 16px 24px",display:"flex",flexDirection:"row",gap:2,position:"relative"},a),"data-testid":"Notification"},k,{children:[u&&i.jsx(t.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:{xs:"32px",md:"56px"},height:{xs:"32px",md:"56px"},backgroundColor:"transparent.backdrop",flexShrink:"0",overflow:"hidden","& img":{width:"100%",height:"100%",objectFit:"cover"},"& .MuiSvgIcon-root":{width:{xs:"22px",md:"32px"},height:{xs:"22px",md:"32px"}}},K),"data-testid":"Notification.icon"},Q,{children:u})),i.jsxs(t.Box,Object.assign({sx:Object.assign({width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"4px",flexDirection:"column",padding:"4px","&:hover .notification-dismiss":{opacity:"1"}},B)},C,{children:[i.jsxs(t.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},S)},W,{children:[g&&i.jsx(o.Label,{type:"indicator",variant:"neutral"}),i.jsx(t.Typography,Object.assign({variant:"subheadline",sx:Object.assign({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},G),"data-testid":"Notification.headline"},V,{children:c})),P&&i.jsx(t.IconButton,Object.assign({"aria-label":"Dismiss notification",onClick:P,size:"small",className:"notification-dismiss",sx:Object.assign({padding:"2px",opacity:{xs:"1",md:"0"},"&.Mui-focusVisible":{opacity:"1"}},E),"data-testid":"Notification.dismiss"},H,{children:i.jsx(r.CloseIcon,Object.assign({fontSize:"small",className:"ballotx",name:"close"},_))}))]})),i.jsx(t.Box,{"data-testid":"Notification.description",children:"string"==typeof N||"string"==typeof d?i.jsx(t.Typography,Object.assign({sx:Object.assign({overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},M),variant:"disclaimer1"},R,{children:N||d})):N||d}),m&&i.jsx(t.Typography,Object.assign({variant:"disclaimer1",color:"onSurface.os600","data-testid":"Notification.footer"},O,{children:m})),y&&i.jsx(t.Stack,Object.assign({direction:"row",sx:Object.assign({mt:1.5},T),spacing:1,"data-testid":"Notification.buttons"},z,{children:y}))]}))]}))}));exports.Notification=n;
+//# sourceMappingURL=Notification.js.map

package/cjs/components/notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../../../src/components/notification/Notification.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  Typography,\n  TypographyProps,\n  Stack,\n  IconButton,\n  StackProps,\n  IconButtonProps,\n  IconProps,\n} from '@mui/material';\nimport { Label } from '@/src/components/label/label';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationProps extends BoxProps<ElementType> {\n  /**\n   * headline of the notification\n   */\n  headline?: React.ReactNode;\n  /**\n   * Custom props for the headline\n   */\n  headlineProps?: TypographyProps<ElementType>;\n  /**\n   * Custom props for the title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Longer description of the notification\n   * @deprecated use prop children instead\n   */\n  description?: React.ReactNode;\n  /**\n   * Custom props for the description container\n   */\n  descriptionProps?: TypographyProps<ElementType>;\n  /**\n   * Custom props for the wrapper container\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Different color options for the notification\n   */\n  color?: 'white' | 'grey';\n  /**\n   * Indicates if the notification is new\n   */\n  isNew?: boolean;\n  /**\n   * Custom props for the header container\n   */\n  headerProps?: BoxProps<ElementType>;\n  /**\n   * Icon to display in the notification\n   */\n  icon?: React.ReactNode;\n  /**\n   * Custom props for the icon container\n   */\n  iconProps?: BoxProps<ElementType>;\n  /**\n   * Footer text for the notification\n   */\n  footer?: React.ReactNode;\n  /**\n   * Control Buttons to display in the notification\n   */\n  buttons?: React.ReactNode;\n  /**\n   * Custom props for the buttons container\n   */\n  buttonsProps?: StackProps<ElementType>;\n  /**\n   * Custom props for the footer container\n   */\n  footerProps?: TypographyProps<ElementType>;\n  /**\n   * Callback function when the notification is dismissed\n   */\n  onDismiss?: () => void;\n  /**\n   * Custom props for the close icon container\n   */\n  closeIconButtonProps?: IconButtonProps;\n  /**\n   * Custom props for the close icon\n   */\n  closeIconProps?: IconProps<ElementType>;\n}\n\n/**\n * Component that renders an notification\n */\nexport const Notification: FC<NotificationProps> = forwardRef(\n  (\n    {\n      sx,\n      headline,\n      titleProps,\n      titleWrapperProps,\n      description,\n      descriptionProps,\n      wrapperProps,\n      color,\n      isNew,\n      headerProps,\n      icon,\n      iconProps,\n      footer,\n      buttons,\n      buttonsProps,\n      footerProps,\n      onDismiss,\n      closeIconButtonProps,\n      closeIconProps,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: headerSx, ...restHeader } = headerProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const { sx: descriptionSx, ...restDescription } = descriptionProps ?? {};\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n    const { sx: iconSx, ...restIcon } = iconProps ?? {};\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          backgroundColor: color === 'grey' ? 'surface.primary' : 'background.primary',\n          padding: '16px 16px 24px',\n          display: 'flex',\n          flexDirection: 'row',\n          gap: 2,\n          position: 'relative',\n          ...sx,\n        }}\n        data-testid=\"Notification\"\n        {...rest}\n      >\n        {icon && (\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              borderRadius: '50%',\n              width: { xs: '32px', md: '56px' },\n              height: { xs: '32px', md: '56px' },\n              backgroundColor: 'transparent.backdrop',\n              flexShrink: '0',\n              overflow: 'hidden',\n              '& img': { width: '100%', height: '100%', objectFit: 'cover' },\n              '& .MuiSvgIcon-root': {\n                width: { xs: '22px', md: '32px' },\n                height: { xs: '22px', md: '32px' },\n              },\n              ...iconSx,\n            }}\n            data-testid=\"Notification.icon\"\n            {...restIcon}\n          >\n            {icon}\n          </Box>\n        )}\n        <Box\n          sx={{\n            width: '100%',\n            maxWidth: '100%',\n            overflow: 'hidden',\n            display: 'flex',\n            gap: '4px',\n            flexDirection: 'column',\n            // Small padding to prevent focus ring trimming\n            padding: '4px',\n            // show dismiss button on hover Desktop + Tablet\n            '&:hover .notification-dismiss': {\n              opacity: '1',\n            },\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <Box\n            sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1, ...headerSx }}\n            {...restHeader}\n          >\n            {isNew && <Label type=\"indicator\" variant=\"neutral\" />}\n\n            <Typography\n              variant=\"subheadline\"\n              sx={{\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                flexGrow: '1',\n                minWidth: '0',\n                ...titleSx,\n              }}\n              data-testid=\"Notification.headline\"\n              {...restTitle}\n            >\n              {headline}\n            </Typography>\n\n            {onDismiss && (\n              <IconButton\n                aria-label=\"Dismiss notification\"\n                onClick={onDismiss}\n                size=\"small\"\n                className=\"notification-dismiss\"\n                sx={{\n                  padding: '2px',\n                  // hide dismiss button Desktop + Tablet, keep on mobile\n                  opacity: { xs: '1', md: '0' },\n                  // show dismiss button on focus\n                  '&.Mui-focusVisible': {\n                    opacity: '1',\n                  },\n                  ...closeIconButtonSx,\n                }}\n                data-testid=\"Notification.dismiss\"\n                {...restCloseIconButton}\n              >\n                <CloseIcon fontSize=\"small\" className=\"ballotx\" name=\"close\" {...closeIconProps} />\n              </IconButton>\n            )}\n          </Box>\n          <Box data-testid=\"Notification.description\">\n            {typeof children === 'string' || typeof description === 'string' ? (\n              <Typography\n                sx={{\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                  display: '-webkit-box',\n                  WebkitLineClamp: '2',\n                  WebkitBoxOrient: 'vertical',\n                  ...descriptionSx,\n                }}\n                variant=\"disclaimer1\"\n                {...restDescription}\n              >\n                {children || description}\n              </Typography>\n            ) : (\n              children || description\n            )}\n          </Box>\n          {footer && (\n            <Typography\n              variant=\"disclaimer1\"\n              color={'onSurface.os600'}\n              data-testid=\"Notification.footer\"\n              {...footerProps}\n            >\n              {footer}\n            </Typography>\n          )}\n          {buttons && (\n            <Stack\n              direction=\"row\"\n              sx={{ mt: 1.5, ...buttonsSx }}\n              spacing={1}\n              data-testid=\"Notification.buttons\"\n              {...restButtons}\n            >\n              {buttons}\n            </Stack>\n          )}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Notification","forwardRef","_a","ref","sx","headline","titleProps","titleWrapperProps","description","descriptionProps","wrapperProps","color","isNew","headerProps","icon","iconProps","footer","buttons","buttonsProps","footerProps","onDismiss","closeIconButtonProps","closeIconProps","children","rest","__rest","_b","wrapperSx","restWrapper","_c","headerSx","restHeader","_d","buttonsSx","restButtons","_e","descriptionSx","restDescription","_f","titleSx","restTitle","_g","closeIconButtonSx","restCloseIconButton","_h","iconSx","restIcon","_jsxs","Box","Object","assign","backgroundColor","padding","display","flexDirection","gap","position","_jsx","justifyContent","alignItems","borderRadius","width","xs","md","height","flexShrink","overflow","objectFit","maxWidth","opacity","Label","type","variant","Typography","whiteSpace","textOverflow","flexGrow","minWidth","IconButton","onClick","size","className","CloseIcon","fontSize","name","WebkitLineClamp","WebkitBoxOrient","Stack","direction","mt","spacing"],"mappings":"yLA8FO,MAAMA,EAAsCC,EAAAA,YACjD,CACEC,EAuBAC,SAvBAC,GACEA,EAAEC,SACFA,EAAQC,WACRA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,iBACXA,EAAgBC,aAChBA,EAAYC,MACZA,EAAKC,MACLA,EAAKC,YACLA,EAAWC,KACXA,EAAIC,UACJA,EAASC,OACTA,EAAMC,QACNA,EAAOC,aACPA,EAAYC,YACZA,EAAWC,UACXA,EAASC,qBACTA,EAAoBC,eACpBA,EAAcC,SACdA,GAAQrB,EACLsB,EAAIC,EAAAA,OAAAvB,EArBT,oQAyBA,MAAMwB,EAAoChB,QAAAA,EAAgB,IAAlDN,GAAIuB,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OACAG,EAAkChB,QAAAA,EAAe,IAA/CT,GAAI0B,GAAQD,EAAKE,EAAUN,EAAAA,OAAAI,EAA7B,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDd,GAAI6B,GAASD,EAAKE,EAAWT,EAAAA,OAAAO,EAA/B,CAAA,OACAG,EAA4C1B,QAAAA,EAAoB,IAA9DL,GAAIgC,GAAaD,EAAKE,EAAeZ,EAAAA,OAAAU,EAAvC,CAAA,OACAG,EAAgChC,QAAAA,EAAc,IAA5CF,GAAImC,GAAOD,EAAKE,EAASf,EAAAA,OAAAa,EAA3B,CAAA,OACAG,EAAoDpB,QAAAA,EAAwB,IAA1EjB,GAAIsC,GAAiBD,EAAKE,EAAmBlB,EAAAA,OAAAgB,EAA/C,CAAA,OAEAG,EAA8B7B,QAAAA,EAAa,IAAzCX,GAAIyC,GAAMD,EAAKE,EAAQrB,EAAAA,OAAAmB,EAAzB,CAAA,OACN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF/C,IAAKA,EACLC,GAAE6C,OAAAC,OAAA,CACAC,gBAA2B,SAAVxC,EAAmB,kBAAoB,qBACxDyC,QAAS,iBACTC,QAAS,OACTC,cAAe,MACfC,IAAK,EACLC,SAAU,YACPpD,GAAE,cAEK,gBACRoB,EAAI,CAAAD,SAAA,CAEPT,GACC2C,MAACT,EAAAA,IAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAG,QAAS,OACTK,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,QAC1BZ,gBAAiB,uBACjBc,WAAY,IACZC,SAAU,SACV,QAAS,CAAEL,MAAO,OAAQG,OAAQ,OAAQG,UAAW,SACrD,qBAAsB,CACpBN,MAAO,CAAEC,GAAI,OAAQC,GAAI,QACzBC,OAAQ,CAAEF,GAAI,OAAQC,GAAI,UAEzBlB,GAAM,cAEC,qBACRC,YAEHhC,KAGLiC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CACAW,MAAO,OACPO,SAAU,OACVF,SAAU,SACVb,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,MAET,gCAAiC,CAC/BiB,QAAS,MAER1C,IAEDC,EAAW,CAAAL,SAAA,CAEfwB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF9C,GAAE6C,OAAAC,OAAA,CAAIG,QAAS,OAAQM,WAAY,SAAUD,eAAgB,aAAcH,IAAK,GAAMzB,IAClFC,aAEHnB,GAAS6C,EAAAA,IAACa,EAAAA,MAAK,CAACC,KAAK,YAAYC,QAAQ,YAE1Cf,EAAAA,IAACgB,4BACCD,QAAQ,cACRpE,GAAE6C,OAAAC,OAAA,CACAwB,WAAY,SACZR,SAAU,SACVS,aAAc,WACdC,SAAU,IACVC,SAAU,KACPtC,GAAO,cAEA,yBACRC,EAAS,CAAAjB,SAEZlB,KAGFe,GACCqC,MAACqB,EAAAA,uCACY,uBACXC,QAAS3D,EACT4D,KAAK,QACLC,UAAU,uBACV7E,GAAE6C,OAAAC,OAAA,CACAE,QAAS,MAETiB,QAAS,CAAEP,GAAI,IAAKC,GAAI,KAExB,qBAAsB,CACpBM,QAAS,MAER3B,GAAiB,cAEV,wBACRC,EAAmB,CAAApB,SAEvBkC,EAAAA,IAACyB,EAAAA,UAASjC,OAAAC,OAAA,CAACiC,SAAS,QAAQF,UAAU,UAAUG,KAAK,SAAY9D,WAIvEmC,EAAAA,IAACT,EAAAA,IAAG,CAAA,cAAa,2BAA0BzB,SACpB,iBAAbA,GAAgD,iBAAhBf,EACtCiD,EAAAA,IAACgB,EAAAA,WAAUxB,OAAAC,OAAA,CACT9C,GAAE6C,OAAAC,OAAA,CACAgB,SAAU,SACVS,aAAc,WACdtB,QAAS,cACTgC,gBAAiB,IACjBC,gBAAiB,YACdlD,GAELoC,QAAQ,eACJnC,EAAe,CAAAd,SAElBA,GAAYf,KAGfe,GAAYf,IAGfQ,GACCyC,EAAAA,IAACgB,EAAAA,0BACCD,QAAQ,cACR7D,MAAO,kBAAiB,cACZ,uBACRQ,EAAW,CAAAI,SAEdP,KAGJC,GACCwC,EAAAA,IAAC8B,EAAAA,MAAKtC,OAAAC,OAAA,CACJsC,UAAU,MACVpF,GAAE6C,OAAAC,OAAA,CAAIuC,GAAI,KAAQxD,GAClByD,QAAS,gBACG,wBACRxD,EAAW,CAAAX,SAEdN,YAIH"}

package/cjs/components/notification/NotificationButton.d.ts

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

package/cjs/components/notification/NotificationButton.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef(((e,i)=>r.jsx(t.Button,Object.assign({ref:i,variant:"outlined",size:"small",color:"secondary"},e))));exports.NotificationButton=i;
+//# sourceMappingURL=NotificationButton.js.map

package/cjs/components/notification/NotificationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationButton.js","sources":["../../../../../src/components/notification/NotificationButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface NotificationButtonProps extends ButtonProps {}\n\n/**\n * NotificationButton is a proxy component to <Button variant=\"outline\" size=\"small\" color=\"secondary\" />\n */\nexport const NotificationButton: React.FC<NotificationButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"outlined\" size=\"small\" color=\"secondary\" {...props} />;\n});\n"],"names":["NotificationButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","size","color"],"mappings":"8FAQO,MAAMA,EAAwDC,EAAAA,YAAW,CAACC,EAAOC,IAC/EC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,KAAK,QAAQC,MAAM,aAAgBR"}

package/cjs/components/notification/NotificationCenter.d.ts

@@ -0,0 +1,53 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, ButtonProps, IconButtonProps, IconProps, TypographyProps } from '@mui/material';
+export interface NotificationCenterProps extends BoxProps<ElementType> {
+    /**
+     * Title of the notification center
+     */
+    title?: React.ReactNode;
+    /**
+     * Custom props for the header
+     */
+    headerProps?: BoxProps<ElementType>;
+    /**
+     * Custom props for the title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Text for the dismiss all button
+     */
+    dismissAllText?: React.ReactNode;
+    /**
+     * Callback function when the dismiss all button is clicked
+     */
+    onDismissAll?: () => void;
+    /**
+     * Callback function when the close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Max Height of the notification center
+     */
+    height?: number | string;
+    /**
+     * Custom props for the icon button
+     */
+    iconButtonProps?: IconButtonProps;
+    /**
+     * Custom props for the close icon
+     */
+    iconProps?: IconProps<ElementType>;
+    /**
+     * Custom props for the container
+     */
+    containerProps?: BoxProps<ElementType>;
+    /**
+     * Custom props for the dismiss box
+     */
+    dismissBoxProps?: BoxProps<ElementType>;
+    /**
+     * Custom props for the dismiss button
+     */
+    dismissButtonProps?: ButtonProps<ElementType>;
+}
+export declare const NotificationCenter: FC<NotificationCenterProps>;

package/cjs/components/notification/NotificationCenter.js

@@ -0,0 +1,2 @@
+"use strict";var s=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),e=require("@mui/material"),o=require("../icon/stroke/CloseIcon.js");const n=i.forwardRef(((i,n)=>{var{children:r,sx:a,title:l="Notifications",headerProps:x,titleProps:c,dismissAllText:d="Dismiss All",onDismissAll:p,onClose:u,iconButtonProps:m,iconProps:b,containerProps:f,dismissBoxProps:g,dismissButtonProps:j,height:h=556}=i,C=s.__rest(i,["children","sx","title","headerProps","titleProps","dismissAllText","onDismissAll","onClose","iconButtonProps","iconProps","containerProps","dismissBoxProps","dismissButtonProps","height"]);const P=null!=x?x:{},{sx:B}=P,O=s.__rest(P,["sx"]),y=null!=f?f:{},{sx:N}=y,_=s.__rest(y,["sx"]),v=null!=g?g:{},{sx:w}=v,k=s.__rest(v,["sx"]),q=null!=m?m:{},{sx:A}=q,D=s.__rest(q,["sx"]);return t.jsxs(e.Box,Object.assign({ref:n,sx:Object.assign({display:"flex",flexDirection:"column",width:{xs:"100%",sm:"360px",md:"440px"},borderRadius:{xs:"0px",sm:"8px"},backgroundColor:"background.primary",color:"text.primary",boxShadow:"0px 5px 6px 1px rgba(0, 0, 0, 0.18), 0px -1px 4px 0px rgba(0, 0, 0, 0.1)",overflow:"hidden",maxHeight:(z=h,"string"==typeof z&&z.includes("px")?z:`${z}px`)},a),"data-testid":"NotificationCenter"},C,{children:[t.jsxs(e.Box,Object.assign({sx:Object.assign({padding:"16px 8px 16px 16px",display:"flex",justifyContent:"space-between"},B)},O,{children:[t.jsx(e.Typography,Object.assign({variant:"h4",component:"span","data-testid":"NotificationCenter.title"},c,{children:l})),u&&t.jsx(e.IconButton,Object.assign({"aria-label":"onClose notificationCenter",onClick:u,size:"medium",className:"notificationCenter-onClose",sx:Object.assign({padding:"4px"},A),"data-testid":"NotificationCenter.onClose"},D,{children:t.jsx(o.CloseIcon,Object.assign({fontSize:"medium",className:"ballotx"},b))}))]})),p&&t.jsx(e.Box,Object.assign({sx:Object.assign({padding:"0 8px 4px 16px",display:"flex",justifyContent:"flex-end"},w)},k,{children:t.jsx(e.Button,Object.assign({onClick:p,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss"},j,{children:d}))})),t.jsx(e.Box,Object.assign({sx:Object.assign({overflowY:"auto",'& [data-testid="Notification"]:not(:last-child)':{borderBottom:1,borderColor:"surface.secondary"}},N),"data-testid":"NotificationCenter.content"},_,{children:r}))]}));var z}));exports.NotificationCenter=n;
+//# sourceMappingURL=NotificationCenter.js.map

package/cjs/components/notification/NotificationCenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.js","sources":["../../../../../src/components/notification/NotificationCenter.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport {\n  Box,\n  Button,\n  BoxProps,\n  ButtonProps,\n  IconButton,\n  IconButtonProps,\n  IconProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport interface NotificationCenterProps extends BoxProps<ElementType> {\n  /**\n   * Title of the notification center\n   */\n  title?: React.ReactNode;\n  /**\n   * Custom props for the header\n   */\n  headerProps?: BoxProps<ElementType>;\n  /**\n   * Custom props for the title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Text for the dismiss all button\n   */\n  dismissAllText?: React.ReactNode;\n  /**\n   * Callback function when the dismiss all button is clicked\n   */\n  onDismissAll?: () => void;\n  /**\n   * Callback function when the close button is clicked\n   */\n  onClose?: () => void;\n  /**\n   * Max Height of the notification center\n   */\n  height?: number | string;\n  /**\n   * Custom props for the icon button\n   */\n  iconButtonProps?: IconButtonProps;\n  /**\n   * Custom props for the close icon\n   */\n  iconProps?: IconProps<ElementType>;\n  /**\n   * Custom props for the container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Custom props for the dismiss box\n   */\n  dismissBoxProps?: BoxProps<ElementType>;\n  /**\n   * Custom props for the dismiss button\n   */\n  dismissButtonProps?: ButtonProps<ElementType>;\n}\n\nexport const NotificationCenter: FC<NotificationCenterProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title = 'Notifications',\n      headerProps,\n      titleProps,\n      dismissAllText = 'Dismiss All',\n      onDismissAll,\n      onClose,\n      iconButtonProps,\n      iconProps,\n      containerProps,\n      dismissBoxProps,\n      dismissButtonProps,\n      height = 556,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerProps ?? {};\n    const { sx: containerSx, ...restContainer } = containerProps ?? {};\n    const { sx: dismissBoxSx, ...restDismissBox } = dismissBoxProps ?? {};\n    const { sx: iconButtonSx, ...restIconButton } = iconButtonProps ?? {};\n\n    const formatHeight = (heightValue: number | string) => {\n      if (typeof heightValue === 'string' && heightValue.includes('px')) {\n        return heightValue;\n      }\n      // if typeof heightValue === 'number', or string without 'px'\n      return `${heightValue}px`;\n    };\n\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          width: { xs: '100%', sm: '360px', md: '440px' },\n          borderRadius: { xs: '0px', sm: '8px' },\n          backgroundColor: 'background.primary',\n          color: 'text.primary',\n          boxShadow: '0px 5px 6px 1px rgba(0, 0, 0, 0.18), 0px -1px 4px 0px rgba(0, 0, 0, 0.1)',\n          overflow: 'hidden',\n          maxHeight: formatHeight(height),\n          ...sx,\n        }}\n        data-testid=\"NotificationCenter\"\n        {...rest}\n      >\n        <Box\n          sx={{\n            padding: '16px 8px 16px 16px',\n            display: 'flex',\n            justifyContent: 'space-between',\n            ...headerSx,\n          }}\n          {...restHeader}\n        >\n          <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\" {...titleProps}>\n            {title}\n          </Typography>\n          {onClose && (\n            <IconButton\n              aria-label=\"onClose notificationCenter\"\n              onClick={onClose}\n              size=\"medium\"\n              className=\"notificationCenter-onClose\"\n              sx={{\n                padding: '4px',\n                ...iconButtonSx,\n              }}\n              data-testid=\"NotificationCenter.onClose\"\n              {...restIconButton}\n            >\n              <CloseIcon fontSize=\"medium\" className=\"ballotx\" {...iconProps} />\n            </IconButton>\n          )}\n        </Box>\n\n        {onDismissAll && (\n          <Box\n            sx={{\n              padding: '0 8px 4px 16px',\n              display: 'flex',\n              justifyContent: 'flex-end',\n              ...dismissBoxSx,\n            }}\n            {...restDismissBox}\n          >\n            <Button\n              onClick={onDismissAll}\n              size=\"small\"\n              color=\"secondary\"\n              variant=\"text\"\n              data-testid=\"NotificationCenter.dismiss\"\n              {...dismissButtonProps}\n            >\n              {dismissAllText}\n            </Button>\n          </Box>\n        )}\n        <Box\n          sx={{\n            overflowY: 'auto',\n            // add divider between notifications\n            '& [data-testid=\"Notification\"]:not(:last-child)': {\n              borderBottom: 1,\n              borderColor: 'surface.secondary',\n            },\n            ...containerSx,\n          }}\n          data-testid=\"NotificationCenter.content\"\n          {...restContainer}\n        >\n          {children}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["NotificationCenter","forwardRef","_a","ref","children","sx","title","headerProps","titleProps","dismissAllText","onDismissAll","onClose","iconButtonProps","iconProps","containerProps","dismissBoxProps","dismissButtonProps","height","rest","__rest","_b","headerSx","restHeader","_c","containerSx","restContainer","_d","dismissBoxSx","restDismissBox","_e","iconButtonSx","restIconButton","_jsxs","Box","Object","assign","display","flexDirection","width","xs","sm","md","borderRadius","backgroundColor","color","boxShadow","overflow","maxHeight","heightValue","includes","padding","justifyContent","_jsx","Typography","variant","component","IconButton","onClick","size","className","CloseIcon","fontSize","Button","overflowY","borderBottom","borderColor"],"mappings":"0JAiEO,MAAMA,EAAkDC,EAAAA,YAC7D,CACEC,EAiBAC,KAjBA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAQ,gBAAeC,YACvBA,EAAWC,WACXA,EAAUC,eACVA,EAAiB,cAAaC,aAC9BA,EAAYC,QACZA,EAAOC,gBACPA,EAAeC,UACfA,EAASC,eACTA,EAAcC,gBACdA,EAAeC,mBACfA,EAAkBC,OAClBA,EAAS,KAAGf,EACTgB,EAAIC,EAAAA,OAAAjB,EAfT,+LAmBA,MAAMkB,EAAkCb,QAAAA,EAAe,IAA/CF,GAAIgB,GAAQD,EAAKE,EAAUH,EAAAA,OAAAC,EAA7B,CAAA,OACAG,EAAwCT,QAAAA,EAAkB,IAAxDT,GAAImB,GAAWD,EAAKE,EAAaN,EAAAA,OAAAI,EAAnC,CAAA,OACAG,EAA0CX,QAAAA,EAAmB,IAA3DV,GAAIsB,GAAYD,EAAKE,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAA0CjB,QAAAA,EAAmB,IAA3DP,GAAIyB,GAAYD,EAAKE,EAAcZ,EAAAA,OAAAU,EAArC,CAAA,OAUN,OACEG,EAAAA,KAACC,MAAGC,OAAAC,OAAA,CACFhC,IAAKA,EACLE,GAAE6B,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,MAAO,CAAEC,GAAI,OAAQC,GAAI,QAASC,GAAI,SACtCC,aAAc,CAAEH,GAAI,MAAOC,GAAI,OAC/BG,gBAAiB,qBACjBC,MAAO,eACPC,UAAW,2EACXC,SAAU,SACVC,WApBgBC,EAoBQ/B,EAnBD,iBAAhB+B,GAA4BA,EAAYC,SAAS,MACnDD,EAGF,GAAGA,QAgBH3C,GAAE,cAEK,sBACRa,EAAI,CAAAd,SAAA,CAER4B,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACAe,QAAS,qBACTd,QAAS,OACTe,eAAgB,iBACb9B,IAEDC,EAAU,CAAAlB,SAAA,CAEdgD,EAAAA,IAACC,EAAAA,WAAUnB,OAAAC,OAAA,CAACmB,QAAQ,KAAKC,UAAU,OAAM,cAAa,4BAA+B/C,EAAU,CAAAJ,SAC5FE,KAEFK,GACCyC,EAAAA,IAACI,EAAAA,WAAUtB,OAAAC,OAAA,CAAA,aACE,6BACXsB,QAAS9C,EACT+C,KAAK,SACLC,UAAU,6BACVtD,GAAE6B,OAAAC,OAAA,CACAe,QAAS,OACNpB,GAAY,cAEL,8BACRC,EAAc,CAAA3B,SAElBgD,EAAAA,IAACQ,EAAAA,UAAS1B,OAAAC,OAAA,CAAC0B,SAAS,SAASF,UAAU,WAAc9C,WAK1DH,GACC0C,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACAe,QAAS,iBACTd,QAAS,OACTe,eAAgB,YACbxB,IAEDC,EAAc,CAAAxB,SAElBgD,EAAAA,IAACU,SAAM5B,OAAAC,OAAA,CACLsB,QAAS/C,EACTgD,KAAK,QACLd,MAAM,YACNU,QAAQ,OAAM,cACF,8BACRtC,YAEHP,QAIP2C,EAAAA,IAACnB,MAAGC,OAAAC,OAAA,CACF9B,GAAE6B,OAAAC,OAAA,CACA4B,UAAW,OAEX,kDAAmD,CACjDC,aAAc,EACdC,YAAa,sBAEZzC,GAAW,cAEJ,8BACRC,YAEHrB,SA3Fc,IAAC4C,CA6Fd"}

package/cjs/components/notification/NotificationCenterCategory.d.ts

@@ -0,0 +1,24 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, TypographyProps } from '@mui/material';
+export interface NotificationCenterCategoryProps extends BoxProps<ElementType> {
+    /**
+     * Title of the notification
+     */
+    title: React.ReactNode;
+    /**
+     * Custom props for the header
+     */
+    headerProps?: BoxProps<ElementType>;
+    /**
+     * Custom props for the title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Custom props for the container
+     */
+    containerProps?: BoxProps<ElementType>;
+}
+/**
+ * Component that renders a category in the Notification Center
+ */
+export declare const NotificationCenterCategory: FC<NotificationCenterCategoryProps>;

package/cjs/components/notification/NotificationCenterCategory.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const o=r.forwardRef(((r,o)=>{var{title:a,headerProps:s,titleProps:n,containerProps:c,children:d}=r,l=t.__rest(r,["title","headerProps","titleProps","containerProps","children"]);const p=null!=n?n:{},{sx:u}=p,x=t.__rest(p,["sx"]);return e.jsxs(i.Box,Object.assign({"data-testid":"NotificationCenterCategory"},l,{ref:o,children:[e.jsx(i.Typography,Object.assign({variant:"caption2",sx:Object.assign({pl:1,pt:2,pb:1,display:"block",borderBottom:1,borderColor:"surface.secondary"},u),"data-testid":"NotificationCenterCategory.title"},x,{children:a})),e.jsx(i.Box,Object.assign({"data-testid":"NotificationCenterCategory.content"},c,{children:d}))]}))}));exports.NotificationCenterCategory=o;
+//# sourceMappingURL=NotificationCenterCategory.js.map

package/cjs/components/notification/NotificationCenterCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../../src/components/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, FC } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\n\nexport interface NotificationCenterCategoryProps extends BoxProps<ElementType> {\n  /**\n   * Title of the notification\n   */\n  title: React.ReactNode;\n  /**\n   * Custom props for the header\n   */\n  headerProps?: BoxProps<ElementType>;\n  /**\n   * Custom props for the title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Custom props for the container\n   */\n  containerProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component that renders a category in the Notification Center\n */\nexport const NotificationCenterCategory: FC<NotificationCenterCategoryProps> = forwardRef(\n  ({ title, headerProps, titleProps, containerProps, children, ...rest }, ref) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n\n    return (\n      <Box data-testid=\"NotificationCenterCategory\" {...rest} ref={ref}>\n        <Typography\n          variant=\"caption2\"\n          sx={{\n            pl: 1,\n            pt: 2,\n            pb: 1,\n            display: 'block',\n            borderBottom: 1,\n            borderColor: 'surface.secondary',\n            ...titleSx,\n          }}\n          data-testid=\"NotificationCenterCategory.title\"\n          {...restTitle}\n        >\n          {title}\n        </Typography>\n        <Box data-testid=\"NotificationCenterCategory.content\" {...containerProps}>\n          {children}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["NotificationCenterCategory","forwardRef","_a","ref","title","headerProps","titleProps","containerProps","children","rest","__rest","_b","sx","titleSx","restTitle","_jsxs","Box","Object","assign","_jsx","Typography","variant","pl","pt","pb","display","borderBottom","borderColor"],"mappings":"iHAyBO,MAAMA,EAAkEC,EAAAA,YAC7E,CAACC,EAAuEC,KAAvE,IAAAC,MAAEA,EAAKC,YAAEA,EAAWC,WAAEA,EAAUC,eAAEA,EAAcC,SAAEA,GAAQN,EAAKO,EAAIC,EAAAA,OAAAR,EAAnE,kEACC,MAAMS,EAAgCL,QAAAA,EAAc,IAA5CM,GAAIC,GAAOF,EAAKG,EAASJ,EAAAA,OAAAC,EAA3B,CAAA,OAEN,OACEI,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,8BAAiCT,EAAI,CAAEN,IAAKA,EAAGK,SAAA,CAC9DW,EAAAA,IAACC,aAAUH,OAAAC,OAAA,CACTG,QAAQ,WACRT,GAAEK,OAAAC,OAAA,CACAI,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,QAAS,QACTC,aAAc,EACdC,YAAa,qBACVd,iBAEO,oCACRC,EAAS,CAAAN,SAEZJ,KAEHe,EAAAA,IAACH,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,sCAAyCX,EAAc,CAAAC,SACrEA,QAEC"}

package/cjs/components/notification/NotificationCenterHeaderButton.d.ts

@@ -0,0 +1,51 @@
+import { FC, ReactNode } from 'react';
+import { HeaderButtonProps } from '@/src/components/header/HeaderButton';
+import { ClickAwayListenerProps, PopperProps, FadeProps } from '@mui/material';
+import { NotificationCenterProps } from './NotificationCenter';
+export interface NotificationCenterHeaderButtonProps extends NotificationCenterProps {
+    /**
+     * Label for the tooltip or the text button
+     */
+    label?: HeaderButtonProps['label'];
+    /**
+     * Change icon button with tooltip into button
+     */
+    extend?: boolean;
+    /**
+     * Properties applied to tooltip
+     */
+    tooltipProps?: HeaderButtonProps['tooltipProps'];
+    /**
+     * Properties applied to badge
+     */
+    badgeProps?: HeaderButtonProps['badgeProps'];
+    /**
+     * @deprecated use badgeProps instead
+     */
+    indicator?: HeaderButtonProps['indicator'];
+    /**
+     * Props applied to HeaderButton
+     */
+    headerButtonProps?: HeaderButtonProps;
+    /**
+     * Icon for the HeaderButton
+     * @default BellIcon
+     */
+    icon?: ReactNode;
+    /**
+     * Props for the Popper component
+     */
+    popperProps?: PopperProps;
+    /**
+     * Props applied to ClickAwayListener
+     */
+    clickAwayListenerProps?: ClickAwayListenerProps;
+    /**
+     * Props applied to Fade
+     */
+    fadeProps?: FadeProps;
+}
+/**
+ * HeaderButton that opens NotificationCenter
+ */
+export declare const NotificationCenterHeaderButton: FC<NotificationCenterHeaderButtonProps>;

package/cjs/components/notification/NotificationCenterHeaderButton.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("../header/HeaderButton.js"),n=require("../icon/stroke/BellIcon.js"),o=require("@mui/material"),s=require("./NotificationCenter.js");const a=t.forwardRef(((a,c)=>{var{popperProps:l,clickAwayListenerProps:p,fadeProps:d,label:u="Notifications",extend:j,tooltipProps:x,badgeProps:b,indicator:f,headerButtonProps:P,icon:g,onClick:h}=a,B=e.__rest(a,["popperProps","clickAwayListenerProps","fadeProps","label","extend","tooltipProps","badgeProps","indicator","headerButtonProps","icon","onClick"]);const[C,k]=t.useState(null),m=null!=l?l:{},{sx:O}=m,q=e.__rest(m,["sx"]);return r.jsxs(r.Fragment,{children:[r.jsx(i.HeaderButton,Object.assign({label:u,extend:null!=j&&j,tooltipProps:Object.assign(Object.assign({},C&&{open:!1}),x),badgeProps:b,indicator:f,onClick:e=>{null==h||h(e),k(e.currentTarget)},ref:c,"data-testid":"NotificationCenterHeaderButton"},P,{children:g||r.jsx(n.BellIcon,{})})),r.jsx(o.Popper,Object.assign({open:!!C,anchorEl:C,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,18]}}],transition:!0,sx:Object.assign({zIndex:e=>e.zIndex.appBar+10},O)},q,{children:({TransitionProps:e})=>r.jsx(o.ClickAwayListener,Object.assign({onClickAway:()=>k(null)},p,{children:r.jsx(o.Fade,Object.assign({},e,d,{children:r.jsx(s.NotificationCenter,Object.assign({},B,{ref:void 0}))}))}))}))]})}));exports.NotificationCenterHeaderButton=a;
+//# sourceMappingURL=NotificationCenterHeaderButton.js.map

package/cjs/components/notification/NotificationCenterHeaderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../../src/components/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { HeaderButton, HeaderButtonProps } from '@/src/components/header/HeaderButton';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { Fade, ClickAwayListener, ClickAwayListenerProps, Popper, PopperProps, FadeProps } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\n\nexport interface NotificationCenterHeaderButtonProps extends NotificationCenterProps {\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: HeaderButtonProps['label'];\n  /**\n   * Change icon button with tooltip into button\n   */\n  extend?: boolean;\n  /**\n   * Properties applied to tooltip\n   */\n  tooltipProps?: HeaderButtonProps['tooltipProps'];\n  /**\n   * Properties applied to badge\n   */\n  badgeProps?: HeaderButtonProps['badgeProps'];\n  /**\n   * @deprecated use badgeProps instead\n   */\n  indicator?: HeaderButtonProps['indicator'];\n  /**\n   * Props applied to HeaderButton\n   */\n  headerButtonProps?: HeaderButtonProps;\n  /**\n   * Icon for the HeaderButton\n   * @default BellIcon\n   */\n  icon?: ReactNode;\n  /**\n   * Props for the Popper component\n   */\n  popperProps?: PopperProps;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to Fade\n   */\n  fadeProps?: FadeProps;\n}\n\n/**\n * HeaderButton that opens NotificationCenter\n */\nexport const NotificationCenterHeaderButton: FC<NotificationCenterHeaderButtonProps> = forwardRef(\n  (\n    {\n      popperProps,\n      clickAwayListenerProps,\n      fadeProps,\n      label = 'Notifications',\n      extend,\n      tooltipProps,\n      badgeProps,\n      indicator,\n      headerButtonProps,\n      icon,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [anchor, setAnchor] = useState(null);\n    const { sx: popperSx, ...restPopper } = popperProps ?? {};\n\n    return (\n      <>\n        <HeaderButton\n          label={label}\n          extend={extend ?? false}\n          tooltipProps={{\n            ...(anchor && { open: false }),\n            ...tooltipProps,\n          }}\n          badgeProps={badgeProps}\n          indicator={indicator}\n          onClick={(e) => {\n            onClick?.(e);\n            setAnchor(e.currentTarget);\n          }}\n          ref={ref}\n          data-testid=\"NotificationCenterHeaderButton\"\n          {...headerButtonProps}\n        >\n          {icon || <BellIcon />}\n        </HeaderButton>\n        <Popper\n          open={!!anchor}\n          anchorEl={anchor}\n          placement=\"bottom-end\"\n          modifiers={[\n            {\n              name: 'offset',\n              options: {\n                offset: [0, 18],\n              },\n            },\n          ]}\n          transition\n          sx={{\n            zIndex: (theme) => theme.zIndex.appBar + 10,\n            ...popperSx,\n          }}\n          {...restPopper}\n        >\n          {({ TransitionProps }) => (\n            <ClickAwayListener onClickAway={() => setAnchor(null)} {...clickAwayListenerProps}>\n              <Fade {...TransitionProps} {...fadeProps}>\n                <NotificationCenter {...rest} ref={undefined} />\n              </Fade>\n            </ClickAwayListener>\n          )}\n        </Popper>\n      </>\n    );\n  },\n);\n"],"names":["NotificationCenterHeaderButton","forwardRef","_a","ref","popperProps","clickAwayListenerProps","fadeProps","label","extend","tooltipProps","badgeProps","indicator","headerButtonProps","icon","onClick","rest","__rest","anchor","setAnchor","useState","_b","sx","popperSx","restPopper","_jsxs","_jsx","HeaderButton","Object","assign","open","e","currentTarget","children","BellIcon","Popper","anchorEl","placement","modifiers","name","options","offset","transition","zIndex","theme","appBar","TransitionProps","ClickAwayListener","onClickAway","Fade","NotificationCenter","undefined"],"mappings":"qOAqDO,MAAMA,EAA0EC,EAAAA,YACrF,CACEC,EAcAC,KAdA,IAAAC,YACEA,EAAWC,uBACXA,EAAsBC,UACtBA,EAASC,MACTA,EAAQ,gBAAeC,OACvBA,EAAMC,aACNA,EAAYC,WACZA,EAAUC,UACVA,EAASC,kBACTA,EAAiBC,KACjBA,EAAIC,QACJA,GAAOZ,EACJa,EAAIC,EAAAA,OAAAd,EAZT,CAAA,cAAA,yBAAA,YAAA,QAAA,SAAA,eAAA,aAAA,YAAA,oBAAA,OAAA,YAgBA,MAAOe,EAAQC,GAAaC,EAAAA,SAAS,MAC/BC,EAAkChB,QAAAA,EAAe,IAA/CiB,GAAIC,GAAQF,EAAKG,EAAUP,EAAAA,OAAAI,EAA7B,CAAA,OAEN,OACEI,EAAAA,2BACEC,MAACC,EAAAA,4BACCnB,MAAOA,EACPC,OAAQA,SAAAA,EACRC,aAAYkB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACNX,GAAU,CAAEY,MAAM,IACnBpB,GAELC,WAAYA,EACZC,UAAWA,EACXG,QAAUgB,IACRhB,SAAAA,EAAUgB,GACVZ,EAAUY,EAAEC,cAAc,EAE5B5B,IAAKA,gBACO,kCACRS,EAAiB,CAAAoB,SAEpBnB,GAAQY,EAAAA,IAACQ,EAAAA,SAAQ,CAAA,MAEpBR,EAAAA,IAACS,EAAAA,OAAMP,OAAAC,OAAA,CACLC,OAAQZ,EACRkB,SAAUlB,EACVmB,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAIlBC,YAAU,EACVpB,GAAEM,OAAAC,OAAA,CACAc,OAASC,GAAUA,EAAMD,OAAOE,OAAS,IACtCtB,IAEDC,YAEH,EAAGsB,qBACFpB,MAACqB,EAAAA,kBAAiBnB,OAAAC,OAAA,CAACmB,YAAa,IAAM7B,EAAU,OAAWb,EAAsB,CAAA2B,SAC/EP,EAAAA,IAACuB,EAAAA,KAAIrB,OAAAC,OAAA,CAAA,EAAKiB,EAAqBvC,EAAS,CAAA0B,SACtCP,EAAAA,IAACwB,EAAAA,mBAAkBtB,OAAAC,OAAA,CAAA,EAAKb,EAAI,CAAEZ,SAAK+C,gBAK1C"}

package/cjs/{organisms → components}/notification/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Notification';
+export * from './NotificationButton';
 export * from './NotificationCenter';
 export * from './NotificationCenterCategory';
 export * from './NotificationCenterHeaderButton';

package/cjs/components/numbering/numbering.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * left side of component\n   */\n  index: number;\n  /*\n   * right side of component\n   */\n  total: number;\n  /*\n   * if needed, specifis a custom simbol as separator\n   */\n  customSeparator?: string;\n  /*\n   * custom style that ovverides standard one\n   */\n  customStyle?: object;\n  /*\n   * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n   */\n  colorTheme?: NumberingColors;\n  /*\n   * indicates the size for the whole component ( can be \"big\" or \"small\")\n   */\n  size?: NumberingSizes;\n}\n\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n  return (\n    <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n      <span className=\"index-container\" data-testid=\"Numbering.index\">\n        {props.index}{' '}\n      </span>\n      <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n        {props.customSeparator ? props.customSeparator : '/'}{' '}\n      </span>\n      <span className=\"total-container\" data-testid=\"Numbering.total\">\n        {props.total}\n      </span>\n    </NumberingStyled>\n  );\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n  return {\n    fontWeight: '700',\n    fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n    lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n    letterSpacing: '0.02em',\n\n    '& .index-container': {\n      color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n    },\n    '& .separator-container': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .total-container': {\n      color: theme.palette.onSurface.os600,\n    },\n  };\n});\n"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","theme","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","jsx","total"],"mappings":"+HAqCa,MAkBPA,EAAkBC,EAAMA,OAAC,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAeA,gBAACC,KAAOb,EAAMc,QAAQC,KAAKC,QAAUhB,EAAMc,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOV,EAAMc,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOV,EAAMc,QAAQG,UAAUE,OAElC,sBApC2CpB,QAAKqB,EAAKlB,EAAAA,OAAAH,EAAV,IAC5C,OACEsB,OAAC1B,EAAe2B,OAAAC,OAAA,CAAA,EAAKH,EAAK,CAAEI,MAAOJ,EAAMK,YAAW,cAAc,YAChEC,SAAA,CAAAL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAkC,cAAA,sBAC/CD,SAAA,CAAAN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAC,IAAA,OAAA,CAAMJ,UAAU,kBAA8B,cAAA,kBAC3CD,SAAAN,EAAMY,WAEO"}
+{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { FC, HTMLAttributes } from 'react';\nimport { styled } from '@mui/material';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\n\nexport interface NumberingProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * left side of component\n   */\n  index: number;\n  /*\n   * right side of component\n   */\n  total: number;\n  /*\n   * if needed, specifis a custom simbol as separator\n   */\n  customSeparator?: string;\n  /*\n   * custom style that ovverides standard one\n   */\n  customStyle?: object;\n  /*\n   * indicates if the left side of the component should be black or white ( can be \"dark\" or \"light\")\n   */\n  colorTheme?: NumberingColors;\n  /*\n   * indicates the size for the whole component ( can be \"big\" or \"small\")\n   */\n  size?: NumberingSizes;\n}\n\n/**\n * @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n */\n\nexport const Numbering: FC<NumberingProps> = ({ ...props }) => {\n  return (\n    <NumberingStyled {...props} style={props.customStyle} data-testid=\"Numbering\">\n      <span className=\"index-container\" data-testid=\"Numbering.index\">\n        {props.index}{' '}\n      </span>\n      <span className=\"separator-container\" data-testid=\"Numbering.separator\">\n        {props.customSeparator ? props.customSeparator : '/'}{' '}\n      </span>\n      <span className=\"total-container\" data-testid=\"Numbering.total\">\n        {props.total}\n      </span>\n    </NumberingStyled>\n  );\n};\n/**\n * @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})<NumberingProps>(({ theme, ...args }) => {\n  return {\n    fontWeight: '700',\n    fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n    lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n    letterSpacing: '0.02em',\n\n    '& .index-container': {\n      color: args.colorTheme === NumberingColors.DARK ? theme.palette.text.primary : theme.palette.onSurface.os0,\n    },\n    '& .separator-container': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .total-container': {\n      color: theme.palette.onSurface.os600,\n    },\n  };\n});\n"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","theme","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","palette","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"+HAqCO,MAkBDA,EAAkBC,EAAAA,OAAO,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJG,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAA,OAAAH,EAAhB,WAClB,MAAO,CACLI,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAAA,eAAeC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOT,EAAKU,aAAeC,EAAAA,gBAAgBC,KAAOb,EAAMc,QAAQC,KAAKC,QAAUhB,EAAMc,QAAQG,UAAUC,KAEzG,yBAA0B,CACxBR,MAAOV,EAAMc,QAAQG,UAAUE,OAEjC,qBAAsB,CACpBT,MAAOV,EAAMc,QAAQG,UAAUE,OAElC,sBApC2CpB,QAAKqB,EAAKlB,EAAAA,OAAAH,EAAV,IAC5C,OACEsB,OAAC1B,EAAe2B,OAAAC,OAAA,CAAA,EAAKH,EAAK,CAAEI,MAAOJ,EAAMK,YAAW,cAAc,YAAWC,SAAA,CAC3EL,EAAAA,KAAA,OAAA,CAAMM,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DN,EAAMQ,MAAO,OAEhBP,EAAAA,KAAA,OAAA,CAAMM,UAAU,sBAAqB,cAAa,sBAAqBD,SAAA,CACpEN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAExDC,EAAAA,IAAA,OAAA,CAAMH,UAAU,kBAAiB,cAAa,kBAAiBD,SAC5DN,EAAMW,WAEO"}

package/cjs/components/overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n  variant?: 'default' | 'hero';\n  /** The content like image to be displayed inside the overlay.  */\n  overlayContent?: React.ReactNode;\n  /** custom props of the Box wrapper of the component. */\n  wrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * The Overlay Component\n *\n * Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n  const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n\n  return (\n    <Box\n      data-testid=\"Overlay-wrapper\"\n      sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n      {...restWrapper}\n    >\n      {overlayContent}\n      <Box\n        data-testid=\"Overlay-overlay\"\n        sx={{\n          position: 'absolute',\n          inset: '0',\n          zIndex: '100',\n          background:\n            variant === 'hero'\n              ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n              : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"8GAkBgDA,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,GAAmBL,EAANM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAMW,OAAAC,OAAA,CAAAC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAGA,IACUC,OAAAC,OAAA,CAAA,cAAA,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}
+{"version":3,"file":"Overlay.js","sources":["../../../../../src/components/overlay/Overlay.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface OverlayProps extends BoxProps<ElementType> {\n  variant?: 'default' | 'hero';\n  /** The content like image to be displayed inside the overlay.  */\n  overlayContent?: React.ReactNode;\n  /** custom props of the Box wrapper of the component. */\n  wrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * The Overlay Component\n *\n * Overlay component wraps its children with an overlay effect. The overlay effect is achieved\n * using a semi-transparent gradient background. The component allows for custom content\n * (like an image) to be displayed inside the overlay through the `overlayContent` prop.\n */\nexport const Overlay: React.FC<OverlayProps> = ({ wrapperProps, sx, overlayContent, variant, children, ...rest }) => {\n  const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n\n  return (\n    <Box\n      data-testid=\"Overlay-wrapper\"\n      sx={{ position: 'relative', maxWidth: '100%', maxHeight: '100%', ...wrapperSx }}\n      {...restWrapper}\n    >\n      {overlayContent}\n      <Box\n        data-testid=\"Overlay-overlay\"\n        sx={{\n          position: 'absolute',\n          inset: '0',\n          zIndex: '100',\n          background:\n            variant === 'hero'\n              ? 'linear-gradient(0deg, rgba(35, 35, 35, 0.3), rgba(35, 35, 35, 0.3)), linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(28, 28, 28, 0.72) 100%)'\n              : 'linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["_a","wrapperProps","sx","overlayContent","variant","children","rest","__rest","_b","wrapperSx","restWrapper","_jsxs","Box","Object","assign","position","maxWidth","maxHeight","_jsx","inset","zIndex","background"],"mappings":"8GAkBgDA,IAAA,IAAAC,aAAEA,EAAYC,GAAEA,EAAEC,eAAEA,EAAcC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA9D,6DAC9C,MAAMQ,EAAoCP,GAAgB,IAAlDC,GAAIO,KAAcC,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CAAIC,SAAU,WAAYC,SAAU,OAAQC,UAAW,QAAWR,IAChEC,EAAW,CAAAL,SAAA,CAEdF,EACDe,EAAAA,IAACN,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,kBACZZ,GAAEW,OAAAC,OAAA,CACAC,SAAU,WACVI,MAAO,IACPC,OAAQ,MACRC,WACc,SAAZjB,EACI,8KACA,6DACHF,IAEDI,EAAI,CAAAD,SAEPA,QAEC"}