@skodaflow/web-library 6.0.0 → 7.0.1

package/cjs/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from 'use-keyboard-shortcut';\nexport const Gallery = (props) => {\n    var _a;\n    const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n    const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n    const [nextDisabled, setNextDisabled] = useState(true);\n    const [prevDisabled, setPrevDisabled] = useState(true);\n    const [emblaRef, emblaApi] = useEmblaCarousel({\n        align: 'center',\n        axis: 'x',\n        startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n        slidesToScroll: 1,\n        draggable: props.galleryItems.length > 1,\n    });\n    useEffect(() => {\n        if (emblaApi) {\n            const onScroll = () => {\n                setNextDisabled(!emblaApi.canScrollNext());\n                setPrevDisabled(!emblaApi.canScrollPrev());\n            };\n            emblaApi.on('scroll', onScroll);\n            onScroll();\n        }\n    }, [emblaApi]);\n    useEffect(() => {\n        if (!props.galleryItems || props.galleryItems.length === 0) {\n            console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n        }\n    }, [props.galleryItems]);\n    const onOpen = useCallback(() => {\n        if (props.galleryItems && props.galleryItems.length > 0) {\n            _onOpen();\n        }\n    }, [_onOpen, props.children]);\n    useKeyboardShortcut(['Escape'], onClose);\n    useKeyboardShortcut(['ArrowRight'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext());\n    useKeyboardShortcut(['ArrowLeft'], () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n    return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n    backgroundColor: theme.palette.surface.quarternary,\n    paddingTop: '20px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n    width: '100%',\n    height: '85%',\n    overflow: 'hidden',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '& > div': {\n        width: '100%',\n        height: '100%',\n    },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n    width: '100%',\n    height: '15%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n    color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"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"}

package/cjs/organisms/gallery/GalleryTrigger.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js"),require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js");const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=s=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(r.Box,{component:o.Icon,className:"search-plus"})}),s.children]});
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(o.Icon,{name:"search-plus"})}),t.children]});
 //# sourceMappingURL=GalleryTrigger.js.map

package/cjs/organisms/gallery/GalleryTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Box, { component: Icon, className: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","className"],"mappings":"0qLAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAAA,IAAKJ,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAWK,EAAIA,KAAEC,UAAW,kBAAqBT,EAAMK"}
+{"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    left: 0,\n    background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n    display: 'inline-block',\n    height: '100%',\n    '& .sa-i': {\n        position: 'absolute',\n        right: '8px',\n        top: '8px',\n        color: 'white',\n    },\n};\nexport const GalleryTrigger = (props) => {\n    return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"+zIAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,KAAM,kBAAqBT,EAAMK"}

package/cjs/organisms/maps/mapComponents/mapComponent.d.ts

@@ -15,5 +15,5 @@ interface MapProps extends google.maps.MapOptions {
     center?: any;
     zoom?: any;
 }
-declare const Map: React.FC<MapProps>;
-export default Map;
+declare const MapComponent: React.FC<MapProps>;
+export default MapComponent;

package/cjs/organisms/maps/mapComponents/mapComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst Map = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default Map;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}
+{"version":3,"file":"mapComponent.js","sources":["../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst MapComponent = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default MapComponent;\n//# sourceMappingURL=mapComponent.js.map"],"names":["_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/cjs/organisms/maps/mapComponents/mapStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default("div")((()=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.flowColors.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.flowColors.alert.main},"& > #info-dealer-opened":{color:t.flowColors.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}const n=i(e).default("div")((()=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.paletteLight.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.paletteLight.alert.main},"& > #info-dealer-opened":{color:t.paletteLight.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));exports.default=n;
 //# sourceMappingURL=mapStyled.js.map

package/cjs/organisms/maps/mapComponents/mapStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n    let styles = {};\n    styles = {\n        width: 'inherit',\n        height: '100%',\n        '& .gm-style-iw.gm-style-iw-c': {\n            minWidth: '335px',\n            width: '335px',\n            minHeight: '248px',\n            padding: '24px 14px 24px 24px !important',\n            '&::after': {\n                display: 'none',\n            },\n            '& button.gm-ui-hover-effect': {\n                display: 'none !important',\n            },\n            '& #content': {\n                '& h4': {\n                    fontSize: '24px',\n                    margin: 0,\n                },\n                '& > #streetInfo': {\n                    marginTop: '10px',\n                },\n                '& > #phoneNumber': {\n                    marginTop: '10px',\n                    '& > a': {\n                        color: flowColors.info['main'],\n                        fontSize: '16px',\n                        fontWeight: '400',\n                    },\n                },\n                '& > #openStatus': {\n                    display: 'flex',\n                    marginTop: '10px',\n                    flexDirection: 'row',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    '& > #info-dealer-status': {\n                        width: '100%',\n                        '& > #info-dealer-closed': {\n                            color: flowColors.alert['main'],\n                        },\n                        '& > #info-dealer-opened': {\n                            color: flowColors.brand.primary,\n                        },\n                    },\n                },\n                '& > #detail-cta-container': {\n                    marginTop: '16px',\n                    cursor: 'pointer',\n                    width: '110px',\n                    '& > #info-detail-cta': {\n                        fontSize: '16px',\n                        fontWeight: 400,\n                    },\n                },\n                '& p': {\n                    margin: 0,\n                    fontSize: '16px',\n                    lineHeight: '24px',\n                },\n            },\n        },\n    };\n    return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"4MAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,WAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,WAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,WAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}
+{"version":3,"file":"mapStyled.js","sources":["../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\n/**\n * @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n    let styles = {};\n    styles = {\n        width: 'inherit',\n        height: '100%',\n        '& .gm-style-iw.gm-style-iw-c': {\n            minWidth: '335px',\n            width: '335px',\n            minHeight: '248px',\n            padding: '24px 14px 24px 24px !important',\n            '&::after': {\n                display: 'none',\n            },\n            '& button.gm-ui-hover-effect': {\n                display: 'none !important',\n            },\n            '& #content': {\n                '& h4': {\n                    fontSize: '24px',\n                    margin: 0,\n                },\n                '& > #streetInfo': {\n                    marginTop: '10px',\n                },\n                '& > #phoneNumber': {\n                    marginTop: '10px',\n                    '& > a': {\n                        color: flowColors.info['main'],\n                        fontSize: '16px',\n                        fontWeight: '400',\n                    },\n                },\n                '& > #openStatus': {\n                    display: 'flex',\n                    marginTop: '10px',\n                    flexDirection: 'row',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    '& > #info-dealer-status': {\n                        width: '100%',\n                        '& > #info-dealer-closed': {\n                            color: flowColors.alert['main'],\n                        },\n                        '& > #info-dealer-opened': {\n                            color: flowColors.brand.primary,\n                        },\n                    },\n                },\n                '& > #detail-cta-container': {\n                    marginTop: '16px',\n                    cursor: 'pointer',\n                    width: '110px',\n                    '& > #info-detail-cta': {\n                        fontSize: '16px',\n                        fontWeight: 400,\n                    },\n                },\n                '& p': {\n                    margin: 0,\n                    fontSize: '16px',\n                    lineHeight: '24px',\n                },\n            },\n        },\n    };\n    return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"iNAKK,MAACA,OAAYC,QAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAAA,aAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAAA,aAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAAA,aAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}

package/cjs/organisms/notification/Notification.js

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

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

@@ -1 +1 @@
-{"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, { color: \"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 close\" }) }))] }));\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":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"moLAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}
+{"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, { color: \"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 close\" }) }))] }));\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":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"+uIAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}

package/cjs/organisms/tile/tile.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),a=require("@emotion/styled"),r=require("../../components/label/label.js"),o=require("../../components/labelFeature/labelFeature.js"),l=require("../../components/labelPromotional/labelPromotional.js"),n=require("../../components/divider/divider.js"),s=require("../common/menuCardComponent/menuCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),m=require("../../design/skoda/palette.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a);const x=a=>{var{tileContentPinned:m="top",isBorderRadius:c=!0,promotionalVariant:u="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[h,g]=t.useState(!1),j=i.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&h?i.jsx(d.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):i.jsx(d.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),v=i.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&i.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&i.jsx(n.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&i.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return i.jsx(b,{promotionalLabel:x.promotionalLabel,isBorderRadius:c,tileContentPinned:m,children:i.jsxs("div",{className:"tileWrapper",onMouseEnter:()=>{h||g(!0)},onMouseLeave:()=>{g(!1)},children:[x.isMenuDropdown&&i.jsx("div",{className:"tileDropdownMenu",onMouseEnter:()=>g(!1),onMouseLeave:()=>g(!0),children:i.jsx(s.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&i.jsx("div",{className:"tilePromotionalLabel",children:i.jsx(l.LabelPromotional,{variant:u,label:p.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===m&&j,i.jsxs("div",{className:"tileContent",children:[x.generalLabel&&i.jsx("div",{className:"tileGeneralLabel",children:i.jsx(r.Label,{label:p.handleMaxChars(x.generalLabel,30)})}),i.jsx("h4",{className:"tileTitle",children:p.handleMaxChars(x.title,20)}),x.featureLabel&&i.jsx("div",{className:"tileFeatureLabel",children:i.jsx(o.LabelFeature,{variant:x.featureLabelVariant,label:p.handleMaxChars(x.featureLabel,30)})}),"bottom"===m&&v]}),"top"===m&&j,"top"===m&&v]})})};x.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const b=u.default("div")((i=>{var{theme:t}=i,a=e.__rest(i,["theme"]);let r={};const{tileContentPinned:o,promotionalLabel:l,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:m.flowColors.surface.primary,padding:"0 0 24px 0",border:`1px solid ${m.flowColors.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"===o?"-32px":"16px",marginBottom:"bottom"===o?"-32px":"0",[t.breakpoints.up("md")]:{height:"200px"},[t.breakpoints.up("lg")]:{height:"186px"},[t.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"===o?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:m.flowColors.transparent.secondary}}},r}));exports.Tile=x;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@emotion/styled"),r=require("../../components/label/label.js"),l=require("../../components/labelFeature/labelFeature.js"),o=require("../../components/labelPromotional/labelPromotional.js"),n=require("../../components/divider/divider.js"),s=require("../common/menuCardComponent/menuCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),m=require("../../design/skoda/paletteLight.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a);const x=a=>{var{tileContentPinned:m="top",isBorderRadius:c=!0,promotionalVariant:u="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[g,b]=i.useState(!1),j=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&g?t.jsx(d.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(d.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),v=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(n.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(h,{promotionalLabel:x.promotionalLabel,isBorderRadius:c,tileContentPinned:m,children:t.jsxs("div",{className:"tileWrapper",onMouseEnter:()=>{g||b(!0)},onMouseLeave:()=>{b(!1)},children:[x.isMenuDropdown&&t.jsx("div",{className:"tileDropdownMenu",onMouseEnter:()=>b(!1),onMouseLeave:()=>b(!0),children:t.jsx(s.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(o.LabelPromotional,{variant:u,label:p.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===m&&j,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:p.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:p.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(l.LabelFeature,{variant:x.featureLabelVariant,label:p.handleMaxChars(x.featureLabel,30)})}),"bottom"===m&&v]}),"top"===m&&j,"top"===m&&v]})})};x.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const h=u.default("div")((t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:m.paletteLight.surface.primary,padding:"0 0 24px 0",border:`1px solid ${m.paletteLight.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:o?"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"===l?"-32px":"16px",marginBottom:"bottom"===l?"-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"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:m.paletteLight.transparent.secondary}}},r}));exports.Tile=x;
 //# sourceMappingURL=tile.js.map

package/cjs/organisms/tile/tile.js.map

@@ -1 +1 @@
-{"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","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","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":"ylBAmBY,MAACA,EAAQC,IACjB,IAAIC,kBAAEA,EAAoB,MAAKC,eAAEA,GAAiB,EAAIC,mBAAEA,EAAqB,SAAYH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,oBAAqB,iBAAkB,uBACxJ,MAAOM,EAAaC,GAAkBC,EAAQA,UAAC,GASzCC,EAAoBC,EAAAA,IAAK,MAAO,CAAEC,UAAW,YAAaC,SAAUR,EAAMS,qBAAuBP,EAAeI,EAAII,IAACC,UAAgB,CAAEC,MAAOZ,EAAMS,oBAAqBI,IAAKb,EAAMc,cAAgB,oBAAwBR,MAAKK,EAAAA,QAAgB,CAAEC,MAAOZ,EAAMe,aAAcF,IAAKb,EAAMc,aAAcE,cAAehB,EAAMiB,sBAAwB,cACpVC,EAAkBC,EAAKC,KAAC,MAAO,CAAEb,UAAW,mBAAoBC,SAAU,CAACR,EAAMqB,gBAAkBf,EAAII,IAAC,OAAQ,CAAEH,UAAW,4BAA6BC,SAAUR,EAAMqB,iBAAmBrB,EAAMqB,gBAAkBrB,EAAMsB,gBAAkBhB,EAAII,IAACa,UAAS,CAAEC,YAAa,WAAYC,UAAU,IAASzB,EAAMsB,gBAAkBhB,EAAII,IAAC,OAAQ,CAAEH,UAAW,4BAA6BC,SAAUR,EAAMsB,oBAC9Y,OAAQhB,EAAAA,IAAKoB,EAAY,CAAEC,iBAAkB3B,EAAM2B,iBAAkB7B,eAAgBA,EAAgBD,kBAAmBA,EAAmBW,SAAUW,EAAAA,KAAM,MAAO,CAAEZ,UAAW,cAAeqB,aAVrK,KAChB1B,GACDC,GAAe,EAClB,EAOyN0B,aALrM,KACrB1B,GAAe,EAAM,EAIqOK,SAAU,CAACR,EAAM8B,gBAAmBxB,MAAK,MAAO,CAAEC,UAAW,mBAAoBqB,aAAc,IAAMzB,GAAe,GAAQ0B,aAAc,IAAM1B,GAAe,GAAOK,SAAUF,EAAII,IAACqB,EAAiBC,QAAEC,OAAOC,OAAO,GAAIlC,EAAMmC,2BAA8BnC,EAAM2B,kBAAqBrB,EAAAA,IAAK,MAAO,CAAEC,UAAW,uBAAwBC,SAAUF,EAAAA,IAAK8B,EAAAA,iBAAkB,CAAEC,QAAStC,EAAoBuC,MAAOC,EAAAA,eAAevC,EAAM2B,iBAAkB,QAAkC,WAAtB9B,GAAkCQ,EAAkBc,EAAAA,KAAM,MAAO,CAAEZ,UAAW,cAAeC,SAAU,CAACR,EAAMwC,cAAiBlC,EAAII,IAAC,MAAO,CAAEH,UAAW,mBAAoBC,SAAUF,EAAII,IAAC+B,EAAKA,MAAE,CAAEH,MAAOC,EAAcA,eAACvC,EAAMwC,aAAc,QAAYlC,MAAK,KAAM,CAAEC,UAAW,YAAaC,SAAU+B,EAAAA,eAAevC,EAAM0C,MAAO,MAAQ1C,EAAM2C,cAAiBrC,EAAAA,IAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAAA,IAAKsC,EAAAA,aAAc,CAAEP,QAASrC,EAAM6C,oBAAqBP,MAAOC,EAAAA,eAAevC,EAAM2C,aAAc,QAAkC,WAAtB9C,GAAkCqB,KAA0C,QAAtBrB,GAA+BQ,EAAwC,QAAtBR,GAA+BqB,MAAuB,EAE72CvB,EAAKmD,aAAe,CAChBhD,gBAAgB,EAChBC,mBAAoB,SAExB,MAAM2B,EAAaqB,EAAMf,QAAC,MAAPe,EAAenD,IAC9B,IAAIoD,MAAEA,GAAUpD,EAAIqD,EAAOhD,EAAAA,OAAOL,EAAI,CAAC,UACvC,IAAIsD,EAAS,CAAA,EACb,MAAMrD,kBAAEA,EAAiB8B,iBAAEA,EAAgB7B,eAAEA,GAAmBmD,EAwGhE,OAvGAC,EAAS,CACLC,OAAQ,OACR,mCAAoC,CAChCC,UAAW,cAEf,iBAAkB,CACdC,SAAU,WACVC,aAAcxD,EAAiB,MAAQ,EACvCqD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBC,EAAAA,WAAWC,QAAQC,QACpCC,QAAS,aACTC,OAAQ,aAAaJ,EAAUA,WAACC,QAAQI,aAE5C,sBAAuB,CACnBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CAClBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGxB,iBAAkB,CACdY,WAAY1C,EAAmB,OAAS,QAE5C,0BAA2B,CACvBwC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAEV,sBAAuB,CACnBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEZ,sBAAuB,CACnBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZvB,OAAQ,QACRwB,UAAiC,QAAtB9E,EAA8B,QAAU,OACnD2E,aAAoC,WAAtB3E,EAAiC,QAAU,IACzD,CAACmD,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,QAAS,CACLE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGf,sBAAuB,CACnBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB9E,EAAiC,MAAQ,IACpD,oBAAqB,CACjBoF,WAAY,QAEhB,OAAQ,CACJP,OAAQ,QACRQ,YAAavB,EAAAA,WAAWwB,YAAYnB,aAIzCd,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 { paletteLight as flowColors } from '../../design/skoda/paletteLight.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","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","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","paletteLight","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/cjs/utils/copyToClipboard/copyToClipboard.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copy provided value to the clipboard (ctrl + c)
+ *
+ * @param {string} text - value to copy
+ */
+export default function copyToClipboard(text: string): Promise<unknown>;

package/cjs/utils/useClosure/useClosure.d.ts

@@ -2,6 +2,7 @@
 /**
  * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.
  * @param {boolean} initiallyOpen - default isOpen value
+ * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`
  */
 export declare const useClosure: (initiallyOpen?: boolean) => {
     isOpen: boolean;

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

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

package/cjs/utils/useDebounce/useDebounce.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Returns value after a specified time period has passed without any further changes
+ *
+ * @param {T} value - value to be debounced
+ * @param {number} delay - wait time before updating debounce value
+ * @param {object} options - set of options to tweak behavior
+ * @param {boolean} options.instantClear - with !value, instantly update debouncedValue
+ * @returns {T} debouncedValue
+ */
+export default function useDebounce<T>(value: T, delay: number, options?: {
+    instantClear: boolean;
+}): T;

package/cjs/utils/useFeatureFlag/useFeatureFlag.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * Returns allowed or disabled state of the feature based on the feature flag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @returns {boolean} allowed state of the feature
+ */
+export declare function evaluateFeatureFlag(featureFlag: string): boolean;
+/**
+ * Component that renders or not renders content based on the featureFlag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @param children - content
+ */
+export declare function FeatureFlagBlock({ children, featureFlag }: {
+    children: React.ReactNode;
+    featureFlag: string;
+}): React.ReactNode;
+/**
+ * Returns cached allowed or disabled state of the feature based on the feature flag
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ */
+export default function useFeatureFlag(featureFlag: string): boolean;

package/cjs/utils/useFeatureFlag/useFeatureFlag.js

@@ -0,0 +1,2 @@
+"use strict";require("react"),exports.evaluateFeatureFlag=function(e){let r;try{r=process.env}catch(e){}try{r=void 0}catch(e){return console.warn("FeatureFlags: Environment variables are not available"),!1}try{return"true"===r[`VITE_FEATURE_FLAG_${e}`]}catch(e){return!1}};
+//# sourceMappingURL=useFeatureFlag.js.map

package/cjs/utils/useFeatureFlag/useFeatureFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlag.js","sources":["../../../../src/utils/useFeatureFlag/useFeatureFlag.tsx"],"sourcesContent":["import { useMemo } from 'react';\n/**\n * Returns allowed or disabled state of the feature based on the feature flag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @returns {boolean} allowed state of the feature\n */\nexport function evaluateFeatureFlag(featureFlag) {\n    // obtain environment variables\n    let env;\n    try {\n        // we can use Node\n        env = process.env;\n    }\n    catch (_a) { }\n    try {\n        // we are in Vite\n        env = import.meta.env;\n    }\n    catch (_b) {\n        console.warn('FeatureFlags: Environment variables are not available');\n        return false;\n    }\n    try {\n        // check if feature is active or not\n        return env[`VITE_FEATURE_FLAG_${featureFlag}`] === 'true';\n    }\n    catch (_c) {\n        return false;\n    }\n}\n/**\n * Component that renders or not renders content based on the featureFlag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @param children - content\n */\nexport function FeatureFlagBlock({ children, featureFlag }) {\n    const featureFlagEnabled = useFeatureFlag(featureFlag);\n    return featureFlagEnabled ? children : null;\n}\n/**\n * Returns cached allowed or disabled state of the feature based on the feature flag\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n */\nexport default function useFeatureFlag(featureFlag) {\n    return useMemo(() => evaluateFeatureFlag(featureFlag), [featureFlag]);\n}\n//# sourceMappingURL=useFeatureFlag.js.map"],"names":["featureFlag","env","process","_a","undefined","_b","console","warn","_c"],"mappings":"0DAQO,SAA6BA,GAEhC,IAAIC,EACJ,IAEIA,EAAMC,QAAQD,GACjB,CACD,MAAOE,GAAO,CACd,IAEIF,OAAMG,CACT,CACD,MAAOC,GAEH,OADAC,QAAQC,KAAK,0DACN,CACV,CACD,IAEI,MAAmD,SAA5CN,EAAI,qBAAqBD,IACnC,CACD,MAAOQ,GACH,OAAO,CACV,CACL"}

package/components/backdrop/backdrop.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useEffect as i}from"react";import t from"@mui/material/Backdrop";import{styled as n}from"@mui/material/styles";import s from"../common/hook/backdrop.js";import{flowColors as a}from"../../design/skoda/palette.theme.js";const m=e(((e,t)=>{var{open:n,onClose:a}=e,m=o(e,["open","onClose"]);const{openBackdrop:l,handleCloseBackdrop:c,setOpenBackdrop:d}=s();return i((()=>{d(n)}),[n,d]),r(p,{ref:t,classes:m.classes,open:l,onClick:()=>{c(),a&&a(!1)},invisible:m.invisible,sx:m.sx,transitionDuration:m.transitionDuration,children:m.children})})),p=n(t)((r=>o(r,["theme"]).invisible?{backgroundColor:a.transparent.backdrop,backdropFilter:"blur(0px)"}:null));export{m as Backdrop};
+import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useEffect as i}from"react";import t from"@mui/material/Backdrop";import{styled as n}from"@mui/material/styles";import s from"../common/hook/backdrop.js";import{paletteLight as a}from"../../design/skoda/paletteLight.theme.js";const m=e(((e,t)=>{var{open:n,onClose:a}=e,m=o(e,["open","onClose"]);const{openBackdrop:l,handleCloseBackdrop:c,setOpenBackdrop:d}=s();return i((()=>{d(n)}),[n,d]),r(p,{ref:t,classes:m.classes,open:l,onClick:()=>{c(),a&&a(!1)},invisible:m.invisible,sx:m.sx,transitionDuration:m.transitionDuration,children:m.children})})),p=n(t)((r=>o(r,["theme"]).invisible?{backgroundColor:a.transparent.backdrop,backdropFilter:"blur(0px)"}:null));export{m as Backdrop};
 //# sourceMappingURL=backdrop.js.map

package/components/backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n    var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n    const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n    const handleClose = () => {\n        handleCloseBackdrop();\n        onClose && onClose(false);\n    };\n    useEffect(() => {\n        setOpenBackdrop(open);\n    }, [open, setOpenBackdrop]);\n    return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (args.invisible)\n        return {\n            backgroundColor: flowColors.transparent.backdrop,\n            backdropFilter: 'blur(0px)',\n        };\n    return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"wTAUY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAQ/D,OAHAC,GAAU,KACNF,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFG,EAAKC,EAAgB,CAAEX,IAAKA,EAAKY,QAAST,EAAMS,QAASX,KAAMI,EAAcQ,QAPjE,KAChBP,IACAJ,GAAWA,GAAQ,EAAM,EAK8EY,UAAWX,EAAMW,UAAWC,GAAIZ,EAAMY,GAAIC,mBAAoBb,EAAMa,mBAAoBC,SAAUd,EAAMc,UAAa,IAE9NN,EAAiBO,EAAOC,EAAPD,EAAqBnB,GACbK,EAAOL,EAAI,CAAC,UAC9Be,UACE,CACHM,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,aAEjB"}
+{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { paletteLight } from '../../design/skoda/paletteLight.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n    var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n    const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n    const handleClose = () => {\n        handleCloseBackdrop();\n        onClose && onClose(false);\n    };\n    useEffect(() => {\n        setOpenBackdrop(open);\n    }, [open, setOpenBackdrop]);\n    return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (args.invisible)\n        return {\n            backgroundColor: paletteLight.transparent.backdrop,\n            backdropFilter: 'blur(0px)',\n        };\n    return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","paletteLight","transparent","backdrop","backdropFilter"],"mappings":"+TAUY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAQ/D,OAHAC,GAAU,KACNF,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFG,EAAKC,EAAgB,CAAEX,IAAKA,EAAKY,QAAST,EAAMS,QAASX,KAAMI,EAAcQ,QAPjE,KAChBP,IACAJ,GAAWA,GAAQ,EAAM,EAK8EY,UAAWX,EAAMW,UAAWC,GAAIZ,EAAMY,GAAIC,mBAAoBb,EAAMa,mBAAoBC,SAAUd,EAAMc,UAAa,IAE9NN,EAAiBO,EAAOC,EAAPD,EAAqBnB,GACbK,EAAOL,EAAI,CAAC,UAC9Be,UACE,CACHM,gBAAiBC,EAAaC,YAAYC,SAC1CC,eAAgB,aAEjB"}

package/components/banner/banner.d.ts

@@ -16,4 +16,7 @@ export type BannerProps = {
      */
     children: ReactNode;
 };
+/**
+ * Alert notification banner
+ */
 export declare const Banner: React.FC<BannerProps>;

package/components/banner/banner.js

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{useTheme as r,lighten as i,Stack as a,Box as s,Typography as n}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.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"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as m}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../tab/tab.js";import"../tab/tabs.js";import"../tab/secondaryNavigation/secondaryNavigationTabs.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"lodash/noop";import"../toggleSwitch/toggleSwitch.js";import"../agGrid/agGrid.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../design/skoda/components/form/slider.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/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/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"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:d})=>{const c=r(),g=e((()=>{switch(l){case"error":return c.palette.error.main;case"warning":return c.palette.warning.main;default:return c.palette.info.main}}),[l,c]),j=e((()=>{switch(l){case"error":return i(c.palette.error.light,.9);case"warning":return i(c.palette.warning.light,.9);default:return i(c.palette.info.light,.9)}}),[l,c]);return o(a,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:g,backgroundColor:j},"data-testid":"Banner",children:[o(a,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(s,{component:m,className:"info"===l?"circle-information":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:g,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(s,{children:"string"==typeof p?t(n,{children:p}):p})]}),d&&t(a,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:d})]})};export{p as Banner};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import"tslib";import{useTheme as o,lighten as e,Stack as i,Box as a,Typography as s}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as m}from"react";import"@mui/material/styles";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as n}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"../toggleSwitch/toggleSwitch.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/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"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:c})=>{const d=o(),[u,j]=m((()=>{switch(l){case"error":return[d.palette.error.main,e(d.palette.error.light,.9)];case"warning":return[d.palette.warning.main,e(d.palette.warning.light,.9)];default:return[d.palette.info.main,e(d.palette.info.light,.9)]}}),[l,d]);return r(i,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:j},"data-testid":"Banner",children:[r(i,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(n,{name:"info"===l?"circle-info":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(a,{children:"string"==typeof p?t(s,{children:p}):p})]}),c&&t(i,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:c})]})};export{p as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n    const theme = useTheme();\n    const borderColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return theme.palette.error.main;\n            case 'warning':\n                return theme.palette.warning.main;\n            case 'info':\n            default:\n                return theme.palette.info.main;\n        }\n    }, [variant, theme]);\n    const backgroundColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return lighten(theme.palette.error.light, 0.9);\n            case 'warning':\n                return lighten(theme.palette.warning.light, 0.9);\n            case 'info':\n            default:\n                return lighten(theme.palette.info.light, 0.9);\n        }\n    }, [variant, theme]);\n    return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n            borderLeft: '6px solid',\n            alignItems: 'flex-start',\n            borderColor,\n            backgroundColor,\n        }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Box, { component: Icon, className: variant === 'info' ? 'circle-information' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n                            alignSelf: 'flex-start',\n                            color: borderColor,\n                            marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n                        } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","useMemo","palette","error","main","warning","info","backgroundColor","lighten","light","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Box","component","Icon","className","iconStyle","color","alignSelf","marginTop","lg","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"glKAIY,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,IACRC,EAAcC,GAAQ,KACxB,OAAQL,GACJ,IAAK,QACD,OAAOE,EAAMI,QAAQC,MAAMC,KAC/B,IAAK,UACD,OAAON,EAAMI,QAAQG,QAAQD,KAEjC,QACI,OAAON,EAAMI,QAAQI,KAAKF,KACjC,GACF,CAACR,EAASE,IACPS,EAAkBN,GAAQ,KAC5B,OAAQL,GACJ,IAAK,QACD,OAAOY,EAAQV,EAAMI,QAAQC,MAAMM,MAAO,IAC9C,IAAK,UACD,OAAOD,EAAQV,EAAMI,QAAQG,QAAQI,MAAO,IAEhD,QACI,OAAOD,EAAQV,EAAMI,QAAQI,KAAKG,MAAO,IAChD,GACF,CAACb,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAO,mBACD,cAAe,SAAUZ,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAK,CAAEC,UAAWC,EAAMC,UAAuB,SAAZ9B,EAAqB,qBAAuB,qBAAsB+B,UAAW,SAAUC,MAAOhC,EAASoB,GAAI,CACpUa,UAAW,aACXD,MAAO5B,EACP8B,UAAW,CAAEC,GAAI,iBAAkBlB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKC,EAAK,CAAE5B,SAA8B,iBAAbA,EAAwB2B,EAAKU,EAAY,CAAErC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGkB,YAAY,EAAMjB,GAAI,CAAEG,QAAS,WAAYe,SAAU,SAAUC,SAAU,OAAQN,UAAW,SAAUO,YAAa,QAAU,cAAe,iBAAkBzC,SAAUE,MAAiB"}
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n/**\n * Alert notification banner\n */\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n    const theme = useTheme();\n    const [borderColor, backgroundColor] = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return [theme.palette.error.main, lighten(theme.palette.error.light, 0.9)];\n            case 'warning':\n                return [theme.palette.warning.main, lighten(theme.palette.warning.light, 0.9)];\n            case 'info':\n            default:\n                return [theme.palette.info.main, lighten(theme.palette.info.light, 0.9)];\n        }\n    }, [variant, theme]);\n    return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n            borderLeft: '6px solid',\n            alignItems: 'flex-start',\n            borderColor,\n            backgroundColor,\n        }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Icon, { name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n                            alignSelf: 'flex-start',\n                            color: borderColor,\n                            marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n                        } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"w2HAOY,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,KACPC,EAAaC,GAAmBC,GAAQ,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAM,CAAEC,KAAkB,SAAZ5B,EAAqB,cAAgB,qBAAsB6B,UAAW,SAAUC,MAAO9B,EAASoB,GAAI,CACxSW,UAAW,aACXD,MAAO1B,EACP4B,UAAW,CAAEC,GAAI,iBAAkBhB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKQ,EAAK,CAAEnC,SAA8B,iBAAbA,EAAwB2B,EAAKS,EAAY,CAAEpC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGiB,YAAY,EAAMhB,GAAI,CAAEG,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBxC,SAAUE,MAAiB"}