npm - @skodaflow/web-library - Versions diffs - 7.0.3 → 7.1.1 - Mend

@skodaflow/web-library 7.0.3 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (245) hide show

package/cjs/components/alert/Alert.d.ts CHANGED Viewed

@@ -3,6 +3,9 @@ export type AlertProps = PropsWithChildren<{
     type?: 'success' | 'warning' | 'error';
     actions?: React.ReactNode;
     width?: string | number;
+    /**
+     * @deprecated direction is taken from the theme
+     */
     direction?: 'rtl' | 'ltr';
 }>;
 export declare const Alert: React.FC<AlertProps>;

package/cjs/components/alert/Alert.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("./assets/successIcon.svg.js"),i=require("./assets/warningIcon.svg.js"),s=require("./assets/errorIcon.svg.js");exports.Alert=({type:l,children:a,actions:d,width:n,direction:o="ltr"})=>e.jsxs(t.Box,{dir:null!=o?o:"ltr",sx:{padding:1,paddingLeft:"ltr"===o?2:1,paddingRight:"rtl"===o?2:1,background:e=>e.palette.brand.tertiary,borderRadius:1,color:e=>e.palette.onSurface.os0,display:"flex",alignItems:"center",gap:"11px",minWidth:"300px",maxWidth:null!=n?n:"624px",width:null!=n?n:"auto"},"data-testid":"Alert",children:[l&&e.jsxs(t.Box,{sx:{height:"40px",display:"flex",flexDirection:"column",justifyContent:"center"},"data-testid":"Alert.icon",children:["success"===l&&e.jsx("img",{src:r.default}),"error"===l&&e.jsx("img",{src:s.default}),"warning"===l&&e.jsx("img",{src:i.default})]}),e.jsx(t.Box,{sx:{flexGrow:1},"data-testid":"Alert.content",children:a}),d&&e.jsx(t.Box,{sx:{paddingLeft:"ltr"===o?"11px":void 0,paddingRight:"rtl"===o?"11px":void 0,borderLeft:e=>`${"ltr"===o?"1px":"0px"} solid ${e.palette.onSurface.os600}`,borderRight:e=>`${"rtl"===o?"1px":"0px"} solid ${e.palette.onSurface.os600}`,alignSelf:"stretch",display:"flex",flexDirection:"row",alignItems:"center"},"data-testid":"Alert.actions",children:d})]});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("./assets/successIcon.svg.js"),r=require("./assets/warningIcon.svg.js"),i=require("./assets/errorIcon.svg.js");exports.Alert=({type:a,children:n,actions:d,width:l})=>e.jsxs(t.Box,{sx:{padding:1,paddingLeft:2,paddingRight:1,background:e=>e.palette.brand.tertiary,borderRadius:1,color:e=>e.palette.onSurface.os0,display:"flex",alignItems:"center",gap:"11px",minWidth:"300px",maxWidth:null!=l?l:"624px",width:null!=l?l:"auto"},"data-testid":"Alert",children:[a&&e.jsxs(t.Box,{sx:{height:"40px",display:"flex",flexDirection:"column",justifyContent:"center"},"data-testid":"Alert.icon",children:["success"===a&&e.jsx("img",{src:s.default}),"error"===a&&e.jsx("img",{src:i.default}),"warning"===a&&e.jsx("img",{src:r.default})]}),e.jsx(t.Box,{sx:{flexGrow:1},"data-testid":"Alert.content",children:n}),d&&e.jsx(t.Box,{sx:{paddingLeft:"11px",borderLeft:e=>`1px solid ${e.palette.onSurface.os600}`,alignSelf:"stretch",display:"flex",flexDirection:"row",alignItems:"center"},"data-testid":"Alert.actions",children:d})]});
 //# sourceMappingURL=Alert.js.map

package/cjs/components/alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport successIcon from './assets/successIcon.svg';\nimport warningIcon from './assets/warningIcon.svg';\nimport errorIcon from './assets/errorIcon.svg';\nexport const Alert = ({ type, children, actions, width, ~~direction = 'ltr'~~ }) => {\n return (_jsxs(Box, { ~~dir: direction !== null && direction !== void 0 ? direction : 'ltr',~~ sx: {\n padding: 1,\n paddingLeft: ~~direction === 'ltr' ?~~ 2 ~~: 1~~,\n paddingRight: ~~direction === 'rtl' ? 2 :~~ 1,\n background: (theme) => theme.palette.brand.tertiary,\n borderRadius: 1,\n color: (theme) => theme.palette.onSurface.os0,\n display: 'flex',\n alignItems: 'center',\n gap: '11px',\n minWidth: '300px',\n maxWidth: width !== null && width !== void 0 ? width : '624px',\n width: width !== null && width !== void 0 ? width : 'auto',\n }, \"data-testid\": \"Alert\", children: [type && (_jsxs(Box, { sx: {\n height: '40px',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n }, \"data-testid\": \"Alert.icon\", children: [type === 'success' && _jsx(\"img\", { src: successIcon }), type === 'error' && _jsx(\"img\", { src: errorIcon }), type === 'warning' && _jsx(\"img\", { src: warningIcon })] })), _jsx(Box, { sx: {\n flexGrow: 1,\n }, \"data-testid\": \"Alert.content\", children: children }), actions && (_jsx(Box, { sx: {\n paddingLeft: ~~direction ===~~ '~~ltr' ? '~~11px' ~~: undefined~~,\n ~~paddingRight: direction === 'rtl' ? '11px' : undefined,\n~~ borderLeft: (theme) => ~~`${direction === 'ltr' ? '~~1px' ~~: '0px'}~~ solid ${theme.palette.onSurface.os600}`,\n ~~borderRight: (theme) => `${direction === 'rtl' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n~~ alignSelf: 'stretch',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n }, \"data-testid\": \"Alert.actions\", children: actions }))] }));\n};\n//# sourceMappingURL=Alert.js.map"],"names":["type","children","actions","width","~~direction~~","~~_jsxs~~","Box","~~dir","~~sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","jsx","src","successIcon","errorIcon","warningIcon","flexGrow","~~undefined","~~borderLeft","os600","~~borderRight","~~alignSelf"],"mappings":"kNAKqB,EAAGA,OAAMC,WAAUC,UAASC,~~QAAOC~~,~~YAAY~~,~~SACxDC~~,~~OAAMC~~,~~EAAAA,IAAK,~~CAAEC,~~IAAKH,QAA6CA,EAAY,MAAOI,~~GAAI,~~CACtFC~~,QAAS,EACTC,~~YAA2B~~,~~QAAdN~~,~~EAAsB~~,~~EAAI~~,~~EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,~~WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,~~SAAUtB~~,QAAqCA,EAAQ,QACvDA,MAAOA,QAAqCA,EAAQ,QACrD,cAAe,QAASF,SAAU,CAACD,~~GAASK~~,~~OAAMC~~,EAAAA,IAAK,~~CAAEE~~,GAAI,CACpDkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cAAe,~~aAAc3B~~,SAAU,CAAU,YAATD,~~GAAsB6B~~,EAAIC,IAAC,MAAO,CAAEC,IAAKC,EAAAA,UAAyB,~~UAAThC~~,~~GAAoB6B~~,EAAAA,IAAK,MAAO,CAAEE,IAAKE,EAAAA,UAAuB,~~YAATjC~~,~~GAAsB6B~~,EAAAA,IAAK,MAAO,CAAEE,IAAKG,EAAAA,aAAqBL,EAAAA,~~IAAKvB~~,EAAAA,IAAK,~~CAAEE~~,GAAI,CACnO2B,SAAU,GACX,cAAe,~~gBAAiBlC~~,SAAUA,IAAaC,~~GAAY2B~~,EAAIC,~~IAACxB~~,MAAK,~~CAAEE~~,GAAI,CAClFE,~~YAA2B~~,~~QAAdN~~,~~EAAsB~~,~~YAASgC,EAC5CzB,aAA4B,QAAdP,EAAsB,YAASgC,EAC7CC,WAAaxB,~~GAAU,~~GAAiB~~,~~QAAdT,EAAsB,MAAQ,eAAeS,~~EAAMC,QAAQK,~~UAAUmB~~,~~QAC/FC~~,~~YAAc1B,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUmB,QAChGE,~~UAAW,~~UACXnB~~,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cAAe,~~gBAAiBrB~~,SAAUC"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport successIcon from './assets/successIcon.svg';\nimport warningIcon from './assets/warningIcon.svg';\nimport errorIcon from './assets/errorIcon.svg';\nexport const Alert = ({ type, children, actions, width }) => {\n return (_jsxs(Box, { sx: {\n padding: 1,\n paddingLeft: 2,\n paddingRight: 1,\n background: (theme) => theme.palette.brand.tertiary,\n borderRadius: 1,\n color: (theme) => theme.palette.onSurface.os0,\n display: 'flex',\n alignItems: 'center',\n gap: '11px',\n minWidth: '300px',\n maxWidth: width !== null && width !== void 0 ? width : '624px',\n width: width !== null && width !== void 0 ? width : 'auto',\n }, \"data-testid\": \"Alert\", children: [type && (_jsxs(Box, { sx: {\n height: '40px',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n }, \"data-testid\": \"Alert.icon\", children: [type === 'success' && _jsx(\"img\", { src: successIcon }), type === 'error' && _jsx(\"img\", { src: errorIcon }), type === 'warning' && _jsx(\"img\", { src: warningIcon })] })), _jsx(Box, { sx: {\n flexGrow: 1,\n }, \"data-testid\": \"Alert.content\", children: children }), actions && (_jsx(Box, { sx: {\n paddingLeft: '11px',\n borderLeft: (theme) => `1px solid ${theme.palette.onSurface.os600}`,\n alignSelf: 'stretch',\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n }, \"data-testid\": \"Alert.actions\", children: actions }))] }));\n};\n//# sourceMappingURL=Alert.js.map"],"names":["type","children","actions","width","_jsxs","jsxs","Box","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","jsx","src","successIcon","errorIcon","warningIcon","flexGrow","borderLeft","os600","alignSelf"],"mappings":"kNAKqB,EAAGA,OAAMC,WAAUC,UAASC,WACrCC,EAAKC,KAACC,MAAK,CAAEC,GAAI,CACjBC,QAAS,EACTC,YAAa,EACbC,aAAc,EACdC,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUrB,QAAqCA,EAAQ,QACvDA,MAAOA,QAAqCA,EAAQ,QACrD,cAAe,QAASF,SAAU,CAACD,GAASI,OAAME,EAAAA,IAAK,CAAEC,GAAI,CACpDkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cAAe,aAAc1B,SAAU,CAAU,YAATD,GAAsB4B,EAAIC,IAAC,MAAO,CAAEC,IAAKC,EAAAA,UAAyB,UAAT/B,GAAoB4B,EAAAA,IAAK,MAAO,CAAEE,IAAKE,EAAAA,UAAuB,YAAThC,GAAsB4B,EAAAA,IAAK,MAAO,CAAEE,IAAKG,EAAAA,aAAqBL,EAAAA,IAAKtB,EAAAA,IAAK,CAAEC,GAAI,CACnO2B,SAAU,GACX,cAAe,gBAAiBjC,SAAUA,IAAaC,GAAY0B,EAAIC,IAACvB,MAAK,CAAEC,GAAI,CAClFE,YAAa,OACb0B,WAAavB,GAAU,aAAaA,EAAMC,QAAQK,UAAUkB,QAC5DC,UAAW,UACXjB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cAAe,gBAAiBpB,SAAUC"}

package/cjs/components/banner/banner.js CHANGED Viewed

@@ -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("../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})]})};
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("react"),i=require("@mui/material");require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../../design/skoda/theme.js"),require("../../design/skoda/theme.breakpoints.js"),require("@mui/material/styles"),require("@mui/system"),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("../../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("../../layout/Footer/PredefinedFooterIconButtons.js"),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=i.useTheme(),[u,l]=r.useMemo((()=>{switch(s){case"error":return[n.palette.error.main,i.lighten(n.palette.error.light,.9)];case"warning":return[n.palette.warning.main,i.lighten(n.palette.warning.light,.9)];default:return[n.palette.info.main,i.lighten(n.palette.info.light,.9)]}}),[s,n]);return e.jsxs(i.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(i.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(i.Box,{children:"string"==typeof t?e.jsx(i.Typography,{children:t}):t})]}),o&&e.jsx(i.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 CHANGED Viewed

	@@ -1 +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';\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"}
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';\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":"oqIAOsB,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/box/box.component.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { BoxProps as MuiBoxProps } from '@mui/material';
+export type BoxProps = MuiBoxProps;
+export declare const Box: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/box/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Box } from '@mui/material';

package/cjs/components/controls/controls.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/styles"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../../design/skoda/paletteLight.theme.js"),a=require("../../utils/utilities.js");const l=r.forwardRef(((o,n)=>{var a=t.__rest(o,[]);const l=r.useRef(null),c=r.useCallback((t=>{a.onClickCallback&&!a.isDisabled&&a.onClickCallback(t)}),[a]);return r.useEffect((()=>{l.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[l]),e.jsx(s,Object.assign({},a,{ref:n,onClick:()=>c(a.controlType),children:e.jsx("button",{ref:l,children:e.jsx(i.Icon,{fontSize:a.iconFontSize,name:a.controlType,iconStyle:a.iconStyle})})}))})),s=o.styled("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((e=>{var r=t.__rest(e,["theme"]);const o=a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary);let i={};const l=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),height:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${o}`),cursor:"pointer","& .MuiIcon-root":{color:a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary),fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:n.paletteLight.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:a.ternaryCondition(r.controllerColor,"light",`2px solid ${n.paletteLight.surface.tertiary}`,`2px solid ${n.paletteLight.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return i=Object.assign(Object.assign({},i),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},l)}),r.isDisabled&&(i=Object.assign(Object.assign({},i),{"& button":Object.assign(Object.assign({},l),{borderColor:n.paletteLight.disabled.primary,cursor:"default",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${n.paletteLight.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:n.paletteLight.disabled.primary,fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}}})})),i}));exports.Controller=l;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/styles"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../../design/skoda/paletteLight.theme.js"),a=require("../../utils/utilities.js");const l=r.forwardRef(((o,n)=>{var a=t.__rest(o,[]);const l=r.useRef(null),c=r.useCallback((t=>{a.onClickCallback&&!a.isDisabled&&a.onClickCallback(t)}),[a]);return r.useEffect((()=>{l.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[l]),e.jsx(s,Object.assign({},a,{ref:n,onClick:()=>c(a.controlType),children:e.jsx("button",{ref:l,children:e.jsx(i.Icon,{fontSize:a.iconFontSize,name:a.controlType,iconStyle:a.iconStyle})})}))})),s=o.styled("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((e=>{var r=t.__rest(e,["theme"]);const o=a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary);let i={};const l=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),height:a.ternaryCondition(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${o}`),cursor:"pointer","& .MuiIcon-root":{color:a.ternaryCondition(r.controllerColor,"light",n.paletteLight.surface.tertiary,n.paletteLight.text.primary),fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:n.paletteLight.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:a.ternaryCondition(r.controllerColor,"light",`2px solid ${n.paletteLight.surface.tertiary}`,`2px solid ${n.paletteLight.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return i=Object.assign(Object.assign({},i),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},l)}),r.isDisabled&&(i=Object.assign(Object.assign({},i),{"& button":Object.assign(Object.assign({},l),{borderColor:n.paletteLight.disabled.primary,cursor:"default",outline:a.ternaryCondition(r.controlVariant,"standard",0,`2px solid ${n.paletteLight.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:n.paletteLight.disabled.primary,fontSize:a.ternaryCondition(r.iconFontSize,"small","18px","24px")}})})),i}));exports.Controller=l;
 //# sourceMappingURL=controls.js.map

package/cjs/components/controls/controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","sources":["../../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/*\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n ~~'&:before': {\n transform: 'translateY(-2px)',\n },\n~~ }, '&:active': {\n transform: 'scale(0.95)',\n }, '&:hover': {\n backgroundColor: flowColors.transparent.primary,\n }, '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n } });\n styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n if (args.isDisabled) {\n styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n transform: 'scale(1)',\n }, '&:hover': {\n backgroundColor: 'transparent',\n }, '&:focus': {\n '&:after': {\n content: 'none',\n },\n }, '& .MuiIcon-root': {\n color: flowColors.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n ~~'&:before': {\n transform: 'translateY(-2px)',\n },\n~~ } }) });\n }\n return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","jsx","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","paletteLight","left","top","customHeight","borderColor","disabled"],"mappings":"4RAaY,MAACA,EAAaC,EAAUA,YAAC,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAAA,OAAOH,EAAI,IACvB,MAAMI,EAASC,SAAO,MAChBC,EAAgBC,eAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,EAAAA,WAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAAA,IAAKC,EAAeC,OAAOC,OAAO,CAAE,EAAEhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAIO,IAAC,SAAU,CAAErB,IAAKG,EAAQiB,SAAUN,MAAKQ,EAAAA,KAAM,CAAEC,SAAUtB,EAAMuB,aAAcC,KAAMxB,EAAMkB,YAAaO,UAAWzB,EAAMyB,gBAAqB,IAK5QX,EAAgBY,EAAMA,OAAC,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB5B,IACG,IAAiB+B,EAAO5B,EAAMA,OAACH,EAAI,CAAC,UACvC,MAAMgC,EAAgBC,EAAAA,iBAAiBF,EAAKG,gBAAiB,QAASC,eAAWC,QAAQC,SAAUF,EAAAA,aAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcxB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAgBA,iBAACF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAAA,iBAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAgBA,iBAACF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAgBA,iBAACF,EAAKG,gBAAiB,QAASC,eAAWC,QAAQC,SAAUF,eAAWG,KAAKC,SACpGf,SAAUS,EAAgBA,iBAACF,EAAKN,aAAc,QAAS,OAAQ,~~QAC/D~~,WAAY,~~CACR8B~~,UAAW,~~qBAEhB,WAAY,CACXA,UAAW,~~eACZ,UAAW,CACVP,gBAAiBb,EAAAA,aAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAgBA,iBAACF,EAAKG,gBAAiB,QAAS,aAAaC,EAAUuB,aAACtB,QAAQC,WAAY,aAAaF,EAAUuB,aAACpB,KAAKC,WAClIW,SAAU,WACVS,KAAM,OACNC,IAAK,OACLb,aAAc,~~UAqB1B~~,~~OAlBAP~~,EAASvB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEsB,GAAS,CAAEM,QAASf,EAAK8B,aAAe9B,EAAK8B,aAAe,QAAU,aAAc,WAAY5C,OAAOC,OAAO,CAAE,EAAEuB,KACvJV,EAAKrB,aACL8B,EAASvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAS,CAAE,WAAYvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIuB,GAAc,CAAEqB,YAAa3B,EAAUuB,aAACK,SAASxB,QAASc,OAAQ,UAAWF,QAASlB,EAAAA,iBAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAUuB,aAACK,SAASxB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAAA,aAAW4B,SAASxB,QAC3Bf,SAAUS,EAAgBA,iBAACF,EAAKN,aAAc,QAAS,OAAQ,~~QAC/D~~,~~WAAY,CACR8B,UAAW,0BAIxBf,~~CAAM"}
1	+ {"version":3,"file":"controls.js","sources":["../../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/*\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n }, '&:active': {\n transform: 'scale(0.95)',\n }, '&:hover': {\n backgroundColor: flowColors.transparent.primary,\n }, '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n } });\n styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n if (args.isDisabled) {\n styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n transform: 'scale(1)',\n }, '&:hover': {\n backgroundColor: 'transparent',\n }, '&:focus': {\n '&:after': {\n content: 'none',\n },\n }, '& .MuiIcon-root': {\n color: flowColors.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n } }) });\n }\n return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","jsx","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","paletteLight","left","top","customHeight","borderColor","disabled"],"mappings":"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"}

package/cjs/components/icon/icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("@mui/material"),o=require("./icon.definitions.js");exports.Icon=s=>{var{name:r,className:a,iconStyle:c,color:l,fontSize:m,sx:u}=s,f=e.__rest(s,["name","className","iconStyle","color","fontSize","sx"]);const d=n.useMemo((()=>{var e;const i=o.iconDefinitions.find((e=>e.name===(r||a)||e.altName&&e.altName===(r||a)))||o.iconDefinitions.find((e=>"circle-question"===e.name));return null!==(e=null==i?void 0:i.content)&&void 0!==e?e:""}),[r,a]),x=n.useMemo((()=>"filled"===c?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[c]);return i.jsx(t.Icon,Object.assign({color:l,fontSize:m,sx:Object.assign({"&::before":{content:`'${"\\"+d}'`,display:"block"},fontFamily:x,lineHeight:"0.7em"},u||{}),"data-testid":"Icon",className:r||a},f))};
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),t=require("@mui/material"),o=require("./icon.definitions.js");exports.Icon=s=>{var{name:a,className:c,iconStyle:l,color:r,fontSize:m,sx:u}=s,d=e.__rest(s,["name","className","iconStyle","color","fontSize","sx"]);const f=n.useMemo((()=>{var e;const i=a&&o.iconDefinitions.find((e=>e.name===a||e.altName&&e.altName===a))||c&&o.iconDefinitions.find((e=>c.includes(e.name)||c.includes(e.altName)))||o.iconDefinitions.find((e=>"circle-question"===e.name));return null!==(e=null==i?void 0:i.content)&&void 0!==e?e:""}),[a,c]),x=n.useMemo((()=>"filled"===l?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[l]);return i.jsx(t.Icon,Object.assign({color:r,fontSize:m,sx:Object.assign({"&::before":{content:`'${"\\"+f}'`,display:"block",height:"100%",width:"100%"},fontFamily:x,lineHeight:"0.7em"},u||{}),"data-testid":"Icon",className:[c,a].filter(Boolean).join(" ")},d))};
 //# sourceMappingURL=icon.js.map

package/cjs/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sources":["../../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/*\n @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = iconDefinitions.find((item) => item.name === (name \|\| ~~className) \|\|~~ (item.altName && item.altName === (name \|\| className))) \|\|\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return (_a = definition === null \|\| definition === void 0 ? void 0 : definition.content) !== null && _a !== void 0 ? _a : '';\n }, [name, className]);\n const fontFamily = useMemo(() => {\n if (iconStyle === 'filled') {\n return 'SKODA Next Icons Filled';\n }\n return 'SKODA Next Icons Regular';\n }, [iconStyle]);\n return (_jsx(MuiIcon, Object.assign({ color: color, fontSize: fontSize, sx: Object.assign({ '&::before': {\n content: `'${'\\\\' + content}'`,\n display: 'block',\n }, fontFamily, lineHeight: '0.7em' }, (sx \|\| {})), \"data-testid\": \"Icon\", className: name \|\| ~~className~~ }, rest)));\n};\n//# sourceMappingURL=icon.js.map"],"names":["_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","fontFamily","_jsx","jsx","MuiIcon","Icon","Object","assign","display","lineHeight"],"mappings":"iKAUqBA,IACjB,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAON,EAAIO,EAAOC,EAAAA,OAAOR,EAAI,CAAC,OAAQ,YAAa,YAAa,QAAS,WAAY,OACxI,MAAMS,EAAUC,EAAAA,SAAQ,KACpB,IAAIV,EACJ,MAAMW,~~EAAaC~~,~~EAAAA~~,~~gBAAgBC~~,MAAMC,GAASA,EAAKb,~~QAAUA~~,~~GAAQC~~,~~IAAeY,~~EAAKC,SAAWD,EAAKC,~~WAAad~~,~~GAAQC~~,~~MAE9HU~~,EAAeA,gBAACC,MAAMC,GAAuB,oBAAdA,EAAKb,OACxC,OAA6F,QAArFD,EAAKW,aAA+C,EAASA,EAAWF,eAA4B,IAAPT,EAAgBA,EAAK,EAAE,GAC7H,CAACC,EAAMC,~~IACJc~~,~~EAAaN~~,EAAAA,SAAQ,IACL,WAAdP,EACO,0BAEJ,4BACR,CAACA,IACJ,~~OAAQc~~,EAAIC,IAACC,EAAOC,KAAEC,OAAOC,OAAO,~~CAAElB~~,MAAOA,EAAOC,SAAUA,EAAUC,~~GAAIe~~,OAAOC,OAAO,CAAE,YAAa,~~CAC7Fb~~,QAAS,IAAI,KAAOA,~~KACpBc~~,QAAS,~~SACVP~~,~~aAAYQ~~,WAAY,~~SAAYlB~~,GAAM,~~CAAA~~,~~GAAM,~~cAAe,OAAQJ,~~UAAWD~~,~~GAAQC~~,~~GAAaK~~,GAAQ"}
1	+ {"version":3,"file":"icon.js","sources":["../../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/*\n @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = \n // try to find by name\n (name && iconDefinitions.find((item) => item.name === name \|\| (item.altName && item.altName === name))) \|\|\n // try to find by className\n (className &&\n iconDefinitions.find((item) => className.includes(item.name) \|\| className.includes(item.altName))) \|\|\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return (_a = definition === null \|\| definition === void 0 ? void 0 : definition.content) !== null && _a !== void 0 ? _a : '';\n }, [name, className]);\n const fontFamily = useMemo(() => {\n if (iconStyle === 'filled') {\n return 'SKODA Next Icons Filled';\n }\n return 'SKODA Next Icons Regular';\n }, [iconStyle]);\n return (_jsx(MuiIcon, Object.assign({ color: color, fontSize: fontSize, sx: Object.assign({ '&::before': {\n content: `'${'\\\\' + content}'`,\n display: 'block',\n height: '100%',\n width: '100%',\n }, fontFamily, lineHeight: '0.7em' }, (sx \|\| {})), \"data-testid\": \"Icon\", className: [className, name].filter(Boolean).join(' ') }, rest)));\n};\n//# sourceMappingURL=icon.js.map"],"names":["_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","includes","fontFamily","_jsx","jsx","MuiIcon","Icon","Object","assign","display","height","width","lineHeight","filter","Boolean","join"],"mappings":"iKAUqBA,IACjB,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAON,EAAIO,EAAOC,EAAAA,OAAOR,EAAI,CAAC,OAAQ,YAAa,YAAa,QAAS,WAAY,OACxI,MAAMS,EAAUC,EAAAA,SAAQ,KACpB,IAAIV,EACJ,MAAMW,EAELV,GAAQW,EAAeA,gBAACC,MAAMC,GAASA,EAAKb,OAASA,GAASa,EAAKC,SAAWD,EAAKC,UAAYd,KAE3FC,GACGU,EAAAA,gBAAgBC,MAAMC,GAASZ,EAAUc,SAASF,EAAKb,OAASC,EAAUc,SAASF,EAAKC,YAE5FH,EAAeA,gBAACC,MAAMC,GAAuB,oBAAdA,EAAKb,OACxC,OAA6F,QAArFD,EAAKW,aAA+C,EAASA,EAAWF,eAA4B,IAAPT,EAAgBA,EAAK,EAAE,GAC7H,CAACC,EAAMC,IACJe,EAAaP,EAAAA,SAAQ,IACL,WAAdP,EACO,0BAEJ,4BACR,CAACA,IACJ,OAAQe,EAAIC,IAACC,EAAOC,KAAEC,OAAOC,OAAO,CAAEnB,MAAOA,EAAOC,SAAUA,EAAUC,GAAIgB,OAAOC,OAAO,CAAE,YAAa,CAC7Fd,QAAS,IAAI,KAAOA,KACpBe,QAAS,QACTC,OAAQ,OACRC,MAAO,QACRT,aAAYU,WAAY,SAAYrB,GAAM,IAAM,cAAe,OAAQJ,UAAW,CAACA,EAAWD,GAAM2B,OAAOC,SAASC,KAAK,MAAQvB,GAAQ"}

package/cjs/components/index.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './backdrop';
 export * from './button';
 export * from './banner';
+export * from './box';
 export * from './cardContainer';
 export * from './cardMenu';
 export * from './checkbox';

package/cjs/components/menu/menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/MenuItem"),l=require("@mui/material/MenuList"),a=require("@mui/material/Paper"),n=require("@mui/material/ListItemText"),s=require("@mui/material/ListItemIcon"),u=require("../checkbox/checkbox.js"),c=require("../toggleSwitch/toggleSwitch.js"),g=require("../icon/icon.js");require("../icon/icon.definitions.js");var p=require("@mui/material/Divider"),d=require("@mui/material"),h=require("../flag/flag.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o),f=m(l),j=m(a),b=m(n),S=m(s),v=m(p);const M=i.forwardRef(((r,o)=>{var{setIsOpen:l,reactHook:a,items:n,hasIcon:s,multipleSelection:p,groupToggleSelection:m,groupLabel:j="",toggleLabel:M}=r,I=e.__rest(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:k,setState:q}=a,[T,L]=i.useState(!1),w=i.useCallback((()=>{((e,t,i,r)=>{const o=!e;i((()=>o?[...t]:[])),r(o)})(T,n,q,L)}),[n,q,T]),O=i.useCallback(((e,t)=>{((e,t,i,r,o,l)=>{const a=e?r.includes(i):r.find((e=>e.value.toString()===i)),n=e?[i]:l.filter((e=>e.value.toString()===i));o(t?a?r.filter((t=>e?t!==i:t.value.toString()!==i)):e=>[...n,...e]:a?[]:n)})(t,p,e.currentTarget.id,k,q,n)}),[n,k,p,q]),C=i.useCallback(((e,i)=>{const r=e?k.includes(i):k.some((e=>e.value===i.value)),o=e?i:i.title,l=e?i:i.value;return t.jsxs(x.default,{id:l,selected:r,onClick:t=>O(t,e),children:[s&&!e&&t.jsx(S.default,{children:t.jsx(h.Flag,{flag:i.flag,title:i.title})}),t.jsx(b.default,{children:t.jsx(d.Typography,{noWrap:!0,children:o})}),p&&t.jsx(u.Checkbox,{checked:r})]},l)}),[k,s,p,O]);return i.useEffect((()=>{((e,t,i,r,o)=>{e&&t&&(r.length===i.length&&o(!0),r.length<i.length&&o(!1))})(p,m,n,k,L)}),[m,n,k,p]),t.jsxs(y,Object.assign({},I,{ref:o,groupLabel:j,groupToggleSelection:m,multipleSelection:p.toString(),sx:j||m&&p?{paddingTop:"0px"}:{},children:[j.length>0&&t.jsxs(t.Fragment,{children:[t.jsxs(x.default,{children:[t.jsx(b.default,{children:t.jsx(d.Typography,{noWrap:!0,children:j})}),t.jsx(S.default,{onClick:()=>l(!1),children:t.jsx(g.Icon,{name:"close"})})]}),t.jsx(v.default,{variant:"middle"})]}),p&&m&&t.jsx(t.Fragment,{children:t.jsxs(x.default,{className:"menu-select-all",children:[t.jsx(b.default,{children:M||"Select all"}),t.jsx(c.ToggleSwitch,{onClick:w,checked:T})]})}),t.jsx(f.default,{children:n.map((e=>C("string"==typeof e,e)))})]}))})),y=r.styled(j.default,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:i}=t;const r=e.__rest(t,["theme"]);let o={};const l={height:"48px",padding:"0px 24px"};return"true"===r.multipleSelection&&(l.paddingRight="16px"),o=Object.assign(Object.assign({},o),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px"},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:i.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px"},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:i.palette.onSurface.os0}},"& .MuiMenuItem-root":l}),r.groupLabel&&r.groupLabel.length>0?o=Object.assign(Object.assign({},o),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:i.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${i.palette.background.primary}`}}}):r.multipleSelection&&r.groupToggleSelection&&(o=Object.assign(Object.assign({},o),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),o}));exports.Menu=M;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/MenuItem"),l=require("@mui/material/MenuList"),a=require("@mui/material/Paper"),n=require("@mui/material/ListItemText"),s=require("@mui/material/ListItemIcon"),u=require("../checkbox/checkbox.js"),c=require("../toggleSwitch/toggleSwitch.js"),g=require("../icon/icon.js");require("../icon/icon.definitions.js");var p=require("@mui/material/Divider"),d=require("@mui/material"),h=require("../flag/flag.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(o),f=m(l),b=m(a),j=m(n),S=m(s),v=m(p);const M=i.forwardRef(((r,o)=>{var{setIsOpen:l,reactHook:a,items:n,hasIcon:s,multipleSelection:p,groupToggleSelection:m,groupLabel:b="",toggleLabel:M}=r,I=e.__rest(r,["setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel"]);const{state:k,setState:q}=a,[L,T]=i.useState(!1),w=i.useCallback((()=>{((e,t,i,r)=>{const o=!e;i((()=>o?[...t]:[])),r(o)})(L,n,q,T)}),[n,q,L]),C=i.useCallback(((e,t)=>{((e,t,i,r,o,l)=>{const a=e?r.includes(i):r.find((e=>e.value.toString()===i)),n=e?[i]:l.filter((e=>e.value.toString()===i));o(t?a?r.filter((t=>e?t!==i:t.value.toString()!==i)):e=>[...n,...e]:a?[]:n)})(t,p,e.currentTarget.id,k,q,n)}),[n,k,p,q]),O=i.useCallback(((e,i)=>{const r=e?k.includes(i):k.some((e=>e.value===i.value)),o=e?i:i.title,l=e?i:i.value;return t.jsxs(x.default,{id:l,selected:r,onClick:t=>C(t,e),children:[s&&!e&&t.jsx(S.default,{children:t.jsx(h.Flag,{flag:i.flag,title:i.title})}),t.jsx(j.default,{children:t.jsx(d.Typography,{noWrap:!0,children:o})}),p&&t.jsx(u.Checkbox,{checked:r})]},l)}),[k,s,p,C]);return i.useEffect((()=>{((e,t,i,r,o)=>{e&&t&&(r.length===i.length&&o(!0),r.length<i.length&&o(!1))})(p,m,n,k,T)}),[m,n,k,p]),t.jsxs(y,Object.assign({},I,{ref:o,groupLabel:b,groupToggleSelection:m,multipleSelection:p.toString(),sx:b||m&&p?{paddingTop:"0px"}:{},children:[b.length>0&&t.jsxs(t.Fragment,{children:[t.jsxs(x.default,{children:[t.jsx(j.default,{children:t.jsx(d.Typography,{noWrap:!0,children:b})}),t.jsx(S.default,{onClick:()=>l(!1),children:t.jsx(g.Icon,{name:"close"})})]}),t.jsx(v.default,{variant:"middle"})]}),p&&m&&t.jsx(t.Fragment,{children:t.jsxs(x.default,{className:"menu-select-all",children:[t.jsx(j.default,{children:M||"Select all"}),t.jsx(c.ToggleSwitch,{onClick:w,checked:L})]})}),t.jsx(f.default,{children:n.map((e=>O("string"==typeof e,e)))})]}))})),y=r.styled(b.default,{shouldForwardProp:e=>"multipleSelection"!==e&&"groupLabel"!==e&&"groupToggleSelection"!==e})((t=>{var{theme:i}=t;const r=e.__rest(t,["theme"]);let o={};const l={height:"48px",padding:"0px 24px"};return"true"===r.multipleSelection&&(l.paddingRight="16px"),o=Object.assign(Object.assign({},o),{boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)","& .MuiList-root":{maxHeight:"240px",overflow:"overlay",padding:"0px",borderRadius:"4px"},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",color:i.palette.onSurface.os900,fontWeight:"500",paddingRight:0},"& li > .MuiListItemIcon-root":{minWidth:"0px",marginRight:"16px"},"& .MuiDivider-root":{marginTop:"0px",marginBottom:"0px"},"& li.menu-select-all":{"& .MuiTypography-root":{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},"&:hover":{backgroundColor:i.palette.onSurface.os0}},"& .MuiMenuItem-root":l,"& .MuiFormControlLabel-root":{marginLeft:"16px",marginRight:0}}),r.groupLabel&&r.groupLabel.length>0?o=Object.assign(Object.assign({},o),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px",paddingRight:"21px","& .MuiTypography-root":{fontWeight:"700"},"& .MuiListItemIcon-root":{marginRight:"0px",color:i.palette.onSurface.os900,"& .MuiIcon-root:before":{position:"relative",top:"-3px"}},"&:hover":{backgroundColor:`${i.palette.background.primary}`}}}):r.multipleSelection&&r.groupToggleSelection&&(o=Object.assign(Object.assign({},o),{"& > .MuiMenuItem-root:first-of-type":{borderRadius:"4px"}})),o}));exports.Menu=M;
 //# sourceMappingURL=menu.js.map

package/cjs/components/menu/menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MuiPaper from '@mui/material/Paper';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { Icon } from '../icon';\nimport Divider from '@mui/material/Divider';\nimport { Typography } from '@mui/material';\nimport { Flag } from '../flag';\n/*\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (currToggleChecked, initItems, setItems, setToggle) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\nconst onMenuItemClickHandler = (isString, multipleSelection, id, itemsState, setItemsState, initItems) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : initItems.filter((item) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n }\n else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n }\n else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (multipleSelection, groupToggleSelection, initItems, itemsState, setToggleChecked) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length)\n setToggleChecked(true);\n if (itemsState.length < initItems.length)\n setToggleChecked(false);\n }\n};\nexport const Menu = forwardRef((_a, ref) => {\n var { setIsOpen, reactHook, items, hasIcon, multipleSelection, groupToggleSelection, groupLabel = '', toggleLabel } = _a, props = __rest(_a, [\"setIsOpen\", \"reactHook\", \"items\", \"hasIcon\", \"multipleSelection\", \"groupToggleSelection\", \"groupLabel\", \"toggleLabel\"]);\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback((e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n }, [items, itemsState, multipleSelection, setItemsState]);\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback((isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (_jsxs(MenuItem, { id: id, selected: selected, onClick: (e) => onMenuItemClickHandlerWithUseCallback(e, isString), children: [hasIcon && !isString && (_jsx(ListItemIcon, { children: _jsx(Flag, { flag: item.flag, title: item.title }) })), _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: title }) }), multipleSelection && _jsx(Checkbox, { checked: selected })] }, id));\n }, [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback]);\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n return (_jsxs(PaperStyled, Object.assign({}, props, { ref: ref, groupLabel: groupLabel, groupToggleSelection: groupToggleSelection, multipleSelection: multipleSelection.toString(), sx: groupLabel \|\| (groupToggleSelection && multipleSelection) ? { paddingTop: '0px' } : {}, children: [groupLabel.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: groupLabel }) }), _jsx(ListItemIcon, { onClick: () => setIsOpen(false), children: _jsx(Icon, { name: \"close\" }) })] }), _jsx(Divider, { variant: \"middle\" })] })), multipleSelection && groupToggleSelection && (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: \"menu-select-all\", children: [_jsx(ListItemText, { children: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onClick: onToggleClickHandlerWithUseCallback, checked: toggleChecked })] }) })), _jsx(MenuList, { children: items.map((item) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n }) })] })));\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper, {\n shouldForwardProp: (prop) => prop !== 'multipleSelection' && prop !== 'groupLabel' && prop !== 'groupToggleSelection',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n const hasmultipleSelection = props.multipleSelection === 'true';\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n if (hasmultipleSelection)\n itemStyles.paddingRight = '16px';\n styles = Object.assign(Object.assign({}, styles), { boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)', '& .MuiList-root': {\n maxHeight: '240px',\n overflow: 'overlay',\n padding: '0px',\n borderRadius: '4px',\n }, '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: '16px',\n }, '& li > .MuiListItemIcon-root': {\n minWidth: '0px',\n marginRight: '16px',\n }, '& .MuiDivider-root': {\n marginTop: '0px',\n marginBottom: '0px',\n }, '& li.menu-select-all': {\n '& .MuiTypography-root': {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os0,\n },\n }, '& .MuiMenuItem-root': itemStyles });\n if (props.groupLabel && props.groupLabel.length > 0) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n paddingRight: '21px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n },\n '& .MuiListItemIcon-root': {\n marginRight: '0px',\n color: theme.palette.onSurface.os900,\n '& .MuiIcon-root:before': {\n position: 'relative',\n top: '-3px',\n },\n },\n '&:hover': {\n backgroundColor: `${theme.palette.background.primary}`,\n },\n } });\n }\n else if (props.multipleSelection && props.groupToggleSelection) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n } });\n }\n return styles;\n});\n//# sourceMappingURL=menu.js.map"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","jsx","ListItemIcon","default","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","_Fragment","jsxs","Icon","name","Divider","variant","className","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","position","top","background","primary"],"mappings":"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"}
1	+ {"version":3,"file":"menu.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport MuiPaper from '@mui/material/Paper';\nimport ListItemText from '@mui/material/ListItemText';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { Icon } from '../icon';\nimport Divider from '@mui/material/Divider';\nimport { Typography } from '@mui/material';\nimport { Flag } from '../flag';\n/*\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n/\n @function onToggleClickHandler\n * @description Set itemsstate and toggle checked on toggle click.\n /\nconst onToggleClickHandler = (currToggleChecked, initItems, setItems, setToggle) => {\n const expectedFutureToggleCheckedState = !currToggleChecked;\n setItems(() => (expectedFutureToggleCheckedState ? [...initItems] : []));\n setToggle(expectedFutureToggleCheckedState);\n};\n/\n @function onMenuItemClickHandler\n * @description Set itemsstate on menu item click.\n /\nconst onMenuItemClickHandler = (isString, multipleSelection, id, itemsState, setItemsState, initItems) => {\n const itemExist = isString ? itemsState.includes(id) : itemsState.find((item) => item.value.toString() === id);\n const newItem = isString\n ? [id]\n : initItems.filter((item) => item.value.toString() === id);\n //if the menu is not multiple selection\n if (!multipleSelection) {\n //if the item is already selected (itemExist === true): return an empty array (deselect item)\n //else return the new item selected (object or string depending on the array of items passed)\n if (itemExist) {\n setItemsState([]);\n }\n else {\n setItemsState(newItem);\n }\n }\n //if the menu is multiple selection\n else {\n if (itemExist) {\n const listWithoutItem = itemsState.filter((item) => (isString ? item !== id : item.value.toString() !== id));\n setItemsState(listWithoutItem);\n }\n else {\n setItemsState((prevArr) => [...newItem, ...prevArr]);\n }\n }\n};\n/\n @function setToggle\n * @description Set toggle based on menu items change.\n /\nconst setToggle = (multipleSelection, groupToggleSelection, initItems, itemsState, setToggleChecked) => {\n if (multipleSelection && groupToggleSelection) {\n if (itemsState.length === initItems.length)\n setToggleChecked(true);\n if (itemsState.length < initItems.length)\n setToggleChecked(false);\n }\n};\nexport const Menu = forwardRef((_a, ref) => {\n var { setIsOpen, reactHook, items, hasIcon, multipleSelection, groupToggleSelection, groupLabel = '', toggleLabel } = _a, props = __rest(_a, [\"setIsOpen\", \"reactHook\", \"items\", \"hasIcon\", \"multipleSelection\", \"groupToggleSelection\", \"groupLabel\", \"toggleLabel\"]);\n const { state: itemsState, setState: setItemsState } = reactHook;\n const [toggleChecked, setToggleChecked] = useState(false);\n const onToggleClickHandlerWithUseCallback = useCallback(() => {\n onToggleClickHandler(toggleChecked, items, setItemsState, setToggleChecked);\n }, [items, setItemsState, toggleChecked]);\n //callback fired when an item in the menu list is clicked\n const onMenuItemClickHandlerWithUseCallback = useCallback((e, isString) => {\n onMenuItemClickHandler(isString, multipleSelection, e.currentTarget.id, itemsState, setItemsState, items);\n }, [items, itemsState, multipleSelection, setItemsState]);\n //Return the menuItem depending on the type of the item (string or MenuItemObject)\n const handleTypeItem = useCallback((isString, item) => {\n const selected = isString\n ? itemsState.includes(item)\n : itemsState.some((itemState) => itemState.value === item.value);\n const title = isString ? item : item.title;\n const id = isString ? item : item.value;\n return (_jsxs(MenuItem, { id: id, selected: selected, onClick: (e) => onMenuItemClickHandlerWithUseCallback(e, isString), children: [hasIcon && !isString && (_jsx(ListItemIcon, { children: _jsx(Flag, { flag: item.flag, title: item.title }) })), _jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: title }) }), multipleSelection && _jsx(Checkbox, { checked: selected })] }, id));\n }, [itemsState, hasIcon, multipleSelection, onMenuItemClickHandlerWithUseCallback]);\n useEffect(() => {\n setToggle(multipleSelection, groupToggleSelection, items, itemsState, setToggleChecked);\n }, [groupToggleSelection, items, itemsState, multipleSelection]);\n return (_jsxs(PaperStyled, Object.assign({}, props, { ref: ref, groupLabel: groupLabel, groupToggleSelection: groupToggleSelection, multipleSelection: multipleSelection.toString(), sx: groupLabel \|\| (groupToggleSelection && multipleSelection) ? { paddingTop: '0px' } : {}, children: [groupLabel.length > 0 && (_jsxs(_Fragment, { children: [_jsxs(MenuItem, { children: [_jsx(ListItemText, { children: _jsx(Typography, { noWrap: true, children: groupLabel }) }), _jsx(ListItemIcon, { onClick: () => setIsOpen(false), children: _jsx(Icon, { name: \"close\" }) })] }), _jsx(Divider, { variant: \"middle\" })] })), multipleSelection && groupToggleSelection && (_jsx(_Fragment, { children: _jsxs(MenuItem, { className: \"menu-select-all\", children: [_jsx(ListItemText, { children: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onClick: onToggleClickHandlerWithUseCallback, checked: toggleChecked })] }) })), _jsx(MenuList, { children: items.map((item) => {\n const isString = typeof item === 'string';\n return handleTypeItem(isString, item);\n }) })] })));\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper, {\n shouldForwardProp: (prop) => prop !== 'multipleSelection' && prop !== 'groupLabel' && prop !== 'groupToggleSelection',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n const hasmultipleSelection = props.multipleSelection === 'true';\n const itemStyles = {\n height: '48px',\n padding: '0px 24px',\n };\n if (hasmultipleSelection)\n itemStyles.paddingRight = '16px';\n styles = Object.assign(Object.assign({}, styles), { boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)', '& .MuiList-root': {\n maxHeight: '240px',\n overflow: 'overlay',\n padding: '0px',\n borderRadius: '4px',\n }, '& .MuiTypography-root': {\n fontSize: '16px',\n lineHeight: '24px',\n color: theme.palette.onSurface.os900,\n fontWeight: '500',\n paddingRight: 0,\n }, '& li > .MuiListItemIcon-root': {\n minWidth: '0px',\n marginRight: '16px',\n }, '& .MuiDivider-root': {\n marginTop: '0px',\n marginBottom: '0px',\n }, '& li.menu-select-all': {\n '& .MuiTypography-root': {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n '&:hover': {\n backgroundColor: theme.palette.onSurface.os0,\n },\n }, '& .MuiMenuItem-root': itemStyles, '& .MuiFormControlLabel-root': {\n marginLeft: '16px',\n marginRight: 0,\n } });\n if (props.groupLabel && props.groupLabel.length > 0) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n paddingRight: '21px',\n '& .MuiTypography-root': {\n fontWeight: '700',\n },\n '& .MuiListItemIcon-root': {\n marginRight: '0px',\n color: theme.palette.onSurface.os900,\n '& .MuiIcon-root:before': {\n position: 'relative',\n top: '-3px',\n },\n },\n '&:hover': {\n backgroundColor: `${theme.palette.background.primary}`,\n },\n } });\n }\n else if (props.multipleSelection && props.groupToggleSelection) {\n styles = Object.assign(Object.assign({}, styles), { '& > .MuiMenuItem-root:first-of-type': {\n borderRadius: '4px',\n } });\n }\n return styles;\n});\n//# sourceMappingURL=menu.js.map"],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","children","_jsx","jsx","ListItemIcon","default","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","_Fragment","jsxs","Icon","name","Divider","variant","className","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","marginLeft","position","top","background","primary"],"mappings":"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"}

package/cjs/components/modal/modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),a=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material/styles"),i=require("@mui/material/Modal"),n=require("../button/button.js"),d=require("../icon/icon.js");require("../icon/icon.definitions.js");var s=require("./contentDiv.js"),r=require("@mui/material");function l(t){return t&&t.__esModule?t:{default:t}}var c=l(i);const u=e.forwardRef(((o,i)=>{var{children:l,open:c,handleClose:u,onClickTopButton:m,onClickBottomButton:x,ariaLabelledby:b,ariaDescribedBy:h,firstButton:g,secondButton:B,hasCloseButton:f,size:v,firstButtonVariant:C,secondButtonVariant:j,secondButtonVisible:k,defaultButtonSection:w=!0,maxWidth:W,modalLoadedCallback:y,disableAutoFocus:F,disableEnforceFocus:M}=o,q=t.__rest(o,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus"]);const[T,z]=e.useState(!1),[S,V]=e.useState(!1),_=r.useTheme();e.useEffect((()=>{const t=window.matchMedia(`(min-width: ${_.breakpoints.values.md}px)`);V(t.matches)}),[_.breakpoints.values.md]);const D=e.useCallback((()=>{if(S&&"large"===(v||"large"))return!1}),[S,v]);return a.jsx(p,Object.assign({},q,{ref:i,open:c,size:v,onClose:u,isOverFlowing:T,"aria-labelledby":b,"aria-describedby":h,compactButtons:D(),maxWidth:W,"data-testid":"Modal",disableEnforceFocus:M,disableAutoFocus:F,children:a.jsxs("div",{className:"modal-container","data-testid":"Modal.container",children:[f&&a.jsx("button",{onClick:u,"data-testid":"Modal.close",children:a.jsx(d.Icon,{name:"close",fontSize:"medium"})}),a.jsx(s.ContentDiv,{setIsOverFlowing:z,className:"modal-container--content",modalLoadedCallback:y,"data-testid":"Modal.content",children:l}),w&&a.jsxs("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a.jsx(n.Button,{label:g,onClick:m,fullWidth:!0,variant:C,compact:D(),"data-testid":"Modal.button1","data-variant":C}),k&&a.jsx(n.Button,{label:B,onClick:x,fullWidth:!0,variant:j,compact:D(),"data-testid":"Modal.button2","data-variant":j})]})]})}))})),p=o.styled(c.default,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:e}=a,o=t.__rest(a,["theme"]);const i=o.compactButtons?"16px":"24px",n=o.maxWidth?o.maxWidth:"calc(100% - 40px)",d="large"===(o.size||"large"),s=o.size&&"full-width"===o.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:s?{maxWidth:n,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:i,boxShadow:o.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[e.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:r.padding,paddingBottom:i}}}}}));exports.Modal=u;
+"use strict";var t=require("tslib"),a=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material/styles"),i=require("@mui/material/Modal"),n=require("../button/button.js"),d=require("../icon/icon.js");require("../icon/icon.definitions.js");var s=require("./contentDiv.js"),r=require("@mui/material");function l(t){return t&&t.__esModule?t:{default:t}}var c=l(i);const u=e.forwardRef(((o,i)=>{var{children:l,open:c,handleClose:u,onClickTopButton:m,onClickBottomButton:x,ariaLabelledby:b,ariaDescribedBy:h,firstButton:g,secondButton:B,hasCloseButton:f,size:v,firstButtonVariant:C,secondButtonVariant:j,secondButtonVisible:k,defaultButtonSection:w=!0,maxWidth:W,modalLoadedCallback:F,disableAutoFocus:M,disableEnforceFocus:q}=o,y=t.__rest(o,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus"]);const[T,z]=e.useState(!1),[S,V]=e.useState(!1),_=r.useTheme();e.useEffect((()=>{const t=window.matchMedia(`(min-width: ${_.breakpoints.values.md}px)`);V(t.matches)}),[_.breakpoints.values.md]);const D=e.useCallback((()=>{if(S&&"large"===(v||"large"))return!1}),[S,v]);return a.jsx(p,Object.assign({},y,{ref:i,open:c,size:v,onClose:u,isOverFlowing:T,"aria-labelledby":b,"aria-describedby":h,compactButtons:D(),maxWidth:W,"data-testid":"Modal",disableEnforceFocus:q,disableAutoFocus:M,dir:_.direction,children:a.jsxs("div",{className:"modal-container","data-testid":"Modal.container",children:[f&&a.jsx("button",{onClick:u,"data-testid":"Modal.close",children:a.jsx(d.Icon,{name:"close",fontSize:"medium"})}),a.jsx(s.ContentDiv,{setIsOverFlowing:z,className:"modal-container--content",modalLoadedCallback:F,"data-testid":"Modal.content",children:l}),w&&a.jsxs("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a.jsx(n.Button,{label:g,onClick:m,fullWidth:!0,variant:C,compact:D(),"data-testid":"Modal.button1","data-variant":C}),k&&a.jsx(n.Button,{label:B,onClick:x,fullWidth:!0,variant:j,compact:D(),"data-testid":"Modal.button2","data-variant":j})]})]})}))})),p=o.styled(c.default,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:e}=a,o=t.__rest(a,["theme"]);const i=o.compactButtons?"16px":"24px",n=o.maxWidth?o.maxWidth:"calc(100% - 40px)",d="large"===(o.size||"large"),s=o.size&&"full-width"===o.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:s?{maxWidth:n,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"auto",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:i,boxShadow:o.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[e.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px"},"&--action-buttons":{padding:r.padding,paddingBottom:i}}}}}));exports.Modal=u;
 //# sourceMappingURL=modal.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/*\n @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n /\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback, disableAutoFocus, disableEnforceFocus } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\", \"disableAutoFocus\", \"disableEnforceFocus\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size \|\| 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/\n @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size \|\| 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: '~~overlay~~',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","jsxs","className","onClick","Icon","name","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"wXAcY,MAACA,EAAQC,EAAUA,YAAC,CAACC,EAAIC,KACjC,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,YAAEA,EAAWC,iBAAEA,EAAgBC,oBAAEA,EAAmBC,eAAEA,EAAcC,gBAAEA,EAAeC,YAAEA,EAAWC,aAAEA,EAAYC,eAAEA,EAAcC,KAAEA,EAAIC,mBAAEA,EAAkBC,oBAAEA,EAAmBC,oBAAEA,EAAmBC,qBAAEA,GAAuB,EAAIC,SAAEA,EAAQC,oBAAEA,EAAmBC,iBAAEA,EAAgBC,oBAAEA,GAAwBpB,EAAIqB,EAAQC,EAAAA,OAAOtB,EAAI,CAAC,WAAY,OAAQ,cAAe,mBAAoB,sBAAuB,iBAAkB,kBAAmB,cAAe,eAAgB,iBAAkB,OAAQ,qBAAsB,sBAAuB,sBAAuB,uBAAwB,WAAY,sBAAuB,mBAAoB,wBACvpB,MAAOuB,EAAeC,GAAoBC,EAAQA,UAAC,IAC5CC,EAAaC,GAAkBF,EAAQA,UAAC,GACzCG,EAAQC,EAAAA,WACdC,EAAAA,WAAU,KACN,MAAMC,EAAKC,OAAOC,WAAW,eAAeL,EAAMM,YAAYC,OAAOC,SACrET,EAAeI,EAAGM,QAAQ,GAC3B,CAACT,EAAMM,YAAYC,OAAOC,KAC7B,MAAME,EAAkBC,EAAAA,aAAY,KAEhC,GAAIb,GADuC,WAArBd,GAAQ,SAE1B,OAAO,CAAK,GACjB,CAACc,EAAad,IACjB,OAAQ4B,EAAIC,IAACC,EAAaC,OAAOC,OAAO,CAAE,EAAEvB,EAAO,CAAEpB,IAAKA,EAAKE,KAAMA,EAAMS,KAAMA,EAAMiC,QAASzC,EAAamB,cAAeA,EAAe,kBAAmBhB,EAAgB,mBAAoBC,EAAiBsC,eAAgBR,IAAmBrB,SAAUA,EAAU,cAAe,QAASG,oBAAqBA,EAAqBD,iBAAkBA,~~EAAkBjB~~,~~SAAU6C~~,EAAKC,KAAC,MAAO,CAAEC,UAAW,kBAAmB,cAAe,~~kBAAmB/C~~,SAAU,CAACS,GAAmB6B,EAAIC,IAAC,SAAU,~~CAAES~~,~~QAAS9C~~,EAAa,cAAe,cAAeF,SAAUsC,~~EAAIC~~,~~IAACU~~,~~EAAIA~~,~~KAAE~~,CAAEC,KAAM,QAASC,SAAU,~~aAAiBb~~,~~EAAIC~~,~~IAACa~~,~~EAAUA~~,~~WAAE~~,~~CAAE9B~~,iBAAkBA,~~EAAkByB~~,UAAW,~~2BAA4B/B~~,oBAAqBA,EAAqB,cAAe,gBAAiBhB,SAAUA,IAAac,~~GAAyB+B~~,EAAKC,KAAC,MAAO,CAAEC,UAAW,kCAAmC,cAAe,~~gBAAiB/C~~,SAAU,CAACsC,~~EAAAA~~,~~IAAKe~~,~~EAAAA~~,~~OAAQ~~,CAAEC,~~MAAO~~/C,~~EAAayC~~,~~QAAS7C,EAAkBoD,~~WAAW,EAAMC,~~QAAS7C~~,~~EAAoB8C~~,~~QAASrB~~,IAAmB,cAAe,gBAAiB,eAAgBzB,IAAuBE,GAAwByB,EAAIC,~~IAACc~~,EAAMA,OAAE,CAAEC,~~MAAO9C~~,~~EAAcwC~~,~~QAAS5C~~,~~EAAqBmD~~,WAAW,EAAMC,~~QAAS5C~~,~~EAAqB6C~~,~~QAASrB~~,IAAmB,cAAe,gBAAiB,eAAgBxB,YAAsC,~~IAKr3C4B~~,~~EAAckB~~,EAAMA,OAACC,UAAU,CACjCC,kBAAoBC,GAAkB,mBAATA,GAAsC,kBAATA,GAAqC,aAATA,GADtEH,~~EAEhB5D~~,IACA,IAAI4B,MAAEA,GAAU5B,~~EAAIgE~~,~~EAAO1C~~,EAAAA,OAAOtB,EAAI,CAAC,UACvC,~~MAAMiE~~,EAAsBD,~~EAAKlB~~,eAAiB,OAAS,~~OAGrDoB~~,EAAiBF,~~EAAK/C~~,~~SAAW+C~~,~~EAAK/C~~,SAAW,~~oBACjDkD~~,EAA0C,WAA1BH,~~EAAKpD~~,MAAQ,~~SAC7BwD~~,EAAmBJ,~~EAAKpD~~,MAAsB,~~eAAdoD~~,~~EAAKpD~~,~~KACrCyD~~,EAAkBF,EAClB,~~CAAElD~~,SALgB,~~QAKWqD~~,UAAW,OAAQC,QAAS,QACzDH,EACI,~~CAAEnD~~,~~SAAUiD~~,EAAgBI,UAAW,OAAQC,QAAS,QACxD,~~CACEtD~~,SAVY,~~QAWZqD~~,UAAW,OACXC,QAAS,uBAErB,MAAO,CACH,qBAAsB,CAClBC,UAAW,qBACXC,UAAW,QACXC,QAAS,OACTC,cAAe,SACf,aAAc,CACVC,UAAW,SACXC,UAAW,~~UACXP~~,UAAW,OACXC,QAAS,YAEb,oBAAqB,CACjBA,QAAS,YACTO,cAAeb,EACfc,UAAWf,~~EAAKzC~~,cAAgB,mCAAqC,KACrE,oBAAqB,~~CACjByD~~,aAAc,UAI1B,~~CAACpD~~,EAAMM,~~YAAY+C~~,GAAG,OAAQ,CAC1B,qBAAsB,CAClBT,UAAW,sBACXU,OAAQ,MACRC,MAAO,~~OACPlE~~,~~SAAUoD~~,~~EAAgBpD~~,SAC1B,aAAc,~~CACVqD~~,UAAWD,EAAgBC,UAC3BC,QAAS,YAEb,oBAAqB,CACjBA,QAASF,EAAgBE,QACzBO,cAAeb,KAI9B"}
1	+ {"version":3,"file":"modal.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiModal from '@mui/material/Modal';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ContentDiv } from './contentDiv';\nimport { useTheme } from '@mui/material';\n/*\n @description Styled SkodaFlow Modal component\n * @param props ModalProps\n * @returns React Functional Component\n /\nexport const Modal = forwardRef((_a, ref) => {\n var { children, open, handleClose, onClickTopButton, onClickBottomButton, ariaLabelledby, ariaDescribedBy, firstButton, secondButton, hasCloseButton, size, firstButtonVariant, secondButtonVariant, secondButtonVisible, defaultButtonSection = true, maxWidth, modalLoadedCallback, disableAutoFocus, disableEnforceFocus } = _a, props = __rest(_a, [\"children\", \"open\", \"handleClose\", \"onClickTopButton\", \"onClickBottomButton\", \"ariaLabelledby\", \"ariaDescribedBy\", \"firstButton\", \"secondButton\", \"hasCloseButton\", \"size\", \"firstButtonVariant\", \"secondButtonVariant\", \"secondButtonVisible\", \"defaultButtonSection\", \"maxWidth\", \"modalLoadedCallback\", \"disableAutoFocus\", \"disableEnforceFocus\"]);\n const [isOverFlowing, setIsOverFlowing] = useState(false);\n const [desktopView, setDesktopView] = useState(false);\n const theme = useTheme();\n useEffect(() => {\n const mq = window.matchMedia(`(min-width: ${theme.breakpoints.values.md}px)`);\n setDesktopView(mq.matches);\n }, [theme.breakpoints.values.md]);\n const isCompactButton = useCallback(() => {\n const isModalLarge = (size \|\| 'large') === 'large';\n if (desktopView && isModalLarge)\n return false;\n }, [desktopView, size]);\n return (_jsx(ModalStyled, Object.assign({}, props, { ref: ref, open: open, size: size, onClose: handleClose, isOverFlowing: isOverFlowing, \"aria-labelledby\": ariaLabelledby, \"aria-describedby\": ariaDescribedBy, compactButtons: isCompactButton(), maxWidth: maxWidth, \"data-testid\": \"Modal\", disableEnforceFocus: disableEnforceFocus, disableAutoFocus: disableAutoFocus, dir: theme.direction, children: _jsxs(\"div\", { className: \"modal-container\", \"data-testid\": \"Modal.container\", children: [hasCloseButton && (_jsx(\"button\", { onClick: handleClose, \"data-testid\": \"Modal.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"medium\" }) })), _jsx(ContentDiv, { setIsOverFlowing: setIsOverFlowing, className: \"modal-container--content\", modalLoadedCallback: modalLoadedCallback, \"data-testid\": \"Modal.content\", children: children }), defaultButtonSection && (_jsxs(\"div\", { className: \"modal-container--action-buttons\", \"data-testid\": \"Modal.buttons\", children: [_jsx(Button, { label: firstButton, onClick: onClickTopButton, fullWidth: true, variant: firstButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button1\", \"data-variant\": firstButtonVariant }), secondButtonVisible && (_jsx(Button, { label: secondButton, onClick: onClickBottomButton, fullWidth: true, variant: secondButtonVariant, compact: isCompactButton(), \"data-testid\": \"Modal.button2\", \"data-variant\": secondButtonVariant }))] }))] }) })));\n});\n/\n @description Modal styling definition\n */\nconst ModalStyled = styled(MuiModal, {\n shouldForwardProp: (prop) => prop !== 'compactButtons' && prop !== 'isOverFlowing' && prop !== 'maxWidth',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const bottomButtonPadding = args.compactButtons ? '16px' : '24px';\n const smallModalWidth = '408px';\n const largeModalWidth = '624px';\n const fullWidthModal = args.maxWidth ? args.maxWidth : 'calc(100% - 40px)';\n const isModalLarge = (args.size \|\| 'large') === 'large';\n const isModalFullWidth = args.size && args.size === 'full-width';\n const sizeBasedStyles = isModalLarge\n ? { maxWidth: largeModalWidth, marginTop: '40px', padding: '40px' }\n : isModalFullWidth\n ? { maxWidth: fullWidthModal, marginTop: '40px', padding: '40px' }\n : {\n maxWidth: smallModalWidth,\n marginTop: '48px',\n padding: '24px 40px 40px 40px',\n };\n return {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 64px)',\n minHeight: '300px',\n display: 'flex',\n flexDirection: 'column',\n '&--content': {\n overflowX: 'hidden',\n overflowY: 'auto',\n marginTop: '48px',\n padding: '0px 24px',\n },\n '&--action-buttons': {\n padding: '32px 24px',\n paddingBottom: bottomButtonPadding,\n boxShadow: args.isOverFlowing ? '0px 0px 32px rgba(0, 0, 0, 0.15)' : null,\n 'div:first-of-type': {\n marginBottom: '15px',\n },\n },\n },\n [theme.breakpoints.up('md')]: {\n '& .modal-container': {\n maxHeight: 'calc(100vh - 160px)',\n margin: '0px',\n width: '100%',\n maxWidth: sizeBasedStyles.maxWidth,\n '&--content': {\n marginTop: sizeBasedStyles.marginTop,\n padding: '0px 40px',\n },\n '&--action-buttons': {\n padding: sizeBasedStyles.padding,\n paddingBottom: bottomButtonPadding,\n },\n },\n },\n };\n});\n//# sourceMappingURL=modal.js.map"],"names":["Modal","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","disableAutoFocus","disableEnforceFocus","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","jsx","ModalStyled","Object","assign","onClose","compactButtons","dir","direction","_jsxs","jsxs","className","onClick","Icon","name","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width"],"mappings":"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"}

package/cjs/components/numbering/numbering.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),a=require("../../utils/enum.js"),i=require("../../design/skoda/paletteLight.theme.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((t=>{var r=e.__rest(t,["theme"]);let s={};return s={fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:r.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:r.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===a.NumberingColors.DARK?i.paletteLight.text.primary:i.paletteLight.onSurface.os0},"& .separator-container":{color:i.paletteLight.onSurface.os600},"& .total-container":{color:i.paletteLight.onSurface.os600}},s}));exports.Numbering=r=>{var a=e.__rest(r,[]);return t.jsxs(s,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[t.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),t.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),t.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material/styles"),a=require("../../utils/enum.js"),i=require("../../design/skoda/paletteLight.theme.js");const s=r.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((t=>{var r=e.__rest(t,["theme"]);return{fontWeight:"700",fontSize:r.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:r.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===a.NumberingColors.DARK?i.paletteLight.text.primary:i.paletteLight.onSurface.os0},"& .separator-container":{color:i.paletteLight.onSurface.os600},"& .total-container":{color:i.paletteLight.onSurface.os600}}}));exports.Numbering=r=>{var a=e.__rest(r,[]);return t.jsxs(s,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[t.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),t.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),t.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))};
 //# sourceMappingURL=numbering.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"numbering.js","sources":["../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n ~~let~~ ~~styles =~~ {~~};\n styles = {~~\n ~~fontFamily: 'SKODA Next',\n fontStyle: 'normal',\n~~ fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n ~~return styles;\n~~});\n//# sourceMappingURL=numbering.js.map"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","args","__rest","~~styles","fontFamily","fontStyle","~~fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"4LAUY,MAONA,EAAkBC,EAAMA,OAAC,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBG,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,~~IAAIG~~,~~EAAS~~,~~CAAA,EAkBb,OAjBAA,EAAS,CACLC,~~WAAY,~~aACZC,UAAW,SACXC,WAAY,~~MACZC,~~SAAUN~~,~~EAAKO~~,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,~~WAAYV~~,~~EAAKO~~,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,~~MAAOZ~~,~~EAAKa~~,aAAeC,EAAAA,gBAAgBC,KAAOC,eAAWC,KAAKC,QAAUF,eAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAAA,aAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAAA,aAAWG,UAAUE,~~QAG7BnB~~,~~CAAM~~,~~sBA7BSH,~~IACtB,~~IAAIuB~~,~~EAAQrB~~,EAAAA,OAAOF,EAAI,IACvB,~~OAAQwB~~,~~OAAM5B~~,~~EAAiB6B~~,OAAOC,OAAO,CAAE,EAAEH,EAAO,CAAEI,MAAOJ,EAAMK,YAAa,cAAe,YAAaC,SAAU,CAACL,EAAAA,KAAM,OAAQ,CAAEM,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACN,EAAMQ,MAAO,OAASP,EAAAA,KAAM,OAAQ,CAAEM,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAASC,EAAAA,IAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUN,EAAMW,WAAe"}
1	+ {"version":3,"file":"numbering.js","sources":["../../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n});\n//# sourceMappingURL=numbering.js.map"],"names":["NumberingStyled","styled","shouldForwardProp","prop","_a","args","__rest","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600","props","_jsxs","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total"],"mappings":"4LAUY,MAONA,EAAkBC,EAAMA,OAAC,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBG,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,MAAO,CACHG,WAAY,MACZC,SAAUH,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYP,EAAKI,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,MAAOT,EAAKU,aAAeC,EAAAA,gBAAgBC,KAAOC,eAAWC,KAAKC,QAAUF,eAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAAA,aAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAAA,aAAWG,UAAUE,OAEnC,sBAzBqBnB,IACtB,IAAIoB,EAAQlB,EAAAA,OAAOF,EAAI,IACvB,OAAQqB,OAAMzB,EAAiB0B,OAAOC,OAAO,CAAE,EAAEH,EAAO,CAAEI,MAAOJ,EAAMK,YAAa,cAAe,YAAaC,SAAU,CAACL,EAAAA,KAAM,OAAQ,CAAEM,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACN,EAAMQ,MAAO,OAASP,EAAAA,KAAM,OAAQ,CAAEM,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACN,EAAMS,gBAAkBT,EAAMS,gBAAkB,IAAK,OAASC,EAAAA,IAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUN,EAAMW,WAAe"}

package/cjs/components/stepper/stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@mui/material/Stepper"),a=require("@mui/material/styles"),n=require("../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o);function s(e){const{active:r,completed:o,className:a}=e;return t.jsx(c,{className:a,children:r?t.jsx("div",{className:"QontoStepIcon-active"}):o?t.jsx("div",{className:"QontoStepIcon-completedIcon"}):t.jsx("div",{className:"QontoStepIcon-circle"})})}const c=a.styled("div")((({theme:e})=>{let t={};return t={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.paletteLight.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-active":{color:n.paletteLight.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.paletteLight.disabled.tertiary}`,backgroundColor:n.paletteLight.disabled.secondary}}},t})),d=a.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.paletteLight.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=a.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));exports.Stepper=o=>{var{activeStep:a,alternativeLabel:n,children:i,classes:c,connector:h,nonLinear:u,orientation:g,step:m}=o,x=e.__rest(o,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const b={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return t.jsx(p,{children:t.jsx("div",{children:t.jsx(l.default,Object.assign({className:"controllerContainer"},x,{activeStep:a,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:t.jsx(d,{}),children:m.map((e=>t.jsx(r.Step,{children:t.jsx(r.StepLabel,{style:b,StepIconComponent:s,children:e})},e)))}))})})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),o=require("@mui/material/Stepper"),a=require("@mui/material/styles"),n=require("../../design/skoda/paletteLight.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(o);function s(e){const{active:r,completed:o,className:a}=e;return t.jsx(c,{className:a,children:r?t.jsx("div",{className:"QontoStepIcon-active"}):o?t.jsx("div",{className:"QontoStepIcon-completedIcon"}):t.jsx("div",{className:"QontoStepIcon-circle"})})}const c=a.styled("div")((({theme:e})=>{let t={};return t={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.paletteLight.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-active":{color:n.paletteLight.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.paletteLight.onSurface.os700}`,color:n.paletteLight.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.paletteLight.disabled.tertiary}`,backgroundColor:n.paletteLight.disabled.secondary}}},t})),d=a.styled(r.StepConnector)((({theme:e})=>({[`&.${r.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${r.stepConnectorClasses.active}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700,width:"60px"}},[`&.${r.stepConnectorClasses.completed}`]:{[`& .${r.stepConnectorClasses.line}`]:{borderColor:n.paletteLight.onSurface.os700}},[`& .${r.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.paletteLight.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=a.styled("div")((()=>({"& .controllerContainer":{display:"flex",alignItems:"center",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}})));exports.Stepper=o=>{var{activeStep:a,alternativeLabel:n,children:i,classes:c,connector:h,nonLinear:u,orientation:g,step:m}=o,b=e.__rest(o,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return t.jsx(p,{children:t.jsx("div",{children:t.jsx(l.default,Object.assign({className:"controllerContainer"},b,{activeStep:a,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:t.jsx(d,{}),children:m.map((e=>t.jsx(r.Step,{children:t.jsx(r.StepLabel,{style:x,StepIconComponent:s,children:e})},e)))}))})})};
 //# sourceMappingURL=stepper.js.map

package/cjs/components/stepper/stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n ~~let~~ ~~style =~~ {~~};\n const SKODA_NEXT = 'SKODA Next';\n style = {~~\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n ~~fontFamily: SKODA_NEXT,\n~~ fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n ~~return style;\n~~});\n//# sourceMappingURL=stepper.js.map"],"names":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","paletteLight","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","~~fontFamily","~~fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"uRAqBA,SAASA,EAAcC,GACnB,MAAMC,OAAEA,EAAMC,UAAEA,EAASC,UAAEA,GAAcH,EACzC,OAAQI,MAAKC,EAAmB,CAAEF,UAAWA,EAAWG,SAAUL,EAAUG,EAAIG,IAAC,MAAO,CAAEJ,UAAW,yBAA6BD,EAAaE,EAAAA,IAAK,MAAO,CAAED,UAAW,gCAAqCC,EAAAA,IAAK,MAAO,CAAED,UAAW,0BAC1O,CACA,MAAME,EAAoBG,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YACvC,IAAIC,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACJC,MAA8B,SAAvBF,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,KAAK,KAAO,UACjEC,QAAS,OACTC,OAAQ,GACRC,WAAY,SACZ,iCAAkC,CAC9BN,MAAOO,EAAAA,aAAWC,UAAUC,MAC5BC,MAAO,GACPL,OAAQ,GACRM,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAUO,aAACN,UAAUC,QAC5CT,MAAOO,EAAAA,aAAWQ,MAAMC,YAGhC,0BAA2B,CACvBhB,MAAOO,EAAAA,aAAWC,UAAUC,MAC5BC,MAAO,GACPL,OAAQ,GACRM,aAAc,MACdM,YAAa,SACbC,WAAY,MACZN,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAUO,aAACN,UAAUC,QAC5CT,MAAOO,EAAAA,aAAWQ,MAAMC,YAGhC,0BAA2B,CACvBN,MAAO,GACPL,OAAQ,GACRM,aAAc,MACdE,OAAQ,sBACRb,MAAO,cACP,UAAW,CACPmB,OAAQ,UACRR,aAAc,MACdE,OAAQ,eAAeN,EAAUO,aAACM,SAASC,WAC3CT,gBAAiBL,EAAAA,aAAWa,SAASJ,aAI1CjB,CAAK,IAEVuB,EAAiBzB,EAAAA,OAAO0B,EAAAA,cAAP1B,EAAsB,EAAGC,YAAa,CACzD,CAAC,KAAK0B,uBAAqBC,oBAAqB,CAC5CC,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAEX,CAAC,KAAKJ,uBAAqBlC,UAAW,CAClC,CAAC,MAAMkC,uBAAqBK,QAAS,CACjCC,YAAavB,EAAAA,aAAWC,UAAUC,MAClCC,MAAO,SAGf,CAAC,KAAKc,uBAAqBjC,aAAc,CACrC,CAAC,MAAMiC,uBAAqBK,QAAS,CACjCC,YAAavB,EAAAA,aAAWC,UAAUC,QAG1C,CAAC,MAAMe,uBAAqBK,QAAS,CACjCC,YAAoC,SAAvBhC,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,KAAK,KAAOI,EAAUO,aAACM,SAASW,QAC3FC,eAAgB,EAChBrB,aAAc,OAGhBsB,EAAgBpC,EAAAA,OAAO,MAAPA,EAAc,~~KAChC~~,~~IAAIE~~,~~EAAQ,CAAA,EAaZ,OAXAA,EAAQ,CACJ,~~yBAA0B,~~CACtBK~~,QAAS,OACTE,WAAY,SACZ4B,~~WALW,aAMXC,~~UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,~~SAGbvC~~,~~CAAK,oBAzGQwC,~~IACpB,IAAIC,WAAEA,~~EAAUf~~,iBAAEA,EAAgB9B,SAAEA,~~EAAQ8C~~,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAASN,~~EAAIlD~~,~~EAAQyD~~,EAAMA,OAACP,EAAI,CAAC,aAAc,mBAAoB,WAAY,UAAW,YAAa,YAAa,cAAe,SAC7N,MAAMQ,EAAS,CACXT,WAAY,OACZD,SAAU,OACVD,WAAY,OAQhB,~~OAAO3C~~,EAAAA,IAAKwC,EAAe,CAAEtC,SANCF,MAAK,MAAO,CAAEE,SAAUF,EAAIG,~~IAACoD~~,UAAYC,OAAOC,OAAO,~~CAAE1D~~,UAAW,uBAAyBH,EAAO,~~CAAEmD~~,WAAYA,EAAYW,GAAI,CACpJC,SAAU,~~IACVhD~~,QAAS,OACTE,WAAY,~~SACZ+C~~,QAAS,~~GACV5B~~,iBAAkBA,~~EAAkBiB~~,~~UAAWjD~~,EAAAA,IAAK6B,EAAgB,CAAA,GAAK3B,~~SAAUkD~~,EAAKS,KAAKC,~~GAAW9D~~,EAAAA,~~IAAK+D~~,EAAAA,KAAM,~~CAAE7D~~,SAAUF,EAAIG,~~IAAC6D~~,EAASA,UAAE,~~CAAE1D~~,~~MAAOgD~~,EAAQW,~~kBAAmBtE~~,EAAeO,~~SAAU4D~~,KAAYA,WACzK"}
1	+ {"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n return {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n//# sourceMappingURL=stepper.js.map"],"names":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","paletteLight","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"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"}

package/cjs/design/skoda/SkodaThemeProvider.d.ts CHANGED Viewed

@@ -1,10 +1,16 @@
 import React from 'react';
 import { ScopedCssBaselineProps } from '@mui/material';
-import { DefaultTheme } from '@mui/system';
+import { Theme } from '@mui/material/styles';
 import './theme.extensions';
 export type SkodaThemeProviderProps = {
     children?: React.ReactNode;
-    theme?: Partial<DefaultTheme>;
+    /**
+     * Theme to be used
+     */
+    theme?: Partial<Theme>;
+    /**
+     * Disable adding extra ScopedCssBaseline as CssBaseline is being used
+     */
     globalBaseline?: boolean;
 } & ScopedCssBaselineProps;
 /**

package/cjs/design/skoda/SkodaThemeProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),s=require("./theme.js");exports.SkodaThemeProvider=t=>{var{children:l,theme:n=s.theme,globalBaseline:a=!1}=t,h=e.__rest(t,["children","theme","globalBaseline"]);return r.jsx(i.StyledEngineProvider,{injectFirst:!0,children:r.jsx(i.ThemeProvider,{theme:n,children:a?l:r.jsx(i.ScopedCssBaseline,Object.assign({},h,{children:l}))})})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),s=require("@emotion/react"),l=require("@emotion/cache"),n=require("stylis"),u=require("stylis-plugin-rtl"),a=require("./theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(l),o=c(u);exports.SkodaThemeProvider=l=>{var{children:u,theme:c=a.theme,globalBaseline:h=!1}=l,m=e.__rest(l,["children","theme","globalBaseline"]);const q=i.useMemo((()=>d.default(Object.assign({prepend:!0,key:"rtl"===c.direction?"rtl":"css"},"rtl"===c.direction?{stylisPlugins:[n.prefixer,o.default]}:{}))),[c.direction]);return r.jsx(s.CacheProvider,{value:q,children:r.jsx(t.ThemeProvider,{theme:c,children:h?u:r.jsx(t.ScopedCssBaseline,Object.assign({},m,"rtl"===c.direction?{dir:"rtl"}:{},{children:u}))})})};
 //# sourceMappingURL=SkodaThemeProvider.js.map

package/cjs/design/skoda/SkodaThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ScopedCssBaseline, ~~StyledEngineProvider,~~ ThemeProvider } from '@mui/material';\nimport { theme as skodaTheme } from './theme';\nimport './theme.extensions';\n/*\n Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider = (_a) => {\n var { children, theme = skodaTheme, globalBaseline = false } = _a, rest = __rest(_a, [\"children\", \"theme\", \"globalBaseline\"]);\n return (_jsx(~~StyledEngineProvider~~, { ~~injectFirst~~: ~~true~~, children: _jsx(ThemeProvider, { theme: theme, children: globalBaseline ? children : _jsx(ScopedCssBaseline, Object.assign({}, rest, { children: children })) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["_a","children","theme","skodaTheme","globalBaseline","rest","__rest","~~_jsx~~","~~StyledEngineProvider~~","~~injectFirst~~","~~jsx~~","ThemeProvider","~~ScopedCssBaseline~~","~~Object~~","~~assign~~"],"mappings":"~~iJAQmCA~~,IAC/B,IAAIC,SAAEA,EAAQC,MAAEA,EAAQC,EAAUD,MAAAE,eAAEA,GAAiB,GAAUJ,EAAIK,EAAOC,EAAAA,OAAON,EAAI,CAAC,WAAY,QAAS,mBAC3G,~~OAAQO~~,~~MAAKC~~,EAAAA,~~qBAAsB~~,CAAEC,~~aAAa~~,~~EAAMR~~,~~SAAUM~~,~~EAAIG~~,~~IAACC~~,~~EAAaA~~,~~cAAE~~,~~CAAET~~,MAAOA,EAAOD,SAAUG,~~EAAiBH~~,~~EAAWM~~,~~EAAAA~~,~~IAAKK~~,~~EAAiBA~~,~~kBAAEC,~~OAAOC,OAAO,CAAA,~~EAAIT~~,~~EAAM~~,~~CAAEJ~~,SAAUA,~~QAAoB~~"}
1	+ {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { ScopedCssBaseline, ThemeProvider } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport { theme as skodaTheme } from './theme';\nimport './theme.extensions';\n/*\n Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider = (_a) => {\n var { children, theme = skodaTheme, globalBaseline = false } = _a, rest = __rest(_a, [\"children\", \"theme\", \"globalBaseline\"]);\n const cache = useMemo(() => {\n return createCache(Object.assign({ \n // inject first\n prepend: true, \n // rtl/ltr cache\n key: theme.direction === 'rtl' ? 'rtl' : 'css' }, (theme.direction === 'rtl' ? { stylisPlugins: [prefixer, rtlPlugin] } : {})));\n }, [theme.direction]);\n return (_jsx(CacheProvider, { value: cache, children: _jsx(ThemeProvider, { theme: theme, children: globalBaseline ? (children) : (_jsx(ScopedCssBaseline, Object.assign({}, rest, (theme.direction === 'rtl' ? { dir: 'rtl' } : {}), { children: children }))) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["_a","children","theme","skodaTheme","globalBaseline","rest","__rest","cache","useMemo","createCache","default","Object","assign","prepend","key","direction","stylisPlugins","prefixer","rtlPlugin","_jsx","CacheProvider","value","ThemeProvider","jsx","ScopedCssBaseline","dir"],"mappings":"oVAamCA,IAC/B,IAAIC,SAAEA,EAAQC,MAAEA,EAAQC,EAAUD,MAAAE,eAAEA,GAAiB,GAAUJ,EAAIK,EAAOC,EAAAA,OAAON,EAAI,CAAC,WAAY,QAAS,mBAC3G,MAAMO,EAAQC,EAAAA,SAAQ,IACXC,EAAWC,QAACC,OAAOC,OAAO,CAE7BC,SAAS,EAETC,IAAyB,QAApBZ,EAAMa,UAAsB,MAAQ,OAA8B,QAApBb,EAAMa,UAAsB,CAAEC,cAAe,CAACC,EAAQA,SAAEC,EAASR,UAAM,CAAE,KACjI,CAACR,EAAMa,YACV,OAAQI,EAAAA,IAAKC,EAAAA,cAAe,CAAEC,MAAOd,EAAON,SAAUkB,MAAKG,EAAAA,cAAe,CAAEpB,MAAOA,EAAOD,SAAUG,EAAc,EAAiBe,EAAII,IAACC,oBAAmBb,OAAOC,OAAO,CAAA,EAAIP,EAA2B,QAApBH,EAAMa,UAAsB,CAAEU,IAAK,OAAU,CAAE,EAAG,CAAExB,SAAUA,QAAqB"}