@skodaflow/web-library 4.0.3 → 4.2.0

package/components/container/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../src/components/container/container.tsx"],"sourcesContent":[null],"names":["Container","props","_jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"+EAyDa,MAAAA,EAAaC,GAEtBC,EAACC,EAAYC,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAEK,UAAWL,EAAMK,UAAY,KAAOL,EAAMM,QAAU,UAAS,cAAc,YAAWC,SAC5GP,EAAMO"}
+{"version":3,"file":"container.js","sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiContainer from '@mui/material/Container';\n/**\n * @description SkodaFlow Container component.\n * Properties are inherited from HTML Container element.\n * @param props ContainerProps\n * @returns React Functional Component\n * @deprecated this Component is deprecated. Use Container from @mui/material instead\n */\nexport const Container = (props) => {\n    return (_jsx(MuiContainer, Object.assign({}, props, { className: props.className + ' ' + (props.narrow && 'narrow'), \"data-testid\": \"Container\", children: props.children })));\n};\n//# sourceMappingURL=container.js.map"],"names":["Container","props","_jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"+EASY,MAACA,EAAaC,GACdC,EAAKC,EAAcC,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAEK,UAAWL,EAAMK,UAAY,KAAOL,EAAMM,QAAU,UAAW,cAAe,YAAaC,SAAUP,EAAMO"}

package/components/controls/controls.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
-export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
     controlVariant?: ControlVariant;
     /**
      *  The color of control: white or black, default is white.

package/components/controls/controls.js

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

package/components/controls/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":[null],"names":["Controller","React","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","className","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"+UAiDO,MAAMA,EAAaC,EAAMC,YAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACzE,MAAMI,EAASN,EAAMO,OAAO,MAEtBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,GAAKhB,EAAO,CAAAD,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aACrEC,SAAAN,EAAA,SAAA,CAAQd,IAAKG,EACXiB,SAAAN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,UAAW,GAAGvB,EAAMkB,eAAelB,EAAMwB,kBAGjF,IAMEV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUe3B,IAAA,IAAY8B,EAAI3B,EAAAH,EAAhB,WACnC,MAAM+B,EAAgBC,EACpBF,EAAKG,gBACL,QACAC,EAAWC,QAAQC,SACnBF,EAAWG,KAAKC,SAElB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC5DqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC7DsB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACV8B,UAAW,qBAGf,WAAY,CACVA,UAAW,eAEb,UAAW,CACTP,gBAAiBb,EAAWqB,YAAYjB,SAE1C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaC,EAAWC,QAAQC,WAChC,aAAaF,EAAWG,KAAKC,WAE/BW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAwCpB,OApCAP,EAAMtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDqB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU1C,OAAAC,OAAA,CAAA,EACLsB,KAGHV,EAAKpB,aACP6B,iCACKA,GAAM,CACT,WACKtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAsB,IACHoB,YAAa1B,EAAW2B,SAASvB,QACjCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAC/F,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACV8B,UAAW,0BAMdf,CAAM"}
+{"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\nexport const Controller = forwardRef((_a, ref) => {\n    var props = __rest(_a, []);\n    const btnRef = useRef(null);\n    const handleOnClick = useCallback((e) => {\n        props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n    }, [props]);\n    useEffect(() => {\n        btnRef.current.addEventListener('mousedown', (e) => {\n            e.preventDefault();\n        });\n    }, [btnRef]);\n    return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, className: `${props.controlType} ${props.iconStyle}` }) }) })));\n});\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'controlType' &&\n        prop !== 'controllerColor' &&\n        prop !== 'iconStyle' &&\n        prop !== 'iconFontSize' &&\n        prop !== 'controlVariant' &&\n        prop !== 'onClickCallback' &&\n        prop !== 'isDisabled' &&\n        prop !== 'customHeight',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n    let styles = {};\n    const flexDisplay = {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n    };\n    const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n            color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n            fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n            '&:before': {\n                transform: 'translateY(-2px)',\n            },\n        }, '&:active': {\n            transform: 'scale(0.95)',\n        }, '&:hover': {\n            backgroundColor: flowColors.transparent.primary,\n        }, '&:focus': {\n            '&:after': {\n                content: '\"\"',\n                display: 'block',\n                width: 'calc(100% + 6px)',\n                height: 'calc(100% + 6px)',\n                outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n                position: 'absolute',\n                left: '-3px',\n                top: '-3px',\n                borderRadius: '50%',\n            },\n        } });\n    styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n    if (args.isDisabled) {\n        styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n                    transform: 'scale(1)',\n                }, '&:hover': {\n                    backgroundColor: 'transparent',\n                }, '&:focus': {\n                    '&:after': {\n                        content: 'none',\n                    },\n                }, '& .MuiIcon-root': {\n                    color: flowColors.disabled.primary,\n                    fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n                    '&:before': {\n                        transform: 'translateY(-2px)',\n                    },\n                } }) });\n    }\n    return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","className","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"wWAaY,MAACA,EAAaC,GAAW,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAMI,EAASC,EAAO,MAChBC,EAAgBC,GAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,GAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAKC,EAAeC,OAAOC,OAAO,GAAIhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAK,SAAU,CAAEd,IAAKG,EAAQiB,SAAUN,EAAKO,EAAM,CAAEC,SAAUrB,EAAMsB,aAAcC,UAAW,GAAGvB,EAAMkB,eAAelB,EAAMwB,kBAAuB,IAK7QV,EAAgBW,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB3B,IACG,IAAiB8B,EAAO3B,EAAOH,EAAI,CAAC,UACvC,MAAM+B,EAAgBC,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,qBAEhB,WAAY,CACXA,UAAW,eACZ,UAAW,CACVP,gBAAiBb,EAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAiBF,EAAKG,gBAAiB,QAAS,aAAaC,EAAWC,QAAQC,WAAY,aAAaF,EAAWG,KAAKC,WAClIW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqB1B,OAlBAP,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEqB,GAAS,CAAEM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAAc,WAAY1C,OAAOC,OAAO,CAAE,EAAEsB,KACvJV,EAAKpB,aACL6B,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIqB,GAAS,CAAE,WAAYtB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAc,CAAEoB,YAAa1B,EAAW2B,SAASvB,QAASc,OAAQ,UAAWF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAC/D,WAAY,CACR8B,UAAW,0BAIxBf,CAAM"}

package/components/customPickersActionBar/index.d.ts

@@ -0,0 +1,2 @@
+import { PickersActionBarProps } from '@mui/x-date-pickers';
+export declare const CustomPickersActionBar: (props: PickersActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/customPickersActionBar/index.js

@@ -0,0 +1,2 @@
+import{__rest as n}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{DialogActions as o,Button as r}from"@mui/material";import{Stack as i}from"@mui/system";import{useLocaleText as c}from"@mui/x-date-pickers/internals";const l=l=>{const{actions:a,onAccept:d,onCancel:m,onClear:s,onSetToday:u}=l,p=n(l,["actions","onAccept","onCancel","onClear","onSetToday"]),y=c();return(null==a?void 0:a.length)?t(o,Object.assign({},p,{children:e(i,{direction:"row",justifyContent:"space-between",children:[e(i,{direction:"row",children:[a.includes("clear")&&t(r,{variant:"text",color:"primary",onClick:s,children:y.clearButtonLabel}),a.includes("today")&&t(r,{variant:"text",color:"primary",onClick:u,children:y.todayButtonLabel})]}),e(i,{direction:"row",children:[a.includes("cancel")&&t(r,{variant:"text",color:"primary",onClick:m,children:y.cancelButtonLabel}),a.includes("accept")&&t(r,{variant:"text",color:"primary",onClick:d,children:y.okButtonLabel})]})]})})):null};export{l as CustomPickersActionBar};
+//# sourceMappingURL=index.js.map

package/components/customPickersActionBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, DialogActions } from '@mui/material';\nimport { Stack } from '@mui/system';\nimport { useLocaleText } from '@mui/x-date-pickers/internals';\nexport const CustomPickersActionBar = (props) => {\n    const { actions, onAccept, onCancel, onClear, onSetToday } = props, other = __rest(props, [\"actions\", \"onAccept\", \"onCancel\", \"onClear\", \"onSetToday\"]);\n    const localeText = useLocaleText();\n    if (!(actions === null || actions === void 0 ? void 0 : actions.length))\n        return null;\n    return (_jsx(DialogActions, Object.assign({}, other, { children: _jsxs(Stack, { direction: \"row\", justifyContent: \"space-between\", children: [_jsxs(Stack, { direction: \"row\", children: [actions.includes('clear') && (_jsx(Button, { variant: \"text\", color: \"primary\", onClick: onClear, children: localeText.clearButtonLabel })), actions.includes('today') && (_jsx(Button, { variant: \"text\", color: \"primary\", onClick: onSetToday, children: localeText.todayButtonLabel }))] }), _jsxs(Stack, { direction: \"row\", children: [actions.includes('cancel') && (_jsx(Button, { variant: \"text\", color: \"primary\", onClick: onCancel, children: localeText.cancelButtonLabel })), actions.includes('accept') && (_jsx(Button, { variant: \"text\", color: \"primary\", onClick: onAccept, children: localeText.okButtonLabel }))] })] }) })));\n};\n//# sourceMappingURL=index.js.map"],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","useLocaleText","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"6OAKY,MAACA,EAA0BC,IACnC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAeL,EAAOM,EAAQC,EAAOP,EAAO,CAAC,UAAW,WAAY,WAAY,UAAW,eACnIQ,EAAaC,IACnB,OAAMR,aAAyC,EAASA,EAAQS,QAExDC,EAAKC,EAAeC,OAAOC,OAAO,CAAA,EAAIR,EAAO,CAAES,SAAUC,EAAMC,EAAO,CAAEC,UAAW,MAAOC,eAAgB,gBAAiBJ,SAAU,CAACC,EAAMC,EAAO,CAAEC,UAAW,MAAOH,SAAU,CAACd,EAAQmB,SAAS,UAAaT,EAAKU,EAAQ,CAAEC,QAAS,OAAQC,MAAO,UAAWC,QAASpB,EAASW,SAAUP,EAAWiB,mBAAsBxB,EAAQmB,SAAS,UAAaT,EAAKU,EAAQ,CAAEC,QAAS,OAAQC,MAAO,UAAWC,QAASnB,EAAYU,SAAUP,EAAWkB,sBAA0BV,EAAMC,EAAO,CAAEC,UAAW,MAAOH,SAAU,CAACd,EAAQmB,SAAS,WAAcT,EAAKU,EAAQ,CAAEC,QAAS,OAAQC,MAAO,UAAWC,QAASrB,EAAUY,SAAUP,EAAWmB,oBAAuB1B,EAAQmB,SAAS,WAAcT,EAAKU,EAAQ,CAAEC,QAAS,OAAQC,MAAO,UAAWC,QAAStB,EAAUa,SAAUP,EAAWoB,yBADrwB,IACoyB"}

package/components/divider/divider.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
+import React, { HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
     /**
      *  The component orientation.
      */

package/components/divider/divider.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import i from"react";import e from"@mui/material/Divider";import{styled as o}from"@mui/material/styles";const a=i.forwardRef(((i,e)=>{var{orientation:o,textAlign:a,variant:n,flexItem:l}=i,f=t(i,["orientation","textAlign","variant","flexItem"]);return r(m,Object.assign({},f,{orientation:o,textAlign:a,variant:n,flexItem:!0,ref:e,children:f.children}))})),m=o(e)``;export{a as Divider};
+import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import e from"@mui/material/Divider";import{styled as m}from"@mui/material/styles";const n=i(((i,e)=>{var{orientation:m,textAlign:n,variant:a,flexItem:l}=i,f=t(i,["orientation","textAlign","variant","flexItem"]);return r(o,Object.assign({},f,{orientation:m,textAlign:n,variant:a,flexItem:!0,ref:e,children:f.children}))})),o=m(e)``;export{n as Divider};
 //# sourceMappingURL=divider.js.map

package/components/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.tsx"],"sourcesContent":[null],"names":["Divider","React","forwardRef","_a","ref","orientation","textAlign","variant","flexItem","props","__rest","_jsx","DividerStyled","Object","assign","children","styled","MuiDivider"],"mappings":"+KAgCO,MAAMA,EAAUC,EAAMC,YAC3B,CAACC,EAAyDC,KAAzD,IAAAC,YAAEA,EAAWC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,GAAQL,EAAKM,EAAhDC,EAAAP,EAAA,CAAA,cAAA,YAAA,UAAA,aACC,OACEQ,EAACC,EAAaC,OAAAC,OAAA,GAAKL,EAAK,CAAEJ,YAAaA,EAAaC,UAAWA,EAAWC,QAASA,EAASC,UAAQ,EAACJ,IAAKA,EAAGW,SAC1GN,EAAMM,WAET,IAOAH,EAAgBI,EAAOC,EAA4B"}
+{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport MuiDivider from '@mui/material/Divider';\nimport { styled } from '@mui/material/styles';\n/**\n * @description SkodaFlow Divider component.\n * Properties are inherited from HTML HR Attribetes element.\n * @param props DividerProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Divider component from '@mui/material' instead.\n */\nexport const Divider = forwardRef((_a, ref) => {\n    var { orientation, textAlign, variant, flexItem } = _a, props = __rest(_a, [\"orientation\", \"textAlign\", \"variant\", \"flexItem\"]);\n    return (_jsx(DividerStyled, Object.assign({}, props, { orientation: orientation, textAlign: textAlign, variant: variant, flexItem: true, ref: ref, children: props.children })));\n});\n/**\n * @description Divider styling definition based on props\n */\nconst DividerStyled = styled(MuiDivider) ``;\n//# sourceMappingURL=divider.js.map"],"names":["Divider","forwardRef","_a","ref","orientation","textAlign","variant","flexItem","props","__rest","_jsx","DividerStyled","Object","assign","children","styled","MuiDivider"],"mappings":"6LAYY,MAACA,EAAUC,GAAW,CAACC,EAAIC,KACnC,IAAIC,YAAEA,EAAWC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,GAAaL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,cAAe,YAAa,UAAW,aACnH,OAAQQ,EAAKC,EAAeC,OAAOC,OAAO,GAAIL,EAAO,CAAEJ,YAAaA,EAAaC,UAAWA,EAAWC,QAASA,EAASC,UAAU,EAAMJ,IAAKA,EAAKW,SAAUN,EAAMM,WAAc,IAK/KH,EAAgBI,EAAOC,EAAY"}

package/components/drawer/drawer.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Side from which the drawer will appear.
      */

package/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":[null],"names":["Drawer","forwardRef","_a","ref","children","open","anchor","handleClose","props","__rest","toggleDrawer","useCallback","_open","event","type","key","useEffect","_jsx","DrawerStyled","Object","assign","onClose","Box","role","onClick","onKeyDown","styled","MuiDrawer","shouldForwardProp","prop","args","hasRoundedBorders","borderRadius","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right"],"mappings":"sPAkEa,MAAAA,EAASC,GACpB,CAACC,EAA8DC,KAA9D,IAAAC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,YAAEA,EAAc,UAAQL,EAAKM,EAAKC,EAAAP,EAA1D,4CACC,MAAMQ,EAAeC,GAClBC,GAAoBC,KAEF,YAAfA,EAAMC,MACkC,QAAtCD,EAA8BE,KAAwD,UAAtCF,EAA8BE,OAK7EH,GAAOL,EAAYK,GAAM,GAEhC,CAACL,IAOH,OAJAS,GAAU,KACRN,EAAaL,EAAK,GACjB,CAACA,EAAMK,IAGRO,EAACC,EAAiBC,OAAAC,OAAA,GAAAZ,GAAOL,IAAKA,EAAKG,OAAQA,EAAQD,KAAMA,EAAMgB,QAASX,GAAa,GAAM,cAAc,SAAQN,SAC/Ga,EAACK,EAAG,CACFC,KAAK,eACLC,QAASd,GAAa,GACtBe,UAAWf,GAAa,GAAM,cAClB,iBAAgBN,SAE3BA,MAGL,IAIAc,EAAeQ,EAAOC,EAAW,CACrCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEiCxB,QAAK4B,EAAIrB,EAAAP,EAAT,IACpD,IAAK4B,EAAKC,kBACR,MAAO,CACL,qBAAsB,CACpBC,aAAc,QAWpB,MAAO,CACL,qBARuB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAIvBP,EAAKxB,QAC7C"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect } from 'react';\nimport Box from '@mui/material/Box';\nimport MuiDrawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material';\nexport const Drawer = forwardRef((_a, ref) => {\n    var { children, open, anchor, handleClose = () => { } } = _a, props = __rest(_a, [\"children\", \"open\", \"anchor\", \"handleClose\"]);\n    const toggleDrawer = useCallback((_open) => (event) => {\n        if (event.type === 'keydown' &&\n            (event.key === 'Tab' || event.key === 'Shift')) {\n            return;\n        }\n        if (!_open)\n            handleClose(_open);\n    }, [handleClose]);\n    useEffect(() => {\n        toggleDrawer(open);\n    }, [open, toggleDrawer]);\n    return (_jsx(DrawerStyled, Object.assign({}, props, { ref: ref, anchor: anchor, open: open, onClose: toggleDrawer(false), \"data-testid\": \"Drawer\", children: _jsx(Box, { role: \"presentation\", onClick: toggleDrawer(false), onKeyDown: toggleDrawer(false), \"data-testid\": \"Drawer.content\", children: children }) })));\n});\nconst DrawerStyled = styled(MuiDrawer, {\n    shouldForwardProp: (prop) => prop !== 'hasRoundedBorders',\n})((_a) => {\n    var args = __rest(_a, []);\n    if (!args.hasRoundedBorders)\n        return {\n            '& > .MuiPaper-root': {\n                borderRadius: '0px',\n            },\n        };\n    const bordersByAnchors = {\n        bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n        top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n        left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n        right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n    };\n    return {\n        '& > .MuiPaper-root': bordersByAnchors[args.anchor],\n    };\n});\n//# sourceMappingURL=drawer.js.map"],"names":["Drawer","forwardRef","_a","ref","children","open","anchor","handleClose","props","__rest","toggleDrawer","useCallback","_open","event","type","key","useEffect","_jsx","DrawerStyled","Object","assign","onClose","Box","role","onClick","onKeyDown","styled","MuiDrawer","shouldForwardProp","prop","args","hasRoundedBorders","borderRadius","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right"],"mappings":"sPAMY,MAACA,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,YAAEA,EAAc,UAAcL,EAAIM,EAAQC,EAAOP,EAAI,CAAC,WAAY,OAAQ,SAAU,gBAChH,MAAMQ,EAAeC,GAAaC,GAAWC,KACtB,YAAfA,EAAMC,MACS,QAAdD,EAAME,KAA+B,UAAdF,EAAME,OAG7BH,GACDL,EAAYK,GAAM,GACvB,CAACL,IAIJ,OAHAS,GAAU,KACNN,EAAaL,EAAK,GACnB,CAACA,EAAMK,IACFO,EAAKC,EAAcC,OAAOC,OAAO,GAAIZ,EAAO,CAAEL,IAAKA,EAAKG,OAAQA,EAAQD,KAAMA,EAAMgB,QAASX,GAAa,GAAQ,cAAe,SAAUN,SAAUa,EAAKK,EAAK,CAAEC,KAAM,eAAgBC,QAASd,GAAa,GAAQe,UAAWf,GAAa,GAAQ,cAAe,iBAAkBN,SAAUA,MAAiB,IAEvTc,EAAeQ,EAAOC,EAAW,CACnCC,kBAAoBC,GAAkB,sBAATA,GADZH,EAEjBxB,IACA,IAAI4B,EAAOrB,EAAOP,EAAI,IACtB,IAAK4B,EAAKC,kBACN,MAAO,CACH,qBAAsB,CAClBC,aAAc,QAS1B,MAAO,CACH,qBAPqB,CACrBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGvBP,EAAKxB,QAC/C"}

package/components/flag/flag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { AvailableFlags } from './availableFLags';
 /**
  * @interface FlagStylingProps
@@ -15,7 +15,7 @@ export interface FlagStylingProps {
  * @description Base definition of SkodaFlow Flag independent on core implementation.
  * Properties are inherited from HTML Div element and FlagStylingProps interface.
  */
-export interface FlagProps extends FlagStylingProps, React.HTMLAttributes<HTMLDivElement> {
+export interface FlagProps extends FlagStylingProps, HTMLAttributes<HTMLDivElement> {
     /**
      * Defines which flag to use.
      */

package/components/flag/flag.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import r from"country-flag-icons/react/3x2";import l from"@emotion/styled";const o=({flag:t,title:e})=>i.createElement(r[t],{title:e}),a=i.forwardRef(((i,r)=>{var{flag:l,title:a,width:f=24}=i,n=t(i,["flag","title","width"]);return e(m,Object.assign({width:f},n,{ref:r,"data-testid":"Flag",children:e(o,{flag:l,title:a})}))})),m=l.div((e=>{let i={};return i={width:t(e,["theme"]).width+"px",lineHeight:"0px",display:"inline-block"},i}));export{a as Flag};
+import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as e,createElement as r}from"react";import l from"country-flag-icons/react/3x2";import o from"@emotion/styled";const a=({flag:t,title:i})=>r(l[t],{title:i}),m=e(((e,r)=>{var{flag:l,title:o,width:m=24}=e,d=t(e,["flag","title","width"]);return i(n,Object.assign({width:m},d,{ref:r,"data-testid":"Flag",children:i(a,{flag:l,title:o})}))})),n=o.div((i=>{let e={};return e={width:t(i,["theme"]).width+"px",lineHeight:"0px",display:"inline-block"},e}));export{m as Flag};
 //# sourceMappingURL=flag.js.map

package/components/flag/flag.js.map

@@ -1 +1 @@
-{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":[null],"names":["DynamicFlagComponent","flag","title","React","createElement","Flags","Flag","forwardRef","_a","ref","width","props","__rest","_jsx","StyledDiv","Object","assign","children","styled","div","styles","lineHeight","display"],"mappings":"uKAgCA,MAAMA,EAAuB,EAAGC,OAAMC,WAC7BC,EAAMC,cAAcC,EAAMJ,GAAO,CAAEC,MAAOA,IAGtCI,EAAOH,EAAMI,YAAsC,CAACC,EAAuCC,KAAvC,IAAAR,KAAEA,EAAIC,MAAEA,EAAKQ,MAAEA,EAAQ,IAAEF,EAAKG,EAA9BC,EAAAJ,EAAA,CAAA,OAAA,QAAA,UAC/D,OACEK,EAACC,EAASC,OAAAC,OAAA,CAACN,MAAOA,GAAWC,EAAK,CAAEF,IAAKA,EAAG,cAAc,OAAMQ,SAC9DJ,EAACb,EAAqB,CAAAC,KAAMA,EAAMC,MAAOA,MAE3C,IAGEY,EAAYI,EAAOC,KAAuBX,IAG9C,IAAIY,EAAS,CAAA,EAOb,OANAA,EAAS,CACPV,MAL4DE,EAAAJ,EAAhB,WAK/BE,MAAQ,KACrBW,WAAY,MACZC,QAAS,gBAGJF,CAAM"}
+{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createElement, forwardRef } from 'react';\nimport Flags from 'country-flag-icons/react/3x2';\nimport styled from '@emotion/styled';\nconst DynamicFlagComponent = ({ flag, title }) => {\n    return createElement(Flags[flag], { title: title });\n};\nexport const Flag = forwardRef((_a, ref) => {\n    var { flag, title, width = 24 } = _a, props = __rest(_a, [\"flag\", \"title\", \"width\"]);\n    return (_jsx(StyledDiv, Object.assign({ width: width }, props, { ref: ref, \"data-testid\": \"Flag\", children: _jsx(DynamicFlagComponent, { flag: flag, title: title }) })));\n});\nconst StyledDiv = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = {\n        width: props.width + 'px',\n        lineHeight: '0px',\n        display: 'inline-block',\n    };\n    return styles;\n});\n//# sourceMappingURL=flag.js.map"],"names":["DynamicFlagComponent","flag","title","createElement","Flags","Flag","forwardRef","_a","ref","width","props","__rest","_jsx","StyledDiv","Object","assign","children","styled","div","styles","lineHeight","display"],"mappings":"wMAKA,MAAMA,EAAuB,EAAGC,OAAMC,WAC3BC,EAAcC,EAAMH,GAAO,CAAEC,MAAOA,IAElCG,EAAOC,GAAW,CAACC,EAAIC,KAChC,IAAIP,KAAEA,EAAIC,MAAEA,EAAKO,MAAEA,EAAQ,IAAOF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,OAAQ,QAAS,UAC3E,OAAQK,EAAKC,EAAWC,OAAOC,OAAO,CAAEN,MAAOA,GAASC,EAAO,CAAEF,IAAKA,EAAK,cAAe,OAAQQ,SAAUJ,EAAKZ,EAAsB,CAAEC,KAAMA,EAAMC,MAAOA,MAAc,IAExKW,EAAYI,EAAOC,KAAKX,IAG1B,IAAIY,EAAS,CAAA,EAMb,OALAA,EAAS,CACLV,MAJuBE,EAAOJ,EAAI,CAAC,UAItBE,MAAQ,KACrBW,WAAY,MACZC,QAAS,gBAENF,CAAM"}

package/components/grid/grid.d.ts

@@ -1,17 +1,17 @@
 import { GridDirection, GridSize, GridSpacing } from '@mui/material/Grid';
 import { Theme } from '@mui/material/styles';
 import { ResponsiveStyleValue, SxProps } from '@mui/system';
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 /**
  * @interface GridProps
  * @description Base definition of SkodaFlow Grid independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The content of the component.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      *  Override or extend the styles applied to the component.
      *  See CSS API below for more details.

package/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":[null],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"yGAyIa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WAET"}
+{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiGrid from '@mui/material/Grid';\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid = (_a) => {\n    var { narrow } = _a, props = __rest(_a, [\"narrow\"]);\n    return (_jsx(MuiGrid, Object.assign({}, props, { spacing: narrow ? '12px' : undefined, children: props.children })));\n};\n//# sourceMappingURL=grid.js.map"],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"yGASY,MAACA,EAAQC,IACjB,IAAIC,OAAEA,GAAWD,EAAIE,EAAQC,EAAOH,EAAI,CAAC,WACzC,OAAQI,EAAKC,EAASC,OAAOC,OAAO,CAAA,EAAIL,EAAO,CAAEM,QAASP,EAAS,YAASQ,EAAWC,SAAUR,EAAMQ,WAAc"}

package/components/helperTextContent/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as r}from"@mui/material";const i=r=>{const{textLeft:i,textRight:l}=r;return e(n,{children:[i&&t(o,{id:"helperBox",children:i}),l&&t(a,{id:"helper-text-max-chars",children:l})]})},n=r("div")((({theme:e})=>({display:"flex",flexDirection:"row",gap:10,justifyContent:"space-between"}))),o=r("span")((({theme:e})=>({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}))),a=r("span")((({theme:e})=>({marginLeft:"auto"})));export{i as HelperTextContent};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as r}from"@mui/material";const i=r=>{const{textLeft:i,textRight:l}=r;return e(n,{children:[i&&t(o,{id:"helperBox",children:i}),l&&t(a,{id:"helper-text-max-chars",children:l})]})},n=r("div")((()=>({display:"flex",flexDirection:"row",gap:10,justifyContent:"space-between"}))),o=r("span")((()=>({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}))),a=r("span")((()=>({marginLeft:"auto"})));export{i as HelperTextContent};
 //# sourceMappingURL=index.js.map

package/components/helperTextContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/helperTextContent/index.tsx"],"sourcesContent":[null],"names":["HelperTextContent","props","textLeft","textRight","_jsxs","Root","children","_jsx","TextLeft","id","TextRight","styled","theme","display","flexDirection","gap","justifyContent","overflow","whiteSpace","textOverflow","marginLeft"],"mappings":"yFAQa,MAAAA,EAAqBC,IAChC,MAAMC,SAAEA,EAAQC,UAAEA,GAAcF,EAChC,OACEG,EAACC,EAAI,CAAAC,SAAA,CACFJ,GAAYK,EAACC,EAAS,CAAAC,GAAG,YAAaH,SAAAJ,IACtCC,GAAaI,EAACG,EAAU,CAAAD,GAAG,wBAAyBH,SAAAH,MAEvD,EAGEE,EAAOM,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACzCC,QAAS,OACTC,cAAe,MACfC,IAAK,GACLC,eAAgB,oBAGZR,EAAWG,EAAO,OAAPA,EAAe,EAAGC,YAAa,CAC9CK,SAAU,SACVC,WAAY,SACZC,aAAc,eAGVT,EAAYC,EAAO,OAAPA,EAAe,EAAGC,YAAa,CAC/CQ,WAAY"}
+{"version":3,"file":"index.js","sources":["../../../src/components/helperTextContent/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nexport const HelperTextContent = (props) => {\n    const { textLeft, textRight } = props;\n    return (_jsxs(Root, { children: [textLeft && _jsx(TextLeft, { id: \"helperBox\", children: textLeft }), textRight && _jsx(TextRight, { id: \"helper-text-max-chars\", children: textRight })] }));\n};\nconst Root = styled('div')(() => ({\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 10,\n    justifyContent: 'space-between',\n}));\nconst TextLeft = styled('span')(() => ({\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n}));\nconst TextRight = styled('span')(() => ({\n    marginLeft: 'auto',\n}));\n//# sourceMappingURL=index.js.map"],"names":["HelperTextContent","props","textLeft","textRight","_jsxs","Root","children","_jsx","TextLeft","id","TextRight","styled","display","flexDirection","gap","justifyContent","overflow","whiteSpace","textOverflow","marginLeft"],"mappings":"yFAEY,MAACA,EAAqBC,IAC9B,MAAMC,SAAEA,EAAQC,UAAEA,GAAcF,EAChC,OAAQG,EAAMC,EAAM,CAAEC,SAAU,CAACJ,GAAYK,EAAKC,EAAU,CAAEC,GAAI,YAAaH,SAAUJ,IAAaC,GAAaI,EAAKG,EAAW,CAAED,GAAI,wBAAyBH,SAAUH,MAAkB,EAE5LE,EAAOM,EAAO,MAAPA,EAAc,KAAO,CAC9BC,QAAS,OACTC,cAAe,MACfC,IAAK,GACLC,eAAgB,oBAEdP,EAAWG,EAAO,OAAPA,EAAe,KAAO,CACnCK,SAAU,SACVC,WAAY,SACZC,aAAc,eAEZR,EAAYC,EAAO,OAAPA,EAAe,KAAO,CACpCQ,WAAY"}

package/components/icon/availableIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"availableIcons.js","sources":["../../../src/components/icon/availableIcons.ts"],"sourcesContent":[null],"names":["availableIcons"],"mappings":"AAAa,MAAAA,EAAiB,CAC5B,QACA,QACA,OACA,UACA,QACA,WACA,WACA,cACA,WACA,aACA,WACA,aACA,WACA,UACA,iBACA,eACA,eACA,eACA,kBACA,eACA,iBACA,kBACA,gBACA,iBACA,gBACA,gBACA,iBACA,mBACA,kBACA,kBACA,mBACA,aACA,gBACA,eACA,eACA,oBACA,uBACA,sBACA,sBACA,mBACA,eACA,wBACA,oBACA,UACA,cACA,kBACA,gBACA,OACA,OACA,UACA,QACA,YACA,YACA,SACA,gBACA,QACA,YACA,UACA,aACA,OACA,SACA,cACA,0BACA,OACA,OACA,QACA,SACA,cACA,eACA,WACA,UACA,cACA,OACA,UACA,aACA,OACA,MACA,WACA,WACA,OACA,QACA,SACA,kBACA,QACA,aACA,iBACA,MACA,OACA,OACA,YACA,QACA,WACA,SACA,OACA,OACA,UACA,SACA,eACA,iBACA,UACA,OACA,8BACA,MACA,QACA,eACA,aACA,YACA,OACA,cACA,WACA,iBACA,WACA,aACA,QACA,kBACA,MACA,MACA,QACA,MACA,UACA,QACA,OACA,SACA,eACA,cACA,kBACA,YACA,qBACA,kBACA,qBACA,eACA,kBACA,kBACA,qBACA,kBACA,oBACA,kBACA,oBACA,kBACA,kBACA,gBACA,yBACA,sBACA,yBACA,wBACA,wBACA,QACA,YACA,UACA,QACA,kBACA,eACA,oBACA,KACA,kBACA,sBACA,gBACA,gBACA,cACA,SACA,iBACA,gBACA,eACA,aACA,YACA,qBACA,iBACA,kBACA,yBACA,cACA,mBACA,gBACA,UACA,SACA,QACA,qBACA,YACA,YACA,SACA,YACA,QACA,WACA,SACA,QACA,MACA,OACA,QACA,OACA,gBACA,QACA,WACA,eACA,mBACA,YACA,OACA,gBACA,WACA,SACA,WACA,iBACA,QACA,eACA,uBACA,qBACA,oBACA,gBACA,oBACA,cACA,UACA,SACA,cACA,SACA,cACA,SACA,SACA,SACA,aACA"}
+{"version":3,"file":"availableIcons.js","sources":["../../../src/components/icon/availableIcons.ts"],"sourcesContent":["export const availableIcons = [\n    'space',\n    'minus',\n    'plus',\n    'ballotx',\n    'check',\n    'arrow-up',\n    'arrow-ne',\n    'arrow-right',\n    'arrow-se',\n    'arrow-down',\n    'arrow-sw',\n    'arrow-left',\n    'arrow-nw',\n    'shuffle',\n    'arrow-download',\n    'arrow-upload',\n    'arrow-import',\n    'arrow-export',\n    'arrow-hook-left',\n    'arrow-repeat',\n    'arrow-exchange',\n    'arrow-sort-down',\n    'arrow-sort-up',\n    'arrow-right-up',\n    'arrow-left-up',\n    'arrow-up-left',\n    'arrow-up-right',\n    'arrow-right-down',\n    'arrow-left-down',\n    'arrow-down-left',\n    'arrow-down-right',\n    'chevron-up',\n    'chevron-right',\n    'chevron-down',\n    'cehvron-left',\n    'double-chevron-up',\n    'double-chevron-right',\n    'double-chevron-down',\n    'double-chevron-left',\n    'chevron-previous',\n    'chevron-next',\n    'refresh-anticlockwise',\n    'refresh-clockwise',\n    'history',\n    'coordinates',\n    'more-horizontal',\n    'more-vertical',\n    'list',\n    'menu',\n    'filters',\n    'stats',\n    'soundwave',\n    'play-left',\n    'rewind',\n    'play-previous',\n    'pause',\n    'play-next',\n    'forward',\n    'play-right',\n    'stop',\n    'record',\n    'triangle-up',\n    'triangle-up-exclamation',\n    'star',\n    'user',\n    'group',\n    'search',\n    'search-plus',\n    'search-minus',\n    'settings',\n    'preview',\n    'preview-off',\n    'edit',\n    'service',\n    'attachment',\n    'call',\n    'pin',\n    'position',\n    'location',\n    'send',\n    'heart',\n    'shield',\n    'shield-verified',\n    'share',\n    'microphone',\n    'microphone-off',\n    'map',\n    'flag',\n    'lock',\n    'lock-open',\n    'light',\n    'shopping',\n    'filter',\n    'bell',\n    'like',\n    'dislike',\n    'design',\n    'cloud-upload',\n    'cloud-download',\n    'weather',\n    'home',\n    'rectangle-vertical-bookmark',\n    'tag',\n    'sound',\n    'sound-medium',\n    'sound-loud',\n    'sound-off',\n    'wifi',\n    'wifi-medium',\n    'wifi-low',\n    'wifi-no-signal',\n    'wifi-off',\n    'windshield',\n    'parts',\n    'road-assistance',\n    'air',\n    'car',\n    'radio',\n    'box',\n    'thunder',\n    'music',\n    'tyre',\n    'circle',\n    'circle-minus',\n    'circle-plus',\n    'circle-multiply',\n    'circle-no',\n    'circle-exclamation',\n    'circle-question',\n    'circle-information',\n    'circle-check',\n    'circle-arrow-up',\n    'circle-arrow-ne',\n    'circle-arrow-right',\n    'circle-arrow-se',\n    'circle-arrow-down',\n    'circle-arrow-sw',\n    'circle-arrow-left',\n    'circle-arrow-nw',\n    'circle-download',\n    'circle-upload',\n    'circle-bluetooth-white',\n    'circle-arrowhead-up',\n    'circle-arrowhead-right',\n    'circle-arrowhead-down',\n    'circle-arrowhead-left',\n    'clock',\n    'stopwatch',\n    'compass',\n    'globe',\n    'circle-contrast',\n    'circle-radar',\n    'circle-assistance',\n    'id',\n    'circle-steering',\n    'circle-steering-off',\n    'circle-brakes',\n    'circle-target',\n    'circle-tyre',\n    'square',\n    'square-compose',\n    'square-expand',\n    'square-image',\n    'square-ocr',\n    'square-qr',\n    'square-scan-health',\n    'square-app-add',\n    'square-multiple',\n    'square-select-multiple',\n    'square-grid',\n    'square-grid-apps',\n    'square-shapes',\n    'diamond',\n    'postit',\n    'inbox',\n    'rectangle-vertical',\n    'news-post',\n    'newspaper',\n    'manual',\n    'clipboard',\n    'tasks',\n    'task-new',\n    'logout',\n    'login',\n    'cut',\n    'copy',\n    'paste',\n    'fuel',\n    'fuel-electric',\n    'trash',\n    'document',\n    'document-new',\n    'document-missing',\n    'rectangle',\n    'mail',\n    'business-card',\n    'suitcase',\n    'camera',\n    'calendar',\n    'scheduled-task',\n    'event',\n    'battery-full',\n    'battery-threefourths',\n    'battery-twofourths',\n    'battery-onefourth',\n    'battery-empty',\n    'rectangle-rounded',\n    'credit-card',\n    'message',\n    'folder',\n    'folder-send',\n    'health',\n    'car-battery',\n    'ticket',\n    'bridge',\n    'engine',\n    'headlights',\n    'comfort',\n];\n//# sourceMappingURL=availableIcons.js.map"],"names":["availableIcons"],"mappings":"AAAY,MAACA,EAAiB,CAC1B,QACA,QACA,OACA,UACA,QACA,WACA,WACA,cACA,WACA,aACA,WACA,aACA,WACA,UACA,iBACA,eACA,eACA,eACA,kBACA,eACA,iBACA,kBACA,gBACA,iBACA,gBACA,gBACA,iBACA,mBACA,kBACA,kBACA,mBACA,aACA,gBACA,eACA,eACA,oBACA,uBACA,sBACA,sBACA,mBACA,eACA,wBACA,oBACA,UACA,cACA,kBACA,gBACA,OACA,OACA,UACA,QACA,YACA,YACA,SACA,gBACA,QACA,YACA,UACA,aACA,OACA,SACA,cACA,0BACA,OACA,OACA,QACA,SACA,cACA,eACA,WACA,UACA,cACA,OACA,UACA,aACA,OACA,MACA,WACA,WACA,OACA,QACA,SACA,kBACA,QACA,aACA,iBACA,MACA,OACA,OACA,YACA,QACA,WACA,SACA,OACA,OACA,UACA,SACA,eACA,iBACA,UACA,OACA,8BACA,MACA,QACA,eACA,aACA,YACA,OACA,cACA,WACA,iBACA,WACA,aACA,QACA,kBACA,MACA,MACA,QACA,MACA,UACA,QACA,OACA,SACA,eACA,cACA,kBACA,YACA,qBACA,kBACA,qBACA,eACA,kBACA,kBACA,qBACA,kBACA,oBACA,kBACA,oBACA,kBACA,kBACA,gBACA,yBACA,sBACA,yBACA,wBACA,wBACA,QACA,YACA,UACA,QACA,kBACA,eACA,oBACA,KACA,kBACA,sBACA,gBACA,gBACA,cACA,SACA,iBACA,gBACA,eACA,aACA,YACA,qBACA,iBACA,kBACA,yBACA,cACA,mBACA,gBACA,UACA,SACA,QACA,qBACA,YACA,YACA,SACA,YACA,QACA,WACA,SACA,QACA,MACA,OACA,QACA,OACA,gBACA,QACA,WACA,eACA,mBACA,YACA,OACA,gBACA,WACA,SACA,WACA,iBACA,QACA,eACA,uBACA,qBACA,oBACA,gBACA,oBACA,cACA,UACA,SACA,cACA,SACA,cACA,SACA,SACA,SACA,aACA"}

package/components/icon/icon.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface IconProps
  * @description Base definition of SkodaFlow Icon independent on core implementation.
  * Properties are inherited from HTML Span element
  */
-export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
     /**
      *color of the icon
      */

package/components/icon/icon.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import r from"react";import{Icon as i}from"@mui/material";import{getIconName as e}from"../../utils/icons.js";import{styled as m}from"@mui/material/styles";const l=r.forwardRef(((r,i)=>{var{iconStyle:m,color:l,fontSize:a}=r,c=o(r,["iconStyle","color","fontSize"]);const f="filled"===m?" filled":"";return t(s,Object.assign({color:l},c,{ref:i,className:e(c.className)+f,fontSize:a,"data-testid":"Icon"}))})),s=m(i)((()=>({lineHeight:"0.7em"})));export{l as Icon};
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Icon as r}from"@mui/material";import{getIconName as e}from"../../utils/icons.js";import{styled as m}from"@mui/material/styles";const l=i(((i,r)=>{var{iconStyle:m,color:l,fontSize:a}=i,c=o(i,["iconStyle","color","fontSize"]);const n="filled"===m?" filled":"";return t(s,Object.assign({color:l},c,{ref:r,className:e(c.className)+n,fontSize:a,"data-testid":"Icon"}))})),s=m(r)((()=>({lineHeight:"0.7em"})));export{l as Icon};
 //# sourceMappingURL=icon.js.map

package/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":[null],"names":["Icon","React","forwardRef","_a","ref","iconStyle","color","fontSize","props","__rest","isFilled","_jsx","IconStyled","Object","assign","className","getIconName","styled","MuiIcon","lineHeight"],"mappings":"kOAkCO,MAAMA,EAAOC,EAAMC,YAAuC,CAACC,EAA0CC,SAA1CC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,KAAaC,EAAjCC,EAAAN,EAAA,CAAA,YAAA,QAAA,aAChE,MAAMO,EAAyB,WAAdL,EAAyB,UAAY,GACtD,OACEM,EAACC,EAAUC,OAAAC,OAAA,CACTR,MAAOA,GACHE,EACJ,CAAAJ,IAAKA,EACLW,UAAWC,EAAYR,EAAMO,WAAaL,EAC1CH,SAAUA,EAAQ,cACN,SAEd,IAGEK,EAAaK,EAAOC,EAAPD,EAA8B,KACxC,CACLE,WAAY"}
+{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { getIconName } from '../../utils/icons';\nimport { styled } from '@mui/material/styles';\n/**\n * @description SkodaFlow Icon component.\n * Properties are inherited from HTML Span element.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = forwardRef((_a, ref) => {\n    var { iconStyle, color, fontSize } = _a, props = __rest(_a, [\"iconStyle\", \"color\", \"fontSize\"]);\n    const isFilled = iconStyle === 'filled' ? ' filled' : '';\n    return (_jsx(IconStyled, Object.assign({ color: color }, props, { ref: ref, className: getIconName(props.className) + isFilled, fontSize: fontSize, \"data-testid\": \"Icon\" })));\n});\nconst IconStyled = styled(MuiIcon)(() => {\n    return {\n        lineHeight: '0.7em',\n    };\n});\n//# sourceMappingURL=icon.js.map"],"names":["Icon","forwardRef","_a","ref","iconStyle","color","fontSize","props","__rest","isFilled","_jsx","IconStyled","Object","assign","className","getIconName","styled","MuiIcon","lineHeight"],"mappings":"gPAYY,MAACA,EAAOC,GAAW,CAACC,EAAIC,KAChC,IAAIC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,GAAaJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,YAAa,QAAS,aACnF,MAAMO,EAAyB,WAAdL,EAAyB,UAAY,GACtD,OAAQM,EAAKC,EAAYC,OAAOC,OAAO,CAAER,MAAOA,GAASE,EAAO,CAAEJ,IAAKA,EAAKW,UAAWC,EAAYR,EAAMO,WAAaL,EAAUH,SAAUA,EAAU,cAAe,SAAY,IAE7KK,EAAaK,EAAOC,EAAPD,EAAgB,KACxB,CACHE,WAAY"}

package/components/iconButton/index.d.ts

@@ -3,33 +3,10 @@ import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
 export type IconButtonProps = MuiIconButtonProps & {
     variant?: 'filled' | 'outlined' | 'standard';
 };
-export declare const IconButton: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").IconButtonClasses>;
-    color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "default" | "inherit" | "error" | "info" | "success" | "warning", import("@mui/material").IconButtonPropsColorOverrides>;
-    disabled?: boolean;
-    disableFocusRipple?: boolean;
-    edge?: false | "end" | "start";
-    size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material").IconButtonPropsSizeOverrides>;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
-    centerRipple?: boolean;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
-    disabled?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusRipple?: boolean;
-    focusVisibleClassName?: string;
-    LinkComponent?: import("react").ElementType<any>;
-    onFocusVisible?: import("react").FocusEventHandler<any>;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    component?: import("react").ElementType<any>;
+} & {
     variant?: 'filled' | 'outlined' | 'standard';
 }, {}, {}>;

package/components/iconButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/iconButton/index.tsx"],"sourcesContent":[null],"names":["IconButton","styled","MuiIconButton","_a","theme","args","__rest","style","variant","color","border","_b","palette","main","background","transparent","primary","secondary","contrastText","light","text","brand","brandHover"],"mappings":"sFAIO,MAAMA,EAAaC,EAAOC,EAAPD,EAAwCE,WAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WAChE,MAAMI,EAAQ,CAAA,GACRC,QAAEA,EAAU,SAAQC,MAAEA,EAAQ,WAAcJ,EA2ClD,MAzCgB,aAAZG,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,cAAqC,QAAtBC,EAAAP,EAAMQ,QAAQH,UAAQ,IAAAE,OAAA,EAAAA,EAAAE,MACtC,cAAVJ,IACFF,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,SAC3DT,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYC,WAI/C,aAAZR,GAAoC,YAAVC,IAC5BF,EAAMG,OAAS,0BAGD,WAAZF,GAAkC,cAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQK,UAAUC,aACtCX,EAAMO,WAAaV,EAAMQ,QAAQK,UAAUJ,KAC3CN,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQK,UAAUJ,MACzDN,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQK,UAAUE,MACpC,UAAW,CAAEL,WAAYV,EAAMQ,QAAQK,UAAUE,SAIrC,WAAZX,GAAkC,YAAVC,IAC1BF,EAAME,MAAQL,EAAMQ,QAAQQ,KAAKJ,QACjCT,EAAMO,WAAaV,EAAMQ,QAAQS,MAAMJ,UACvCV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQS,MAAMJ,WACrDV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQU,WAAWL,UACrC,UAAW,CAAEH,WAAYV,EAAMQ,QAAQU,WAAWL,aAItC,WAAZT,GAAkC,YAAVC,IAC1BF,EAAMO,WAAaV,EAAMQ,QAAQG,YAAYE,UAC7CV,EAAM,WAAa,CAAEO,WAAYV,EAAMQ,QAAQG,YAAYE,WAC3DV,EAAM,WAAa,CACjBO,WAAYV,EAAMQ,QAAQG,YAAYC,QACtC,UAAW,CAAEF,WAAYV,EAAMQ,QAAQG,YAAYC,WAIhDT,CAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/components/iconButton/index.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { IconButton as MuiIconButton, styled } from '@mui/material';\nexport const IconButton = styled(MuiIconButton)((_a) => {\n    var _b;\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const style = {};\n    const { variant = 'filled', color = 'primary' } = args;\n    if (variant === 'outlined' && color !== 'inherit') {\n        style.border = '2px solid ' + ((_b = theme.palette[color]) === null || _b === void 0 ? void 0 : _b.main);\n        if (color === 'secondary') {\n            style['&:focus'] = { background: theme.palette.transparent.primary };\n            style['&:hover'] = { background: theme.palette.transparent.primary };\n        }\n    }\n    if (variant === 'outlined' && color === 'inherit') {\n        style.border = '2px solid currentColor';\n    }\n    if (variant === 'filled' && color === 'secondary') {\n        style.color = theme.palette.secondary.contrastText;\n        style.background = theme.palette.secondary.main;\n        style['&:focus'] = { background: theme.palette.secondary.main };\n        style['&:hover'] = {\n            background: theme.palette.secondary.light,\n            '&:focus': { background: theme.palette.secondary.light },\n        };\n    }\n    if (variant === 'filled' && color === 'primary') {\n        style.color = theme.palette.text.primary;\n        style.background = theme.palette.brand.secondary;\n        style['&:focus'] = { background: theme.palette.brand.secondary };\n        style['&:hover'] = {\n            background: theme.palette.brandHover.secondary,\n            '&:focus': { background: theme.palette.brandHover.secondary },\n        };\n    }\n    if (variant === 'filled' && color === 'inherit') {\n        style.background = theme.palette.transparent.secondary;\n        style['&:focus'] = { background: theme.palette.transparent.secondary };\n        style['&:hover'] = {\n            background: theme.palette.transparent.primary,\n            '&:focus': { background: theme.palette.transparent.primary },\n        };\n    }\n    return style;\n});\n//# sourceMappingURL=index.js.map"],"names":["IconButton","styled","MuiIconButton","_a","_b","theme","args","__rest","style","variant","color","border","palette","main","background","transparent","primary","secondary","contrastText","light","text","brand","brandHover"],"mappings":"sFAEY,MAACA,EAAaC,EAAOC,EAAPD,EAAuBE,IAC7C,IAAIC,GACAC,MAAEA,GAAUF,EAAIG,EAAOC,EAAOJ,EAAI,CAAC,UACvC,MAAMK,EAAQ,CAAA,GACRC,QAAEA,EAAU,SAAQC,MAAEA,EAAQ,WAAcJ,EAqClD,MApCgB,aAAZG,GAAoC,YAAVC,IAC1BF,EAAMG,OAAS,cAAgD,QAA/BP,EAAKC,EAAMO,QAAQF,UAA2B,IAAPN,OAAgB,EAASA,EAAGS,MACrF,cAAVH,IACAF,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYC,SAC3DR,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYC,WAGnD,aAAZP,GAAoC,YAAVC,IAC1BF,EAAMG,OAAS,0BAEH,WAAZF,GAAkC,cAAVC,IACxBF,EAAME,MAAQL,EAAMO,QAAQK,UAAUC,aACtCV,EAAMM,WAAaT,EAAMO,QAAQK,UAAUJ,KAC3CL,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQK,UAAUJ,MACzDL,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQK,UAAUE,MACpC,UAAW,CAAEL,WAAYT,EAAMO,QAAQK,UAAUE,SAGzC,WAAZV,GAAkC,YAAVC,IACxBF,EAAME,MAAQL,EAAMO,QAAQQ,KAAKJ,QACjCR,EAAMM,WAAaT,EAAMO,QAAQS,MAAMJ,UACvCT,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQS,MAAMJ,WACrDT,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQU,WAAWL,UACrC,UAAW,CAAEH,WAAYT,EAAMO,QAAQU,WAAWL,aAG1C,WAAZR,GAAkC,YAAVC,IACxBF,EAAMM,WAAaT,EAAMO,QAAQG,YAAYE,UAC7CT,EAAM,WAAa,CAAEM,WAAYT,EAAMO,QAAQG,YAAYE,WAC3DT,EAAM,WAAa,CACfM,WAAYT,EAAMO,QAAQG,YAAYC,QACtC,UAAW,CAAEF,WAAYT,EAAMO,QAAQG,YAAYC,WAGpDR,CAAK"}

package/components/index.d.ts

@@ -43,5 +43,7 @@ export * from './closeDialogButton';
 export * from './iconButton';
 export * from './helperTextContent';
 export * from './alert';
+export * from './logo';
 export * from '../organisms/gallery';
+export * from './upload';
 export { Typography } from '@mui/material';

package/components/indicator/indicator.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { HTMLAttributes } from 'react';
 /**
  * @interface IndicatorProps
  * @description Base definition of SkodaFlow Indicator component independent on core implementation.
  * Properties are inherited from LabelProps.
  */
-export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface IndicatorProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Indicator variant: 'positive' | 'warning' | 'alert' | 'neutral' | color string
      */
@@ -19,4 +19,4 @@ export interface IndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
  * @param props IndicatorProps
  * @returns React Functional Component
  */
-export declare const Indicator: React.ForwardRefExoticComponent<IndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicator: import("react").ForwardRefExoticComponent<IndicatorProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/indicator/indicator.js

@@ -1,6 +1,6 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import*as i from"react";import a from"@emotion/styled";import{flowColors as e}from"../../design/skoda/palette.theme.js";const n=i.forwardRef(((i,a)=>{var{children:e,label:n,variant:l="positive"}=i,c=r(i,["children","label","variant"]);const s=n||e;return t(o,Object.assign({},c,{ref:a,className:"disclamer",variant:l,"data-testid":"Indicator",children:s}))})),o=a.div`
-  --flow-indicator-color: ${r=>{switch(r.variant){case"alert":return e.alert.main;case"warning":return e.warning.main;case"positive":return e.positive.main;case"neutral":return e.onSurface.os200;default:return e[r.variant]?e[r.variant]:r.variant}}};
-  color: ${e.text.primary};
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import i from"@emotion/styled";import{flowColors as a}from"../../design/skoda/palette.theme.js";import{forwardRef as e}from"react";const n=e(((i,a)=>{var{children:e,label:n,variant:l="positive"}=i,c=r(i,["children","label","variant"]);const s=n||e;return t(o,Object.assign({},c,{ref:a,className:"disclamer",variant:l,"data-testid":"Indicator",children:s}))})),o=i.div`
+  --flow-indicator-color: ${r=>{switch(r.variant){case"alert":return a.alert.main;case"warning":return a.warning.main;case"positive":return a.positive.main;case"neutral":return a.onSurface.os200;default:return a[r.variant]?a[r.variant]:r.variant}}};
+  color: ${a.text.primary};
   font-weight: 300;
   line-height: 20px;
   letter-spacing: 0.2px;

package/components/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":[null],"names":["Indicator","React","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"+LAyBO,MAAMA,EAAYC,EAAMC,YAC7B,CAACC,EAAqDC,KAArD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAUJ,EAAKK,EAA5CC,EAAAN,EAAA,CAAA,WAAA,QAAA,YACC,MAAMO,EAAOJ,GAAgBD,EAC7B,OACEM,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKN,EAAO,CAAAJ,IAAKA,EAAKW,UAAU,YAAYR,QAASA,EAAO,cAAc,YACvFF,SAAAK,IAEH,IAOAE,EAAkBI,EAAOC,GAAmB;4BACrBT,IACzB,OAAQA,EAAMD,SACZ,IAAK,QACH,OAAOW,EAAWC,MAAY,KAChC,IAAK,UACH,OAAOD,EAAWE,QAAc,KAClC,IAAK,WACH,OAAOF,EAAWG,SAAe,KACnC,IAAK,UACH,OAAOH,EAAWI,UAAUC,MAC9B,QACE,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWC,EAAMD,QACxE;WAEMW,EAAWR,KAAKc;;;;;;;;;;;;;;;"}
+{"version":3,"file":"indicator.js","sources":["../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef } from 'react';\n/**\n * @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n */\nexport const Indicator = forwardRef((_a, ref) => {\n    var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n    const text = label ? label : children;\n    return (_jsx(IndicatorStyled, Object.assign({}, props, { ref: ref, className: \"disclamer\", variant: variant, \"data-testid\": \"Indicator\", children: text })));\n});\n/**\n * Indicator styling defintion\n */\nconst IndicatorStyled = styled.div `\r\n  --flow-indicator-color: ${(props) => {\n    switch (props.variant) {\n        case 'alert':\n            return flowColors.alert['main'];\n        case 'warning':\n            return flowColors.warning['main'];\n        case 'positive':\n            return flowColors.positive['main'];\n        case 'neutral':\n            return flowColors.onSurface.os200;\n        default:\n            return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n    }\n}};\r\n  color: ${flowColors.text.primary};\r\n  font-weight: 300;\r\n  line-height: 20px;\r\n  letter-spacing: 0.2px;\r\n  &::before {\r\n    content: '';\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    margin-right: 8px;\r\n    margin-top: -2px;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    background-color: var(--flow-indicator-color);\r\n  }\r\n`;\n//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"0MAUY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,MAAMO,EAAOJ,GAAgBD,EAC7B,OAAQM,EAAKC,EAAiBC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEJ,IAAKA,EAAKW,UAAW,YAAaR,QAASA,EAAS,cAAe,YAAaF,SAAUK,IAAU,IAK3JE,EAAkBI,EAAOC,GAAI;4BACNT,IACzB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOW,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,IAAK,UACD,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWC,EAAMD,QAC5E;WAEMW,EAAWR,KAAKc;;;;;;;;;;;;;;;"}

package/components/label/label.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { HTMLAttributes } from 'react';
 /**
  * @interface LabelProps
  * @description Base definition of SkodaFlow Label component independent on core implementation.
  * Properties are inherited from HTML Span element.
  */
-export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface LabelProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Label text used as inner HTML text of component.
      */
@@ -15,4 +15,4 @@ export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
  * @param props LabelProps
  * @returns React Functional component
  */
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/components/label/label.js

@@ -1,4 +1,4 @@
-import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import*as r from"react";import o from"@emotion/styled";import{flowColors as i}from"../../design/skoda/palette.theme.js";const n=r.forwardRef(((o,i)=>{var{label:n,children:s}=o,p=e(o,["label","children"]);const c=n||s;return r.useEffect((()=>{}),[p]),t(a,Object.assign({},p,{ref:i,"data-testid":"Label",children:c}))})),a=o.span`
+import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import r from"@emotion/styled";import{flowColors as o}from"../../design/skoda/palette.theme.js";import{forwardRef as i,useEffect as n}from"react";const a=i(((r,o)=>{var{label:i,children:a}=r,p=e(r,["label","children"]);const m=i||a;return n((()=>{}),[p]),t(s,Object.assign({},p,{ref:o,"data-testid":"Label",children:m}))})),s=r.span`
   font-size: 11px;
   line-height: 12px;
   letter-spacing: 3px;
@@ -7,6 +7,6 @@ import{__rest as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import*as
   margin: 0px 15px;
   white-space: nowrap;
   text-rendering: geometricPrecision;
-  color: ${i.onSurface.os500};
-`;export{n as Label};
+  color: ${o.onSurface.os500};
+`;export{a as Label};
 //# sourceMappingURL=label.js.map

package/components/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":[null],"names":["Label","React","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"+LAqBO,MAAMA,EAAQC,EAAMC,YAAwC,CAACC,EAA+BC,SAA/BC,MAAEA,EAAKC,SAAEA,GAAQH,EAAKI,EAAKC,EAAAL,EAA3B,sBAClE,MAAMM,EAAOJ,GAAgBC,EAI7B,OAFAL,EAAMS,WAAU,QAAU,CAACH,IAGzBI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKP,EAAO,CAAAH,IAAKA,gBAAiB,QAAOE,SAClDG,IAEH,IAMEG,EAAcG,EAAOC,IAAI;;;;;;;;;WASpBC,EAAWC,UAAUC;"}
+{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef, useEffect } from 'react';\n/**\n * @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n */\nexport const Label = forwardRef((_a, ref) => {\n    var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n    const text = label ? label : children;\n    useEffect(() => { }, [props]);\n    return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/**\n * @description Label styling definition\n */\nconst LabelStyled = styled.span `\r\n  font-size: 11px;\r\n  line-height: 12px;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  font-weight: 900;\r\n  margin: 0px 15px;\r\n  white-space: nowrap;\r\n  text-rendering: geometricPrecision;\r\n  color: ${flowColors.onSurface.os500};\r\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"yNAUY,MAACA,EAAQC,GAAW,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAOL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,GAAU,QAAW,CAACH,IACdI,EAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAOC,IAAK;;;;;;;;;WASrBC,EAAWC,UAAUC;"}

package/components/labelCO2/labelCO2.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface LabelCO2Props {
     variant: 'A+++' | 'A++' | 'A+' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G';
     size?: 'small' | 'large';

package/components/labelCO2/labelCO2.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{styled as i}from"@mui/material/styles";import{ternaryCondition as a}from"../../utils/utilities.js";const l={B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100"},n=t.forwardRef((({variant:e="A+++",size:t="large"},i)=>r(o,{className:"labelCO2",variant:e,size:t,ref:i,children:r("span",{className:"labelCO2Main",children:e})}))),o=i("div")((r=>{var{variant:t,size:i,theme:n}=r;e(r,["variant","size","theme"]);let o={};const s=e=>l[e]||"#016703";return o={display:"inline-flex",flexWrap:"no-wrap",flexDirection:"row","& .labelCO2Main":{alignItems:"center",backgroundColor:s(t),boxSizing:"border-box",color:n.palette.surface.tertiary,display:"inline-flex",fontSize:a(i,"large","14px","12px"),fontWeight:700,height:a(i,"large","22px","18px"),justifyContent:"flex-start",padding:"0 5px",position:"relative"},"&::after":{content:'""',display:"flex",width:0,height:0,borderStyle:"solid",borderWidth:a(i,"large","11px 0 11px 8px","9px 0 9px 7px"),borderColor:`transparent transparent transparent ${s(t)}`},[n.breakpoints.up("lg")]:Object.assign(Object.assign({},o),{"& .labelCO2Main":{fontSize:a(i,"large","14px","12px"),height:a(i,"large","22px","20px")}})},o}));export{n as LabelCO2};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{styled as t}from"@mui/material/styles";import{ternaryCondition as i}from"../../utils/utilities.js";const a={B:"#019A01",C:"#69CC00",D:"#FFCC01",E:"#F99601",F:"#FE6501",G:"#FF3100"},l=r((({variant:r="A+++",size:t="large"},i)=>e(n,{className:"labelCO2",variant:r,size:t,ref:i,children:e("span",{className:"labelCO2Main",children:r})}))),n=t("div")((({variant:e,size:r,theme:t})=>{let l={};const n=e=>a[e]||"#016703";return l={display:"inline-flex",flexWrap:"no-wrap",flexDirection:"row","& .labelCO2Main":{alignItems:"center",backgroundColor:n(e),boxSizing:"border-box",color:t.palette.surface.tertiary,display:"inline-flex",fontSize:i(r,"large","14px","12px"),fontWeight:700,height:i(r,"large","22px","18px"),justifyContent:"flex-start",padding:"0 5px",position:"relative"},"&::after":{content:'""',display:"flex",width:0,height:0,borderStyle:"solid",borderWidth:i(r,"large","11px 0 11px 8px","9px 0 9px 7px"),borderColor:`transparent transparent transparent ${n(e)}`},[t.breakpoints.up("lg")]:Object.assign(Object.assign({},l),{"& .labelCO2Main":{fontSize:i(r,"large","14px","12px"),height:i(r,"large","22px","20px")}})},l}));export{l as LabelCO2};
 //# sourceMappingURL=labelCO2.js.map

package/components/labelCO2/labelCO2.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelCO2.js","sources":["../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":[null],"names":["colorMap","B","C","D","E","F","G","LabelCO2","React","forwardRef","variant","size","ref","_jsx","LabelCO2Styled","className","children","styled","_a","theme","__rest","styles","getColor","_variant","display","flexWrap","flexDirection","alignItems","backgroundColor","boxSizing","color","palette","surface","tertiary","fontSize","ternaryCondition","fontWeight","height","justifyContent","padding","position","content","width","borderStyle","borderWidth","borderColor","breakpoints","up","Object","assign"],"mappings":"yMAIA,MAQMA,EAAW,CAAEC,EAPL,UAOeC,EANV,UAMyBC,EAL7B,UAKwCC,EAJlC,UAImDC,EAHzD,UAGoEC,EAFvE,WAQCC,EAAWC,EAAMC,YAA0C,EAAGC,UAAU,OAAQC,OAAO,SAAWC,IAE3GC,EAACC,EAAc,CAACC,UAAW,WAAYL,QAASA,EAASC,KAAMA,EAAMC,IAAKA,EAAGI,SAC3EH,EAAM,OAAA,CAAAE,UAAW,eAAiBC,SAAAN,QAKlCI,EAAiBG,EAAO,MAAPA,EAAgDC,QAAAR,QAAEA,EAAOC,KAAEA,EAAIQ,MAAEA,KAAjBC,EAAAF,EAAA,CAAA,UAAA,OAAA,UACrE,IAAIG,EAAS,CAAA,EACb,MAAMC,EAAYC,GAAavB,EAASuB,IAxBxB,UA4DhB,OAlCAF,EAAS,CACPG,QAAS,cACTC,SAAU,UACVC,cAAe,MACf,kBAAmB,CACjBC,WAAY,SACZC,gBAAiBN,EAASZ,GAC1BmB,UAAW,aACXC,MAAOX,EAAMY,QAAQC,QAAQC,SAC7BT,QAAS,cACTU,SAAUC,EAAiBxB,EAAM,QAAS,OAAQ,QAClDyB,WAAY,IACZC,OAAQF,EAAiBxB,EAAM,QAAS,OAAQ,QAChD2B,eAAgB,aAChBC,QAAS,QACTC,SAAU,YAEZ,WAAY,CACVC,QAAS,KACTjB,QAAS,OACTkB,MAAO,EACPL,OAAQ,EACRM,YAAa,QACbC,YAAaT,EAAiBxB,EAAM,QAAS,kBAAmB,iBAChEkC,YAAa,uCAAuCvB,EAASZ,MAE/D,CAACS,EAAM2B,YAAYC,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvB5B,GAAM,CACT,kBAAmB,CACjBa,SAAUC,EAAiBxB,EAAM,QAAS,OAAQ,QAClD0B,OAAQF,EAAiBxB,EAAM,QAAS,OAAQ,YAI/CU,CAAM"}
+{"version":3,"file":"labelCO2.js","sources":["../../../src/components/labelCO2/labelCO2.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { ternaryCondition } from '../../utils/utilities';\nconst darkGreen = '#016703';\nconst green = '#019A01';\nconst lightGreen = '#69CC00';\nconst yellow = '#FFCC01';\nconst yellowOrange = '#F99601';\nconst orange = '#FE6501';\nconst red = '#FF3100';\nconst colorMap = { B: green, C: lightGreen, D: yellow, E: yellowOrange, F: orange, G: red };\nexport const LabelCO2 = forwardRef(({ variant = 'A+++', size = 'large' }, ref) => {\n    return (_jsx(LabelCO2Styled, { className: 'labelCO2', variant: variant, size: size, ref: ref, children: _jsx(\"span\", { className: 'labelCO2Main', children: variant }) }));\n});\nconst LabelCO2Styled = styled('div')(({ variant, size, theme }) => {\n    let styles = {};\n    const getColor = (_variant) => colorMap[_variant] || darkGreen;\n    styles = {\n        display: 'inline-flex',\n        flexWrap: 'no-wrap',\n        flexDirection: 'row',\n        '& .labelCO2Main': {\n            alignItems: 'center',\n            backgroundColor: getColor(variant),\n            boxSizing: 'border-box',\n            color: theme.palette.surface.tertiary,\n            display: 'inline-flex',\n            fontSize: ternaryCondition(size, 'large', '14px', '12px'),\n            fontWeight: 700,\n            height: ternaryCondition(size, 'large', '22px', '18px'),\n            justifyContent: 'flex-start',\n            padding: '0 5px',\n            position: 'relative',\n        },\n        '&::after': {\n            content: '\"\"',\n            display: 'flex',\n            width: 0,\n            height: 0,\n            borderStyle: 'solid',\n            borderWidth: ternaryCondition(size, 'large', '11px 0 11px 8px', '9px 0 9px 7px'),\n            borderColor: `transparent transparent transparent ${getColor(variant)}`,\n        },\n        [theme.breakpoints.up('lg')]: Object.assign(Object.assign({}, styles), { '& .labelCO2Main': {\n                fontSize: ternaryCondition(size, 'large', '14px', '12px'),\n                height: ternaryCondition(size, 'large', '22px', '20px'),\n            } }),\n    };\n    return styles;\n});\n//# sourceMappingURL=labelCO2.js.map"],"names":["colorMap","B","C","D","E","F","G","LabelCO2","forwardRef","variant","size","ref","_jsx","LabelCO2Styled","className","children","styled","theme","styles","getColor","_variant","display","flexWrap","flexDirection","alignItems","backgroundColor","boxSizing","color","palette","surface","tertiary","fontSize","ternaryCondition","fontWeight","height","justifyContent","padding","position","content","width","borderStyle","borderWidth","borderColor","breakpoints","up","Object","assign"],"mappings":"qLAIA,MAOMA,EAAW,CAAEC,EANL,UAMeC,EALV,UAKyBC,EAJ7B,UAIwCC,EAHlC,UAGmDC,EAFzD,UAEoEC,EADvE,WAECC,EAAWC,GAAW,EAAGC,UAAU,OAAQC,OAAO,SAAWC,IAC9DC,EAAKC,EAAgB,CAAEC,UAAW,WAAYL,QAASA,EAASC,KAAMA,EAAMC,IAAKA,EAAKI,SAAUH,EAAK,OAAQ,CAAEE,UAAW,eAAgBC,SAAUN,QAE1JI,EAAiBG,EAAO,MAAPA,EAAc,EAAGP,UAASC,OAAMO,YACnD,IAAIC,EAAS,CAAA,EACb,MAAMC,EAAYC,GAAapB,EAASoB,IAb1B,UA6Cd,OA/BAF,EAAS,CACLG,QAAS,cACTC,SAAU,UACVC,cAAe,MACf,kBAAmB,CACfC,WAAY,SACZC,gBAAiBN,EAASV,GAC1BiB,UAAW,aACXC,MAAOV,EAAMW,QAAQC,QAAQC,SAC7BT,QAAS,cACTU,SAAUC,EAAiBtB,EAAM,QAAS,OAAQ,QAClDuB,WAAY,IACZC,OAAQF,EAAiBtB,EAAM,QAAS,OAAQ,QAChDyB,eAAgB,aAChBC,QAAS,QACTC,SAAU,YAEd,WAAY,CACRC,QAAS,KACTjB,QAAS,OACTkB,MAAO,EACPL,OAAQ,EACRM,YAAa,QACbC,YAAaT,EAAiBtB,EAAM,QAAS,kBAAmB,iBAChEgC,YAAa,uCAAuCvB,EAASV,MAEjE,CAACQ,EAAM0B,YAAYC,GAAG,OAAQC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAI5B,GAAS,CAAE,kBAAmB,CACpFa,SAAUC,EAAiBtB,EAAM,QAAS,OAAQ,QAClDwB,OAAQF,EAAiBtB,EAAM,QAAS,OAAQ,YAGrDQ,CAAM"}

package/components/labelFeature/labelFeature.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { LabelProps } from '../label';
 import { VariantType } from '../../utils/enum';
 /**

package/components/labelFeature/labelFeature.js

@@ -1,4 +1,4 @@
-import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import*as e from"react";import o from"@emotion/styled";import{Label as t}from"../label/label.js";import{flowColors as i}from"../../design/skoda/palette.theme.js";import{VariantType as l}from"../../utils/enum.js";const n=e.forwardRef(((e,o)=>{var{children:t,label:i,variant:l="primary"}=e,n=r(e,["children","label","variant"]);return a(s,Object.assign({},n,{ref:o,variant:l,label:i,children:t}))})),s=o(t)`
+import{__rest as r}from"tslib";import{jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import o from"@emotion/styled";import{Label as t}from"../label/label.js";import{flowColors as i}from"../../design/skoda/palette.theme.js";import{VariantType as l}from"../../utils/enum.js";const n=e(((e,o)=>{var{children:t,label:i,variant:l="primary"}=e,n=r(e,["children","label","variant"]);return a(s,Object.assign({},n,{ref:o,variant:l,label:i,children:t}))})),s=o(t)`
   --flow-label-color: ${r=>{switch(r.variant){case l.PRIMARY:return i.brand.tertiary;case l.NEUTRAL:return i.onSurface.os500;default:return i[r.variant]?i[r.variant]:i.brand.secondary}}};
   color: ${i.onSurface.os0};
   background-color: var(--flow-label-color);

package/components/labelFeature/labelFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":[null],"names":["LabelFeature","React","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"2RAuBO,MAAMA,EAAeC,EAAMC,YAChC,CAACC,EAAoDC,KAApD,IAAAC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAASJ,EAAKK,EAA3CC,EAAAN,EAAA,CAAA,WAAA,QAAA,YACC,OACEO,EAACC,EAAkBC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAC/DD,SAAAA,IAEH,IAOAM,EAAqBG,EAAOC,EAAyB;wBAClCP,IACrB,OAAQA,EAAMD,SACZ,KAAKS,EAAYC,QACf,OAAOC,EAAWC,MAAMC,SAC1B,KAAKJ,EAAYK,QACf,OAAOH,EAAWI,UAAUC,MAC9B,QACE,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACnF;WAEMN,EAAWI,UAAUG;;;;;"}
+{"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { VariantType } from '../../utils/enum';\n/**\n * @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n */\nexport const LabelFeature = forwardRef((_a, ref) => {\n    var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n    return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/**\n * @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\r\n  --flow-label-color: ${(props) => {\n    switch (props.variant) {\n        case VariantType.PRIMARY:\n            return flowColors.brand.tertiary;\n        case VariantType.NEUTRAL:\n            return flowColors.onSurface.os500;\n        default:\n            return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n    }\n}};\r\n  color: ${flowColors.onSurface.os0};\r\n  background-color: var(--flow-label-color);\r\n  padding: 4px 8px 4px 10px;\r\n  border-radius: 2px;\r\n  display: inline;\r\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"sSAYY,MAACA,EAAeC,GAAW,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAOC,EAAO;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAYC,QACb,OAAOC,EAAWC,MAAMC,SAC5B,KAAKJ,EAAYK,QACb,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACvF;WAEMN,EAAWI,UAAUG;;;;;"}

package/components/labelPromotional/labelPromotional.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { FC } from 'react';
 import { LabelProps } from '../label';
 /**
  * @interface labelPromotionalProps
@@ -16,8 +16,8 @@ export interface LabelPromotionalProps extends LabelProps {
  * @param props labelPromotionalProps
  * @returns React Function Component
  */
-export declare const LabelPromotional: React.ForwardRefExoticComponent<LabelPromotionalProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const LabelPromotional: FC<LabelPromotionalProps>;
 /**
  * @description labelPromotional styling definition
  */
-export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LabelPromotionalProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LabelPromotionalStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LabelPromotionalProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;