@skodaflow/web-library 6.0.0 → 7.0.1

package/README.md

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

package/cjs/components/backdrop/backdrop.js

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

package/cjs/components/backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n    var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n    const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n    const handleClose = () => {\n        handleCloseBackdrop();\n        onClose && onClose(false);\n    };\n    useEffect(() => {\n        setOpenBackdrop(open);\n    }, [open, setOpenBackdrop]);\n    return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (args.invisible)\n        return {\n            backgroundColor: flowColors.transparent.backdrop,\n            backdropFilter: 'blur(0px)',\n        };\n    return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","default","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"mTAUY,MAACA,EAAWC,EAAUA,YAAC,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAWC,UAQ1E,OAHAC,EAAAA,WAAU,KACNH,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFI,MAAKC,EAAgB,CAAEZ,IAAKA,EAAKa,QAASV,EAAMU,QAASZ,KAAMI,EAAcS,QAPjE,KAChBR,IACAJ,GAAWA,GAAQ,EAAM,EAK8Ea,UAAWZ,EAAMY,UAAWC,GAAIb,EAAMa,GAAIC,mBAAoBd,EAAMc,mBAAoBC,SAAUf,EAAMe,UAAa,IAE9NN,EAAiBO,EAAMA,OAACC,UAAPD,EAAqBpB,GACbK,EAAMA,OAACL,EAAI,CAAC,UAC9BgB,UACE,CACHM,gBAAiBC,EAAAA,WAAWC,YAAYC,SACxCC,eAAgB,aAEjB"}
+{"version":3,"file":"backdrop.js","sources":["../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { paletteLight } from '../../design/skoda/paletteLight.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n    var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n    const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n    const handleClose = () => {\n        handleCloseBackdrop();\n        onClose && onClose(false);\n    };\n    useEffect(() => {\n        setOpenBackdrop(open);\n    }, [open, setOpenBackdrop]);\n    return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (args.invisible)\n        return {\n            backgroundColor: paletteLight.transparent.backdrop,\n            backdropFilter: 'blur(0px)',\n        };\n    return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","default","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","paletteLight","transparent","backdrop","backdropFilter"],"mappings":"wTAUY,MAACA,EAAWC,EAAUA,YAAC,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAWC,UAQ1E,OAHAC,EAAAA,WAAU,KACNH,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFI,MAAKC,EAAgB,CAAEZ,IAAKA,EAAKa,QAASV,EAAMU,QAASZ,KAAMI,EAAcS,QAPjE,KAChBR,IACAJ,GAAWA,GAAQ,EAAM,EAK8Ea,UAAWZ,EAAMY,UAAWC,GAAIb,EAAMa,GAAIC,mBAAoBd,EAAMc,mBAAoBC,SAAUf,EAAMe,UAAa,IAE9NN,EAAiBO,EAAMA,OAACC,UAAPD,EAAqBpB,GACbK,EAAMA,OAACL,EAAI,CAAC,UAC9BgB,UACE,CACHM,gBAAiBC,EAAAA,aAAaC,YAAYC,SAC1CC,eAAgB,aAEjB"}

package/cjs/components/banner/banner.d.ts

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

package/cjs/components/banner/banner.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("tslib"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../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("@mui/material/Container"),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("../tab/tab.js"),require("../tab/tabs.js"),require("../tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("lodash/noop"),require("../toggleSwitch/toggleSwitch.js"),require("../agGrid/agGrid.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("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js");exports.Banner=({children:s,variant:t="info",buttons:o})=>{const n=i.useTheme(),u=r.useMemo((()=>{switch(t){case"error":return n.palette.error.main;case"warning":return n.palette.warning.main;default:return n.palette.info.main}}),[t,n]),l=r.useMemo((()=>{switch(t){case"error":return i.lighten(n.palette.error.light,.9);case"warning":return i.lighten(n.palette.warning.light,.9);default:return i.lighten(n.palette.info.light,.9)}}),[t,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(i.Box,{component:a.Icon,className:"info"===t?"circle-information":"circle-exclamation",iconStyle:"filled",color:t,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),e.jsx(i.Box,{children:"string"==typeof s?e.jsx(i.Typography,{children:s}):s})]}),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})]})};
+"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("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");exports.Banner=({children:t,variant:s="info",buttons:o})=>{const n=r.useTheme(),[u,l]=i.useMemo((()=>{switch(s){case"error":return[n.palette.error.main,r.lighten(n.palette.error.light,.9)];case"warning":return[n.palette.warning.main,r.lighten(n.palette.warning.light,.9)];default:return[n.palette.info.main,r.lighten(n.palette.info.light,.9)]}}),[s,n]);return e.jsxs(r.Stack,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:l},"data-testid":"Banner",children:[e.jsxs(r.Stack,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[e.jsx(a.Icon,{name:"info"===s?"circle-info":"circle-exclamation",iconStyle:"filled",color:s,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),e.jsx(r.Box,{children:"string"==typeof t?e.jsx(r.Typography,{children:t}):t})]}),o&&e.jsx(r.Stack,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:o})]})};
 //# sourceMappingURL=banner.js.map

package/cjs/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n    const theme = useTheme();\n    const borderColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return theme.palette.error.main;\n            case 'warning':\n                return theme.palette.warning.main;\n            case 'info':\n            default:\n                return theme.palette.info.main;\n        }\n    }, [variant, theme]);\n    const backgroundColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return lighten(theme.palette.error.light, 0.9);\n            case 'warning':\n                return lighten(theme.palette.warning.light, 0.9);\n            case 'info':\n            default:\n                return lighten(theme.palette.info.light, 0.9);\n        }\n    }, [variant, theme]);\n    return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n            borderLeft: '6px solid',\n            alignItems: 'flex-start',\n            borderColor,\n            backgroundColor,\n        }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Box, { component: Icon, className: variant === 'info' ? 'circle-information' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n                            alignSelf: 'flex-start',\n                            color: borderColor,\n                            marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n                        } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["children","variant","buttons","theme","useTheme","borderColor","useMemo","palette","error","main","warning","info","backgroundColor","lighten","light","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Box","component","Icon","className","iconStyle","color","alignSelf","marginTop","lg","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"o2KAIsB,EAAGA,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,EAAAA,WACRC,EAAcC,EAAAA,SAAQ,KACxB,OAAQL,GACJ,IAAK,QACD,OAAOE,EAAMI,QAAQC,MAAMC,KAC/B,IAAK,UACD,OAAON,EAAMI,QAAQG,QAAQD,KAEjC,QACI,OAAON,EAAMI,QAAQI,KAAKF,KACjC,GACF,CAACR,EAASE,IACPS,EAAkBN,EAAAA,SAAQ,KAC5B,OAAQL,GACJ,IAAK,QACD,OAAOY,EAAAA,QAAQV,EAAMI,QAAQC,MAAMM,MAAO,IAC9C,IAAK,UACD,OAAOD,EAAAA,QAAQV,EAAMI,QAAQG,QAAQI,MAAO,IAEhD,QACI,OAAOD,EAAAA,QAAQV,EAAMI,QAAQI,KAAKG,MAAO,IAChD,GACF,CAACb,EAASE,IACb,OAAQY,OAAMC,EAAAA,MAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAO,mBACD,cAAe,SAAUZ,SAAU,CAACe,EAAKS,KAACR,QAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEI,QAAS,CAAEP,GAAI,YAAaC,GAAI,OAAQO,GAAI,aAAeC,SAAU,EAAGJ,WAAY,UAAYvB,SAAU,CAAC4B,MAAKC,EAAAA,IAAK,CAAEC,UAAWC,EAAIA,KAAEC,UAAuB,SAAZ/B,EAAqB,qBAAuB,qBAAsBgC,UAAW,SAAUC,MAAOjC,EAASoB,GAAI,CACpUc,UAAW,aACXD,MAAO7B,EACP+B,UAAW,CAAEC,GAAI,iBAAkBnB,GAAI,iBAAkBC,GAAI,sBAC3DS,MAAKC,EAAAA,IAAK,CAAE7B,SAA8B,iBAAbA,EAAwB4B,MAAKU,EAAAA,WAAY,CAAEtC,SAAUA,IAAcA,OAAiBE,GAAY0B,MAAKZ,EAAAA,MAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGmB,YAAY,EAAMlB,GAAI,CAAEI,QAAS,WAAYe,SAAU,SAAUC,SAAU,OAAQN,UAAW,SAAUO,YAAa,QAAU,cAAe,iBAAkB1C,SAAUE,MAAiB"}
+{"version":3,"file":"banner.js","sources":["../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n/**\n * Alert notification banner\n */\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n    const theme = useTheme();\n    const [borderColor, backgroundColor] = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return [theme.palette.error.main, lighten(theme.palette.error.light, 0.9)];\n            case 'warning':\n                return [theme.palette.warning.main, lighten(theme.palette.warning.light, 0.9)];\n            case 'info':\n            default:\n                return [theme.palette.info.main, lighten(theme.palette.info.light, 0.9)];\n        }\n    }, [variant, theme]);\n    return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n            borderLeft: '6px solid',\n            alignItems: 'flex-start',\n            borderColor,\n            backgroundColor,\n        }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Icon, { name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n                            alignSelf: 'flex-start',\n                            color: borderColor,\n                            marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n                        } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"yjIAOsB,EAAGA,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,EAAAA,YACPC,EAAaC,GAAmBC,EAAOA,SAAC,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAAA,QAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAAA,QAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAAA,QAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,OAAMC,EAAAA,MAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAKS,KAACR,QAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEI,QAAS,CAAEP,GAAI,YAAaC,GAAI,OAAQO,GAAI,aAAeC,SAAU,EAAGJ,WAAY,UAAYvB,SAAU,CAAC4B,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,KAAkB,SAAZ7B,EAAqB,cAAgB,qBAAsB8B,UAAW,SAAUC,MAAO/B,EAASoB,GAAI,CACxSY,UAAW,aACXD,MAAO3B,EACP6B,UAAW,CAAEC,GAAI,iBAAkBjB,GAAI,iBAAkBC,GAAI,sBAC3DS,MAAKQ,EAAAA,IAAK,CAAEpC,SAA8B,iBAAbA,EAAwB4B,MAAKS,EAAAA,WAAY,CAAErC,SAAUA,IAAcA,OAAiBE,GAAY0B,MAAKZ,EAAAA,MAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGkB,YAAY,EAAMjB,GAAI,CAAEI,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBzC,SAAUE,MAAiB"}

package/cjs/components/button/button.js

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

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

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

package/cjs/components/cardContainer/cardContainer.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("@emotion/styled"),s=require("../../design/skoda/palette.theme.js"),o=require("../../utils/utilities.js");function t(e){return e&&e.__esModule?e:{default:e}}var l=t(a);const n=i.forwardRef(((a,s)=>{var{children:o,isClickable:t,onClickCallback:l,isClicked:n,padding:c="10px",isGreyVariant:b=!1}=a,x=e.__rest(a,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[p,u]=i.useState(!1);i.useEffect((()=>{t&&u((()=>n))}),[t,n]);const C=i.useCallback((()=>{t&&u((e=>(l&&l(!e),!e)))}),[t,l]);return r.jsx(d,Object.assign({style:{padding:c}},x,{ref:s,onClick:C,isClicked:p,isClickable:t,isGreyVariant:b,"data-state":p?"clicked":"idle","data-testid":"CardContainer",children:r.jsx("div",{children:o})}))})),d=l.default.div((r=>{var i=e.__rest(r,["theme"]);const a=`inset 0 0 0 1px ${s.flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,t=i.isClicked?{boxShadow:`inset 0 0 0 1px ${s.flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${s.flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:a},l=i.isClickable?Object.assign({cursor:"pointer"},t):{boxShadow:a};let n={};return n=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:o.ternaryCondition(i.isGreyVariant,!0,s.flowColors.surface.primary,s.flowColors.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${s.flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},l),n}));exports.CardContainer=n;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),t=require("@emotion/styled"),a=require("../../design/skoda/paletteLight.theme.js"),s=require("../../utils/utilities.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t);const d=r.forwardRef(((t,a)=>{var{children:s,isClickable:n,onClickCallback:l,isClicked:d,padding:c="10px",isGreyVariant:p=!1}=t,b=e.__rest(t,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[x,u]=r.useState(!1);r.useEffect((()=>{n&&u((()=>d))}),[n,d]);const g=r.useCallback((()=>{n&&u((e=>(l&&l(!e),!e)))}),[n,l]);return i.jsx(o,Object.assign({style:{padding:c}},b,{ref:a,onClick:g,isClicked:x,isClickable:n,isGreyVariant:p,"data-state":x?"clicked":"idle","data-testid":"CardContainer",children:i.jsx("div",{children:s})}))})),o=l.default.div((i=>{var r=e.__rest(i,["theme"]);const t=`inset 0 0 0 1px ${a.paletteLight.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,n=r.isClicked?{boxShadow:`inset 0 0 0 1px ${a.paletteLight.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${a.paletteLight.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:t},l=r.isClickable?Object.assign({cursor:"pointer"},n):{boxShadow:t};let d={};return d=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:s.ternaryCondition(r.isGreyVariant,!0,a.paletteLight.surface.primary,a.paletteLight.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${a.paletteLight.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},l),d}));exports.CardContainer=d;
 //# sourceMappingURL=cardContainer.js.map

package/cjs/components/cardContainer/cardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef((_a, ref) => {\n    var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n    const [isClicked, setIsClicked] = useState(false);\n    useEffect(() => {\n        if (!isClickable)\n            return;\n        setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n    const isClickedHandler = useCallback(() => {\n        if (!isClickable)\n            return;\n        setIsClicked((curr) => {\n            onClickCallback && onClickCallback(!curr);\n            return !curr;\n        });\n    }, [isClickable, onClickCallback]);\n    return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const defaultBoxShadow = `inset 0 0 0 1px ${flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n    const stylesBasedOnClick = args.isClicked\n        ? {\n            boxShadow: `inset 0 0 0 1px ${flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            '&:hover': {\n                boxShadow: `inset 0 0 0 1px ${flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            },\n        }\n        : { boxShadow: defaultBoxShadow };\n    const stylesBasedOnIsClickable = args.isClickable\n        ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n    let styles = {};\n    styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, flowColors.surface.primary, flowColors.surface.tertiary), '&:hover': {\n            border: '',\n            boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        } }, stylesBasedOnIsClickable);\n    return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","jsx","styled","default","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"wQAOY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAMA,OAACV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,EAAQA,UAAC,GAC3CC,EAAAA,WAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAAA,IAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAIM,IAAC,MAAO,CAAErB,SAAUA,MAAiB,IAE5UgB,EAAsBM,EAAMC,QAACC,KAAK1B,IACjC,IAAiB2B,EAAOjB,EAAMA,OAACV,EAAI,CAAC,UACvC,MAAM4B,EAAmB,mBAAmBC,EAAAA,WAAWC,QAAQC,6CACzDC,EAAqBL,EAAKtB,UAC1B,CACE4B,UAAW,mBAAmBJ,EAAAA,WAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAAA,WAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKxB,YAChCgB,OAAOC,OAAO,CAAEkB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASpB,OAAOC,OAAO,CAAEoB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,mBAAiBjB,EAAKnB,eAAe,EAAMqB,EAAAA,WAAWC,QAAQK,QAASN,EAAAA,WAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAAA,WAAWkB,UAAUC,2CAClDX,GACFE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { paletteLight } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef((_a, ref) => {\n    var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n    const [isClicked, setIsClicked] = useState(false);\n    useEffect(() => {\n        if (!isClickable)\n            return;\n        setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n    const isClickedHandler = useCallback(() => {\n        if (!isClickable)\n            return;\n        setIsClicked((curr) => {\n            onClickCallback && onClickCallback(!curr);\n            return !curr;\n        });\n    }, [isClickable, onClickCallback]);\n    return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const defaultBoxShadow = `inset 0 0 0 1px ${paletteLight.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n    const stylesBasedOnClick = args.isClicked\n        ? {\n            boxShadow: `inset 0 0 0 1px ${paletteLight.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            '&:hover': {\n                boxShadow: `inset 0 0 0 1px ${paletteLight.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            },\n        }\n        : { boxShadow: defaultBoxShadow };\n    const stylesBasedOnIsClickable = args.isClickable\n        ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n    let styles = {};\n    styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, paletteLight.surface.primary, paletteLight.surface.tertiary), '&:hover': {\n            border: '',\n            boxShadow: `inset 0 0 0 1px ${paletteLight.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        } }, stylesBasedOnIsClickable);\n    return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","jsx","styled","default","div","args","defaultBoxShadow","paletteLight","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"6QAOY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAMA,OAACV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,EAAQA,UAAC,GAC3CC,EAAAA,WAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAAA,IAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAIM,IAAC,MAAO,CAAErB,SAAUA,MAAiB,IAE5UgB,EAAsBM,EAAMC,QAACC,KAAK1B,IACjC,IAAiB2B,EAAOjB,EAAMA,OAACV,EAAI,CAAC,UACvC,MAAM4B,EAAmB,mBAAmBC,EAAAA,aAAaC,QAAQC,6CAC3DC,EAAqBL,EAAKtB,UAC1B,CACE4B,UAAW,mBAAmBJ,EAAAA,aAAaK,MAAMC,2CACjD,UAAW,CACPF,UAAW,mBAAmBJ,EAAAA,aAAaO,WAAWD,6CAG5D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKxB,YAChCgB,OAAOC,OAAO,CAAEkB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASpB,OAAOC,OAAO,CAAEoB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,mBAAiBjB,EAAKnB,eAAe,EAAMqB,EAAAA,aAAaC,QAAQK,QAASN,EAAAA,aAAaC,QAAQe,UAAW,UAAW,CACxNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAAA,aAAakB,UAAUC,2CACpDX,GACFE,CAAM"}

package/cjs/components/cardMenu/cardMenu.d.ts

@@ -85,4 +85,5 @@ export interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {
     /** Renders the popper with border radius */
     rounded?: boolean;
 }
+/** @deprecated Use Menu component from @mui/material */
 export declare const CardMenu: React.ForwardRefExoticComponent<CardMenuProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/cardMenu/cardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardMenu.js","sources":["../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener, Divider } from '@mui/material';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n    const { isMobile } = useWindowSize();\n    const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n    return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n                        return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { name: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n                    }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n                                return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { name: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n                            }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}
+{"version":3,"file":"cardMenu.js","sources":["../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener, Divider } from '@mui/material';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n/** @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n    const { isMobile } = useWindowSize();\n    const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n    return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n                        return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { name: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n                    }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n                                return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { name: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n                            }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}

package/cjs/components/cardMenu/styled/menuListStyled.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("@emotion/styled"),e=require("@mui/material/MenuList"),i=require("../../../design/skoda/palette.theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var r=o(t),a=o(e);const n=r.default(a.default,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:e})=>{const o=e?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let r={};return r={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:o.padding,"&.Mui-disabled":{color:i.flowColors.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${i.flowColors.disabled.primary}!important`}},"&:hover":{background:i.flowColors.surface.primary},"& > .MuiListItemText-root":{marginRight:o.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:o.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));exports.MenuListStyled=n;
+"use strict";var t=require("@emotion/styled"),e=require("@mui/material/MenuList"),i=require("../../../design/skoda/paletteLight.theme.js");function r(t){return t&&t.__esModule?t:{default:t}}var o=r(t),a=r(e);const n=o.default(a.default,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:e})=>{const r=e?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let o={};return o={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:r.padding,"&.Mui-disabled":{color:i.paletteLight.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${i.paletteLight.disabled.primary}!important`}},"&:hover":{background:i.paletteLight.surface.primary},"& > .MuiListItemText-root":{marginRight:r.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:r.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},o}));exports.MenuListStyled=n;
 //# sourceMappingURL=menuListStyled.js.map

package/cjs/components/cardMenu/styled/menuListStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListStyled.js","sources":["../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const MenuListStyled = styled(MenuList, {\n    shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n    const conditionalStyles = allowMultiselect\n        ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n        : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n    let style = {};\n    style = {\n        boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n        background: theme.palette.background.white,\n        padding: '0px',\n        minWidth: '105px',\n        maxWidth: '222px',\n        '& > .menu-item-divider': {\n            margin: '0px !important',\n        },\n        '& > .menu-content-items': {\n            maxHeight: '240px',\n            overflowY: 'overlay',\n            '& .MuiCheckbox-root': {\n                marginRight: '4px',\n            },\n        },\n        '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n            color: theme.palette.onSurface.os900,\n            whiteSpace: 'nowrap',\n            padding: conditionalStyles.padding,\n            '&.Mui-disabled': {\n                color: flowColors.disabled.primary,\n                opacity: 1,\n                '& .MuiIcon-root': {\n                    color: `${flowColors.disabled.primary}!important`,\n                },\n            },\n            '&:hover': {\n                background: flowColors.surface.primary,\n            },\n            '& > .MuiListItemText-root': {\n                marginRight: conditionalStyles.marginRight,\n            },\n            '& .MuiTypography-root': {\n                fontSize: '16px',\n                lineHeight: '24px',\n                fontWeight: '400',\n            },\n            '& > .MuiListItemIcon-root': {\n                display: 'inline-block',\n                lineHeight: '21px',\n                minWidth: 'unset',\n                width: '20px',\n                marginRight: '16px',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.text.primary,\n                    display: 'inline',\n                },\n            },\n            '&.menu-item-header': {\n                padding: '12px 12px 12px 24px',\n                '& .MuiTypography-root': {\n                    fontWeight: '700',\n                    lineHeight: '20px',\n                },\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n                '& .MuiListItemIcon-root': {\n                    color: theme.palette.onSurface.os900,\n                    marginRight: conditionalStyles.marginRightCross,\n                    cursor: 'pointer',\n                },\n                '& > .MuiListItemText-root': {\n                    marginRight: '15px',\n                },\n            },\n            '&.menu-select-all': {\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n            },\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","default","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"2MAGY,MAACA,EAAiBC,EAAMC,QAACC,UAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHJ,EAE3B,EAAGK,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAAA,WAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAAA,WAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAAA,WAAWI,QAAQF,SAEnC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}
+{"version":3,"file":"menuListStyled.js","sources":["../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { paletteLight } from '../../../design/skoda/paletteLight.theme';\nexport const MenuListStyled = styled(MenuList, {\n    shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n    const conditionalStyles = allowMultiselect\n        ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n        : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n    let style = {};\n    style = {\n        boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n        background: theme.palette.background.white,\n        padding: '0px',\n        minWidth: '105px',\n        maxWidth: '222px',\n        '& > .menu-item-divider': {\n            margin: '0px !important',\n        },\n        '& > .menu-content-items': {\n            maxHeight: '240px',\n            overflowY: 'overlay',\n            '& .MuiCheckbox-root': {\n                marginRight: '4px',\n            },\n        },\n        '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n            color: theme.palette.onSurface.os900,\n            whiteSpace: 'nowrap',\n            padding: conditionalStyles.padding,\n            '&.Mui-disabled': {\n                color: paletteLight.disabled.primary,\n                opacity: 1,\n                '& .MuiIcon-root': {\n                    color: `${paletteLight.disabled.primary}!important`,\n                },\n            },\n            '&:hover': {\n                background: paletteLight.surface.primary,\n            },\n            '& > .MuiListItemText-root': {\n                marginRight: conditionalStyles.marginRight,\n            },\n            '& .MuiTypography-root': {\n                fontSize: '16px',\n                lineHeight: '24px',\n                fontWeight: '400',\n            },\n            '& > .MuiListItemIcon-root': {\n                display: 'inline-block',\n                lineHeight: '21px',\n                minWidth: 'unset',\n                width: '20px',\n                marginRight: '16px',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.text.primary,\n                    display: 'inline',\n                },\n            },\n            '&.menu-item-header': {\n                padding: '12px 12px 12px 24px',\n                '& .MuiTypography-root': {\n                    fontWeight: '700',\n                    lineHeight: '20px',\n                },\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n                '& .MuiListItemIcon-root': {\n                    color: theme.palette.onSurface.os900,\n                    marginRight: conditionalStyles.marginRightCross,\n                    cursor: 'pointer',\n                },\n                '& > .MuiListItemText-root': {\n                    marginRight: '15px',\n                },\n            },\n            '&.menu-select-all': {\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n            },\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","default","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","paletteLight","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"gNAGY,MAACA,EAAiBC,EAAMC,QAACC,UAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHJ,EAE3B,EAAGK,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAAA,aAAaC,SAASC,QAC7BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAAA,aAAaC,SAASC,sBAGxC,UAAW,CACPd,WAAYY,EAAAA,aAAaI,QAAQF,SAErC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}

package/cjs/components/common/styled/textFieldStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@mui/material/TextField"),r=require("@mui/material/styles"),o=require("../../../design/skoda/palette.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(t);const a=r.styled(s.default,{shouldForwardProp:e=>"helpText"!==e&&"maxChars"!==e&&"hideBg"!==e&&"hasError"!==e&&"hovered"!==e&&"textAreaHeight"!==e})((t=>{var r=e.__rest(t,["theme"]);let i={};return i={},r.focused&&(i=Object.assign({},i)),r.error&&(i=Object.assign({},i)),r.icon&&(i=Object.assign({},i)),r.icon&&!r.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-underline":Object.assign(Object.assign({},i["& .MuiInput-underline"]),{"&:after":{bottom:"0px"},"&.Mui-error":{"&:after":{borderBottomColor:o.flowColors.alert.main}}}),"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{marginTop:0,height:"inherit",transform:"translateY(0px)","& input":{marginTop:"20px"},"& .MuiIcon-root":{top:"0px !important"},"&:before":{bottom:"0px"}})})),r.icon&&r.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{"& .MuiIcon-root":{top:"-4px !important","&.Mui-error":{"&:after":{borderBottomColor:o.flowColors.alert.main}}}})})),r.disabled&&(i=Object.assign({},i)),i}));exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@mui/material/TextField"),r=require("@mui/material/styles"),i=require("../../../design/skoda/paletteLight.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var a=o(t);const s=r.styled(a.default,{shouldForwardProp:e=>"helpText"!==e&&"maxChars"!==e&&"hideBg"!==e&&"hasError"!==e&&"hovered"!==e&&"textAreaHeight"!==e})((t=>{var r=e.__rest(t,["theme"]);let o={};return o={},r.focused&&(o=Object.assign({},o)),r.error&&(o=Object.assign({},o)),r.icon&&(o=Object.assign({},o)),r.icon&&!r.placeholder&&(o=Object.assign(Object.assign({},o),{"& .MuiInput-underline":Object.assign(Object.assign({},o["& .MuiInput-underline"]),{"&:after":{bottom:"0px"},"&.Mui-error":{"&:after":{borderBottomColor:i.paletteLight.alert.main}}}),"& .MuiInput-root":Object.assign(Object.assign({},o["& .MuiInput-root"]),{marginTop:0,height:"inherit",transform:"translateY(0px)","& input":{marginTop:"20px"},"& .MuiIcon-root":{top:"0px !important"},"&:before":{bottom:"0px"}})})),r.icon&&r.placeholder&&(o=Object.assign(Object.assign({},o),{"& .MuiInput-root":Object.assign(Object.assign({},o["& .MuiInput-root"]),{"& .MuiIcon-root":{top:"-4px !important","&.Mui-error":{"&:after":{borderBottomColor:i.paletteLight.alert.main}}}})})),r.disabled&&(o=Object.assign({},o)),o}));exports.default=s;
 //# sourceMappingURL=textFieldStyled.js.map

package/cjs/components/common/styled/textFieldStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldStyled.js","sources":["../../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiTextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description TextInput styling definition based on props\n */\nconst TextFieldStyled = styled(MuiTextField, {\n    shouldForwardProp: (prop) => prop !== 'helpText' &&\n        prop !== 'maxChars' &&\n        prop !== 'hideBg' &&\n        prop !== 'hasError' &&\n        prop !== 'hovered' &&\n        prop !== 'textAreaHeight',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n    // '&, & *': {\n    // \tboxSizing: 'content-box !important',\n    // },\n    };\n    //Change styles if the input is focused\n    if (props.focused) {\n        styles = Object.assign({}, styles);\n    }\n    //If the input has an error, change the color of the label text and color/size of border's input\n    if (props.error) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon && !props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-underline': Object.assign(Object.assign({}, styles['& .MuiInput-underline']), { '&:after': {\n                    bottom: '0px',\n                }, '&.Mui-error': {\n                    '&:after': {\n                        borderBottomColor: flowColors.alert['main'],\n                    },\n                } }), '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { marginTop: 0, height: 'inherit', transform: 'translateY(0px)', '& input': {\n                    marginTop: '20px',\n                }, '& .MuiIcon-root': {\n                    top: '0px !important',\n                }, '&:before': {\n                    bottom: '0px',\n                } }) });\n    }\n    if (props.icon && props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { '& .MuiIcon-root': {\n                    top: '-4px !important',\n                    '&.Mui-error': {\n                        '&:after': {\n                            borderBottomColor: flowColors.alert['main'],\n                        },\n                    },\n                } }) });\n    }\n    //Change styles if the input is disabled\n    if (props.disabled) {\n        styles = Object.assign({}, styles);\n    }\n    return styles;\n});\nexport default TextFieldStyled;\n//# sourceMappingURL=textFieldStyled.js.map"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","flowColors","alert","marginTop","height","transform","top","disabled"],"mappings":"oRAOK,MAACA,EAAkBC,EAAMA,OAACC,UAAc,CACzCC,kBAAoBC,GAAkB,aAATA,GAChB,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GANgBH,EAOpBI,IACG,IAAiBC,EAAQC,EAAMA,OAACF,EAAI,CAAC,UACxC,IAAIG,EAAS,CAAA,EA8Cb,OA7CAA,EAAS,CAIb,EAEQF,EAAMG,UACND,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAG3BF,EAAMM,QACNJ,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OACNL,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OAASP,EAAMQ,cACrBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,wBAAyBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,0BAA2B,CAAE,UAAW,CAChJO,OAAQ,OACT,cAAe,CACd,UAAW,CACPC,kBAAmBC,EAAAA,WAAWC,MAAY,SAE5C,mBAAoBR,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,EAAO,qBAAsB,CAAEW,UAAW,EAAGC,OAAQ,UAAWC,UAAW,kBAAmB,UAAW,CAC/JF,UAAW,QACZ,kBAAmB,CAClBG,IAAK,kBACN,WAAY,CACXP,OAAQ,YAGpBT,EAAMO,MAAQP,EAAMQ,cACpBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,mBAAoBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,qBAAsB,CAAE,kBAAmB,CAC9Ic,IAAK,kBACL,cAAe,CACX,UAAW,CACPN,kBAAmBC,EAAAA,WAAWC,MAAY,aAM9DZ,EAAMiB,WACNf,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAExBA,CAAM"}
+{"version":3,"file":"textFieldStyled.js","sources":["../../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiTextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight } from '../../../design/skoda/paletteLight.theme';\n/**\n * @description TextInput styling definition based on props\n */\nconst TextFieldStyled = styled(MuiTextField, {\n    shouldForwardProp: (prop) => prop !== 'helpText' &&\n        prop !== 'maxChars' &&\n        prop !== 'hideBg' &&\n        prop !== 'hasError' &&\n        prop !== 'hovered' &&\n        prop !== 'textAreaHeight',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n    // '&, & *': {\n    // \tboxSizing: 'content-box !important',\n    // },\n    };\n    //Change styles if the input is focused\n    if (props.focused) {\n        styles = Object.assign({}, styles);\n    }\n    //If the input has an error, change the color of the label text and color/size of border's input\n    if (props.error) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon) {\n        styles = Object.assign({}, styles);\n    }\n    if (props.icon && !props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-underline': Object.assign(Object.assign({}, styles['& .MuiInput-underline']), { '&:after': {\n                    bottom: '0px',\n                }, '&.Mui-error': {\n                    '&:after': {\n                        borderBottomColor: paletteLight.alert['main'],\n                    },\n                } }), '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { marginTop: 0, height: 'inherit', transform: 'translateY(0px)', '& input': {\n                    marginTop: '20px',\n                }, '& .MuiIcon-root': {\n                    top: '0px !important',\n                }, '&:before': {\n                    bottom: '0px',\n                } }) });\n    }\n    if (props.icon && props.placeholder) {\n        styles = Object.assign(Object.assign({}, styles), { '& .MuiInput-root': Object.assign(Object.assign({}, styles['& .MuiInput-root']), { '& .MuiIcon-root': {\n                    top: '-4px !important',\n                    '&.Mui-error': {\n                        '&:after': {\n                            borderBottomColor: paletteLight.alert['main'],\n                        },\n                    },\n                } }) });\n    }\n    //Change styles if the input is disabled\n    if (props.disabled) {\n        styles = Object.assign({}, styles);\n    }\n    return styles;\n});\nexport default TextFieldStyled;\n//# sourceMappingURL=textFieldStyled.js.map"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","paletteLight","alert","marginTop","height","transform","top","disabled"],"mappings":"yRAOK,MAACA,EAAkBC,EAAMA,OAACC,UAAc,CACzCC,kBAAoBC,GAAkB,aAATA,GAChB,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GANgBH,EAOpBI,IACG,IAAiBC,EAAQC,EAAMA,OAACF,EAAI,CAAC,UACxC,IAAIG,EAAS,CAAA,EA8Cb,OA7CAA,EAAS,CAIb,EAEQF,EAAMG,UACND,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAG3BF,EAAMM,QACNJ,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OACNL,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAE3BF,EAAMO,OAASP,EAAMQ,cACrBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,wBAAyBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,0BAA2B,CAAE,UAAW,CAChJO,OAAQ,OACT,cAAe,CACd,UAAW,CACPC,kBAAmBC,EAAAA,aAAaC,MAAY,SAE9C,mBAAoBR,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,EAAO,qBAAsB,CAAEW,UAAW,EAAGC,OAAQ,UAAWC,UAAW,kBAAmB,UAAW,CAC/JF,UAAW,QACZ,kBAAmB,CAClBG,IAAK,kBACN,WAAY,CACXP,OAAQ,YAGpBT,EAAMO,MAAQP,EAAMQ,cACpBN,EAASE,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAS,CAAE,mBAAoBE,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,EAAO,qBAAsB,CAAE,kBAAmB,CAC9Ic,IAAK,kBACL,cAAe,CACX,UAAW,CACPN,kBAAmBC,EAAAA,aAAaC,MAAY,aAMhEZ,EAAMiB,WACNf,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAExBA,CAAM"}

package/cjs/components/controls/controls.js

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

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

@@ -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 { flowColors } from '../../design/skoda/palette.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","left","top","customHeight","borderColor","disabled"],"mappings":"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"}
+{"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"}

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

@@ -1,17 +1,17 @@
-import { HTMLAttributes } from 'react';
+import React from 'react';
+import { IconProps as MuiIconProps } from '@mui/material';
 import { IconNameProp } from './icon.definitions';
 /**
  * @interface IconProps
- * @description Base definition of SkodaFlow Icon independent on core implementation.
- * Properties are inherited from HTML Span element
+ * @description Base definition of SkodaFlow Icon
  */
-export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+export interface IconProps extends MuiIconProps {
     /**
-     *color of the icon
+     * Color of the icon
      */
     color?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
     /**
-     * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+     * The fontSize applied to the icon. Defaults to 24px, but can be configured to inherit font size.
      * @default 'medium'
      */
     fontSize?: 'inherit' | 'extraLarge' | 'large' | 'medium' | 'small';
@@ -24,14 +24,13 @@ export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'
      */
     name?: IconNameProp;
     /**
-     * @deprecated use properties `iconStyle` and `name` to define icon
+     * Class for the icon, used as `name` when property is not provided
      */
     className?: string;
 }
 /**
  * @description SkodaFlow Icon component.
- * Properties are inherited from HTML Span element.
  * @param props IconProps
  * @returns React Functional Component
  */
-export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Icon: React.FC<IconProps>;