@skodaflow/web-library 7.0.0 → 7.0.2

package/README.md

@@ -1,61 +1,16 @@
-# @skodaflow/web-library
-
-> Flow Web Library is the REACT implementation of the [Skoda Flow Design system](https://skoda-brand.com/hub/26).
->
-> Package contains [theme for @mui/material](https://mui.com/material-ui/customization/theming/) as well as completely custom components.
-> This should simplify development of Skoda Auto Web Applications.
-
-## Installation
-
-Library is located in public NPM repository.
-
-```bash
-# using npm
-npm i @skodaflow/web-library
-# using yarn
-yarn add @skodaflow/web-library
-```
-
-## Peer Dependencies
-
-Peer dependencies should be installed automatically. However if you need to install them manually you can run:
-
-```bash
-# using npm
-npm i @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
-# using yarn
-yarn add @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
-```
-
-## Import CSS Files
-
-Optionally you can import provided CSS files.
-
-- globals.css - configures default styles
-- fonts.css - defines font faces for Skoda Next font
-- icons.css - defines Skoda Flow icons
-
-```tsx
-import '@skodaflow/web-library/theme/globals.css';
-import '@skodaflow/web-library/theme/fonts.css';
-import '@skodaflow/web-library/theme/icons.css';
-```
-
-## Using Theme
-
-Use theme provider in the root component of your application (eg. App.tsx).
-
-```tsx
-// use library provider
-import { SkodaThemeProvider } from '@skodaflow/web-library';
-...
-<SkodaThemeProvider>
-   <App/>
-</SkodaThemeProvider>
-```
-
-## Resources
-
-- [@mui/material](https://mui.com/material-ui/getting-started/overview/)
-- [Storybook](https://skodaflow-web.azurewebsites.net/)
-- [Flow Design System](https://skoda-brand.com/hub/26)
+# @skodaflow/web-library
+
+> Flow Web Library is the REACT implementation of the [Skoda Flow Design system](https://skoda-brand.com/hub/26).
+>
+> Package contains [theme for @mui/material](https://mui.com/material-ui/customization/theming/) as well as completely custom components.
+> This should simplify development of Skoda Auto Web Applications.
+
+## Documentation
+
+Visit https://skodaflow-web.azurewebsites.net/ to view the full documentation in the storybook.
+
+## Resources
+
+- [Storybook](https://skodaflow-web.azurewebsites.net/)
+- [Flow Design System](https://skoda-brand.com/hub/26)
+- [@mui/material](https://mui.com/material-ui/getting-started/overview/)

package/cjs/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/cjs/components/banner/banner.js

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

package/cjs/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, 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":["children","variant","buttons","theme","useTheme","borderColor","useMemo","palette","error","main","warning","info","backgroundColor","lighten","light","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Box","component","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"wmIAIsB,EAAGA,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,EAAAA,WACRC,EAAcC,EAAAA,SAAQ,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,EAAAA,SAAQ,KAC5B,OAAQL,GACJ,IAAK,QACD,OAAOY,EAAAA,QAAQV,EAAMI,QAAQC,MAAMM,MAAO,IAC9C,IAAK,UACD,OAAOD,EAAAA,QAAQV,EAAMI,QAAQG,QAAQI,MAAO,IAEhD,QACI,OAAOD,EAAAA,QAAQV,EAAMI,QAAQI,KAAKG,MAAO,IAChD,GACF,CAACb,EAASE,IACb,OAAQY,OAAMC,EAAAA,MAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAO,mBACD,cAAe,SAAUZ,SAAU,CAACe,EAAKS,KAACR,QAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEI,QAAS,CAAEP,GAAI,YAAaC,GAAI,OAAQO,GAAI,aAAeC,SAAU,EAAGJ,WAAY,UAAYvB,SAAU,CAAC4B,MAAKC,EAAAA,IAAK,CAAEC,UAAWC,EAAIA,KAAEC,KAAkB,SAAZ/B,EAAqB,cAAgB,qBAAsBgC,UAAW,SAAUC,MAAOjC,EAASoB,GAAI,CACxTc,UAAW,aACXD,MAAO7B,EACP+B,UAAW,CAAEC,GAAI,iBAAkBnB,GAAI,iBAAkBC,GAAI,sBAC3DS,MAAKC,EAAAA,IAAK,CAAE7B,SAA8B,iBAAbA,EAAwB4B,MAAKU,EAAAA,WAAY,CAAEtC,SAAUA,IAAcA,OAAiBE,GAAY0B,MAAKZ,EAAAA,MAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGmB,YAAY,EAAMlB,GAAI,CAAEI,QAAS,WAAYe,SAAU,SAAUC,SAAU,OAAQN,UAAW,SAAUO,YAAa,QAAU,cAAe,iBAAkB1C,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":["children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"4/HAOsB,EAAGA,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,EAAAA,YACPC,EAAaC,GAAmBC,EAAOA,SAAC,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAAA,QAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAAA,QAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAAA,QAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,OAAMC,EAAAA,MAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAKS,KAACR,QAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEI,QAAS,CAAEP,GAAI,YAAaC,GAAI,OAAQO,GAAI,aAAeC,SAAU,EAAGJ,WAAY,UAAYvB,SAAU,CAAC4B,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAkB,SAAZ7B,EAAqB,cAAgB,qBAAsB8B,UAAW,SAAUC,MAAO/B,EAASoB,GAAI,CACxSY,UAAW,aACXD,MAAO3B,EACP6B,UAAW,CAAEC,GAAI,iBAAkBjB,GAAI,iBAAkBC,GAAI,sBAC3DS,MAAKQ,EAAAA,IAAK,CAAEpC,SAA8B,iBAAbA,EAAwB4B,MAAKS,EAAAA,WAAY,CAAErC,SAAUA,IAAcA,OAAiBE,GAAY0B,MAAKZ,EAAAA,MAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGkB,YAAY,EAAMjB,GAAI,CAAEI,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBzC,SAAUE,MAAiB"}

package/cjs/components/button/button.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),r=require("react/jsx-runtime"),e=require("react"),n=require("@mui/material/Button"),a=require("@mui/material/styles"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var o=require("../common/styled/buttonFocusVisibleStyled.js"),s=require("../../utils/enum.js"),u=require("../../utils/utilities.js"),c=require("lodash/merge");function l(t){return t&&t.__esModule?t:{default:t}}var d,p=l(n),m=l(c);exports.ButtonVariants=void 0,(d=exports.ButtonVariants||(exports.ButtonVariants={})).PRIMARY="primary",d.SECONDARY="secondary",d.GHOST="ghost",d.TERTIARY="tertiary",d.NAVIGATION="navigation";const x=e.forwardRef(((n,a)=>{var c,{variant:l=exports.ButtonVariants.PRIMARY,colourScheme:d,direction:p="back",label:m,icon:x,compact:f,disabled:v}=n,R=t.__rest(n,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[h,A]=e.useState(!1),T=e.useMemo((()=>I(l)),[l]),g=e.useMemo((()=>V(l)),[l]),b="navigation"===l,M=b&&"forward"===p,S=b&&"back"===p;return r.jsx(o.default,{focusVisible:h,isNavigationVariant:b,fullWidth:R.fullWidth,children:r.jsx(B,Object.assign({},R,{ref:a,variant:T,color:g,startIcon:x&&!b||S?r.jsx(i.Icon,{name:S?"arrow-left":x}):void 0,endIcon:M?r.jsx(i.Icon,{name:"arrow-right"}):void 0,disabled:v,size:f?"small":void 0,onFocusVisible:()=>A(!0),onBlur:t=>{A(!1),R.onBlur&&R.onBlur(t)},className:u.ternaryCondition(d,s.ColourSheme.LIGHT_MODE,"MuiButton-white",""),children:null!==(c=R.children)&&void 0!==c?c:m}))})})),B=a.styled(p.default)((r=>{const e=t.__rest(r,["theme"]),n="navigation"===e.variant,a={};return!e.children&&e.startIcon&&m.default(a,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),n&&m.default(a,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),a})),I=t=>{switch(t){case exports.ButtonVariants.PRIMARY:return"contained";case exports.ButtonVariants.GHOST:return"outlined";case exports.ButtonVariants.NAVIGATION:return"navigation";case exports.ButtonVariants.SECONDARY:return"contained";case exports.ButtonVariants.TERTIARY:return"text";default:return"contained"}},V=t=>{switch(t){case exports.ButtonVariants.PRIMARY:return"primary";case exports.ButtonVariants.GHOST:case exports.ButtonVariants.NAVIGATION:case exports.ButtonVariants.SECONDARY:case exports.ButtonVariants.TERTIARY:return"secondary";default:return"primary"}};exports.Button=x;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),n=require("@mui/material/Button"),i=require("@mui/material/styles"),a=require("../icon/icon.js");require("../icon/icon.definitions.js");var o=require("../common/styled/buttonFocusVisibleStyled.js"),s=require("../../utils/enum.js"),u=require("../../utils/utilities.js");function c(t){return t&&t.__esModule?t:{default:t}}var l,d=c(n);exports.ButtonVariants=void 0,(l=exports.ButtonVariants||(exports.ButtonVariants={})).PRIMARY="primary",l.SECONDARY="secondary",l.GHOST="ghost",l.TERTIARY="tertiary",l.NAVIGATION="navigation";const p=r.forwardRef(((n,i)=>{var c,{variant:l=exports.ButtonVariants.PRIMARY,colourScheme:d,direction:p="back",label:I,icon:V,compact:b,disabled:f}=n,g=t.__rest(n,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[v,R]=r.useState(!1),h=r.useMemo((()=>x(l)),[l]),A=r.useMemo((()=>B(l)),[l]),T="navigation"===l,j=T&&"forward"===p,O=T&&"back"===p;return e.jsx(o.default,{focusVisible:v,isNavigationVariant:T,fullWidth:g.fullWidth,children:e.jsx(m,Object.assign({},g,{ref:i,variant:h,color:A,startIcon:V&&!T||O?e.jsx(a.Icon,{name:O?"arrow-left":V}):void 0,endIcon:j?e.jsx(a.Icon,{name:"arrow-right"}):void 0,disabled:f,size:b?"small":void 0,onFocusVisible:()=>R(!0),onBlur:t=>{R(!1),g.onBlur&&g.onBlur(t)},className:u.ternaryCondition(d,s.ColourSheme.LIGHT_MODE,"MuiButton-white",""),children:null!==(c=g.children)&&void 0!==c?c:I}))})})),m=i.styled(d.default)((e=>{const r=t.__rest(e,["theme"]),n="navigation"===r.variant;let i={};return!r.children&&r.startIcon&&(i=Object.assign(Object.assign({},i),{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}})),n&&(i=Object.assign(Object.assign({},i),{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}})),i})),x=t=>{switch(t){case exports.ButtonVariants.PRIMARY:return"contained";case exports.ButtonVariants.GHOST:return"outlined";case exports.ButtonVariants.NAVIGATION:return"navigation";case exports.ButtonVariants.SECONDARY:return"contained";case exports.ButtonVariants.TERTIARY:return"text";default:return"contained"}},B=t=>{switch(t){case exports.ButtonVariants.PRIMARY:return"primary";case exports.ButtonVariants.GHOST:case exports.ButtonVariants.NAVIGATION:case exports.ButtonVariants.SECONDARY:case exports.ButtonVariants.TERTIARY:return"secondary";default:return"primary"}};exports.Button=p;
 //# sourceMappingURL=button.js.map

package/cjs/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { name: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { name: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    const styles = {};\n    if (!props.children && props.startIcon) {\n        merge(styles, {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        merge(styles, {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","jsx","ButtonStyled","Object","assign","color","startIcon","Icon","name","undefined","endIcon","size","onFocusVisible","onBlur","e","className","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"obAeWA,gBADAA,QAAeA,oBAAA,GACfA,EAMRA,yBAAmBA,QAAAA,eAAiB,CAAE,IALb,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,aASvB,MAACC,EAASC,EAAUA,YAAC,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,uBAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAMA,OAACZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,EAAQA,UAAC,GAC5CC,EAAwBC,EAAAA,SAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,EAAAA,SAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAAA,IAAKC,EAAAA,QAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAIK,IAACC,EAAcC,OAAOC,OAAO,CAAE,EAAErB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBiB,MAAOd,EAAae,UAAY1B,IAASa,GAAwBE,EAAmBC,EAAIK,IAACM,OAAM,CAAEC,KAAMb,EAAkB,aAAef,SAAW6B,EAAWC,QAAShB,EAAqBE,EAAAA,IAAKW,EAAAA,KAAM,CAAEC,KAAM,qBAAmBC,EAAW3B,SAAUA,EAAU6B,KAAM9B,EAAU,aAAU4B,EAAWG,eAAgB,IAAM1B,GAAgB,GAAO2B,OARjjBC,IACZ5B,GAAgB,GACZH,EAAM8B,QACN9B,EAAM8B,OAAOC,EAAE,EAK0jBC,UAAWC,EAAAA,iBAAiBvC,EAAcwC,EAAWA,YAACC,WAAY,kBAAmB,IAAKlB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKxvBuB,EAAeiB,EAAMA,OAACC,UAAPD,EAAmB/C,IAEpC,MAAMW,EADqBC,EAAMA,OAACZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B8C,EAAS,CAAA,EA2Bf,OA1BKtC,EAAMiB,UAAYjB,EAAMuB,WACzBgB,EAAAA,QAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BnC,GACA6B,EAAAA,QAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX/B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,QAAcA,eAACO,QAChB,MAAO,YACX,KAAKP,QAAcA,eAAC6D,MAChB,MAAO,WACX,KAAK7D,QAAcA,eAAC8D,WAChB,MAAO,aACX,KAAK9D,QAAcA,eAAC+D,UAChB,MAAO,YACX,KAAK/D,QAAcA,eAACgE,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECzC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,QAAcA,eAACO,QAChB,MAAO,UACX,KAAKP,QAAcA,eAAC6D,MAEpB,KAAK7D,QAAcA,eAAC8D,WAEpB,KAAK9D,QAAcA,eAAC+D,UAEpB,KAAK/D,QAAcA,eAACgE,SAChB,MAAO,YACX,QACI,MAAO,UACd"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { name: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { name: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    let styles = {};\n    if (!props.children && props.startIcon) {\n        styles = Object.assign(Object.assign({}, styles), {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        styles = Object.assign(Object.assign({}, styles), {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","jsx","ButtonStyled","Object","assign","color","startIcon","Icon","name","undefined","endIcon","size","onFocusVisible","onBlur","e","className","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"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"}

package/cjs/components/common/hook/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n    const isSSR = typeof window !== 'undefined';\n    const [windowSize, setWindowSize] = useState({\n        width: isSSR ? 1440 : window.innerWidth,\n        height: isSSR ? 800 : window.innerHeight,\n        isMobile: false,\n    });\n    function changeWindowSize() {\n        setWindowSize({\n            width: window.innerWidth,\n            height: window.innerHeight,\n            isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n        });\n    }\n    useEffect(() => {\n        changeWindowSize();\n        window.addEventListener('resize', changeWindowSize);\n        return () => {\n            changeWindowSize();\n            window.removeEventListener('resize', changeWindowSize);\n        };\n    }, []);\n    return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"qLAEe,WACX,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,kBAAkBC,OAAW,IAElE,CASD,OARAC,EAAAA,WAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n    const isSSR = typeof window !== 'undefined';\n    const [windowSize, setWindowSize] = useState({\n        width: isSSR ? 1440 : window.innerWidth,\n        height: isSSR ? 800 : window.innerHeight,\n        isMobile: false,\n    });\n    function changeWindowSize() {\n        setWindowSize({\n            width: window.innerWidth,\n            height: window.innerHeight,\n            isMobile: window.innerWidth < customBreakpoints.values['md'],\n        });\n    }\n    useEffect(() => {\n        changeWindowSize();\n        window.addEventListener('resize', changeWindowSize);\n        return () => {\n            changeWindowSize();\n            window.removeEventListener('resize', changeWindowSize);\n        };\n    }, []);\n    return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"qLAEe,WACX,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,kBAAkBC,OAAW,IAElE,CASD,OARAC,EAAAA,WAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}

package/cjs/components/icon/icon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps as MuiIconProps } from '@mui/material';
 import { IconNameProp } from './icon.definitions';
 /**
@@ -33,4 +33,4 @@ export interface IconProps extends MuiIconProps {
  * @param props IconProps
  * @returns React Functional Component
  */
-export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Icon: React.FC<IconProps>;