@skodaflow/web-library 5.0.0 → 7.0.0

package/components/snackbar/snackbarMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\n    return (_jsxs(SnackbarMessageStyled, { header: header, icon: icon, children: [icon && _jsx(IconComponent, { icon: icon }), _jsxs(\"div\", { className: \"styled-message-header-message-container\", children: [header && _jsxs(\"h3\", { children: [\" \", header] }), _jsxs(\"p\", { children: [\" \", message, \" \"] })] }), _jsx(\"div\", { className: \"custom-snackbar-divider\", children: _jsx(\"div\", {}) })] }));\n};\n/**\n * @description SnackbarMessageStyled styling defintion based on props\n */\nexport const SnackbarMessageStyled = styled('div')((_a) => {\n    var args = __rest(_a, []);\n    return {\n        '& .styled-message-header-message-container': {\n            display: args.header ? 'block' : 'flex',\n        },\n        '& p': {\n            display: args.header ? 'block' : 'inline',\n            paddingBottom: args.header ? '0px' : '2px',\n        },\n        '& .snackbar-icon-wrapper': {\n            '& span': {\n                lineHeight: args.header ? '20px' : 'unset',\n            },\n        },\n        '& .custom-snackbar-divider': {\n            paddingLeft: checkForIcon(args.icon) ? '24px' : '56px',\n            '& > div': {\n                borderLeft: `1px solid ${args.theme.palette.onSurface.os600}`,\n                height: args.header ? '48px' : '32px',\n            },\n        },\n    };\n});\nconst IconComponent = ({ icon }) => {\n    let iconToReturn = null;\n    switch (icon) {\n        case 'alert':\n            iconToReturn = _jsx(Icon, { className: \"triangle-up-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n        case 'success':\n            iconToReturn = _jsx(Icon, { className: \"circle-check\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n        case 'warning':\n            iconToReturn = _jsx(Icon, { className: \"circle-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n    }\n    return iconToReturn ? _jsx(\"span\", { className: \"snackbar-icon-wrapper\", children: iconToReturn }) : iconToReturn;\n};\n//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessage","header","icon","message","_jsxs","SnackbarMessageStyled","children","_jsx","IconComponent","className","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height","iconToReturn","Icon","fontSize","iconStyle"],"mappings":"mNAKY,MAACA,EAAkB,EAAGC,SAAQC,OAAMC,aACpCC,EAAMC,EAAuB,CAAEJ,OAAQA,EAAQC,KAAMA,EAAMI,SAAU,CAACJ,GAAQK,EAAKC,EAAe,CAAEN,KAAMA,IAASE,EAAM,MAAO,CAAEK,UAAW,0CAA2CH,SAAU,CAACL,GAAUG,EAAM,KAAM,CAAEE,SAAU,CAAC,IAAKL,KAAYG,EAAM,IAAK,CAAEE,SAAU,CAAC,IAAKH,EAAS,UAAaI,EAAK,MAAO,CAAEE,UAAW,0BAA2BH,SAAUC,EAAK,MAAO,CAAE,QAKrXF,EAAwBK,EAAO,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKX,OAAS,QAAU,QAErC,MAAO,CACHa,QAASF,EAAKX,OAAS,QAAU,SACjCc,cAAeH,EAAKX,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNe,WAAYJ,EAAKX,OAAS,OAAS,UAG3C,6BAA8B,CAC1BgB,YAAaC,EAAaN,EAAKV,MAAQ,OAAS,OAChD,UAAW,CACPiB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKX,OAAS,OAAS,SAG1C,IAECO,EAAgB,EAAGN,WACrB,IAAIuB,EAAe,KACnB,OAAQvB,GACJ,IAAK,QACDuB,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,0BAA2BkB,SAAU,UAAWC,UAAW,WAClG,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,eAAgBkB,SAAU,UAAWC,UAAW,WACvF,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,qBAAsBkB,SAAU,UAAWC,UAAW,WAGrG,OAAOH,EAAelB,EAAK,OAAQ,CAAEE,UAAW,wBAAyBH,SAAUmB,IAAkBA,CAAY"}
+{"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\n    return (_jsxs(SnackbarMessageStyled, { header: header, icon: icon, children: [icon && _jsx(IconComponent, { icon: icon }), _jsxs(\"div\", { className: \"styled-message-header-message-container\", children: [header && _jsxs(\"h3\", { children: [\" \", header] }), _jsxs(\"p\", { children: [\" \", message, \" \"] })] }), _jsx(\"div\", { className: \"custom-snackbar-divider\", children: _jsx(\"div\", {}) })] }));\n};\n/**\n * @description SnackbarMessageStyled styling defintion based on props\n */\nexport const SnackbarMessageStyled = styled('div')((_a) => {\n    var args = __rest(_a, []);\n    return {\n        '& .styled-message-header-message-container': {\n            display: args.header ? 'block' : 'flex',\n        },\n        '& p': {\n            display: args.header ? 'block' : 'inline',\n            paddingBottom: args.header ? '0px' : '2px',\n        },\n        '& .snackbar-icon-wrapper': {\n            '& span': {\n                lineHeight: args.header ? '20px' : 'unset',\n            },\n        },\n        '& .custom-snackbar-divider': {\n            paddingLeft: checkForIcon(args.icon) ? '24px' : '56px',\n            '& > div': {\n                borderLeft: `1px solid ${args.theme.palette.onSurface.os600}`,\n                height: args.header ? '48px' : '32px',\n            },\n        },\n    };\n});\nconst IconComponent = ({ icon }) => {\n    let iconToReturn = null;\n    switch (icon) {\n        case 'alert':\n            iconToReturn = _jsx(Icon, { name: \"warning\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n        case 'success':\n            iconToReturn = _jsx(Icon, { name: \"circle-check\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n        case 'warning':\n            iconToReturn = _jsx(Icon, { name: \"circle-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n            break;\n    }\n    return iconToReturn ? _jsx(\"span\", { className: \"snackbar-icon-wrapper\", children: iconToReturn }) : iconToReturn;\n};\n//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessage","header","icon","message","_jsxs","SnackbarMessageStyled","children","_jsx","IconComponent","className","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height","iconToReturn","Icon","name","fontSize","iconStyle"],"mappings":"uPAKY,MAACA,EAAkB,EAAGC,SAAQC,OAAMC,aACpCC,EAAMC,EAAuB,CAAEJ,OAAQA,EAAQC,KAAMA,EAAMI,SAAU,CAACJ,GAAQK,EAAKC,EAAe,CAAEN,KAAMA,IAASE,EAAM,MAAO,CAAEK,UAAW,0CAA2CH,SAAU,CAACL,GAAUG,EAAM,KAAM,CAAEE,SAAU,CAAC,IAAKL,KAAYG,EAAM,IAAK,CAAEE,SAAU,CAAC,IAAKH,EAAS,UAAaI,EAAK,MAAO,CAAEE,UAAW,0BAA2BH,SAAUC,EAAK,MAAO,CAAE,QAKrXF,EAAwBK,EAAO,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKX,OAAS,QAAU,QAErC,MAAO,CACHa,QAASF,EAAKX,OAAS,QAAU,SACjCc,cAAeH,EAAKX,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNe,WAAYJ,EAAKX,OAAS,OAAS,UAG3C,6BAA8B,CAC1BgB,YAAaC,EAAaN,EAAKV,MAAQ,OAAS,OAChD,UAAW,CACPiB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKX,OAAS,OAAS,SAG1C,IAECO,EAAgB,EAAGN,WACrB,IAAIuB,EAAe,KACnB,OAAQvB,GACJ,IAAK,QACDuB,EAAelB,EAAKmB,EAAM,CAAEC,KAAM,UAAWC,SAAU,UAAWC,UAAW,WAC7E,MACJ,IAAK,UACDJ,EAAelB,EAAKmB,EAAM,CAAEC,KAAM,eAAgBC,SAAU,UAAWC,UAAW,WAClF,MACJ,IAAK,UACDJ,EAAelB,EAAKmB,EAAM,CAAEC,KAAM,qBAAsBC,SAAU,UAAWC,UAAW,WAGhG,OAAOJ,EAAelB,EAAK,OAAQ,CAAEE,UAAW,wBAAyBH,SAAUmB,IAAkBA,CAAY"}

package/components/stepper/stepper.js

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

package/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const Stepper = (_a) => {\n    var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n    const styles = {\n        lineHeight: '16px',\n        fontSize: '12px',\n        fontWeight: '400',\n    };\n    const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n                maxWidth: 800,\n                display: 'flex',\n                alignItems: 'center',\n                spacing: 4,\n            }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n    return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n    const { active, completed, className } = props;\n    return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n        display: 'flex',\n        height: 22,\n        alignItems: 'center',\n        '& .QontoStepIcon-completedIcon': {\n            color: flowColors.onSurface.os700,\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-active': {\n            color: flowColors.onSurface.os700,\n            width: 18,\n            height: 18,\n            borderRadius: '50%',\n            marginRight: '5.25px',\n            marginLeft: '0px',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-circle': {\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            border: '1.5px solid #C4C6C7',\n            color: 'transparent',\n            '&:hover': {\n                cursor: 'pointer',\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.disabled.tertiary}`,\n                backgroundColor: flowColors.disabled.secondary,\n            },\n        },\n    };\n    return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n        top: 10,\n        left: 'calc(-50% + 9px)',\n        right: 'calc(50% + 9px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n            width: '60px',\n        },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n        },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n        borderTopWidth: 3,\n        borderRadius: 1,\n    },\n}));\nconst StepperStyled = styled('div')(() => {\n    let style = {};\n    const SKODA_NEXT = 'SKODA Next';\n    style = {\n        '& .controllerContainer': {\n            display: 'flex',\n            alignItems: 'center',\n            fontFamily: SKODA_NEXT,\n            fontStyle: 'normal',\n            fontWeight: '700',\n            fontSize: '12px',\n            lineHeight: '16px',\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"4TAMY,MAACA,EAAWC,IACpB,IAAIC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAASR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,aAAc,mBAAoB,WAAY,UAAW,YAAa,YAAa,cAAe,SAC7N,MAAMW,EAAS,CACXC,WAAY,OACZC,SAAU,OACVC,WAAY,OAQhB,OAAOC,EAAKC,EAAe,CAAEb,SANCY,EAAK,MAAO,CAAEZ,SAAUY,EAAKE,EAAYC,OAAOC,OAAO,CAAEC,UAAW,uBAAyBX,EAAO,CAAER,WAAYA,EAAYoB,GAAI,CACpJC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GACVvB,iBAAkBA,EAAkBG,UAAWU,EAAKW,EAAgB,CAAA,GAAKvB,SAAUK,EAAKmB,KAAKC,GAAWb,EAAKc,EAAM,CAAE1B,SAAUY,EAAKe,EAAW,CAAEC,MAAOpB,EAAQqB,kBAAmBC,EAAe9B,SAAUyB,KAAYA,WACzK,EAE9D,SAASK,EAAcxB,GACnB,MAAMyB,OAAEA,EAAMC,UAAEA,EAASf,UAAEA,GAAcX,EACzC,OAAQM,EAAKqB,EAAmB,CAAEhB,UAAWA,EAAWjB,SAAoBY,EAAK,MAAfmB,EAAsB,CAAEd,UAAW,wBAA6Be,EAAyB,CAAEf,UAAW,+BAAiD,CAAEA,UAAW,0BAC1O,CACA,MAAMgB,EAAoBC,EAAO,MAAPA,EAAc,EAAGC,YACvC,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACJQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEnB,QAAS,OACToB,OAAQ,GACRnB,WAAY,SACZ,iCAAkC,CAC9Be,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBb,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACPgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAWY,SAASC,WAC3CR,gBAAiBL,EAAWY,SAASJ,aAI1CrB,CAAK,IAEVL,EAAiBW,EAAOqB,EAAPrB,EAAsB,EAAGC,YAAa,CACzD,CAAC,KAAKqB,EAAqBzD,oBAAqB,CAC5C0D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAEX,CAAC,KAAKH,EAAqBzB,UAAW,CAClC,CAAC,MAAMyB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,MAClCC,MAAO,SAGf,CAAC,KAAKY,EAAqBxB,aAAc,CACrC,CAAC,MAAMwB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,QAG1C,CAAC,MAAMa,EAAqBI,QAAS,CACjCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAWY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAGhBhC,EAAgBqB,EAAO,MAAPA,EAAc,KAChC,IAAIN,EAAQ,CAAA,EAaZ,OAXAA,EAAQ,CACJ,yBAA0B,CACtBR,QAAS,OACTC,WAAY,SACZ2C,WALW,aAMXC,UAAW,SACXtD,WAAY,MACZD,SAAU,OACVD,WAAY,SAGbmB,CAAK"}
+{"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n    var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n    const styles = {\n        lineHeight: '16px',\n        fontSize: '12px',\n        fontWeight: '400',\n    };\n    const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n                maxWidth: 800,\n                display: 'flex',\n                alignItems: 'center',\n                spacing: 4,\n            }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n    return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n    const { active, completed, className } = props;\n    return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n        display: 'flex',\n        height: 22,\n        alignItems: 'center',\n        '& .QontoStepIcon-completedIcon': {\n            color: flowColors.onSurface.os700,\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-active': {\n            color: flowColors.onSurface.os700,\n            width: 18,\n            height: 18,\n            borderRadius: '50%',\n            marginRight: '5.25px',\n            marginLeft: '0px',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-circle': {\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            border: '1.5px solid #C4C6C7',\n            color: 'transparent',\n            '&:hover': {\n                cursor: 'pointer',\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.disabled.tertiary}`,\n                backgroundColor: flowColors.disabled.secondary,\n            },\n        },\n    };\n    return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n        top: 10,\n        left: 'calc(-50% + 9px)',\n        right: 'calc(50% + 9px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n            width: '60px',\n        },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n        },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n        borderTopWidth: 3,\n        borderRadius: 1,\n    },\n}));\nconst StepperStyled = styled('div')(() => {\n    let style = {};\n    const SKODA_NEXT = 'SKODA Next';\n    style = {\n        '& .controllerContainer': {\n            display: 'flex',\n            alignItems: 'center',\n            fontFamily: SKODA_NEXT,\n            fontStyle: 'normal',\n            fontWeight: '700',\n            fontSize: '12px',\n            lineHeight: '16px',\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"mUAMY,MAACA,EAAWC,IACpB,IAAIC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAASR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,aAAc,mBAAoB,WAAY,UAAW,YAAa,YAAa,cAAe,SAC7N,MAAMW,EAAS,CACXC,WAAY,OACZC,SAAU,OACVC,WAAY,OAQhB,OAAOC,EAAKC,EAAe,CAAEb,SANCY,EAAK,MAAO,CAAEZ,SAAUY,EAAKE,EAAYC,OAAOC,OAAO,CAAEC,UAAW,uBAAyBX,EAAO,CAAER,WAAYA,EAAYoB,GAAI,CACpJC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GACVvB,iBAAkBA,EAAkBG,UAAWU,EAAKW,EAAgB,CAAA,GAAKvB,SAAUK,EAAKmB,KAAKC,GAAWb,EAAKc,EAAM,CAAE1B,SAAUY,EAAKe,EAAW,CAAEC,MAAOpB,EAAQqB,kBAAmBC,EAAe9B,SAAUyB,KAAYA,WACzK,EAE9D,SAASK,EAAcxB,GACnB,MAAMyB,OAAEA,EAAMC,UAAEA,EAASf,UAAEA,GAAcX,EACzC,OAAQM,EAAKqB,EAAmB,CAAEhB,UAAWA,EAAWjB,SAAoBY,EAAK,MAAfmB,EAAsB,CAAEd,UAAW,wBAA6Be,EAAyB,CAAEf,UAAW,+BAAiD,CAAEA,UAAW,0BAC1O,CACA,MAAMgB,EAAoBC,EAAO,MAAPA,EAAc,EAAGC,YACvC,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACJQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEnB,QAAS,OACToB,OAAQ,GACRnB,WAAY,SACZ,iCAAkC,CAC9Be,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBb,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACPgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAWY,SAASC,WAC3CR,gBAAiBL,EAAWY,SAASJ,aAI1CrB,CAAK,IAEVL,EAAiBW,EAAOqB,EAAPrB,EAAsB,EAAGC,YAAa,CACzD,CAAC,KAAKqB,EAAqBzD,oBAAqB,CAC5C0D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAEX,CAAC,KAAKH,EAAqBzB,UAAW,CAClC,CAAC,MAAMyB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,MAClCC,MAAO,SAGf,CAAC,KAAKY,EAAqBxB,aAAc,CACrC,CAAC,MAAMwB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,QAG1C,CAAC,MAAMa,EAAqBI,QAAS,CACjCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAWY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAGhBhC,EAAgBqB,EAAO,MAAPA,EAAc,KAChC,IAAIN,EAAQ,CAAA,EAaZ,OAXAA,EAAQ,CACJ,yBAA0B,CACtBR,QAAS,OACTC,WAAY,SACZ2C,WALW,aAMXC,UAAW,SACXtD,WAAY,MACZD,SAAU,OACVD,WAAY,SAGbmB,CAAK"}

package/components/textInput/textInput.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as r,useRef as l}from"react";import{Icon as n}from"../icon/icon.js";import{InputAdornment as a}from"@mui/material";import t from"../common/styled/textFieldStyled.js";import{useTextInput as i}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as m}from"./hook/useTextInputEffect.js";import d from"../common/helperText.js";import h from"lodash/noop";const u=u=>{var{name:c,id:p,label:f=null,onChange:x,onBlur:b,onFocus:C,value:j,placeholder:v,hasError:F,fullWidth:k=!0,excludeChars:y}=u,g=e(u,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[T,w]=r(j||""),[I,L]=r(!1),[B,D]=r(!1),[E,O]=r(!1),[W,K]=r(!1),{handleOnBlur:N,handleOnFocus:P,handleOnChange:M,handlePlaceholder:S}=i(f,W,v,g.type),q=l(null),{width:z}=s();return m(q,h,k,z,T,j,g.maxChars,g.required,L,w,K),o("div",{children:o(t,Object.assign({},g,{className:[g.icon?"textField-Icon":"",f?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:I},InputProps:g.icon?{startAdornment:o(a,{position:"start",children:o(n,{color:g.disabled?"disabled":"inherit",className:g.icon})})}:{},onChange:e=>M(e,g.maxChars,x,w),value:T,onFocus:e=>P(e,D,L,C),onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),hovered:E,onBlur:e=>N(e,L,D,b,T),focused:B,placeholder:S,label:v?null:f,hiddenLabel:!!v,name:c,ref:q,id:p,error:F,fullWidth:k,onKeyDown:e=>{g.onKeyDownCallback&&g.onKeyDownCallback(e),y&&y.length>0&&y.includes(e.key)&&e.preventDefault()},helperText:o(d,{maxChars:g.maxChars,currentValue:T,helpText:g.helpText})}))})};export{u as TextInput};
+import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as r,useRef as n}from"react";import{Icon as l}from"../icon/icon.js";import"../icon/icon.definitions.js";import{InputAdornment as t}from"@mui/material";import a from"../common/styled/textFieldStyled.js";import{useTextInput as i}from"./hook/useTextInput.js";import s from"../common/hook/useWindowSize.js";import{useTextInputEffect as m}from"./hook/useTextInputEffect.js";import d from"../common/helperText.js";import h from"lodash/noop";const u=u=>{var{name:c,id:p,label:f=null,onChange:x,onBlur:b,onFocus:C,value:j,placeholder:v,hasError:F,fullWidth:k=!0,excludeChars:y}=u,g=e(u,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[T,w]=r(j||""),[I,L]=r(!1),[B,D]=r(!1),[E,O]=r(!1),[W,K]=r(!1),{handleOnBlur:P,handleOnFocus:M,handleOnChange:N,handlePlaceholder:S}=i(f,W,v,g.type),q=n(null),{width:z}=s();return m(q,h,k,z,T,j,g.maxChars,g.required,L,w,K),o("div",{children:o(a,Object.assign({},g,{className:[g.icon?"textField-Icon":"",f?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:I},InputProps:g.icon?{startAdornment:o(t,{position:"start",children:o(l,{color:g.disabled?"disabled":"inherit",name:g.icon})})}:{},onChange:e=>N(e,g.maxChars,x,w),value:T,onFocus:e=>M(e,D,L,C),onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1),hovered:E,onBlur:e=>P(e,L,D,b,T),focused:B,placeholder:S,label:v?null:f,hiddenLabel:!!v,name:c,ref:q,id:p,error:F,fullWidth:k,onKeyDown:e=>{g.onKeyDownCallback&&g.onKeyDownCallback(e),y&&y.length>0&&y.includes(e.key)&&e.preventDefault()},helperText:o(d,{maxChars:g.maxChars,currentValue:T,helpText:g.helpText})}))})};export{u as TextInput};
 //# sourceMappingURL=textInput.js.map

package/components/textInput/textInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n    var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n    const [currentValue, setCurrentValue] = useState(value || '');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n    const [isRequired, setIsRequired] = useState(false);\n    const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n    const inputRef = useRef(null);\n    const { width } = useWindowSize();\n    useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n    return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n                shrink: isShrunk,\n            }, InputProps: props.icon\n                ? {\n                    startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }) })),\n                }\n                : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n                if (props.onKeyDownCallback)\n                    props.onKeyDownCallback(event);\n                if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n                    event.preventDefault();\n                }\n            }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"seAkBY,MAACA,EAAaC,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAElB,OADAC,EAAmBJ,EAAUK,EAAM1B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAMyB,SAAUzB,EAAM0B,SAAUpB,EAAaH,EAAiBS,GAChIe,EAAK,MAAO,CAAEC,SAAUD,EAAKE,EAAiBC,OAAOC,OAAO,GAAI/B,EAAO,CAAEgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQ/B,GACTgC,WAAYrC,EAAMiC,KACf,CACEK,eAAiBX,EAAKY,EAAgB,CAAEC,SAAU,QAASZ,SAAUD,EAAKc,EAAM,CAAEC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWX,UAAWhC,EAAMiC,UAErJ,CAAE,EAAEzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GAAUmD,aAAc,IAAMnC,GAAW,GAAOoC,aAAc,IAAMpC,GAAW,GAAQD,QAASA,EAAShB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAAe6C,QAASxC,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAOyD,cAAepD,EAAaP,KAAMA,EAAM4D,IAAK9B,EAAU7B,GAAIA,EAAI4D,MAAOrD,EAAUC,UAAWA,EAAWqD,UAAYP,IAC7jB5C,EAAMoD,mBACNpD,EAAMoD,kBAAkBR,GACxB7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY9B,EAAK+B,EAAY,CAAEjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAAoB"}
+{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n    var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n    const [currentValue, setCurrentValue] = useState(value || '');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n    const [isRequired, setIsRequired] = useState(false);\n    const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n    const inputRef = useRef(null);\n    const { width } = useWindowSize();\n    useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n    return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n                shrink: isShrunk,\n            }, InputProps: props.icon\n                ? {\n                    startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', name: props.icon }) })),\n                }\n                : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n                if (props.onKeyDownCallback)\n                    props.onKeyDownCallback(event);\n                if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n                    event.preventDefault();\n                }\n            }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"0gBAkBY,MAACA,EAAaC,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAElB,OADAC,EAAmBJ,EAAUK,EAAM1B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAMyB,SAAUzB,EAAM0B,SAAUpB,EAAaH,EAAiBS,GAChIe,EAAK,MAAO,CAAEC,SAAUD,EAAKE,EAAiBC,OAAOC,OAAO,GAAI/B,EAAO,CAAEgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQ/B,GACTgC,WAAYrC,EAAMiC,KACf,CACEK,eAAiBX,EAAKY,EAAgB,CAAEC,SAAU,QAASZ,SAAUD,EAAKc,EAAM,CAAEC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWtD,KAAMW,EAAMiC,UAEhJ,CAAE,EAAEzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GAAUmD,aAAc,IAAMnC,GAAW,GAAOoC,aAAc,IAAMpC,GAAW,GAAQD,QAASA,EAAShB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAAe6C,QAASxC,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAOyD,cAAepD,EAAaP,KAAMA,EAAM4D,IAAK9B,EAAU7B,GAAIA,EAAI4D,MAAOrD,EAAUC,UAAWA,EAAWqD,UAAYP,IAC7jB5C,EAAMoD,mBACNpD,EAAMoD,kBAAkBR,GACxB7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY9B,EAAK+B,EAAY,CAAEjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAAoB"}

package/components/upload/UploadField.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { availableIcons } from '../icon';
+import { IconNameProp } from '../icon';
 export type UploadFieldProps = {
     /**
      * Glob string that specifies which file types are accepted by upload
@@ -27,7 +27,7 @@ export type UploadFieldProps = {
      * Icon name of the upload button.
      * @default undefined
      */
-    uploadIcon?: (typeof availableIcons)[number];
+    uploadIcon?: IconNameProp;
     /**
      * Label of the upload button.
      * @default Upload

package/components/upload/UploadField.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as n,useCallback as o}from"react";import{UploadBox as i}from"./UploadBox.js";import{Icon as a}from"../icon/icon.js";import{Box as l,IconButton as p,Typography as c}from"@mui/material";import{minimatch as s}from"minimatch";const f=({uploadIcon:f="plus",maxFiles:m=1,uploadLabel:d="Upload",accept:u="*",onFileDrop:g})=>{const h=t(null),[v,y]=n(!1),[x,D]=n(!1),j=o((e=>{e.stopPropagation(),e.preventDefault()}),[]),C=o((e=>{[...e.dataTransfer.files].filter((e=>s(e.type,u))).length>0?y(!0):D(!0)}),[y,D]),P=o((()=>{y(!1),D(!1)}),[y,D]),k=o((()=>{var e;null===(e=h.current)||void 0===e||e.click()}),[]),E=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.dataTransfer.files].filter((e=>s(e.type,u))).slice(0,m);y(!1),D(!1),r.length>0&&g(r)}),[y,D]),F=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.target.files].filter((e=>s(e.type,u))).slice(0,m);r.length>0&&(g([...r]),h.current&&(h.current.value=""))}),[]);return e(i,{color:v?"primary":"secondary",children:r(l,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:x?"no-drop":"pointer"},onDragOver:j,onDrop:E,onDragEnter:C,onDragLeave:P,onClick:k,children:[e(p,{children:e(a,{className:f})}),"string"==typeof d?e(c,{children:d}):d,e("input",{ref:h,hidden:!0,type:"file",multiple:m>1,accept:u,onChange:F})]})})};export{f as UploadField};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r,useState as n,useCallback as o}from"react";import{UploadBox as i}from"./UploadBox.js";import{Icon as a}from"../icon/icon.js";import"../icon/icon.definitions.js";import{Box as p,IconButton as l,Typography as c}from"@mui/material";import{minimatch as s}from"minimatch";const f=({uploadIcon:f="plus",maxFiles:m=1,uploadLabel:d="Upload",accept:u="*",onFileDrop:g})=>{const h=r(null),[v,y]=n(!1),[x,D]=n(!1),j=o((e=>{e.stopPropagation(),e.preventDefault()}),[]),C=o((e=>{[...e.dataTransfer.files].filter((e=>s(e.type,u))).length>0?y(!0):D(!0)}),[y,D]),P=o((()=>{y(!1),D(!1)}),[y,D]),k=o((()=>{var e;null===(e=h.current)||void 0===e||e.click()}),[]),E=o((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.dataTransfer.files].filter((e=>s(e.type,u))).slice(0,m);y(!1),D(!1),t.length>0&&g(t)}),[y,D]),F=o((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.target.files].filter((e=>s(e.type,u))).slice(0,m);t.length>0&&(g([...t]),h.current&&(h.current.value=""))}),[]);return e(i,{color:v?"primary":"secondary",children:t(p,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:x?"no-drop":"pointer"},onDragOver:j,onDrop:E,onDragEnter:C,onDragLeave:P,onClick:k,children:[e(l,{children:e(a,{name:f})}),"string"==typeof d?e(c,{children:d}):d,e("input",{ref:h,hidden:!0,type:"file",multiple:m>1,accept:u,onChange:F})]})})};export{f as UploadField};
 //# sourceMappingURL=UploadField.js.map

package/components/upload/UploadField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadField.js","sources":["../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n    const inputRef = useRef(null);\n    const [dragging, setDragging] = useState(false);\n    const [dragInvalid, setDragInvalid] = useState(false);\n    const preventDragOver = useCallback((event) => {\n        event.stopPropagation();\n        event.preventDefault();\n    }, []);\n    const dragOverHandler = useCallback((event) => {\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept));\n        if (matched.length > 0) {\n            setDragging(true);\n        }\n        else {\n            setDragInvalid(true);\n        }\n    }, [setDragging, setDragInvalid]);\n    const dragLeaveHandler = useCallback(() => {\n        setDragging(false);\n        setDragInvalid(false);\n    }, [setDragging, setDragInvalid]);\n    const uploadClickHandler = useCallback(() => {\n        var _a;\n        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n    }, []);\n    const dropHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        setDragging(false);\n        setDragInvalid(false);\n        if (matched.length > 0) {\n            onFileDrop(matched);\n        }\n    }, [setDragging, setDragInvalid]);\n    const inputChangeHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.target.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        if (matched.length > 0) {\n            onFileDrop([...matched]);\n            if (inputRef.current) {\n                inputRef.current.value = '';\n            }\n        }\n    }, []);\n    return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '16px',\n                gap: '8px',\n                '& *': {\n                    pointerEvents: 'none',\n                },\n                cursor: dragInvalid ? 'no-drop' : 'pointer',\n            }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { className: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["UploadField","uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","IconButton","Icon","className","Typography","ref","hidden","multiple","onChange"],"mappings":"4SAMY,MAACA,EAAc,EAAGC,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,EAAO,OACjBC,EAAUC,GAAeC,GAAS,IAClCC,EAAaC,GAAkBF,GAAS,GACzCG,EAAkBC,GAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,GAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,GAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,GAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,GAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,GAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,EAAKC,EAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAKqB,EAAY,CAAElB,SAAUH,EAAKsB,EAAM,CAAEC,UAAW3D,MAAyC,iBAAhBE,EAA2BkC,EAAKwB,EAAY,CAAErB,SAAUrC,IAAiBA,EAAakC,EAAK,QAAS,CAAEyB,IAAKxD,EAAUyD,QAAQ,EAAMvC,KAAM,OAAQwC,SAAU9D,EAAW,EAAGE,OAAQA,EAAQ6D,SAAU/B,QAA8B"}
+{"version":3,"file":"UploadField.js","sources":["../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n    const inputRef = useRef(null);\n    const [dragging, setDragging] = useState(false);\n    const [dragInvalid, setDragInvalid] = useState(false);\n    const preventDragOver = useCallback((event) => {\n        event.stopPropagation();\n        event.preventDefault();\n    }, []);\n    const dragOverHandler = useCallback((event) => {\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept));\n        if (matched.length > 0) {\n            setDragging(true);\n        }\n        else {\n            setDragInvalid(true);\n        }\n    }, [setDragging, setDragInvalid]);\n    const dragLeaveHandler = useCallback(() => {\n        setDragging(false);\n        setDragInvalid(false);\n    }, [setDragging, setDragInvalid]);\n    const uploadClickHandler = useCallback(() => {\n        var _a;\n        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n    }, []);\n    const dropHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        setDragging(false);\n        setDragInvalid(false);\n        if (matched.length > 0) {\n            onFileDrop(matched);\n        }\n    }, [setDragging, setDragInvalid]);\n    const inputChangeHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.target.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        if (matched.length > 0) {\n            onFileDrop([...matched]);\n            if (inputRef.current) {\n                inputRef.current.value = '';\n            }\n        }\n    }, []);\n    return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '16px',\n                gap: '8px',\n                '& *': {\n                    pointerEvents: 'none',\n                },\n                cursor: dragInvalid ? 'no-drop' : 'pointer',\n            }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { name: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["UploadField","uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","IconButton","Icon","name","Typography","ref","hidden","multiple","onChange"],"mappings":"gVAMY,MAACA,EAAc,EAAGC,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,EAAO,OACjBC,EAAUC,GAAeC,GAAS,IAClCC,EAAaC,GAAkBF,GAAS,GACzCG,EAAkBC,GAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,GAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,GAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,GAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,GAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,GAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,EAAKC,EAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAKqB,EAAY,CAAElB,SAAUH,EAAKsB,EAAM,CAAEC,KAAM3D,MAAyC,iBAAhBE,EAA2BkC,EAAKwB,EAAY,CAAErB,SAAUrC,IAAiBA,EAAakC,EAAK,QAAS,CAAEyB,IAAKxD,EAAUyD,QAAQ,EAAMvC,KAAM,OAAQwC,SAAU9D,EAAW,EAAGE,OAAQA,EAAQ6D,SAAU/B,QAA8B"}

package/components/upload/UploadPreview.d.ts

@@ -9,7 +9,7 @@ export type UploadPreviewProps = {
      * ...
      * <UploadPreview ... actions={
      *  <IconButton onClick={...}>
-     *    <Icon className="trash"/>
+     *    <Icon name="trashcan"/>
      *  </IconButton
      * }/>
      */

package/components/upload/UploadPreviewList.d.ts

@@ -18,7 +18,7 @@ export type UploadPreviewListProps = {
      *  actions={
      *    (file) =>
      *      <IconButton onClick={...}>
-     *        <Icon className="trash"/>
+     *        <Icon name="trashcan"/>
      *      </IconButton>
      *  }
      * />

package/components/upload/UploadPreviewList.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,List as t,ListItem as n,ListItemIcon as l,ListItemText as a,Typography as d,Divider as c}from"@mui/material";import{Icon as m}from"../icon/icon.js";import{UploadBox as s}from"./UploadBox.js";import{formatFileSize as h}from"../../utils/formatFileSize/formatFileSize.js";const p=({files:p,actions:f})=>i(s,{color:"white",children:i(r,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:i(t,{children:p.map(((r,t)=>e(o,{children:[e(n,{secondaryAction:null==f?void 0:f(r),children:[i(l,{sx:{fontSize:"30px"},children:i(m,{fontSize:"inherit",className:"document"})}),i(a,{primary:i(d,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:r.name}),secondary:i(d,{color:"disabled.tertiary",children:h(r.size)})})]},r.name),t<p.length-1&&i(c,{})]})))})})});export{p as UploadPreviewList};
+import{jsx as i,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,List as n,ListItem as t,ListItemIcon as l,ListItemText as d,Typography as a,Divider as c}from"@mui/material";import{Icon as m}from"../icon/icon.js";import"../icon/icon.definitions.js";import{UploadBox as s}from"./UploadBox.js";import{formatFileSize as p}from"../../utils/formatFileSize/formatFileSize.js";const h=({files:h,actions:f})=>i(s,{color:"white",children:i(r,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:i(n,{children:h.map(((r,n)=>e(o,{children:[e(t,{secondaryAction:null==f?void 0:f(r),children:[i(l,{sx:{fontSize:"30px"},children:i(m,{fontSize:"inherit",name:"file"})}),i(d,{primary:i(a,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:r.name}),secondary:i(a,{color:"disabled.tertiary",children:p(r.size)})})]},r.name),n<h.length-1&&i(c,{})]})))})})});export{h as UploadPreviewList};
 //# sourceMappingURL=UploadPreviewList.js.map

package/components/upload/UploadPreviewList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n    return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", className: \"document\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n                                            whiteSpace: 'nowrap',\n                                            overflow: 'hidden',\n                                            textOverflow: 'ellipsis',\n                                            paddingRight: '15px',\n                                        }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","className","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","name","secondary","formatFileSize","size","length","Divider"],"mappings":"6VAKY,MAACA,EAAoB,EAAGC,QAAOC,aAC/BC,EAAKC,EAAW,CAAEC,MAAO,QAASC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAKU,EAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,EAAMC,EAAW,CAAEZ,SAAU,CAACW,EAAME,EAAU,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,EAAKkB,EAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAKoB,EAAM,CAAED,SAAU,UAAWE,UAAW,eAAkBrB,EAAKsB,EAAc,CAAEC,QAASvB,EAAKwB,EAAY,CAAEnB,GAAI,CAC3doB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKgB,OAASC,UAAW7B,EAAKwB,EAAY,CAAEtB,MAAO,oBAAqBC,SAAU2B,EAAelB,EAAKmB,YAAgBnB,EAAKgB,MAAOf,EAAQf,EAAMkC,OAAS,GAAKhC,EAAKiC,EAAS,CAAA"}
+{"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n    return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", name: \"file\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n                                            whiteSpace: 'nowrap',\n                                            overflow: 'hidden',\n                                            textOverflow: 'ellipsis',\n                                            paddingRight: '15px',\n                                        }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"iYAKY,MAACA,EAAoB,EAAGC,QAAOC,aAC/BC,EAAKC,EAAW,CAAEC,MAAO,QAASC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAKU,EAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,EAAMC,EAAW,CAAEZ,SAAU,CAACW,EAAME,EAAU,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,EAAKkB,EAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAKoB,EAAM,CAAED,SAAU,UAAWE,KAAM,WAAcrB,EAAKsB,EAAc,CAAEC,QAASvB,EAAKwB,EAAY,CAAEnB,GAAI,CACldoB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKS,OAASO,UAAW5B,EAAKwB,EAAY,CAAEtB,MAAO,oBAAqBC,SAAU0B,EAAejB,EAAKkB,YAAgBlB,EAAKS,MAAOR,EAAQf,EAAMiC,OAAS,GAAK/B,EAAKgC,EAAS,CAAA"}

package/design/skoda/SkodaThemeProvider.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
+import { ScopedCssBaselineProps } from '@mui/material';
+import { DefaultTheme } from '@mui/system';
 import './theme.extensions';
 export type SkodaThemeProviderProps = {
     children?: React.ReactNode;
-};
+    theme?: Partial<DefaultTheme>;
+    globalBaseline?: boolean;
+} & ScopedCssBaselineProps;
+/**
+ * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline
+ */
 export declare const SkodaThemeProvider: React.FC<SkodaThemeProviderProps>;

package/design/skoda/SkodaThemeProvider.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{StyledEngineProvider as e,ThemeProvider as m,ScopedCssBaseline as i}from"@mui/material";import{createSkodaTheme as o}from"./theme.js";import{useTypographySize as c}from"./theme.typography.js";const n=n=>{const h=c(),p=t((()=>o(h)),[h]);return r(e,{injectFirst:!0,children:r(m,{theme:p,children:r(i,{children:n.children})})})};export{n as SkodaThemeProvider};
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{StyledEngineProvider as i,ThemeProvider as t,ScopedCssBaseline as m}from"@mui/material";import{theme as l}from"./theme.js";const n=n=>{var{children:o,theme:a=l,globalBaseline:c=!1}=n,h=e(n,["children","theme","globalBaseline"]);return r(i,{injectFirst:!0,children:r(t,{theme:a,children:c?o:r(m,Object.assign({},h,{children:o}))})})};export{n as SkodaThemeProvider};
 //# sourceMappingURL=SkodaThemeProvider.js.map

package/design/skoda/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { ScopedCssBaseline, StyledEngineProvider, ThemeProvider } from '@mui/material';\nimport { createSkodaTheme } from './theme';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nexport const SkodaThemeProvider = (props) => {\n    const typographySize = useTypographySize();\n    const theme = useMemo(() => createSkodaTheme(typographySize), [typographySize]);\n    return (_jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: props.children }) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["SkodaThemeProvider","props","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","StyledEngineProvider","injectFirst","children","ThemeProvider","ScopedCssBaseline"],"mappings":"+QAMY,MAACA,EAAsBC,IAC/B,MAAMC,EAAiBC,IACjBC,EAAQC,GAAQ,IAAMC,EAAiBJ,IAAiB,CAACA,IAC/D,OAAQK,EAAKC,EAAsB,CAAEC,aAAa,EAAMC,SAAUH,EAAKI,EAAe,CAAEP,MAAOA,EAAOM,SAAUH,EAAKK,EAAmB,CAAEF,SAAUT,EAAMS,cAAmB"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ScopedCssBaseline, StyledEngineProvider, ThemeProvider } from '@mui/material';\nimport { theme as skodaTheme } from './theme';\nimport './theme.extensions';\n/**\n * Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n */\nexport const SkodaThemeProvider = (_a) => {\n    var { children, theme = skodaTheme, globalBaseline = false } = _a, rest = __rest(_a, [\"children\", \"theme\", \"globalBaseline\"]);\n    return (_jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: globalBaseline ? children : _jsx(ScopedCssBaseline, Object.assign({}, rest, { children: children })) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["SkodaThemeProvider","_a","children","theme","skodaTheme","globalBaseline","rest","__rest","_jsx","StyledEngineProvider","injectFirst","ThemeProvider","ScopedCssBaseline","Object","assign"],"mappings":"yMAQY,MAACA,EAAsBC,IAC/B,IAAIC,SAAEA,EAAQC,MAAEA,EAAQC,EAAUC,eAAEA,GAAiB,GAAUJ,EAAIK,EAAOC,EAAON,EAAI,CAAC,WAAY,QAAS,mBAC3G,OAAQO,EAAKC,EAAsB,CAAEC,aAAa,EAAMR,SAAUM,EAAKG,EAAe,CAAER,MAAOA,EAAOD,SAAUG,EAAiBH,EAAWM,EAAKI,EAAmBC,OAAOC,OAAO,CAAA,EAAIR,EAAM,CAAEJ,SAAUA,QAAoB"}

package/design/skoda/SkodaThemeWidgetProvider.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
-import './theme.extensions';
-type SkodaThemeProviderProps = {
-    children?: React.ReactNode;
-};
-export declare const SkodaThemeWidgetProvider: (props: SkodaThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { SkodaThemeProviderProps } from './SkodaThemeProvider';
+/**
+ * Alternative theme provider when the responsive style should be applied based on the container and not window
+ */
+export declare const SkodaThemeWidgetProvider: ({ theme, ...rest }: SkodaThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/design/skoda/SkodaThemeWidgetProvider.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{ScopedCssBaseline as e,debounce as t}from"@mui/material";import{StyledEngineProvider as i,ThemeProvider as o}from"@mui/material/styles";import{createBreakpoints as m}from"@mui/system";import{useMemo as n,useState as s,useCallback as c,useLayoutEffect as a}from"react";import{useMeasure as p,useWindowSize as f}from"react-use";import{flowBreakpoints as h}from"./theme.breakpoints.js";import{useTypographySize as l}from"./theme.typography.js";import{createSkodaTheme as u}from"./theme.js";const d=t=>{const{children:m}=t,{containerBreakpoints:s,containerRef:c}=j(),a=l(s),p=n((()=>u(a,s)),[a,s]);return r("div",{ref:c,children:r(i,{injectFirst:!0,children:r(o,{theme:p,children:r(e,{children:m})})})})},j=()=>{const r=n((()=>m(h)),[]),[e,i]=s(h),[o,{width:l}]=p(),{width:u}=f(),d=c(((e,t)=>{const o=e-t,m=r.keys.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:r.values[t]+o})),{});i({values:m})}),[r]),j=n((()=>t(d,250)),[d]);return a((()=>{j(u,l)}),[u,l,d]),{containerBreakpoints:e,containerRef:o}};export{d as SkodaThemeWidgetProvider};
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{SkodaThemeProvider as m}from"./SkodaThemeProvider.js";import{createSkodaTheme as i}from"./theme.js";import{Box as o}from"@mui/material";import{createTheme as s}from"@mui/material/styles";const n=n=>{var{theme:a}=n,p=r(n,["theme"]);const c=t((()=>{const r=i({widget:!0});return a?s(r,a):r}),[a]);return e(o,{sx:{containerType:"inline-size"},children:e(m,Object.assign({},p,{theme:c}))})};export{n as SkodaThemeWidgetProvider};
 //# sourceMappingURL=SkodaThemeWidgetProvider.js.map

package/design/skoda/SkodaThemeWidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { debounce, ScopedCssBaseline } from '@mui/material';\nimport { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';\nimport { createBreakpoints } from '@mui/system';\nimport { useCallback, useLayoutEffect, useMemo, useState } from 'react';\nimport { useMeasure, useWindowSize } from 'react-use';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nimport { createSkodaTheme } from './theme';\nexport const SkodaThemeWidgetProvider = (props) => {\n    const { children } = props;\n    const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n    const typographySize = useTypographySize(containerBreakpoints);\n    const theme = useMemo(() => createSkodaTheme(typographySize, containerBreakpoints), [typographySize, containerBreakpoints]);\n    return (_jsx(\"div\", { ref: containerRef, children: _jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: children }) }) }) }));\n};\nconst useContainerBreakpoints = () => {\n    const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n    const [containerBreakpoints, setContainerBreakpoints] = useState(flowBreakpoints);\n    const [containerRef, { width: containerWidth }] = useMeasure();\n    const { width: windowWidth } = useWindowSize();\n    const handleResize = useCallback((window, container) => {\n        const difference = window - container;\n        const newContainerBreakpoints = windowBreakpoints.keys.reduce((prev, curr) => (Object.assign(Object.assign({}, prev), { [curr]: windowBreakpoints.values[curr] + difference })), {});\n        setContainerBreakpoints({ values: newContainerBreakpoints });\n    }, [windowBreakpoints]);\n    const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n    useLayoutEffect(() => {\n        debounceHandleResize(windowWidth, containerWidth);\n    }, [windowWidth, containerWidth, handleResize]);\n    return { containerBreakpoints, containerRef };\n};\n//# sourceMappingURL=SkodaThemeWidgetProvider.js.map"],"names":["SkodaThemeWidgetProvider","props","children","containerBreakpoints","containerRef","useContainerBreakpoints","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","ref","StyledEngineProvider","injectFirst","ThemeProvider","ScopedCssBaseline","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","width","containerWidth","useMeasure","windowWidth","useWindowSize","handleResize","useCallback","window","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Object","assign","values","debounceHandleResize","debounce","useLayoutEffect"],"mappings":"shBAUY,MAACA,EAA4BC,IACrC,MAAMC,SAAEA,GAAaD,GACfE,qBAAEA,EAAoBC,aAAEA,GAAiBC,IACzCC,EAAiBC,EAAkBJ,GACnCK,EAAQC,GAAQ,IAAMC,EAAiBJ,EAAgBH,IAAuB,CAACG,EAAgBH,IACrG,OAAQQ,EAAK,MAAO,CAAEC,IAAKR,EAAcF,SAAUS,EAAKE,EAAsB,CAAEC,aAAa,EAAMZ,SAAUS,EAAKI,EAAe,CAAEP,MAAOA,EAAON,SAAUS,EAAKK,EAAmB,CAAEd,SAAUA,SAAsB,EAEnNG,EAA0B,KAC5B,MAAMY,EAAoBR,GAAQ,IAAMS,EAAkBC,IAAkB,KACrEhB,EAAsBiB,GAA2BC,EAASF,IAC1Df,GAAgBkB,MAAOC,IAAoBC,KAC1CF,MAAOG,GAAgBC,IACzBC,EAAeC,GAAY,CAACC,EAAQC,KACtC,MAAMC,EAAaF,EAASC,EACtBE,EAA0Bf,EAAkBgB,KAAKC,QAAO,CAACC,EAAMC,IAAUC,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAO,CAAEC,CAACA,GAAOnB,EAAkBsB,OAAOH,GAAQL,KAAgB,CAAE,GACnLX,EAAwB,CAAEmB,OAAQP,GAA0B,GAC7D,CAACf,IACEuB,EAAuB/B,GAAQ,IAAMgC,EAASd,EAAc,MAAM,CAACA,IAIzE,OAHAe,GAAgB,KACZF,EAAqBf,EAAaF,EAAe,GAClD,CAACE,EAAaF,EAAgBI,IAC1B,CAAExB,uBAAsBC,eAAc"}
+{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { SkodaThemeProvider } from './SkodaThemeProvider';\nimport { createSkodaTheme } from './theme';\nimport { Box } from '@mui/material';\nimport { createTheme } from '@mui/material/styles';\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n */\nexport const SkodaThemeWidgetProvider = (_a) => {\n    var { theme } = _a, rest = __rest(_a, [\"theme\"]);\n    const composedTheme = useMemo(() => {\n        const containerTheme = createSkodaTheme({ widget: true });\n        // in case theme is provided, make composition\n        if (theme) {\n            return createTheme(containerTheme, theme);\n        }\n        return containerTheme;\n    }, [theme]);\n    return (_jsx(Box, { sx: { containerType: 'inline-size' }, children: _jsx(SkodaThemeProvider, Object.assign({}, rest, { theme: composedTheme })) }));\n};\n//# sourceMappingURL=SkodaThemeWidgetProvider.js.map"],"names":["SkodaThemeWidgetProvider","_a","theme","rest","__rest","composedTheme","useMemo","containerTheme","createSkodaTheme","widget","createTheme","_jsx","Box","sx","containerType","children","SkodaThemeProvider","Object","assign"],"mappings":"ySAUY,MAACA,EAA4BC,IACrC,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAOH,EAAI,CAAC,UACvC,MAAMI,EAAgBC,GAAQ,KAC1B,MAAMC,EAAiBC,EAAiB,CAAEC,QAAQ,IAElD,OAAIP,EACOQ,EAAYH,EAAgBL,GAEhCK,CAAc,GACtB,CAACL,IACJ,OAAQS,EAAKC,EAAK,CAAEC,GAAI,CAAEC,cAAe,eAAiBC,SAAUJ,EAAKK,EAAoBC,OAAOC,OAAO,CAAA,EAAIf,EAAM,CAAED,MAAOG,MAAsB"}

package/design/skoda/components/accordion/accordion.theme.js

@@ -1,2 +1,2 @@
-import{flowColors as o}from"../../palette.theme.js";const r={defaultProps:{disableGutters:!0,square:!0},styleOverrides:{root:({theme:r})=>({boxShadow:"unset",borderRadius:"0px",borderTop:`1px solid ${r.palette.divider}`,borderBottom:0,"&::before":{display:"none"},"& .MuiAccordionSummary-root":{lineHeight:"24px",fontWeight:700,fontSize:"16px",color:o.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"center","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.onSurface.os900},"& > .MuiAccordionSummary-content":{flexDirection:"column",margin:"24px 20px 24px 0px","& > .accordion-panel-title--sneak-peak":{marginTop:"8px",fontWeight:300}},"&:hover":{"& > .MuiAccordionSummary-expandIconWrapper > div > button":{background:o.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.onSurface.os900},"& .MuiAccordionDetails-root":{padding:"0px 24px 16px"},"& .MuiAccordionSummary-expandIconWrapper":{transform:"unset !important","& .MuiIcon-root":{borderRadius:"50%",position:"relative !important",fontSize:"18px"},"& > div":{transform:"unset","& > button":{backgroundColor:"transparent",width:"24px",height:"24px",outline:"none","& .MuiIcon-root":{transform:"rotate(0deg)",transition:"all 0.3s",transformOrigin:"50%","&:before":{fontSize:"16px"}}}},"&.Mui-expanded":{"& .MuiIcon-root":{transform:"rotate(180deg)"}}}})}};export{r as flowAccordion};
+import{paletteLight as o}from"../../paletteLight.theme.js";const r={defaultProps:{disableGutters:!0,square:!0},styleOverrides:{root:({theme:r})=>({boxShadow:"unset",borderRadius:"0px",borderTop:`1px solid ${r.palette.divider}`,borderBottom:0,"&::before":{display:"none"},"& .MuiAccordionSummary-root":{lineHeight:"24px",fontWeight:700,fontSize:"16px",color:o.onSurface.os900,letterSpacing:"0.3px",padding:"0px 24px",display:"flex",alignItems:"center","& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root":{color:o.onSurface.os900},"& > .MuiAccordionSummary-content":{flexDirection:"column",margin:"24px 20px 24px 0px","& > .accordion-panel-title--sneak-peak":{marginTop:"8px",fontWeight:300}},"&:hover":{"& > .MuiAccordionSummary-expandIconWrapper > div > button":{background:o.transparent.primary}},"&:focus":{backgroundColor:"transparent"}},"& .text":{fontWeight:300,fontSize:"16px",lineHeight:"24px",letterSpacing:"0.3px",color:o.onSurface.os900},"& .MuiAccordionDetails-root":{padding:"0px 24px 16px"},"& .MuiAccordionSummary-expandIconWrapper":{transform:"unset !important","& .MuiIcon-root":{borderRadius:"50%",position:"relative !important",fontSize:"18px"},"& > div":{transform:"unset","& > button":{backgroundColor:"transparent",width:"24px",height:"24px",outline:"none","& .MuiIcon-root":{transform:"rotate(0deg)",transition:"all 0.3s",transformOrigin:"50%","&:before":{fontSize:"16px"}}}},"&.Mui-expanded":{"& .MuiIcon-root":{transform:"rotate(180deg)"}}}})}};export{r as flowAccordion};
 //# sourceMappingURL=accordion.theme.js.map

package/design/skoda/components/accordion/accordion.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { flowColors } from '../../palette.theme';\nexport const flowAccordion = {\n    defaultProps: {\n        disableGutters: true,\n        square: true,\n    },\n    styleOverrides: {\n        root: ({ theme }) => ({\n            boxShadow: 'unset',\n            borderRadius: '0px',\n            borderTop: `1px solid ${theme.palette.divider}`,\n            borderBottom: 0,\n            '&::before': {\n                display: 'none',\n            },\n            '& .MuiAccordionSummary-root': {\n                lineHeight: '24px',\n                fontWeight: 700,\n                fontSize: '16px',\n                color: flowColors.onSurface.os900,\n                letterSpacing: '0.3px',\n                padding: '0px 24px',\n                display: 'flex',\n                alignItems: 'center',\n                '& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root': {\n                    color: flowColors.onSurface.os900,\n                },\n                '& > .MuiAccordionSummary-content': {\n                    flexDirection: 'column',\n                    margin: '24px 20px 24px 0px',\n                    '& > .accordion-panel-title--sneak-peak': {\n                        marginTop: '8px',\n                        fontWeight: 300,\n                    },\n                },\n                '&:hover': {\n                    '& > .MuiAccordionSummary-expandIconWrapper > div > button': {\n                        background: flowColors.transparent.primary,\n                    },\n                },\n                '&:focus': {\n                    backgroundColor: 'transparent',\n                },\n            },\n            '& .text': {\n                fontWeight: 300,\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.3px',\n                color: flowColors.onSurface.os900,\n            },\n            '& .MuiAccordionDetails-root': {\n                padding: '0px 24px 16px',\n            },\n            '& .MuiAccordionSummary-expandIconWrapper': {\n                transform: 'unset !important',\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    position: 'relative !important',\n                    fontSize: '18px',\n                },\n                '& > div': {\n                    transform: 'unset',\n                    '& > button': {\n                        backgroundColor: 'transparent',\n                        width: '24px',\n                        height: '24px',\n                        outline: 'none',\n                        '& .MuiIcon-root': {\n                            transform: 'rotate(0deg)',\n                            transition: 'all 0.3s',\n                            transformOrigin: '50%',\n                            '&:before': {\n                                fontSize: '16px',\n                            },\n                        },\n                    },\n                },\n                '&.Mui-expanded': {\n                    '& .MuiIcon-root': {\n                        transform: 'rotate(180deg)',\n                    },\n                },\n            },\n        }),\n    },\n};\n//# sourceMappingURL=accordion.theme.js.map"],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"oDACY,MAACA,EAAgB,CACzBC,aAAc,CACVC,gBAAgB,EAChBC,QAAQ,GAEZC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACTC,QAAS,QAEb,8BAA+B,CAC3BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,SACZ,6DAA8D,CAC1DN,MAAOC,EAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAEhC,8BAA+B,CAC3BE,QAAS,iBAEb,2CAA4C,CACxCS,UAAW,mBACX,kBAAmB,CACfvB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEd,UAAW,CACPe,UAAW,QACX,aAAc,CACVD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACfJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACRrB,SAAU,WAK1B,iBAAkB,CACd,kBAAmB,CACfe,UAAW"}
+{"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../../paletteLight.theme';\nexport const flowAccordion = {\n    defaultProps: {\n        disableGutters: true,\n        square: true,\n    },\n    styleOverrides: {\n        root: ({ theme }) => ({\n            boxShadow: 'unset',\n            borderRadius: '0px',\n            borderTop: `1px solid ${theme.palette.divider}`,\n            borderBottom: 0,\n            '&::before': {\n                display: 'none',\n            },\n            '& .MuiAccordionSummary-root': {\n                lineHeight: '24px',\n                fontWeight: 700,\n                fontSize: '16px',\n                color: flowColors.onSurface.os900,\n                letterSpacing: '0.3px',\n                padding: '0px 24px',\n                display: 'flex',\n                alignItems: 'center',\n                '& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root': {\n                    color: flowColors.onSurface.os900,\n                },\n                '& > .MuiAccordionSummary-content': {\n                    flexDirection: 'column',\n                    margin: '24px 20px 24px 0px',\n                    '& > .accordion-panel-title--sneak-peak': {\n                        marginTop: '8px',\n                        fontWeight: 300,\n                    },\n                },\n                '&:hover': {\n                    '& > .MuiAccordionSummary-expandIconWrapper > div > button': {\n                        background: flowColors.transparent.primary,\n                    },\n                },\n                '&:focus': {\n                    backgroundColor: 'transparent',\n                },\n            },\n            '& .text': {\n                fontWeight: 300,\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.3px',\n                color: flowColors.onSurface.os900,\n            },\n            '& .MuiAccordionDetails-root': {\n                padding: '0px 24px 16px',\n            },\n            '& .MuiAccordionSummary-expandIconWrapper': {\n                transform: 'unset !important',\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    position: 'relative !important',\n                    fontSize: '18px',\n                },\n                '& > div': {\n                    transform: 'unset',\n                    '& > button': {\n                        backgroundColor: 'transparent',\n                        width: '24px',\n                        height: '24px',\n                        outline: 'none',\n                        '& .MuiIcon-root': {\n                            transform: 'rotate(0deg)',\n                            transition: 'all 0.3s',\n                            transformOrigin: '50%',\n                            '&:before': {\n                                fontSize: '16px',\n                            },\n                        },\n                    },\n                },\n                '&.Mui-expanded': {\n                    '& .MuiIcon-root': {\n                        transform: 'rotate(180deg)',\n                    },\n                },\n            },\n        }),\n    },\n};\n//# sourceMappingURL=accordion.theme.js.map"],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"2DACY,MAACA,EAAgB,CACzBC,aAAc,CACVC,gBAAgB,EAChBC,QAAQ,GAEZC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACTC,QAAS,QAEb,8BAA+B,CAC3BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,SACZ,6DAA8D,CAC1DN,MAAOC,EAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAEhC,8BAA+B,CAC3BE,QAAS,iBAEb,2CAA4C,CACxCS,UAAW,mBACX,kBAAmB,CACfvB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEd,UAAW,CACPe,UAAW,QACX,aAAc,CACVD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACfJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACRrB,SAAU,WAK1B,iBAAkB,CACd,kBAAmB,CACfe,UAAW"}

package/design/skoda/components/accordion/accordionSummary.theme.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"@mui/material/MobileStepper";import"react";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"@mui/x-date-pickers/internals";import"../divider.theme.js";import"../drawer.theme.js";import"../form/slider.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../snackbar.theme.js";import"../stepper/stepIcon/errorStepIcon.js";import"../stepper/stepIcon/qontoStepIcon.js";import"../tabs/tabs.theme.js";import"../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"../../../../utils/enum.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";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
+import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"tslib";import"@mui/material";import"../../theme.js";import"react";import"@mui/material/styles";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{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/numbering/numbering.js";import"../../../../utils/enum.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"lodash/noop";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"../../../../components/icon/icon.js";import"../../../../components/icon/icon.definitions.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";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
 //# sourceMappingURL=accordionSummary.theme.js.map

package/design/skoda/components/accordion/accordionSummary.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n    defaultProps: {\n        expandIcon: _jsx(Controller, { controlType: 'plus' }),\n    },\n    styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"6kLAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
+{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n    defaultProps: {\n        expandIcon: _jsx(Controller, { controlType: \"plus\" }),\n    },\n    styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"oyJAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}

package/design/skoda/components/autocomplete.theme.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"@mui/material/MobileStepper";import"react";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./accordion/accordionSummary.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"@mui/x-date-pickers/internals";import"./divider.theme.js";import"./drawer.theme.js";import"./form/slider.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./snackbar.theme.js";import"./stepper/stepIcon/errorStepIcon.js";import"./stepper/stepIcon/qontoStepIcon.js";import"./tabs/tabs.theme.js";import"./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"../../../utils/enum.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";import"minimatch";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
+import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"tslib";import"@mui/material";import"../theme.js";import"react";import"@mui/material/styles";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"../../../components/controls/controls.js";import"../../../components/numbering/numbering.js";import"../../../utils/enum.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"lodash/noop";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{Icon as t}from"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.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";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../components/mobileStepper/mobileStepperButton.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/textArea/textArea.js";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{name:"chevron-down"}),clearIcon:o(t,{name:"close"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
 //# sourceMappingURL=autocomplete.theme.js.map

package/design/skoda/components/autocomplete.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n    defaultProps: {\n        popupIcon: _jsx(Icon, { className: \"chevron-down\" }),\n        clearIcon: _jsx(Icon, { className: \"ballotx\" }),\n        disableClearable: true,\n        componentsProps: {\n            popupIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n            clearIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n        },\n    },\n    styleOverrides: {\n        root: () => ({\n            '& .MuiFilledInput-root': {\n                paddingBottom: 7,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n                height: 26,\n                boxSizing: 'border-box',\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n                paddingBottom: 3,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n                paddingTop: 12,\n                paddingBottom: 14,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n                paddingTop: 17,\n                paddingBottom: 13,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n        }),\n        endAdornment: {\n            top: '50%',\n            transform: 'translateY(-50%)',\n        },\n        popupIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        clearIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        listbox: ({ theme }) => ({\n            maxHeight: 240,\n            overflow: 'overlay',\n            padding: 0,\n            '& .MuiAutocomplete-option': {\n                minHeight: '48px',\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option.Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n        }),\n        option: ({ theme }) => ({\n            fontSize: '16px',\n            lineHeight: '24px',\n            color: theme.palette.onSurface.os900,\n            fontWeight: '500',\n            paddingRight: '16px',\n            minHeight: '48px',\n            backgroundColor: 'unset',\n            '&:hover': {\n                background: theme.palette.surface.primary,\n            },\n        }),\n        tag: {\n            marginTop: 0,\n            marginBottom: 0,\n            height: 26,\n            display: 'inline-flex',\n            alignItems: 'center',\n            '&.MuiChip-colorDefault': {\n                background: 'transparent',\n            },\n            '& .MuiChip-label': {\n                display: 'inline',\n                paddingLeft: 0,\n                paddingRight: 7,\n            },\n            '& .MuiChip-deleteIcon': {\n                marginRight: 2,\n            },\n        },\n    },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"o1KAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,UAAW,iBACnCC,UAAWH,EAAKC,EAAM,CAAEC,UAAW,YACnCE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}
+{"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n    defaultProps: {\n        popupIcon: _jsx(Icon, { name: \"chevron-down\" }),\n        clearIcon: _jsx(Icon, { name: \"close\" }),\n        disableClearable: true,\n        componentsProps: {\n            popupIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n            clearIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n        },\n    },\n    styleOverrides: {\n        root: () => ({\n            '& .MuiFilledInput-root': {\n                paddingBottom: 7,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n                height: 26,\n                boxSizing: 'border-box',\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n                paddingBottom: 3,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n                paddingTop: 12,\n                paddingBottom: 14,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n                paddingTop: 17,\n                paddingBottom: 13,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n        }),\n        endAdornment: {\n            top: '50%',\n            transform: 'translateY(-50%)',\n        },\n        popupIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        clearIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        listbox: ({ theme }) => ({\n            maxHeight: 240,\n            overflow: 'overlay',\n            padding: 0,\n            '& .MuiAutocomplete-option': {\n                minHeight: '48px',\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option.Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n        }),\n        option: ({ theme }) => ({\n            fontSize: '16px',\n            lineHeight: '24px',\n            color: theme.palette.onSurface.os900,\n            fontWeight: '500',\n            paddingRight: '16px',\n            minHeight: '48px',\n            backgroundColor: 'unset',\n            '&:hover': {\n                background: theme.palette.surface.primary,\n            },\n        }),\n        tag: {\n            marginTop: 0,\n            marginBottom: 0,\n            height: 26,\n            display: 'inline-flex',\n            alignItems: 'center',\n            '&.MuiChip-colorDefault': {\n                background: 'transparent',\n            },\n            '& .MuiChip-label': {\n                display: 'inline',\n                paddingLeft: 0,\n                paddingRight: 7,\n            },\n            '& .MuiChip-deleteIcon': {\n                marginRight: 2,\n            },\n        },\n    },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","name","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"6jJAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,KAAM,iBAC9BC,UAAWH,EAAKC,EAAM,CAAEC,KAAM,UAC9BE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}

package/design/skoda/components/backdrop.theme.js

@@ -1,2 +1,2 @@
-import{flowColors as r}from"../palette.theme.js";const o={defaultProps:{},styleOverrides:{root:{zIndex:"100",backgroundColor:r.transparent.backdrop,backdropFilter:"blur(4px)","&.MuiBackdrop-invisible":{backgroundColor:"transparent",backdropFilter:"none"},"&.MuiBackdrop-transparent":{backgroundColor:"transparent",backdropFilter:"none"}}}};export{o as flowBackdrop};
+import{paletteLight as r}from"../paletteLight.theme.js";const o={defaultProps:{},styleOverrides:{root:{zIndex:"100",backgroundColor:r.transparent.backdrop,backdropFilter:"blur(4px)","&.MuiBackdrop-invisible":{backgroundColor:"transparent",backdropFilter:"none"},"&.MuiBackdrop-transparent":{backgroundColor:"transparent",backdropFilter:"none"}}}};export{o as flowBackdrop};
 //# sourceMappingURL=backdrop.theme.js.map

package/design/skoda/components/backdrop.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.theme.js","sources":["../../../../src/design/skoda/components/backdrop.theme.ts"],"sourcesContent":["import { flowColors } from '../palette.theme';\nexport const flowBackdrop = {\n    defaultProps: {},\n    styleOverrides: {\n        root: {\n            zIndex: '100',\n            backgroundColor: flowColors.transparent.backdrop,\n            backdropFilter: 'blur(4px)',\n            '&.MuiBackdrop-invisible': {\n                backgroundColor: 'transparent',\n                backdropFilter: 'none',\n            },\n            '&.MuiBackdrop-transparent': {\n                backgroundColor: 'transparent',\n                backdropFilter: 'none',\n            },\n        },\n    },\n};\n//# sourceMappingURL=backdrop.theme.js.map"],"names":["flowBackdrop","defaultProps","styleOverrides","root","zIndex","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"iDACY,MAACA,EAAe,CACxBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,CACFC,OAAQ,MACRC,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,YAChB,0BAA2B,CACvBJ,gBAAiB,cACjBI,eAAgB,QAEpB,4BAA6B,CACzBJ,gBAAiB,cACjBI,eAAgB"}
+{"version":3,"file":"backdrop.theme.js","sources":["../../../../src/design/skoda/components/backdrop.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const flowBackdrop = {\n    defaultProps: {},\n    styleOverrides: {\n        root: {\n            zIndex: '100',\n            backgroundColor: flowColors.transparent.backdrop,\n            backdropFilter: 'blur(4px)',\n            '&.MuiBackdrop-invisible': {\n                backgroundColor: 'transparent',\n                backdropFilter: 'none',\n            },\n            '&.MuiBackdrop-transparent': {\n                backgroundColor: 'transparent',\n                backdropFilter: 'none',\n            },\n        },\n    },\n};\n//# sourceMappingURL=backdrop.theme.js.map"],"names":["flowBackdrop","defaultProps","styleOverrides","root","zIndex","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"wDACY,MAACA,EAAe,CACxBC,aAAc,CAAE,EAChBC,eAAgB,CACZC,KAAM,CACFC,OAAQ,MACRC,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,YAChB,0BAA2B,CACvBJ,gBAAiB,cACjBI,eAAgB,QAEpB,4BAA6B,CACzBJ,gBAAiB,cACjBI,eAAgB"}