@skodaflow/web-library 6.0.0 → 7.0.0

package/cjs/organisms/tile/tile.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sources":["../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const Tile = (_a) => {\n    var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n    const [isMouseOver, setIsMouseOver] = useState(false);\n    const handleMouseEnter = () => {\n        if (!isMouseOver) {\n            setIsMouseOver(true);\n        }\n    };\n    const handleMouseLeave = () => {\n        setIsMouseOver(false);\n    };\n    const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n    const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n    return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n    isBorderRadius: true,\n    promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n    styles = {\n        height: '100%',\n        '& .tileWrapper, & .tileWrapper *': {\n            boxSizing: 'border-box',\n        },\n        '& .tileWrapper': {\n            position: 'relative',\n            borderRadius: isBorderRadius ? '8px' : 0,\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'space-between',\n            backgroundColor: flowColors.surface.primary,\n            padding: '0 0 24px 0',\n            border: `1px solid ${flowColors.surface.secondary}`,\n        },\n        '& .tileDropdownMenu': {\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            '.menuCardComponent': {\n                top: 0,\n                right: 0,\n                width: '58px',\n                height: '58px',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n            },\n        },\n        '& .tileContent': {\n            paddingTop: promotionalLabel ? '40px' : '16px',\n        },\n        '& .tilePromotionalLabel': {\n            width: '100%',\n            maxWidth: 'calc(100% - 64px)',\n            position: 'absolute',\n            top: '0',\n            left: '0',\n        },\n        '& .tileGeneralLabel': {\n            padding: '0 24px',\n            marginBottom: '0',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileTitle': {\n            margin: '0 0 6px 0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n        },\n        '& .tileFeatureLabel': {\n            margin: '0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileImage': {\n            height: '176px',\n            marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n            marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n            [theme.breakpoints.up('md')]: {\n                height: '200px',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '186px',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '265px',\n            },\n            '& img': {\n                position: 'relative',\n                zIndex: '0',\n                objectFit: 'contain',\n                objectPosition: 'center',\n                display: 'block',\n                height: '100%',\n                width: '100%',\n            },\n        },\n        '& .tilePriceWrapper': {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            width: '100%',\n            padding: '0 24px',\n            marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n            '& .tilePriceTotal': {\n                fontWeight: 'bold',\n            },\n            '& hr': {\n                margin: '0 8px',\n                borderColor: flowColors.transparent.secondary,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"ylBAmBY,MAACA,EAAQC,IACjB,IAAIC,kBAAEA,EAAoB,MAAKC,eAAEA,GAAiB,EAAIC,mBAAEA,EAAqB,SAAYH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,oBAAqB,iBAAkB,uBACxJ,MAAOM,EAAaC,GAAkBC,EAAQA,UAAC,GASzCC,EAAoBC,EAAAA,IAAK,MAAO,CAAEC,UAAW,YAAaC,SAAUR,EAAMS,qBAAuBP,EAAeI,EAAII,IAACC,UAAgB,CAAEC,MAAOZ,EAAMS,oBAAqBI,IAAKb,EAAMc,cAAgB,oBAAwBR,MAAKK,EAAAA,QAAgB,CAAEC,MAAOZ,EAAMe,aAAcF,IAAKb,EAAMc,aAAcE,cAAehB,EAAMiB,sBAAwB,cACpVC,EAAkBC,EAAKC,KAAC,MAAO,CAAEb,UAAW,mBAAoBC,SAAU,CAACR,EAAMqB,gBAAkBf,EAAII,IAAC,OAAQ,CAAEH,UAAW,4BAA6BC,SAAUR,EAAMqB,iBAAmBrB,EAAMqB,gBAAkBrB,EAAMsB,gBAAkBhB,EAAII,IAACa,UAAS,CAAEC,YAAa,WAAYC,UAAU,IAASzB,EAAMsB,gBAAkBhB,EAAII,IAAC,OAAQ,CAAEH,UAAW,4BAA6BC,SAAUR,EAAMsB,oBAC9Y,OAAQhB,EAAAA,IAAKoB,EAAY,CAAEC,iBAAkB3B,EAAM2B,iBAAkB7B,eAAgBA,EAAgBD,kBAAmBA,EAAmBW,SAAUW,EAAAA,KAAM,MAAO,CAAEZ,UAAW,cAAeqB,aAVrK,KAChB1B,GACDC,GAAe,EAClB,EAOyN0B,aALrM,KACrB1B,GAAe,EAAM,EAIqOK,SAAU,CAACR,EAAM8B,gBAAmBxB,MAAK,MAAO,CAAEC,UAAW,mBAAoBqB,aAAc,IAAMzB,GAAe,GAAQ0B,aAAc,IAAM1B,GAAe,GAAOK,SAAUF,EAAII,IAACqB,EAAiBC,QAAEC,OAAOC,OAAO,GAAIlC,EAAMmC,2BAA8BnC,EAAM2B,kBAAqBrB,EAAAA,IAAK,MAAO,CAAEC,UAAW,uBAAwBC,SAAUF,EAAAA,IAAK8B,EAAAA,iBAAkB,CAAEC,QAAStC,EAAoBuC,MAAOC,EAAAA,eAAevC,EAAM2B,iBAAkB,QAAkC,WAAtB9B,GAAkCQ,EAAkBc,EAAAA,KAAM,MAAO,CAAEZ,UAAW,cAAeC,SAAU,CAACR,EAAMwC,cAAiBlC,EAAII,IAAC,MAAO,CAAEH,UAAW,mBAAoBC,SAAUF,EAAII,IAAC+B,EAAKA,MAAE,CAAEH,MAAOC,EAAcA,eAACvC,EAAMwC,aAAc,QAAYlC,MAAK,KAAM,CAAEC,UAAW,YAAaC,SAAU+B,EAAAA,eAAevC,EAAM0C,MAAO,MAAQ1C,EAAM2C,cAAiBrC,EAAAA,IAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAAA,IAAKsC,EAAAA,aAAc,CAAEP,QAASrC,EAAM6C,oBAAqBP,MAAOC,EAAAA,eAAevC,EAAM2C,aAAc,QAAkC,WAAtB9C,GAAkCqB,KAA0C,QAAtBrB,GAA+BQ,EAAwC,QAAtBR,GAA+BqB,MAAuB,EAE72CvB,EAAKmD,aAAe,CAChBhD,gBAAgB,EAChBC,mBAAoB,SAExB,MAAM2B,EAAaqB,EAAMf,QAAC,MAAPe,EAAenD,IAC9B,IAAIoD,MAAEA,GAAUpD,EAAIqD,EAAOhD,EAAAA,OAAOL,EAAI,CAAC,UACvC,IAAIsD,EAAS,CAAA,EACb,MAAMrD,kBAAEA,EAAiB8B,iBAAEA,EAAgB7B,eAAEA,GAAmBmD,EAwGhE,OAvGAC,EAAS,CACLC,OAAQ,OACR,mCAAoC,CAChCC,UAAW,cAEf,iBAAkB,CACdC,SAAU,WACVC,aAAcxD,EAAiB,MAAQ,EACvCqD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBC,EAAAA,WAAWC,QAAQC,QACpCC,QAAS,aACTC,OAAQ,aAAaJ,EAAUA,WAACC,QAAQI,aAE5C,sBAAuB,CACnBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CAClBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGxB,iBAAkB,CACdY,WAAY1C,EAAmB,OAAS,QAE5C,0BAA2B,CACvBwC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAEV,sBAAuB,CACnBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEZ,sBAAuB,CACnBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZvB,OAAQ,QACRwB,UAAiC,QAAtB9E,EAA8B,QAAU,OACnD2E,aAAoC,WAAtB3E,EAAiC,QAAU,IACzD,CAACmD,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,QAAS,CACLE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGf,sBAAuB,CACnBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB9E,EAAiC,MAAQ,IACpD,oBAAqB,CACjBoF,WAAY,QAEhB,OAAQ,CACJP,OAAQ,QACRQ,YAAavB,EAAAA,WAAWwB,YAAYnB,aAIzCd,CAAM"}
+{"version":3,"file":"tile.js","sources":["../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const Tile = (_a) => {\n    var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n    const [isMouseOver, setIsMouseOver] = useState(false);\n    const handleMouseEnter = () => {\n        if (!isMouseOver) {\n            setIsMouseOver(true);\n        }\n    };\n    const handleMouseLeave = () => {\n        setIsMouseOver(false);\n    };\n    const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n    const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n    return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n    isBorderRadius: true,\n    promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n    styles = {\n        height: '100%',\n        '& .tileWrapper, & .tileWrapper *': {\n            boxSizing: 'border-box',\n        },\n        '& .tileWrapper': {\n            position: 'relative',\n            borderRadius: isBorderRadius ? '8px' : 0,\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'space-between',\n            backgroundColor: flowColors.surface.primary,\n            padding: '0 0 24px 0',\n            border: `1px solid ${flowColors.surface.secondary}`,\n        },\n        '& .tileDropdownMenu': {\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            '.menuCardComponent': {\n                top: 0,\n                right: 0,\n                width: '58px',\n                height: '58px',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n            },\n        },\n        '& .tileContent': {\n            paddingTop: promotionalLabel ? '40px' : '16px',\n        },\n        '& .tilePromotionalLabel': {\n            width: '100%',\n            maxWidth: 'calc(100% - 64px)',\n            position: 'absolute',\n            top: '0',\n            left: '0',\n        },\n        '& .tileGeneralLabel': {\n            padding: '0 24px',\n            marginBottom: '0',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileTitle': {\n            margin: '0 0 6px 0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n        },\n        '& .tileFeatureLabel': {\n            margin: '0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileImage': {\n            height: '176px',\n            marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n            marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n            [theme.breakpoints.up('md')]: {\n                height: '200px',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '186px',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '265px',\n            },\n            '& img': {\n                position: 'relative',\n                zIndex: '0',\n                objectFit: 'contain',\n                objectPosition: 'center',\n                display: 'block',\n                height: '100%',\n                width: '100%',\n            },\n        },\n        '& .tilePriceWrapper': {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            width: '100%',\n            padding: '0 24px',\n            marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n            '& .tilePriceTotal': {\n                fontWeight: 'bold',\n            },\n            '& hr': {\n                margin: '0 8px',\n                borderColor: flowColors.transparent.secondary,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","default","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","paletteLight","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

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

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

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

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

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

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

package/cjs/utils/useFeatureFlag/useFeatureFlag.js

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

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

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

package/components/backdrop/backdrop.js

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

package/components/backdrop/backdrop.js.map

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

package/components/banner/banner.js

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

package/components/banner/banner.js.map

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

package/components/cardContainer/cardContainer.js

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

package/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","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"oTAOY,MAACA,EAAgBC,GAAW,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,GAAS,GAC3CC,GAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,GAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAKC,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,EAAK,MAAO,CAAEf,SAAUA,MAAiB,IAE5UgB,EAAsBK,EAAOC,KAAKxB,IACjC,IAAiByB,EAAOf,EAAOV,EAAI,CAAC,UACvC,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CACzDC,EAAqBL,EAAKpB,UAC1B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKtB,YAChCgB,OAAOC,OAAO,CAAEgB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASlB,OAAOC,OAAO,CAAEkB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,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","styled","div","args","defaultBoxShadow","paletteLight","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"2TAOY,MAACA,EAAgBC,GAAW,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,GAAS,GAC3CC,GAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,GAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAKC,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,EAAK,MAAO,CAAEf,SAAUA,MAAiB,IAE5UgB,EAAsBK,EAAOC,KAAKxB,IACjC,IAAiByB,EAAOf,EAAOV,EAAI,CAAC,UACvC,MAAM0B,EAAmB,mBAAmBC,EAAaC,QAAQC,6CAC3DC,EAAqBL,EAAKpB,UAC1B,CACE0B,UAAW,mBAAmBJ,EAAaK,MAAMC,2CACjD,UAAW,CACPF,UAAW,mBAAmBJ,EAAaO,WAAWD,6CAG5D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKtB,YAChCgB,OAAOC,OAAO,CAAEgB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASlB,OAAOC,OAAO,CAAEkB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAaC,QAAQK,QAASN,EAAaC,QAAQe,UAAW,UAAW,CACxNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAakB,UAAUC,2CACpDX,GACFE,CAAM"}

package/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/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","_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","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"4rBAWY,MAACA,EAAWC,GAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAKC,EAAW,CAAEC,SAAUR,EAAYS,EAAMC,EAAc,CAAEvB,KAAMA,EAAMM,QAASA,EAASkB,OAAQ,SAAUjB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASiB,YAAaxB,EAAQ,cAAe,WAAYoB,SAAU,CAACpB,GAAWkB,EAAK,MAAO,CAAEO,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUpB,IAAYkB,EAAKQ,EAAM,CAAEN,SAAUvB,EAAM8B,KAAKC,GACxUP,EAAMQ,EAAMC,SAAU,CAAEV,SAAU,CAACC,EAAMU,EAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEC,KAAMX,EAAKQ,KAAMI,SAAU,YAAgBtB,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAShB,EAAKiB,OAAS3C,GAAqBgB,EAAK4B,EAAU,CAAEC,QAASnB,EAAKoB,UAAWf,SAAUL,EAAKK,SAAU,cAAe,sBAA0Bf,EAAK+B,EAAS,CAAEC,QAAS,aAAgBtB,EAAKiB,aAC1kB3B,EAAKiC,EAAc,CAAEpD,KAAMA,EAAMqD,SAAUnD,EAAUoD,QAAS7C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYU,SAAUF,EAAKoC,EAAmB,CAAEC,YAAalD,EAASe,SAAUC,EAAMmC,EAAgB,CAAEtD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASa,SAAU,CAACpB,GAAWqB,EAAMoC,EAAU,CAAEhC,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACF,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS5C,IAAWkB,EAAKmB,EAAc,CAAEH,QAAS7B,EAAS,cAAe,iBAAkBe,SAAUF,EAAKoB,EAAM,CAAEC,KAAM,QAASC,SAAU,eAAoBxC,GAAUkB,EAAK+B,EAAS,CAAEC,QAAS,SAAUzB,UAAW,sBAAwBvB,GAAoBC,GAAuBkB,EAAMoC,EAAU,CAAEhC,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACF,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASnC,GAA4B,eAAiBS,EAAKwC,EAAc,CAAEC,SAAU3C,EAAgB+B,QAASjC,EAAiB8C,SAAS,OAAc1C,EAAK,MAAO,CAAEO,UAAW,qBAAsBL,SAAUvB,EAAM8B,KAAKC,GACnmCP,EAAMoC,EAAU,CAAExB,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEC,KAAMX,EAAKQ,KAAMI,SAAU,YAAgBtB,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAShB,EAAKiB,OAAS3C,GAAqBgB,EAAK4B,EAAU,CAAEC,QAASnB,EAAKoB,UAAWf,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKiB,kBACxe"}
+{"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","_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","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"4rBAYY,MAACA,EAAWC,GAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAKC,EAAW,CAAEC,SAAUR,EAAYS,EAAMC,EAAc,CAAEvB,KAAMA,EAAMM,QAASA,EAASkB,OAAQ,SAAUjB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASiB,YAAaxB,EAAQ,cAAe,WAAYoB,SAAU,CAACpB,GAAWkB,EAAK,MAAO,CAAEO,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUpB,IAAYkB,EAAKQ,EAAM,CAAEN,SAAUvB,EAAM8B,KAAKC,GACxUP,EAAMQ,EAAMC,SAAU,CAAEV,SAAU,CAACC,EAAMU,EAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEC,KAAMX,EAAKQ,KAAMI,SAAU,YAAgBtB,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAShB,EAAKiB,OAAS3C,GAAqBgB,EAAK4B,EAAU,CAAEC,QAASnB,EAAKoB,UAAWf,SAAUL,EAAKK,SAAU,cAAe,sBAA0Bf,EAAK+B,EAAS,CAAEC,QAAS,aAAgBtB,EAAKiB,aAC1kB3B,EAAKiC,EAAc,CAAEpD,KAAMA,EAAMqD,SAAUnD,EAAUoD,QAAS7C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYU,SAAUF,EAAKoC,EAAmB,CAAEC,YAAalD,EAASe,SAAUC,EAAMmC,EAAgB,CAAEtD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASa,SAAU,CAACpB,GAAWqB,EAAMoC,EAAU,CAAEhC,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACF,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS5C,IAAWkB,EAAKmB,EAAc,CAAEH,QAAS7B,EAAS,cAAe,iBAAkBe,SAAUF,EAAKoB,EAAM,CAAEC,KAAM,QAASC,SAAU,eAAoBxC,GAAUkB,EAAK+B,EAAS,CAAEC,QAAS,SAAUzB,UAAW,sBAAwBvB,GAAoBC,GAAuBkB,EAAMoC,EAAU,CAAEhC,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACF,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASnC,GAA4B,eAAiBS,EAAKwC,EAAc,CAAEC,SAAU3C,EAAgB+B,QAASjC,EAAiB8C,SAAS,OAAc1C,EAAK,MAAO,CAAEO,UAAW,qBAAsBL,SAAUvB,EAAM8B,KAAKC,GACnmCP,EAAMoC,EAAU,CAAExB,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEC,KAAMX,EAAKQ,KAAMI,SAAU,YAAgBtB,EAAKuB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAShB,EAAKiB,OAAS3C,GAAqBgB,EAAK4B,EAAU,CAAEC,QAASnB,EAAKoB,UAAWf,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKiB,kBACxe"}

package/components/cardMenu/styled/menuListStyled.js

@@ -1,2 +1,2 @@
-import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const e=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const e=i?{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:e.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:e.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:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));export{e as MenuListStyled};
+import t from"@emotion/styled";import i from"@mui/material/MenuList";import{paletteLight as o}from"../../../design/skoda/paletteLight.theme.js";const e=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const e=i?{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:e.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:e.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:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));export{e as MenuListStyled};
 //# sourceMappingURL=menuListStyled.js.map

package/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","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":"yIAGY,MAACA,EAAiBC,EAAOC,EAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHH,EAE3B,EAAGI,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,EAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAWI,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","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":"gJAGY,MAACA,EAAiBC,EAAOC,EAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHH,EAE3B,EAAGI,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,EAAaC,SAASC,QAC7BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAaC,SAASC,sBAGxC,UAAW,CACPd,WAAYY,EAAaI,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/components/common/styled/textFieldStyled.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import e from"@mui/material/TextField";import{styled as r}from"@mui/material/styles";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const i=r(e,{shouldForwardProp:t=>"helpText"!==t&&"maxChars"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"textAreaHeight"!==t})((e=>{var r=t(e,["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.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.alert.main}}}})})),r.disabled&&(i=Object.assign({},i)),i}));export{i as default};
+import{__rest as t}from"tslib";import e from"@mui/material/TextField";import{styled as r}from"@mui/material/styles";import{paletteLight as o}from"../../../design/skoda/paletteLight.theme.js";const i=r(e,{shouldForwardProp:t=>"helpText"!==t&&"maxChars"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"textAreaHeight"!==t})((e=>{var r=t(e,["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.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.alert.main}}}})})),r.disabled&&(i=Object.assign({},i)),i}));export{i as default};
 //# sourceMappingURL=textFieldStyled.js.map

package/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":"wLAOK,MAACA,EAAkBC,EAAOC,EAAc,CACzCC,kBAAoBC,GAAkB,aAATA,GAChB,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GANgBH,EAOpBI,IACG,IAAiBC,EAAQC,EAAOF,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,EAAWC,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,EAAWC,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":"+LAOK,MAACA,EAAkBC,EAAOC,EAAc,CACzCC,kBAAoBC,GAAkB,aAATA,GAChB,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GANgBH,EAOpBI,IACG,IAAiBC,EAAQC,EAAOF,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,EAAaC,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,EAAaC,MAAY,aAMhEZ,EAAMiB,WACNf,EAASE,OAAOC,OAAO,CAAE,EAAEH,IAExBA,CAAM"}

package/components/controls/controls.js

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

package/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","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":"4YAaY,MAACA,EAAaC,GAAW,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAMI,EAASC,EAAO,MAChBC,EAAgBC,GAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,GAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAKC,EAAeC,OAAOC,OAAO,CAAE,EAAEhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAK,SAAU,CAAEd,IAAKG,EAAQiB,SAAUN,EAAKO,EAAM,CAAEC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAAqB,IAK5QV,EAAgBW,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB3B,IACG,IAAiB8B,EAAO3B,EAAOH,EAAI,CAAC,UACvC,MAAM+B,EAAgBC,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,qBAEhB,WAAY,CACXA,UAAW,eACZ,UAAW,CACVP,gBAAiBb,EAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAiBF,EAAKG,gBAAiB,QAAS,aAAaC,EAAWC,QAAQC,WAAY,aAAaF,EAAWG,KAAKC,WAClIW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqB1B,OAlBAP,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEqB,GAAS,CAAEM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAAc,WAAY1C,OAAOC,OAAO,CAAE,EAAEsB,KACvJV,EAAKpB,aACL6B,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIqB,GAAS,CAAE,WAAYtB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAc,CAAEoB,YAAa1B,EAAW2B,SAASvB,QAASc,OAAQ,UAAWF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,0BAIxBf,CAAM"}
+{"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","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":"mZAaY,MAACA,EAAaC,GAAW,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAMI,EAASC,EAAO,MAChBC,EAAgBC,GAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,GAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAKC,EAAeC,OAAOC,OAAO,CAAE,EAAEhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAK,SAAU,CAAEd,IAAKG,EAAQiB,SAAUN,EAAKO,EAAM,CAAEC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAAqB,IAK5QV,EAAgBW,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB3B,IACG,IAAiB8B,EAAO3B,EAAOH,EAAI,CAAC,UACvC,MAAM+B,EAAgBC,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,qBAEhB,WAAY,CACXA,UAAW,eACZ,UAAW,CACVP,gBAAiBb,EAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAiBF,EAAKG,gBAAiB,QAAS,aAAaC,EAAWC,QAAQC,WAAY,aAAaF,EAAWG,KAAKC,WAClIW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqB1B,OAlBAP,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEqB,GAAS,CAAEM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAAc,WAAY1C,OAAOC,OAAO,CAAE,EAAEsB,KACvJV,EAAKpB,aACL6B,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIqB,GAAS,CAAE,WAAYtB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAc,CAAEoB,YAAa1B,EAAW2B,SAASvB,QAASc,OAAQ,UAAWF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,0BAIxBf,CAAM"}

package/components/icon/icon.d.ts

@@ -1,17 +1,17 @@
-import { HTMLAttributes } from 'react';
+/// <reference types="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: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;