@skodaflow/web-library 4.0.3 → 4.2.0

package/organisms/maps/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":[null],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"AAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACvB,CACEC,YAAa,cACbC,QAAS,CACP,CACEC,WAAY,SAIlB,CACEC,YAAaR,EACbM,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,SACbC,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,YACbF,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAa,cACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,QACbF,QAAS,CACP,CACEG,MAAO"}
+{"version":3,"file":"style.js","sources":["../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":["const geometryFill = 'geometry.fill';\nconst labelsTextFill = 'labels.text.fill';\nconst labelsTextStroke = 'labels.text.stroke';\nconst administrative = 'administrative';\nconst administrativeCountry = 'administrative.country';\nconst labelsText = 'labels.text';\nconst transitStationAirport = 'transit.station.airport';\nexport const styleJSON = [\n    {\n        elementType: 'labels.icon',\n        stylers: [\n            {\n                visibility: 'off',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'geometry',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#efefef',\n            },\n            {\n                visibility: 'on',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'geometry.stroke',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: 'labels',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n            {\n                visibility: 'on',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: administrative,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'administrative',\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: administrativeCountry,\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'landscape',\n        stylers: [\n            {\n                color: '#F1F1F1',\n            },\n        ],\n    },\n    {\n        featureType: 'landscape.man_made',\n        elementType: 'geometry.stroke',\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: 'geometry',\n        stylers: [\n            {\n                color: '#cfe8e0',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#7c7d7e',\n            },\n        ],\n    },\n    {\n        featureType: 'poi',\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'road.highway',\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#ffeeac',\n            },\n        ],\n    },\n    {\n        featureType: 'transit.line',\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#C4C6C7',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: geometryFill,\n        stylers: [\n            {\n                color: '#E4E4E4',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: 'labels.icon',\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsText,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsTextFill,\n        stylers: [\n            {\n                color: '#5a5b5c',\n            },\n        ],\n    },\n    {\n        featureType: transitStationAirport,\n        elementType: labelsTextStroke,\n        stylers: [\n            {\n                color: '#ffffff',\n            },\n        ],\n    },\n    {\n        featureType: 'water',\n        stylers: [\n            {\n                color: '#bbe2fb',\n            },\n        ],\n    },\n];\n//# sourceMappingURL=style.js.map"],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"AAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACrB,CACIC,YAAa,cACbC,QAAS,CACL,CACIC,WAAY,SAIxB,CACIC,YAAaR,EACbM,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAa,SACbC,QAAS,CACL,CACIG,MAAO,WAEX,CACIF,WAAY,QAIxB,CACIC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,YACbF,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAa,WACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,MACbH,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,eACbH,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAa,cACbC,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACL,CACIG,MAAO,aAInB,CACID,YAAa,QACbF,QAAS,CACL,CACIG,MAAO"}

package/organisms/notification/Notification.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../components/icon/icon.js";import{Indicator as e}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"../../components/menuItem/menuItem.js";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/textInput/textInput.js";import"../../components/toggleSwitch/toggleSwitch.js";import{styled as i,Box as s,useTheme as r,Typography as n,Stack as a,IconButton as m,Icon as p}from"@mui/material";import"../../components/agGrid/agGrid.js";import"react";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/helperTextContent/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/accordion.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicle.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"../maps/maps.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"lodash/noop";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationItem.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../production/Button.js";const c=i=>{const c=r();return o(s,{sx:{background:"grey"===i.color?c.palette.surface.primary:c.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[i.icon&&t(l,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:i.icon}),o(s,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[o(s,{display:"flex",alignItems:"center",children:[i.isNew&&t(e,{variant:"neutral"}),t(s,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t(n,{variant:"subheadline","data-testid":"Notification.headline",children:i.headline})})]}),t(s,{"data-testid":"Notification.description",children:"string"==typeof i.description?t(n,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:i.description}):i.description}),i.footer&&t(n,{variant:"disclaimer",color:c.palette.onSurface.os500,"data-testid":"Notification.footer",children:i.footer}),i.buttons&&t(a,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:i.buttons})]}),i.onDismiss&&t(m,{onClick:i.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:t(p,{fontSize:"small",className:"ballotx"})})]})},l=i(s)((({theme:o})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:o.palette.onSurface.os200,flexShrink:0})));export{c as Notification};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../components/icon/icon.js";import{Indicator as e}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import{styled as i,Box as r,useTheme as s,Typography as n,Stack as a,IconButton as m,Icon as p}from"@mui/material";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"react";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/FooterNavItem.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";import"minimatch";const c=i=>{const c=s();return o(r,{sx:{background:"grey"===i.color?c.palette.surface.primary:c.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[i.icon&&t(l,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:i.icon}),o(r,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[o(r,{display:"flex",alignItems:"center",children:[i.isNew&&t(e,{variant:"neutral"}),t(r,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t(n,{variant:"subheadline","data-testid":"Notification.headline",children:i.headline})})]}),t(r,{"data-testid":"Notification.description",children:"string"==typeof i.description?t(n,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:i.description}):i.description}),i.footer&&t(n,{variant:"disclaimer",color:c.palette.onSurface.os500,"data-testid":"Notification.footer",children:i.footer}),i.buttons&&t(a,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:i.buttons})]}),i.onDismiss&&t(m,{onClick:i.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:t(p,{fontSize:"small",className:"ballotx"})})]})},l=i(r)((({theme:o})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:o.palette.onSurface.os200,flexShrink:0})));export{c as Notification};
 //# sourceMappingURL=Notification.js.map

package/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":[null],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"smJAkBa,MAAAA,EAA6CC,IACxD,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAnB,EAAMoB,MACLC,EAACC,EACC,CAAAjB,GAAI,CACFS,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cACW,oBAAmBV,SAE9BnB,EAAMoB,OAIXjB,EAACC,EACC,CAAAC,GAAI,CACFsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAGjBI,SAAA,CAAAhB,EAACC,EAAG,CAACU,QAAQ,OAAOG,WAAW,SAAQE,SAAA,CACpCnB,EAAM+B,OAASV,EAACW,EAAU,CAAAC,QAAQ,YACnCZ,EAACjB,EACC,CAAAC,GAAI,CACF6B,WAAY,SACZT,SAAU,SACVU,aAAc,YACfhB,SAEDE,EAACe,EAAW,CAAAH,QAAQ,cAAa,cAAa,wBAAuBd,SAClEnB,EAAMqC,gBAIbhB,EAACjB,EAAG,CAAA,cAAa,2BACde,SAA6B,iBAAtBnB,EAAMsC,YACZjB,EAACe,EAAU,CACT/B,GAAI,CACFkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAEnBT,QAAQ,aAAYd,SAEnBnB,EAAMsC,cAGTtC,EAAiB,cAGpBA,EAAM2C,QACLtB,EAACe,EAAW,CAAAH,QAAQ,aAAa1B,MAAON,EAAMO,QAAQG,UAAUiC,oBAAmB,sBAAqBzB,SACrGnB,EAAM2C,SAGV3C,EAAM6C,SACLxB,EAACyB,EAAM,CAAAC,UAAU,MAAMC,QAAS,gBAAe,uBAAsB7B,SAClEnB,EAAM6C,aAKZ7C,EAAMiD,WACL5B,EAAC6B,EAAU,CACTC,QAASnD,EAAMiD,UACfG,KAAK,QACL/C,GAAI,CACFa,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACP1B,OAAQ,SAEX,cACW,uBAEZT,SAAAE,EAACkC,EAAI,CAACC,SAAS,QAAQC,UAAU,gBAIvC,EAGEnC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CAC1Ca,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
+{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { variant: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","variant","whiteSpace","textOverflow","Typography","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"gqKAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEC,QAAS,YAAcZ,EAAKjB,EAAK,CAAEC,GAAI,CACjI6B,WAAY,SACZT,SAAU,SACVU,aAAc,YACfhB,SAAUE,EAAKe,EAAY,CAAEH,QAAS,cAAe,cAAe,wBAAyBd,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKe,EAAY,CAAE/B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBT,QAAS,aAAcd,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKe,EAAY,CAAEH,QAAS,aAAc1B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,gBAAsB,EAE/HnC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/organisms/notification/NotificationCenter.d.ts

@@ -6,4 +6,4 @@ export type NotificationCenterProps = {
     onDismissAll?: () => void;
     height?: number | string;
 };
-export declare const NotificationCenter: React.FC<NotificationCenterProps>;
+export declare const NotificationCenter: import("react").ForwardRefExoticComponent<NotificationCenterProps & import("react").RefAttributes<HTMLDivElement>>;

package/organisms/notification/NotificationCenter.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Box as i,Typography as r,Button as n}from"@mui/material";import{useRef as o,useEffect as s}from"react";const a=a=>{var l,c,d;const p=o(null),x=o(null);return s((()=>{if(p.current&&x.current){const t=p.current.clientHeight;x.current.style.height=`calc(100% - ${t}px)`}}),[p.current,x.current]),t(i,{sx:{width:{md:"400px",sm:"360px",xs:"100%"},borderRadius:{sm:"8px",xs:"0px"},background:t=>t.palette.surface.tertiary,boxShadow:"0px 24px 64px 0px rgba(0, 0, 0, 0.15)",overflow:"hidden",height:null!==(l=a.height)&&void 0!==l?l:"600px",maxHeight:"100vh"},"data-testid":"NotificationCenter",children:[t(i,{ref:p,sx:{padding:"14px 8px 22px 16px",display:"flex",justifyContent:"space-between"},children:[e(r,{variant:"h4",component:"span","data-testid":"NotificationCenter.title",children:null!==(c=a.title)&&void 0!==c?c:"Notifications"}),a.onDismissAll&&e(n,{onClick:a.onDismissAll,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss",children:null!==(d=a.dismissAllText)&&void 0!==d?d:"Dismiss All"})]}),e(i,{ref:x,sx:{height:"100%",overflow:"auto","& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},"data-testid":"NotificationCenter.content",children:a.children})]})};export{a as NotificationCenter};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Box as i,Typography as r,Button as n}from"@mui/material";import{forwardRef as o,useRef as s,useEffect as a}from"react";const l=o((function(o,l){var c,d,p;const x=s(null),h=s(null);return a((()=>{if(x.current&&h.current){const t=x.current.clientHeight;h.current.style.height=`calc(100% - ${t}px)`}}),[x.current,h.current]),t(i,{ref:l,sx:{width:{md:"400px",sm:"360px",xs:"100%"},borderRadius:{sm:"8px",xs:"0px"},background:t=>t.palette.surface.tertiary,boxShadow:"0px 24px 64px 0px rgba(0, 0, 0, 0.15)",overflow:"hidden",height:null!==(c=o.height)&&void 0!==c?c:"600px",maxHeight:"100vh"},"data-testid":"NotificationCenter",children:[t(i,{ref:x,sx:{padding:"14px 8px 22px 16px",display:"flex",justifyContent:"space-between"},children:[e(r,{variant:"h4",component:"span","data-testid":"NotificationCenter.title",children:null!==(d=o.title)&&void 0!==d?d:"Notifications"}),o.onDismissAll&&e(n,{onClick:o.onDismissAll,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss",children:null!==(p=o.dismissAllText)&&void 0!==p?p:"Dismiss All"})]}),e(i,{ref:h,sx:{height:"100%",overflow:"auto","& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},"data-testid":"NotificationCenter.content",children:o.children})]})}));export{l as NotificationCenter};
 //# sourceMappingURL=NotificationCenter.js.map

package/organisms/notification/NotificationCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.js","sources":["../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":[null],"names":["NotificationCenter","props","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","_a","maxHeight","children","ref","padding","display","justifyContent","_jsx","Typography","variant","component","_b","title","onDismissAll","Button","onClick","size","color","_c","dismissAllText","borderBottom","secondary"],"mappings":"gKAaa,MAAAA,EAAyDC,cACpE,MAAMC,EAAYC,EAAuB,MACnCC,EAAUD,EAAuB,MASvC,OAPAE,GAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,MAC/C,IACA,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,EAACC,EAAG,CACFC,GAAI,CACFC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,eAAQkB,EAAAxB,EAAMM,sBAAU,QACxBmB,UAAW,SAED,cAAA,qBAEZC,SAAA,CAAAjB,EAACC,EAAG,CACFiB,IAAK1B,EACLU,GAAI,CACFiB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBJ,SAAA,CAEDK,EAACC,EAAW,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAACO,EACC,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAACrB,EAAG,CACFiB,IAAKxB,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BqB,aAAe1B,GAAU,aAAaA,EAAMC,QAAQC,QAAQyB,cAGpD,cAAA,sCAEX7C,EAAM0B,aAGX"}
+{"version":3,"file":"NotificationCenter.js","sources":["../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Button, Typography } from '@mui/material';\nimport { forwardRef, useEffect, useRef } from 'react';\nfunction NotificationCenterBase(props, ref) {\n    var _a, _b, _c;\n    const headerRef = useRef(null);\n    const bodyRef = useRef(null);\n    useEffect(() => {\n        if (headerRef.current && bodyRef.current) {\n            const height = headerRef.current.clientHeight;\n            bodyRef.current.style.height = `calc(100% - ${height}px)`;\n        }\n    }, [headerRef.current, bodyRef.current]);\n    return (_jsxs(Box, { ref: ref, sx: {\n            width: { md: '400px', sm: '360px', xs: '100%' },\n            borderRadius: { sm: '8px', xs: '0px' },\n            background: (theme) => theme.palette.surface.tertiary,\n            boxShadow: '0px 24px 64px 0px rgba(0, 0, 0, 0.15)',\n            overflow: 'hidden',\n            height: (_a = props.height) !== null && _a !== void 0 ? _a : '600px',\n            maxHeight: '100vh',\n        }, \"data-testid\": \"NotificationCenter\", children: [_jsxs(Box, { ref: headerRef, sx: {\n                    padding: '14px 8px 22px 16px',\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Typography, { variant: \"h4\", component: \"span\", \"data-testid\": \"NotificationCenter.title\", children: (_b = props.title) !== null && _b !== void 0 ? _b : 'Notifications' }), props.onDismissAll && (_jsx(Button, { onClick: props.onDismissAll, size: \"small\", color: \"secondary\", variant: \"text\", \"data-testid\": \"NotificationCenter.dismiss\", children: (_c = props.dismissAllText) !== null && _c !== void 0 ? _c : 'Dismiss All' }))] }), _jsx(Box, { ref: bodyRef, sx: {\n                    height: '100%',\n                    overflow: 'auto',\n                    '& > *:not(:last-of-type)': {\n                        borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n                    },\n                }, \"data-testid\": \"NotificationCenter.content\", children: props.children })] }));\n}\nexport const NotificationCenter = forwardRef(NotificationCenterBase);\n//# sourceMappingURL=NotificationCenter.js.map"],"names":["NotificationCenter","forwardRef","props","ref","_a","_b","_c","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","title","onDismissAll","Button","onClick","size","color","dismissAllText","borderBottom","secondary"],"mappings":"gLAiCY,MAACA,EAAqBC,GA9BlC,SAAgCC,EAAOC,GACnC,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,EAAYC,EAAO,MACnBC,EAAUD,EAAO,MAOvB,OANAE,GAAU,KACN,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACtC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,MACjD,IACF,CAACL,EAAUI,QAASF,EAAQE,UACvBI,EAAMC,EAAK,CAAEb,IAAKA,EAAKc,GAAI,CAC3BC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,OAAgC,QAAvBR,EAAKF,EAAMU,cAA2B,IAAPR,EAAgBA,EAAK,QAC7D0B,UAAW,SACZ,cAAe,qBAAsBC,SAAU,CAAChB,EAAMC,EAAK,CAAEb,IAAKI,EAAWU,GAAI,CACxEe,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAU,CAACI,EAAKC,EAAY,CAAEC,QAAS,KAAMC,UAAW,OAAQ,cAAe,2BAA4BP,SAAiC,QAAtB1B,EAAKH,EAAMqC,aAA0B,IAAPlC,EAAgBA,EAAK,kBAAoBH,EAAMsC,cAAiBL,EAAKM,EAAQ,CAAEC,QAASxC,EAAMsC,aAAcG,KAAM,QAASC,MAAO,YAAaP,QAAS,OAAQ,cAAe,6BAA8BN,SAA0C,QAA/BzB,EAAKJ,EAAM2C,sBAAmC,IAAPvC,EAAgBA,EAAK,mBAAuB6B,EAAKnB,EAAK,CAAEb,IAAKM,EAASQ,GAAI,CAC5dL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CACxBiB,aAAetB,GAAU,aAAaA,EAAMC,QAAQC,QAAQqB,cAEjE,cAAe,6BAA8BhB,SAAU7B,EAAM6B,aAChF"}

package/organisms/notification/NotificationCenterCategory.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenterCategory.js","sources":["../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":[null],"names":["NotificationCenterCategory","props","_jsxs","Box","_jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"sGAOa,MAAAA,EAAyEC,GAElFC,EAACC,EAAgB,CAAA,cAAA,uCACfC,EAACD,EACC,CAAAE,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CP,EAACQ,EAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAV,EAAMc,UAIXX,EAACD,EAAG,CAAA,cACU,qCACZE,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAV,EAAMU"}
+{"version":3,"file":"NotificationCenterCategory.js","sources":["../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Typography } from '@mui/material';\nexport const NotificationCenterCategory = (props) => {\n    return (_jsxs(Box, { \"data-testid\": \"NotificationCenterCategory\", children: [_jsx(Box, { sx: {\n                    borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n                }, \"data-testid\": \"NotificationCenterCategory.title\", children: _jsx(Typography, { variant: \"caption2\", sx: { paddingLeft: '8px' }, children: props.title }) }), _jsx(Box, { \"data-testid\": \"NotificationCenterCategory.content\", sx: {\n                    '& > *:not(:last-of-type)': {\n                        borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n                    },\n                }, children: props.children })] }));\n};\n//# sourceMappingURL=NotificationCenterCategory.js.map"],"names":["NotificationCenterCategory","props","_jsxs","Box","children","_jsx","sx","borderBottom","theme","palette","surface","secondary","Typography","variant","paddingLeft","title"],"mappings":"sGAEY,MAACA,EAA8BC,GAC/BC,EAAMC,EAAK,CAAE,cAAe,6BAA8BC,SAAU,CAACC,EAAKF,EAAK,CAAEG,GAAI,CAC7EC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cAAe,mCAAoCP,SAAUC,EAAKO,EAAY,CAAEC,QAAS,WAAYP,GAAI,CAAEQ,YAAa,OAASV,SAAUH,EAAMc,UAAaV,EAAKF,EAAK,CAAE,cAAe,qCAAsCG,GAAI,CAClO,2BAA4B,CACxBC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAEjEP,SAAUH,EAAMG"}

package/organisms/notification/NotificationCenterHeaderButton.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,Fragment as o,jsx as r}from"react/jsx-runtime";import{Popper as i}from"@mui/material";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationItem.js";import{HeaderBellButton as a}from"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{NotificationCenter as m}from"./NotificationCenter.js";import{useRef as s}from"react";const d=d=>{const{isOpen:l,onToggle:u}=n(!1),p=s(null),c=e(d,["indicator"]);return t(o,{children:[r(a,{ref:p,onClick:u,color:l&&"grey",indicator:"positive","data-testid":"NotificationCenterHeaderButton"}),r(i,{open:l,anchorEl:p.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r(m,Object.assign({},c))})]})};export{d as NotificationCenterHeaderButton};
+import{__rest as e}from"tslib";import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{Popper as i,ClickAwayListener as a,Box as n}from"@mui/material";import{useRef as m}from"react";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import{HeaderBellButton as s}from"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../utils/enum.js";import{useClosure as d}from"../../utils/useClosure/useClosure.js";import{NotificationCenter as l}from"./NotificationCenter.js";const u=u=>{const{isOpen:c,onToggle:p,onClose:f}=d(!1),H=m(null),j=e(u,["indicator"]);return o(r,{children:[t(s,{ref:H,onClick:p,color:c&&"grey",indicator:u.indicator,"data-testid":"NotificationCenterHeaderButton"}),t(i,{open:c,anchorEl:H.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:t(a,{onClickAway:f,children:t(n,{children:t(l,Object.assign({},j))})})})]})};export{u as NotificationCenterHeaderButton};
 //# sourceMappingURL=NotificationCenterHeaderButton.js.map

package/organisms/notification/NotificationCenterHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":[null],"names":["NotificationCenterHeaderButton","props","isOpen","onToggle","useClosure","buttonRef","useRef","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","indicator","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","NotificationCenter","Object","assign"],"mappings":"oiBAWa,MAAAA,EAAiFC,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,GAAaC,GAAW,GAClCC,EAAYC,EAAO,MACHC,EAAuBC,EAAKP,EAA5C,CAAyC,cAC/C,OACEQ,eACEC,EAACC,GACCC,IAAKP,EACLQ,QAASV,EACTW,MAAOZ,GAAU,OACjBa,UAAU,yBACE,mCAEdL,EAACM,GACCC,KAAMf,EACNgB,SAAUb,EAAUc,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAf,EAACgB,EAAuBC,OAAAC,OAAA,CAAA,EAAArB,QAG5B"}
+{"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { HeaderBellButton } from '@/src/layout/Header';\nimport { useClosure } from '@/src/utils';\nimport { Box, ClickAwayListener, Popper } from '@mui/material';\nimport { NotificationCenter } from './NotificationCenter';\nimport { useRef } from 'react';\nexport const NotificationCenterHeaderButton = (props) => {\n    const { isOpen, onToggle, onClose } = useClosure(false);\n    const buttonRef = useRef(null);\n    const { indicator } = props, notificationCenterProps = __rest(props, [\"indicator\"]);\n    return (_jsxs(_Fragment, { children: [_jsx(HeaderBellButton, { ref: buttonRef, onClick: onToggle, color: isOpen && 'grey', indicator: props.indicator, \"data-testid\": \"NotificationCenterHeaderButton\" }), _jsx(Popper, { open: isOpen, anchorEl: buttonRef.current, placement: \"bottom-end\", modifiers: [\n                    {\n                        name: 'offset',\n                        options: {\n                            offset: [0, 28],\n                        },\n                    },\n                ], children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Box, { children: _jsx(NotificationCenter, Object.assign({}, notificationCenterProps)) }) }) })] }));\n};\n//# sourceMappingURL=NotificationCenterHeaderButton.js.map"],"names":["NotificationCenterHeaderButton","props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","notificationCenterProps","__rest","_jsxs","_Fragment","children","_jsx","HeaderBellButton","ref","onClick","color","indicator","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"ytBAOY,MAACA,EAAkCC,IAC3C,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,GAAW,GAC3CC,EAAYC,EAAO,MACIC,EAA0BC,EAAOR,EAAO,CAAC,cACtE,OAAQS,EAAMC,EAAW,CAAEC,SAAU,CAACC,EAAKC,EAAkB,CAAEC,IAAKT,EAAWU,QAASb,EAAUc,MAAOf,GAAU,OAAQgB,UAAWjB,EAAMiB,UAAW,cAAe,mCAAqCL,EAAKM,EAAQ,CAAEC,KAAMlB,EAAQmB,SAAUf,EAAUgB,QAASC,UAAW,aAAcC,UAAW,CACzR,CACIC,KAAM,SACNC,QAAS,CACLC,OAAQ,CAAC,EAAG,OAGrBf,SAAUC,EAAKe,EAAmB,CAAEC,YAAazB,EAASQ,SAAUC,EAAKiB,EAAK,CAAElB,SAAUC,EAAKkB,EAAoBC,OAAOC,OAAO,CAAA,EAAIzB,YAAwC"}

package/organisms/shortcutLink/shortcutLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcutLink.js","sources":["../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":[null],"names":["ShortcutLink","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","ShortcutLinkStyled","children","_jsx","Icon","className","fontSize","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick","styled","theme","styles","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","breakpoints","down","marginBottom","lineHeight","up","flexDirection"],"mappings":"uQAgBaA,EAAe,EAC1BC,WACAC,QACAC,WACAC,YACAC,UACAC,iBACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,GAAqBA,EAAkBG,EAAE,GAE3C,CAACH,IAGH,OACEI,EAACC,EACC,CAAAC,SAAA,CAAAC,EAACC,EAAK,CAAAC,UAAW,GAAGf,YAAoBgB,SAAS,UACjDN,EAAA,MAAA,CAAKK,UAAU,eACbH,SAAA,CAAAC,EAAA,KAAA,CAAAD,SAAKX,IACLY,EAAM,OAAA,CAAAE,UAAU,gBAAQb,OAE1BW,EAAA,IAAA,CAAGI,KAAMb,EAASc,OAAQb,EAAiB,SAAW,QAASc,IAAI,aACjEP,SAAAC,EAACO,EAAO,CAAAC,QAASC,EAAeC,WAAYC,MAAOrB,EAAWsB,UAAU,UAAUC,QAASnB,QAG/F,EAGEI,EAAqBgB,EAAO,MAAPA,EAAc,EAAGC,YAC1C,IAAIC,EAAS,CAAA,EAyDb,OAvDAA,iCACKA,GAAM,CACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,EAAG,CACDC,eAAgB,QAElBC,OAAQ,CACNC,YAAa,KAEf,gBAAiB,CACfC,WAAY,OACZC,cAAe,OAEjBC,KAAM,CACJT,QAAS,SAEX,UAAW,CACTA,QAAS,QAEXU,GAAI,CACFC,UAAW,IACXC,cAAe,SAEjB,QAAS,CACPA,cAAe,SAEjB,WAAY,CACV1B,SAAU,QAEZ,CAACY,EAAMe,YAAYC,KAAK,OAAQ,CAC9BJ,GAAI,CACFK,aAAc,MACd7B,SAAU,OACV8B,WAAY,OACZJ,cAAe,SAEjB,QAAS,CACPA,cAAe,QACfI,WAAY,OACZ9B,SAAU,SAGd,CAACY,EAAMe,YAAYI,GAAG,OAAQ,CAC5BC,cAAe,SACfjB,WAAY,aACZ,UAAW,CACTD,QAAS,SAEXU,GAAI,CACFK,aAAc,QAIbhB,CAAM"}
+{"version":3,"file":"shortcutLink.js","sources":["../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback && analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { className: `${iconName} sl-icon`, fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n            textDecoration: 'none',\n        }, button: {\n            paddingLeft: '0',\n        }, '.text-wrapper': {\n            paddingTop: '20px',\n            paddingBottom: '6px',\n        }, span: {\n            display: 'block',\n        }, '> .sa-i': {\n            display: 'none',\n        }, h4: {\n            marginTop: '0',\n            letterSpacing: '0.4px',\n        }, '.body': {\n            letterSpacing: '0.4px',\n        }, '.sl-icon': {\n            fontSize: '32px',\n        }, [theme.breakpoints.down('md')]: {\n            h4: {\n                marginBottom: '2px',\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.2px',\n            },\n            '.body': {\n                letterSpacing: '0.2px',\n                lineHeight: '16px',\n                fontSize: '12px',\n            },\n        }, [theme.breakpoints.up('md')]: {\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            '> .sa-i': {\n                display: 'block',\n            },\n            h4: {\n                marginBottom: '0',\n            },\n        } });\n    return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLink","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","ShortcutLinkStyled","children","_jsx","Icon","className","fontSize","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","breakpoints","down","marginBottom","lineHeight","up","flexDirection"],"mappings":"iQAMY,MAACA,EAAe,EAAGC,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,GAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAMC,EAAoB,CAAEC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,GAAGf,YAAoBgB,SAAU,UAAYN,EAAM,MAAO,CAAEK,UAAW,eAAgBH,SAAU,CAACC,EAAK,KAAM,CAAED,SAAUX,IAAUY,EAAK,OAAQ,CAAEE,UAAW,OAAQH,SAAUV,OAAiBW,EAAK,IAAK,CAAEI,KAAMb,EAASc,OAAQb,EAAiB,SAAW,QAASc,IAAK,aAAcP,SAAUC,EAAKO,EAAQ,CAAEC,QAASC,EAAeC,WAAYC,MAAOrB,EAAWsB,UAAW,UAAWC,QAASnB,QAAyB,EAEveI,EAAqBgB,EAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACX5B,SAAU,QACX,CAACY,EAAMiB,YAAYC,KAAK,OAAQ,CAC/BJ,GAAI,CACAK,aAAc,MACd/B,SAAU,OACVgC,WAAY,OACZJ,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfI,WAAY,OACZhC,SAAU,SAEf,CAACY,EAAMiB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACfjB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAK,aAAc,QAGnBlB,CAAM"}

package/organisms/textCta/textCta.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import n,{useCallback as r}from"react";import{styled as a}from"@mui/material/styles";import{Label as s}from"../../components/label/label.js";import{Typography as p,List as l,ListItem as m}from"@mui/material";import{Button as d}from"../../components/button/button.js";import{Icon as h}from"../../components/icon/icon.js";const x=n.forwardRef(((n,a)=>{var{label:x,headlineTitle:c,text:u,showFirstButton:f=!1,showSecondButton:S=!1,onClickFirstBtn:B,onClickSecondBtn:b,firstButtonProps:w,secondButtonProps:C,listItems:y,showAppStore:P=!1,showPlayStore:k=!1,appStoreProps:j,playStoreProps:H}=n,v=t(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const z=r((t=>{window.open(t,"_blank")}),[]),I=r(((t,e,i)=>{i&&z(i),e&&e(t)}),[z]),N=r(((t,i)=>{const o=Object.assign(Object.assign({},t),{url:t.url||null});return e(d,Object.assign({},o,{onClick:t=>I(t,i,o.url)}))}),[I]);return i(g,Object.assign({ref:a,listItems:y},v,{children:[x&&e(s,{label:x}),c&&e("div",{className:"headlineContainer",children:e(p,{className:"textCtaHeadline",children:c})}),u&&e("p",{className:`textCtaText ${k&&"isPlayStore"}`,children:u}),y&&y.length>0&&e(l,{className:"textCtaList",children:y.map(((t,o)=>i(m,{children:[e(h,{className:t.icon||"check"}),t.text]},"text-cta-list-item"+o)))}),i("div",{className:"textCtaBtnGroup",children:[(!P||!k)&&i(o,{children:[f&&N(w,B),S&&N(C,b)]}),(!f||!S)&&i(o,{children:[P&&e("span",{className:"appStoreBadge",onClick:()=>z(j.url),children:e("img",{src:j.img,alt:j.alt})}),k&&e("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:H}})]})]})]}))})),c=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},g=a("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,o=t(e,["theme"]);let n={};return n={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},c(o.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},n}));export{x as TextCta};
+import{__rest as t}from"tslib";import{jsx as e,jsxs as i,Fragment as o}from"react/jsx-runtime";import{forwardRef as n,useCallback as r}from"react";import{styled as a}from"@mui/material/styles";import{Label as s}from"../../components/label/label.js";import{Typography as p,List as l,ListItem as m}from"@mui/material";import{Button as d}from"../../components/button/button.js";import{Icon as h}from"../../components/icon/icon.js";const x=n(((n,a)=>{var{label:x,headlineTitle:c,text:u,showFirstButton:f=!1,showSecondButton:S=!1,onClickFirstBtn:B,onClickSecondBtn:b,firstButtonProps:w,secondButtonProps:C,listItems:y,showAppStore:P=!1,showPlayStore:k=!1,appStoreProps:j,playStoreProps:H}=n,v=t(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const z=r((t=>{window.open(t,"_blank")}),[]),I=r(((t,e,i)=>{i&&z(i),e&&e(t)}),[z]),N=r(((t,i)=>{const o=Object.assign(Object.assign({},t),{url:t.url||null});return e(d,Object.assign({},o,{onClick:t=>I(t,i,o.url)}))}),[I]);return i(g,Object.assign({ref:a,listItems:y},v,{children:[x&&e(s,{label:x}),c&&e("div",{className:"headlineContainer",children:e(p,{className:"textCtaHeadline",children:c})}),u&&e("p",{className:`textCtaText ${k&&"isPlayStore"}`,children:u}),y&&y.length>0&&e(l,{className:"textCtaList",children:y.map(((t,o)=>i(m,{children:[e(h,{className:t.icon||"check"}),t.text]},"text-cta-list-item"+o)))}),i("div",{className:"textCtaBtnGroup",children:[(!P||!k)&&i(o,{children:[f&&N(w,B),S&&N(C,b)]}),(!f||!S)&&i(o,{children:[P&&e("span",{className:"appStoreBadge",onClick:()=>z(j.url),children:e("img",{src:j.img,alt:j.alt})}),k&&e("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:H}})]})]})]}))})),c=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},g=a("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,o=t(e,["theme"]);let n={};return n={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},c(o.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},n}));export{x as TextCta};
 //# sourceMappingURL=textCta.js.map

package/organisms/textCta/textCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":[null],"names":["TextCta","React","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
+{"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const TextCta = forwardRef((_a, ref) => {\n    var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n    const handleUrlClick = useCallback((url) => {\n        window.open(url, '_blank');\n    }, []);\n    const handleOnClickBtn = useCallback((e, callback, url) => {\n        if (url) {\n            handleUrlClick(url);\n        }\n        callback && callback(e);\n    }, [handleUrlClick]);\n    const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n        const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url || null });\n        return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n    }, [handleOnClickBtn]);\n    return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n                    return (_jsxs(ListItem, { children: [_jsx(Icon, { className: item.icon || 'check' }), item.text] }, 'text-cta-list-item' + index));\n                }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore || !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton || !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n    switch (headlineVariant) {\n        case 'h1':\n            return {\n                fontSize: '44px',\n                lineHeight: '52px',\n            };\n        case 'h2':\n            return {\n                fontSize: '36px',\n                lineHeight: '44px',\n            };\n        case 'h3':\n            return {\n                fontSize: '30px',\n                lineHeight: '36px',\n            };\n        case 'h4':\n            return {\n                fontSize: '24px',\n                lineHeight: '28px',\n            };\n        default:\n            return {\n                fontSize: '18px',\n                lineHeight: '28px',\n            };\n    }\n};\n/**\n * @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        '& > span': {\n            margin: 0,\n        },\n        '& > div.headlineContainer': {\n            marginBottom: '10px',\n            marginTop: '5px',\n            '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n        },\n        '& > div.subheadlineContainer': {\n            marginBottom: '10px',\n            '& > .textCtaSubheadline': {\n                fontWeight: 'bold',\n                fontSize: '18px',\n                lineHeight: '28px',\n            },\n        },\n        '& > .textCtaList': {\n            marginBottom: '10px',\n        },\n        '& > .textCtaText': {\n            fontSize: '18px',\n            lineHeight: '28px',\n            margin: '12px 0 16px 0',\n            '&.isPlayStore': {\n                marginBottom: '2px',\n            },\n        },\n        '& > div.textCtaBtnGroup': {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            '& > div': {\n                [theme.breakpoints.down('sm')]: {\n                    width: '100%',\n                },\n            },\n            '& > .appStoreBadge': {\n                cursor: 'pointer',\n                marginRight: '8px',\n                '& > img': {\n                    height: '40px',\n                },\n            },\n            '& > .playStoreBadge': {\n                cursor: 'pointer',\n                '& img': {\n                    maxWidth: '153px',\n                },\n            },\n            '& .MuiButton-root': {\n                paddingLeft: '16px',\n                paddingRight: '16px',\n                paddingBottom: '2px',\n                fontSize: '14px',\n                minWidth: '93px',\n                height: '32px',\n                [theme.breakpoints.down('sm')]: {\n                    height: '44px',\n                    width: '100%',\n                },\n            },\n            '& .MuiButton-root:first-of-type': {\n                marginRight: '16px',\n                marginBottom: 0,\n                [theme.breakpoints.down('sm')]: {\n                    marginBottom: '16px',\n                },\n            },\n        },\n        ' & > .MuiList-root': {\n            padding: '0px',\n            '& > .MuiListItem-root': {\n                padding: '0px 0px 6px 0px',\n                '& > .MuiIcon-root': {\n                    width: '20px',\n                    height: '24px',\n                    fontSize: '14px',\n                },\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","children","Label","className","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/organisms/tile/tile.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { HTMLAttributes, FC } from 'react';
 import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
 /**
  * @interface TileStylingProps
@@ -26,7 +26,7 @@ export interface TileStylingProps {
  * @interface TileProps
  * @description  Properties are inherited from HTML div element and TileStylingProps interface.
  */
-export interface TileProps extends TileStylingProps, React.HTMLAttributes<HTMLDivElement> {
+export interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {
     /**
      * If true the menu dropdown is showing
      */
@@ -83,4 +83,4 @@ export interface TileProps extends TileStylingProps, React.HTMLAttributes<HTMLDi
  * @returns React Functional Component
  * @deprecated
  */
-export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tile: FC<TileProps>;

package/organisms/tile/tile.js

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

package/organisms/tile/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":[null],"names":["Tile","React","forwardRef","_a","ref","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"oqBAkGO,MAAMA,EAAOC,EAAMC,YACxB,CAACC,EAA8FC,KAA9F,IAAAC,kBAAEA,EAAoB,MAAKC,eAAEA,GAAiB,EAAIC,mBAAEA,EAAqB,SAAmBJ,EAAPK,EAAKC,EAAAN,EAA1F,6DACC,MAAOO,EAAaC,GAAkBC,GAAS,GAWzCC,EACJC,EAAA,MAAA,CAAKC,UAAU,YAAWC,SACvBR,EAAMS,qBAAuBP,EAC5BI,EAACI,EAAwC,CAAAC,MAAOX,EAAMS,oBAAqBG,IAAKZ,EAAMa,cAAjE,oBAErBP,EAACI,EAAc,CAEbC,MAAOX,EAAMc,aACbF,IAAKZ,EAAMa,aACXE,cAAef,EAAMgB,sBAHhB,cAQPC,EACJC,EAAK,MAAA,CAAAX,UAAU,mBAAkBC,SAAA,CAC9BR,EAAMmB,gBAAkBb,UAAMC,UAAU,4BAA2BC,SAAER,EAAMmB,iBAC3EnB,EAAMmB,gBAAkBnB,EAAMoB,gBAAkBd,EAACe,EAAQ,CAAAC,YAAY,WAAWC,UAAW,IAC3FvB,EAAMoB,gBAAkBd,EAAA,OAAA,CAAMC,UAAU,4BAA2BC,SAAER,EAAMoB,oBAIhF,OACEd,EAACkB,EAAU,CACTC,iBAAkBzB,EAAMyB,iBACxB3B,eAAgBA,EAChBD,kBAAmBA,WAEnBqB,EAAK,MAAA,CAAAX,UAAU,cAAcmB,aAtCR,KAClBxB,GACHC,GAAe,EAChB,EAmC8DwB,aAhCxC,KACvBxB,GAAe,EAAM,YAgChBH,EAAM4B,gBACLtB,EAAA,MAAA,CACEC,UAAU,mBACVmB,aAAc,IAAMvB,GAAe,GACnCwB,aAAc,IAAMxB,GAAe,GAEnCK,SAAAF,EAACuB,EAAiBC,OAAAC,OAAA,GAAK/B,EAAMgC,2BAGhChC,EAAMyB,kBACLnB,EAAA,MAAA,CAAKC,UAAU,gCACbD,EAAC2B,GAAiBC,QAASnC,EAAoBoC,MAAOC,EAAepC,EAAMyB,iBAAkB,QAG1E,WAAtB5B,GAAkCQ,EACnCa,EAAK,MAAA,CAAAX,UAAU,cAAaC,SAAA,CACzBR,EAAMqC,cACL/B,EAAK,MAAA,CAAAC,UAAU,mBAAkBC,SAC/BF,EAACgC,EAAK,CAACH,MAAOC,EAAepC,EAAMqC,aAAc,QAGrD/B,EAAA,KAAA,CAAIC,UAAU,YAAaC,SAAA4B,EAAepC,EAAMuC,MAAO,MACtDvC,EAAMwC,cACLlC,SAAKC,UAAU,mBACbC,SAAAF,EAACmC,EAAY,CAACP,QAASlC,EAAM0C,oBAAqBP,MAAOC,EAAepC,EAAMwC,aAAc,QAGzE,WAAtB3C,GAAkCoB,KAEd,QAAtBpB,GAA+BQ,EACT,QAAtBR,GAA+BoB,MAGpC,IAGNzB,EAAKmD,aAAe,CAClB7C,gBAAgB,EAChBC,mBAAoB,SAEtB,MAAMyB,EAAaoB,EAAO,MAAPA,EAA8CjD,IAAA,IAAAkD,MAAEA,GAAgBlD,EAANmD,EAAI7C,EAAAN,EAAhB,WAC/D,IAAIoD,EAAS,CAAA,EACb,MAAMlD,kBAAEA,EAAiB4B,iBAAEA,EAAgB3B,eAAEA,GAAmBgD,EA0GhE,OAxGAC,EAAS,CACPC,OAAQ,OACR,mCAAoC,CAClCC,UAAW,cAEb,iBAAkB,CAChBC,SAAU,WACVC,aAAcrD,EAAiB,MAAQ,EACvCkD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBC,EAAWC,QAAQC,QACpCC,QAAS,aACTC,OAAQ,aAAaJ,EAAWC,QAAQI,aAE1C,sBAAuB,CACrBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CACpBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGpB,iBAAkB,CAChBY,WAAYzC,EAAmB,OAAS,QAE1C,0BAA2B,CACzBuC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAER,sBAAuB,CACrBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEV,sBAAuB,CACrBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACRC,OAAQ,MAGZ,eAAgB,CACdvB,OAAQ,QACRwB,UAAiC,QAAtB3E,EAA8B,QAAU,OACnDwE,aAAoC,WAAtBxE,EAAiC,QAAU,IACzD,CAACgD,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC5B1B,OAAQ,SAEV,QAAS,CACPE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGX,sBAAuB,CACrBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB3E,EAAiC,MAAQ,IACpD,oBAAqB,CACnBiF,WAAY,QAEd,OAAQ,CACNP,OAAQ,QACRQ,YAAavB,EAAWwB,YAAYnB,aAKnCd,CAAM"}
+{"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const Tile = (_a) => {\n    var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n    const [isMouseOver, setIsMouseOver] = useState(false);\n    const handleMouseEnter = () => {\n        if (!isMouseOver) {\n            setIsMouseOver(true);\n        }\n    };\n    const handleMouseLeave = () => {\n        setIsMouseOver(false);\n    };\n    const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n    const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n    return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n    isBorderRadius: true,\n    promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n    styles = {\n        height: '100%',\n        '& .tileWrapper, & .tileWrapper *': {\n            boxSizing: 'border-box',\n        },\n        '& .tileWrapper': {\n            position: 'relative',\n            borderRadius: isBorderRadius ? '8px' : 0,\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'space-between',\n            backgroundColor: flowColors.surface.primary,\n            padding: '0 0 24px 0',\n            border: `1px solid ${flowColors.surface.secondary}`,\n        },\n        '& .tileDropdownMenu': {\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            '.menuCardComponent': {\n                top: 0,\n                right: 0,\n                width: '58px',\n                height: '58px',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n            },\n        },\n        '& .tileContent': {\n            paddingTop: promotionalLabel ? '40px' : '16px',\n        },\n        '& .tilePromotionalLabel': {\n            width: '100%',\n            maxWidth: 'calc(100% - 64px)',\n            position: 'absolute',\n            top: '0',\n            left: '0',\n        },\n        '& .tileGeneralLabel': {\n            padding: '0 24px',\n            marginBottom: '0',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileTitle': {\n            margin: '0 0 6px 0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n        },\n        '& .tileFeatureLabel': {\n            margin: '0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileImage': {\n            height: '176px',\n            marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n            marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n            [theme.breakpoints.up('md')]: {\n                height: '200px',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '186px',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '265px',\n            },\n            '& img': {\n                position: 'relative',\n                zIndex: '0',\n                objectFit: 'contain',\n                objectPosition: 'center',\n                display: 'block',\n                height: '100%',\n                width: '100%',\n            },\n        },\n        '& .tilePriceWrapper': {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            width: '100%',\n            padding: '0 24px',\n            marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n            '& .tilePriceTotal': {\n                fontWeight: 'bold',\n            },\n            '& hr': {\n                margin: '0 8px',\n                borderColor: flowColors.transparent.secondary,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/package.json

@@ -1 +1 @@
-{"name":"@skodaflow/web-library","version":"4.0.3","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","ag-grid-community":"^29.1.0","ag-grid-react":"^29.1.0","react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@etchteam/storybook-addon-status":"^4.2.4","@geometricpanda/storybook-addon-badges":"^2.0.0","@googlemaps/markerclusterer":"^1.0.22","@googlemaps/react-wrapper":"^1.1.22","@mui/x-date-pickers":"^6.10.1","@skodaflow/web-tokens":"^2.4.0","@storybook/addon-storysource":"^7.1.1","@storybook/preset-scss":"^1.0.3","country-flag-icons":"^1.4.17","date-fns":"^2.30.0","embla-carousel-auto-height":"^7.1.0","embla-carousel-autoplay":"^7.1.0","embla-carousel-class-names":"^7.1.0","embla-carousel-react":"^7.1.0","embla-carousel-wheel-gestures":"^3.0.0","lodash":"^4.17.21","react-use":"^17.4.0","remark-gfm":"^3.0.1","use-keyboard-shortcut":"^1.1.6"},"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}
+{"name":"@skodaflow/web-library","version":"4.2.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","ag-grid-community":"^29.1.0","ag-grid-react":"^29.1.0","react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@etchteam/storybook-addon-status":"^4.2.4","@geometricpanda/storybook-addon-badges":"^2.0.0","@googlemaps/markerclusterer":"^1.0.22","@googlemaps/react-wrapper":"^1.1.22","@mui/x-date-pickers":"^6.11.0","@skodaflow/web-tokens":"^2.4.0","@storybook/addon-storysource":"^7.1.1","@storybook/preset-scss":"^1.0.3","country-flag-icons":"^1.4.17","date-fns":"^2.30.0","embla-carousel-auto-height":"^7.1.0","embla-carousel-autoplay":"^7.1.0","embla-carousel-class-names":"^7.1.0","embla-carousel-react":"^7.1.0","embla-carousel-wheel-gestures":"^3.0.0","lodash":"^4.17.21","minimatch":"^9.0.3","react-use":"^17.4.0","remark-gfm":"^3.0.1","use-keyboard-shortcut":"^1.1.6"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}

package/production/Button.d.ts

@@ -3,7 +3,7 @@ export type ButtonProps = Omit<MuiButtonProps, 'nonce' | 'color' | 'disableEleva
     blinking?: boolean;
     variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
 };
-export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "classes" | "nonce" | "color" | "disableRipple" | "disableFocusRipple" | "variant" | "disableElevation"> & {
+export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "classes" | "disableRipple" | "color" | "disableFocusRipple" | "nonce" | "variant" | "disableElevation"> & {
     blinking?: boolean;
     variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/production/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/production/Button.tsx"],"sourcesContent":[null],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","props","__rest","_jsx","MuiButton","Object","assign","disableElevation","disableRipple","disableFocusRipple","theme","variant","blinking","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"iMAKA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAmBlBQ,EAASC,GALqBC,QAAwBC,EAAKC,EAAAF,EAA7B,wBAAoC,OAC7EG,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,kBAAgB,EAACC,eAAa,EAACC,oBAAkB,IACxE,GAGqBV,EAAgC,EAAGW,QAAOC,UAAU,UAAWC,WAAUC,+HAC7FC,SAAU,QACVC,MAAOL,EAAMM,QAAQC,OAAOC,OAEZ,YAAZP,GAAqBN,OAAAC,OAAA,CACvBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG/B,iBAA0BqB,EAAMW,YAAYC,OAAOC,eAIrD,YAAZZ,GAAqBN,OAAAC,OAAA,CACvBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG7B,iBAA2BmB,EAAMW,YAAYC,OAAOC,eAItD,UAAZZ,GAAmBN,OAAAC,OAAA,CACrBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG5B,iBAAwBkB,EAAMW,YAAYC,OAAOC,eAInD,SAAZZ,GAAkBN,OAAAC,OAAA,CACpBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG3B,iBAAyBiB,EAAMW,YAAYC,OAAOC,eAIpD,UAAZZ,GAAmBN,OAAAC,OAAA,CACrBa,gBAAiBT,EAAMM,QAAQC,OAAOC,MACtCH,MAAOL,EAAMM,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAahB,EAAMM,QAAQQ,KAAKC,WACpCb,GAAY,CACdQ,UAAW,GAAG1B,iBAA0BgB,EAAMW,YAAYC,OAAOC,eAIrD,SAAZZ,GAAkBN,OAAAC,OAAA,CACpBa,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOL,EAAMM,QAAQQ,KAAKC,SACtBb,GAAY,CACdQ,UAAW,GAAGzB,iBAAyBe,EAAMW,YAAYC,OAAOC,eAIpD,UAAZZ,GACFN,OAAAC,OAAA,CAAAa,gBAAiB,cACjBO,OAAQ,aAAahB,EAAMM,QAAQC,OAAOC,SACtCN,GAAY,CACdQ,UAAW,GAAGxB,iBAA0Bc,EAAMW,YAAYC,OAAOC,eAIjEV,GACFR,OAAAC,OAAA,CAAAa,gBAAiB,UACjBJ,MAAOL,EAAMM,QAAQW,OAAOd,SAC5Be,YAAalB,EAAMM,QAAQW,OAAOd,UAC9BD,GAAY,CACdQ,UAAW,GAAGvB,iBAA6Ba,EAAMW,YAAYC,OAAOC"}
+{"version":3,"file":"Button.js","sources":["../../src/production/Button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { keyframes } from '@mui/system';\nconst greenBlink = keyframes `\r\n  0% { background-color: #43861D; }\r\n  50% { background-color: #96DC6F; }\r\n  100% {background-color: #43861D; }\r\n`;\nconst orangeBlink = keyframes `\r\n  0% { background-color: #DE7C13; }\r\n  50% { background-color: #F2B879; }\r\n  100% {background-color: #DE7C13; }\r\n`;\nconst redBlink = keyframes `\r\n  0% { background-color: #CE332A; }\r\n  50% { background-color: #EC908B; }\r\n  100% {background-color: #CE332A; }\r\n`;\nconst blueBlink = keyframes `\r\n  0% { background-color: #2A78CD; }\r\n  50% { background-color: #80B1E5; }\r\n  100% {background-color: #2A78CD; }\r\n`;\nconst whiteBlink = keyframes `\r\n  0% { background-color: #fff; }\r\n  50% { background-color: #D8D8D8; }\r\n  100% {background-color: #fff; }\r\n`;\nconst darkBlink = keyframes `\r\n  0% { border-color: #161718; }\r\n  50% { border-color: #D8D8D8; }\r\n  100% {border-color: #161718; }\r\n`;\nconst lightBlink = keyframes `\r\n0% { border-color: #eee; }\r\n50% { border-color: #454546; }\r\n100% {border-color: #eee; }\r\n`;\nconst disabledBlink = keyframes `\r\n  0% { background-color: #D8D8D8; }\r\n  50% { background-color: #EEEEEE; }\r\n  100% {background-color: #D8D8D8; }\r\n`;\nconst ButtonBase = (_a) => {\n    var { blinking, variant } = _a, props = __rest(_a, [\"blinking\", \"variant\"]);\n    return (_jsx(MuiButton, Object.assign({}, props, { disableElevation: true, disableRipple: true, disableFocusRipple: true })));\n};\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)(({ theme, variant = 'success', blinking, disabled }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ minWidth: '150px', color: theme.palette.common.white }, (variant === 'success' && Object.assign({ backgroundColor: '#43861D', '&:hover': {\n        backgroundColor: '#55a628',\n    } }, (blinking && {\n    animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'warning' && Object.assign({ backgroundColor: '#DE7C13', '&:hover': {\n        backgroundColor: '#df8f38',\n    } }, (blinking && {\n    animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'alert' && Object.assign({ backgroundColor: '#CE332A', '&:hover': {\n        backgroundColor: '#d84a42',\n    } }, (blinking && {\n    animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'info' && Object.assign({ backgroundColor: '#2A78CD', '&:hover': {\n        backgroundColor: '#4a8fdb',\n    } }, (blinking && {\n    animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'white' && Object.assign({ backgroundColor: theme.palette.common.white, color: theme.palette.text.primary, '&:hover': {\n        backgroundColor: '#e1e1e1',\n    }, border: `2px solid ${theme.palette.text.primary}` }, (blinking && {\n    animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'dark' && Object.assign({ backgroundColor: 'transparent', border: `2px solid #161718`, color: theme.palette.text.primary }, (blinking && {\n    animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'light' && Object.assign({ backgroundColor: 'transparent', border: `2px solid ${theme.palette.common.white}` }, (blinking && {\n    animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (disabled && Object.assign({ backgroundColor: '#D8D8D8', color: theme.palette.action.disabled, borderColor: theme.palette.action.disabled }, (blinking && {\n    animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n}))))));\n//# sourceMappingURL=Button.js.map"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","props","__rest","_jsx","MuiButton","Object","assign","disableElevation","disableRipple","disableFocusRipple","theme","variant","blinking","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"iMAKA,MAAMA,EAAaC,CAAU;;;;EAKvBC,EAAcD,CAAU;;;;EAKxBE,EAAWF,CAAU;;;;EAKrBG,EAAYH,CAAU;;;;EAKtBI,EAAaJ,CAAU;;;;EAKvBK,EAAYL,CAAU;;;;EAKtBM,EAAaN,CAAU;;;;EAKvBO,EAAgBP,CAAU;;;;EAUnBQ,EAASC,GALFC,IACb,IAA6BC,EAAQC,EAAOF,EAAI,CAAC,WAAY,YAChE,OAAQG,EAAKC,EAAWC,OAAOC,OAAO,CAAA,EAAIL,EAAO,CAAEM,kBAAkB,EAAMC,eAAe,EAAMC,oBAAoB,IAAU,GAG5GV,EAAmB,EAAGW,QAAOC,UAAU,UAAWC,WAAUC,cAAgBR,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAEQ,SAAU,QAASC,MAAOL,EAAMM,QAAQC,OAAOC,OAAsB,YAAZP,GAAyBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CACrVA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG/B,iBAA0BqB,EAAMW,YAAYC,OAAOC,eACjD,YAAZZ,GAAyBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAChFA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG7B,iBAA2BmB,EAAMW,YAAYC,OAAOC,eAClD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAC9EA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG5B,iBAAwBkB,EAAMW,YAAYC,OAAOC,eAC/C,SAAZZ,GAAsBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAC7EA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG3B,iBAAyBiB,EAAMW,YAAYC,OAAOC,eAChD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiBT,EAAMM,QAAQC,OAAOC,MAAOH,MAAOL,EAAMM,QAAQQ,KAAKC,QAAS,UAAW,CAClIN,gBAAiB,WAClBO,OAAQ,aAAahB,EAAMM,QAAQQ,KAAKC,WAAcb,GAAY,CACrEQ,UAAW,GAAG1B,iBAA0BgB,EAAMW,YAAYC,OAAOC,eACjD,SAAZZ,GAAsBN,OAAOC,OAAO,CAAEa,gBAAiB,cAAeO,OAAQ,oBAAqBX,MAAOL,EAAMM,QAAQQ,KAAKC,SAAYb,GAAY,CACzJQ,UAAW,GAAGzB,iBAAyBe,EAAMW,YAAYC,OAAOC,eAChD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiB,cAAeO,OAAQ,aAAahB,EAAMM,QAAQC,OAAOC,SAAYN,GAAY,CAC7IQ,UAAW,GAAGxB,iBAA0Bc,EAAMW,YAAYC,OAAOC,eAC7DV,GAAYR,OAAOC,OAAO,CAAEa,gBAAiB,UAAWJ,MAAOL,EAAMM,QAAQW,OAAOd,SAAUe,YAAalB,EAAMM,QAAQW,OAAOd,UAAaD,GAAY,CAC7JQ,UAAW,GAAGvB,iBAA6Ba,EAAMW,YAAYC,OAAOC"}