@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/components/accordion/accordion.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { TransitionProps } from '@mui/material/transitions/transition';
+import React, { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 /**
  * @interface AccordionItem
  * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
@@ -11,7 +11,7 @@ import { TransitionProps } from '@mui/material/transitions/transition';
 export interface AccordionItem {
     id?: string;
     title: string;
-    content: string | React.ReactNode;
+    content: string | ReactNode;
     isDefaultExpanded?: boolean;
 }
 /**
@@ -19,7 +19,7 @@ export interface AccordionItem {
  * @description Base definition of SkodaFlow Accordion component independent on core implementation.
  * Properties are inherited from HTML Div element
  */
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The content of the component.
      */
@@ -43,8 +43,8 @@ export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement
     /**
      * The component used for the transition.
      */
-    TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-        children?: React.ReactElement<any, any>;
+    TransitionComponent?: JSXElementConstructor<TransitionProps & {
+        children?: ReactElement<any, any>;
     }>;
     /**
      * Props applied to the transition element.

package/cjs/components/accordion/accordion.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react"),i=require("react/jsx-runtime"),r=require("@mui/material/Accordion"),a=require("@mui/material/styles"),n=require("@emotion/styled"),o=require("@mui/material"),s=require("../../utils/utilities.js"),d=require("../divider/divider.js"),c=require("../controls/controls.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(t),p=l(r),f=l(n);const x=u.default.forwardRef(((r,a)=>{var{items:n,onChange:l,disableAnimation:p,accordionContainerProps:f,accordionPanelMaxHeight:x,allowMultipleExpand:g}=r,b=e.__rest(r,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[j,v]=u.default.useState(!1),y=u.default.useRef(null);t.useEffect((()=>{if(g){const e={};for(let t=0;t<n.length;t++){const i=n[t].id||`panel${t}`;e[i]=!!n[t].isDefaultExpanded}v((()=>e))}else{let e;const t=n.find(((t,i)=>{if(t.isDefaultExpanded)return e=i,t}));t&&v(t.id||`panel${e}`)}}),[g,n]),t.useEffect((()=>{if(y&&y.current){const e=y.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[y]);const M=t.useCallback((e=>(t,i)=>{l&&l(e,i),v(g?t=>Object.assign(Object.assign({},t),{[e]:i}):!!i&&e)}),[g,l]),P=t.useCallback((e=>"string"==typeof e?s.handleMaxChars(e,100):e),[]),C=t.useMemo((()=>p?{timeout:0}:b.TransitionProps),[p,b.TransitionProps]);return i.jsxs(m,Object.assign({ref:a},f,{"data-testid":"Accordion",children:[i.jsx(d.Divider,{}),n.map(((e,r)=>{const a=e.id||`panel${r}`,n=g?!!j[a]:j===a,s="string"==typeof e.content;return t.createElement(h,Object.assign({},b,{id:a,key:a,className:a,TransitionProps:C,expanded:n,onChange:M(a),isContentTypeString:s,disableGutters:!0,accordionPanelMaxHeight:x,square:!0,"data-testid":"Accordion.item"}),i.jsxs(o.AccordionSummary,{className:"subheadline","aria-controls":`${a}d-content`,id:`${a}d-header`,expandIcon:i.jsx(c.Controller,{controlType:"plus",ref:y,"data-testid":"Accordion.btn"}),"data-testid":"Accordion.summary",children:[i.jsx("div",{className:"accordion-panel-title",children:e.title}),b.previewContent&&s&&!n&&i.jsx("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:P(e.content)})]}),i.jsx(o.AccordionDetails,{"data-testid":"Accordion.content",children:i.jsx("div",{className:"text",children:e.content})}))}))]}))})),m=f.default.div((()=>({"& > .MuiDivider-root":{borderRadius:"6px"},"& .MuiPaper-root:first-of-type":{borderTopLeftRadius:"6px",borderTopRightRadius:"6px"},"& .MuiPaper-root:last-of-type":{borderBottomLeftRadius:"6px",borderBottomRightRadius:"6px"}}))),h=a.styled(p.default,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var i=e.__rest(t,["theme"]);let r={};return i.accordionPanelMaxHeight&&(r=Object.assign(Object.assign({},r),{"& .text":{maxHeight:i.accordionPanelMaxHeight,overflowY:"auto"}})),r}));exports.Accordion=x;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("@emotion/styled"),n=require("@mui/material"),a=require("@mui/material/Accordion"),o=require("@mui/material/styles"),s=require("../../utils/utilities.js"),c=require("../controls/controls.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(r),u=d(a);const p=i.forwardRef(((r,a)=>{var{items:o,onChange:d,disableAnimation:l,accordionContainerProps:u,accordionPanelMaxHeight:p,allowMultipleExpand:m}=r,h=e.__rest(r,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[g,b]=i.useState(!1),j=i.useRef(null);i.useEffect((()=>{if(m){const e={};for(let t=0;t<o.length;t++){const i=o[t].id||`panel${t}`;e[i]=!!o[t].isDefaultExpanded}b((()=>e))}else{let e;const t=o.find(((t,i)=>{if(t.isDefaultExpanded)return e=i,t}));t&&b(t.id||`panel${e}`)}}),[m,o]),i.useEffect((()=>{if(j&&j.current){const e=j.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[j]);const v=i.useCallback((e=>(t,i)=>{d&&d(e,i),b(m?t=>Object.assign(Object.assign({},t),{[e]:i}):!!i&&e)}),[m,d]),y=i.useCallback((e=>"string"==typeof e?s.handleMaxChars(e,100):e),[]),M=i.useMemo((()=>l?{timeout:0}:h.TransitionProps),[l,h.TransitionProps]);return t.jsx(x,Object.assign({ref:a},u,{"data-testid":"Accordion",children:o.map(((e,r)=>{const a=e.id||`panel${r}`,o=m?!!g[a]:g===a,s="string"==typeof e.content;return i.createElement(f,Object.assign({},h,{id:a,key:a,className:a,TransitionProps:M,expanded:o,onChange:v(a),isContentTypeString:s,disableGutters:!0,accordionPanelMaxHeight:p,square:!0,"data-testid":"Accordion.item"}),t.jsxs(n.AccordionSummary,{className:"subheadline","aria-controls":`${a}d-content`,id:`${a}d-header`,expandIcon:t.jsx(c.Controller,{controlType:"plus",ref:j,"data-testid":"Accordion.btn"}),"data-testid":"Accordion.summary",children:[t.jsx("div",{className:"accordion-panel-title",children:e.title}),h.previewContent&&s&&!o&&t.jsx("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:y(e.content)})]}),t.jsx(n.AccordionDetails,{"data-testid":"Accordion.content",children:t.jsx("div",{className:"text",children:e.content})}))}))}))})),x=l.default.div((()=>({"& > .MuiDivider-root":{borderRadius:"6px"},"& .MuiPaper-root:first-of-type":{borderTopLeftRadius:"6px",borderTopRightRadius:"6px"},"& .MuiPaper-root:last-of-type":{borderBottomLeftRadius:"6px",borderBottomRightRadius:"6px"}}))),f=o.styled(u.default,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var i=e.__rest(t,["theme"]);let r={};return i.accordionPanelMaxHeight&&(r=Object.assign(Object.assign({},r),{"& .text":{maxHeight:i.accordionPanelMaxHeight,overflowY:"auto"}})),r}));exports.Accordion=p;
 //# sourceMappingURL=accordion.js.map

package/cjs/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":[null],"names":["Accordion","React","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsxs","jsxs","StyledContainerDiv","children","_jsx","Divider","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","AccordionSummary","expandIcon","Controller","controlType","title","previewContent","jsx","AccordionDetails","emotionStyled","div","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"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"}
+{"version":3,"file":"accordion.js","sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport emotionStyled from '@emotion/styled';\nimport { AccordionDetails, AccordionSummary } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Controller } from '../controls';\nexport const Accordion = forwardRef((_a, ref) => {\n    var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n    const [expand, setExpanded] = useState(false);\n    const controlRef = useRef(null);\n    useEffect(() => {\n        if (!allowMultipleExpand) {\n            let id;\n            const firstDefaultExpandedItem = items.find((item, index) => {\n                if (item.isDefaultExpanded) {\n                    id = index;\n                    return item;\n                }\n                return undefined;\n            });\n            if (firstDefaultExpandedItem) {\n                setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n            }\n        }\n        else {\n            const expandItems = {};\n            for (let index = 0; index < items.length; index++) {\n                const itemId = items[index].id || `panel${index}`;\n                expandItems[itemId] = !!items[index].isDefaultExpanded;\n            }\n            setExpanded(() => expandItems);\n        }\n    }, [allowMultipleExpand, items]);\n    //disable black rounded circle on icon controller click\n    useEffect(() => {\n        if (controlRef && controlRef.current) {\n            const controlBtn = controlRef.current.querySelector('button');\n            if (controlBtn) {\n                controlBtn.addEventListener('focusin', (e) => {\n                    e.preventDefault();\n                });\n            }\n        }\n    }, [controlRef]);\n    const handleChange = useCallback((panel) => (_, isExpanded) => {\n        onChange && onChange(panel, isExpanded);\n        if (!allowMultipleExpand) {\n            setExpanded(isExpanded ? panel : false);\n        }\n        else {\n            setExpanded((curr) => {\n                return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n            });\n        }\n    }, [allowMultipleExpand, onChange]);\n    const handlePreviewContent = useCallback((content) => {\n        if (typeof content === 'string')\n            return handleMaxChars(content, 100);\n        return content;\n    }, []);\n    const getTransitionProps = useMemo(() => {\n        if (disableAnimation)\n            return { timeout: 0 };\n        else\n            return props.TransitionProps;\n    }, [disableAnimation, props.TransitionProps]);\n    return (_jsx(StyledContainerDiv, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n            const panel = item.id || `panel${index}`;\n            const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n            const isContentTypeString = typeof item.content === 'string';\n            return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n                _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(Controller, { controlType: 'plus', ref: controlRef, \"data-testid\": \"Accordion.btn\" }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n                _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n        }) })));\n});\nconst StyledContainerDiv = emotionStyled.div(() => {\n    return {\n        '& > .MuiDivider-root': {\n            borderRadius: '6px',\n        },\n        '& .MuiPaper-root:first-of-type': {\n            borderTopLeftRadius: '6px',\n            borderTopRightRadius: '6px',\n        },\n        '& .MuiPaper-root:last-of-type': {\n            borderBottomLeftRadius: '6px',\n            borderBottomRightRadius: '6px',\n        },\n    };\n});\nconst AccordionStyled = styled(MuiAccordion, {\n    shouldForwardProp: (prop) => prop !== 'previewContent' &&\n        prop !== 'expandIcon' &&\n        prop !== 'isContentTypeString' &&\n        prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let style = {};\n    if (args.accordionPanelMaxHeight) {\n        style = Object.assign(Object.assign({}, style), { '& .text': {\n                maxHeight: args.accordionPanelMaxHeight,\n                overflowY: 'auto',\n            } });\n    }\n    return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","StyledContainerDiv","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","AccordionSummary","expandIcon","Controller","controlType","title","previewContent","jsx","AccordionDetails","emotionStyled","div","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"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"}

package/cjs/components/agGrid/agGrid.d.ts

@@ -1,10 +1,8 @@
-import React from 'react';
-import 'ag-grid-community/styles/ag-grid.css';
-import 'ag-grid-community/styles/ag-theme-material.css';
+/// <reference types="react" />
 import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 export type AgGridProps = Omit<AgGridReactProps, 'domLayout'> & {
     height?: number | string | 'autoHeight';
 };
-export declare const AgGrid: React.ForwardRefExoticComponent<Omit<AgGridReactProps<any>, "domLayout"> & {
+export declare const AgGrid: import("react").ForwardRefExoticComponent<Omit<AgGridReactProps<any>, "domLayout"> & {
     height?: number | string | 'autoHeight';
-} & React.RefAttributes<AgGridReact<any>>>;
+} & import("react").RefAttributes<AgGridReact<any>>>;

package/cjs/components/agGrid/agGrid.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("ag-grid-community/styles/ag-grid.css"),require("ag-grid-community/styles/ag-theme-material.css");var s=require("./agGridStyled.js"),u=require("lodash"),a=require("@mui/material");function i(e){return e&&e.__esModule?e:{default:e}}const l=i(t).default.forwardRef(((t,i)=>{const{defaultColDef:l,height:o="autoHeight",suppressCellFocus:g=!0}=t,d=e.__rest(t,["defaultColDef","height","suppressCellFocus"]),c=u.merge({},{suppressMovable:!0},l);return r.jsx(a.Box,{sx:{height:"autoHeight"===o?"100%":o},children:r.jsx(s.AgGridStyled,Object.assign({className:"ag-theme-material",ref:i},d,{suppressCellFocus:g,domLayout:"autoHeight"===o?"autoHeight":"normal",defaultColDef:c}))})}));exports.AgGrid=l;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("./agGridStyled.js"),u=require("lodash"),a=require("@mui/material");const i=s.forwardRef(((s,i)=>{const{defaultColDef:l,height:o="autoHeight",suppressCellFocus:g=!0}=s,h=e.__rest(s,["defaultColDef","height","suppressCellFocus"]),d=u.merge({},{suppressMovable:!0},l);return r.jsx(a.Box,{sx:{height:"autoHeight"===o?"100%":o},children:r.jsx(t.AgGridStyled,Object.assign({className:"ag-theme-material",ref:i},h,{suppressCellFocus:g,domLayout:"autoHeight"===o?"autoHeight":"normal",defaultColDef:d}))})}));exports.AgGrid=i;
 //# sourceMappingURL=agGrid.js.map

package/cjs/components/agGrid/agGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGrid.js","sources":["../../../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":[null],"names":["AgGrid","React","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"qUAcO,MAAMA,OAASC,QAAMC,YAAqC,CAACC,EAAOC,KACvE,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAAkBJ,EAATK,EAAIC,EAAAA,OAAKN,EAA9E,CAAA,gBAAA,SAAA,sBAEAO,EAAqBC,EAAKA,MAC9B,GACA,CACEC,iBAAiB,GAEnBP,GAGF,OACEQ,EAAAA,IAACC,EAAAA,IAAI,CAAAC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GACpDU,SAAAH,EAAAA,IAACI,EAAAA,aAAYC,OAAAC,OAAA,CACXC,UAAU,oBACVhB,IAAKA,GACDI,EAAI,CACRD,kBAAmBA,EACnBc,UAAsB,eAAXf,EAA0B,aAAe,SACpDD,cAAeK,MAGnB"}
+{"version":3,"file":"agGrid.js","sources":["../../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { AgGridStyled } from './agGridStyled';\nimport { merge } from 'lodash';\nimport { Box } from '@mui/material';\nexport const AgGrid = forwardRef((props, ref) => {\n    const { defaultColDef, height = 'autoHeight', suppressCellFocus = true } = props, rest = __rest(props, [\"defaultColDef\", \"height\", \"suppressCellFocus\"]);\n    const defaultColDefFinal = merge({}, {\n        suppressMovable: true,\n    }, defaultColDef);\n    return (_jsx(Box, { sx: { height: height === 'autoHeight' ? '100%' : height }, children: _jsx(AgGridStyled, Object.assign({ className: \"ag-theme-material\", ref: ref }, rest, { suppressCellFocus: suppressCellFocus, domLayout: height === 'autoHeight' ? 'autoHeight' : 'normal', defaultColDef: defaultColDefFinal })) }));\n});\n//# sourceMappingURL=agGrid.js.map"],"names":["AgGrid","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"oKAMY,MAACA,EAASC,EAAUA,YAAC,CAACC,EAAOC,KACrC,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAASJ,EAAOK,EAAOC,EAAAA,OAAON,EAAO,CAAC,gBAAiB,SAAU,sBAC7HO,EAAqBC,EAAKA,MAAC,GAAI,CACjCC,iBAAiB,GAClBP,GACH,OAAQQ,EAAAA,IAAKC,EAAAA,IAAK,CAAEC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GAAUU,SAAUH,EAAAA,IAAKI,EAAAA,aAAcC,OAAOC,OAAO,CAAEC,UAAW,oBAAqBhB,IAAKA,GAAOI,EAAM,CAAED,kBAAmBA,EAAmBc,UAAsB,eAAXf,EAA0B,aAAe,SAAUD,cAAeK,MAA2B"}

package/cjs/components/agGrid/agGridStyled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { AgGridReact } from 'ag-grid-react';
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-material.css';
 export declare const AgGridStyled: import("@emotion/styled").StyledComponent<(import("ag-grid-react").AgGridReactProps<unknown> | import("ag-grid-react").AgReactUiProps<unknown>) & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
     ref?: import("react").Ref<AgGridReact<unknown>>;
 }>;

package/cjs/components/agGrid/agGridStyled.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@mui/material"),r=require("ag-grid-react");const a=e.styled(r.AgGridReact)((({theme:e})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":e.palette.primary.main,"--ag-material-accent-color":e.palette.secondary.main,"--ag-foreground-color":e.palette.text.primary,"--ag-data-color":e.palette.text.primary,"--ag-header-foreground-color":e.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":e.palette.onSurface.os500,"--ag-disabled-foreground-color":e.palette.disabled.tertiary,"--ag-selected-row-background-color":e.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":e.palette.surface.primary,"--ag-row-border-color":e.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":e.palette.brand.primary,"--ag-checkbox-indeterminate-color":e.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:e.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:e.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));exports.AgGridStyled=a;
+"use strict";var e=require("@mui/material"),r=require("ag-grid-react");require("ag-grid-community/styles/ag-grid.css"),require("ag-grid-community/styles/ag-theme-material.css");const a=e.styled(r.AgGridReact)((({theme:e})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":e.palette.primary.main,"--ag-material-accent-color":e.palette.secondary.main,"--ag-foreground-color":e.palette.text.primary,"--ag-data-color":e.palette.text.primary,"--ag-header-foreground-color":e.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":e.palette.onSurface.os500,"--ag-disabled-foreground-color":e.palette.disabled.tertiary,"--ag-selected-row-background-color":e.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":e.palette.surface.primary,"--ag-row-border-color":e.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":e.palette.brand.primary,"--ag-checkbox-indeterminate-color":e.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:e.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:e.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));exports.AgGridStyled=a;
 //# sourceMappingURL=agGridStyled.js.map

package/cjs/components/agGrid/agGridStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGridStyled.js","sources":["../../../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":[null],"names":["AgGridStyled","styled","AgGridReact","theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"uEAGa,MAAAA,EAAeC,EAAAA,OAAOC,EAAAA,YAAPD,EAAoB,EAAGE,YAAa,CAC9D,sBAAuB,CACrBC,MAAO,OACPC,OAAQ,OAER,mBAAoB,aACpB,iBAAkB,OAClB,8BAA+BF,EAAMG,QAAQC,QAAQC,KACrD,6BAA8BL,EAAMG,QAAQG,UAAUD,KACtD,wBAAyBL,EAAMG,QAAQI,KAAKH,QAC5C,kBAAmBJ,EAAMG,QAAQI,KAAKH,QACtC,+BAAgCJ,EAAMG,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCJ,EAAMG,QAAQK,UAAUC,MAC3D,iCAAkCT,EAAMG,QAAQO,SAASC,SACzD,qCAAsCX,EAAMG,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBb,EAAMG,QAAQW,QAAQV,QAC9C,wBAAyBJ,EAAMG,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BN,EAAMG,QAAQY,MAAMX,QACnD,oCAAqCJ,EAAMG,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCJ,EAAMG,QAAQW,QAAQR,UAC5D,yCAA0CN,EAAMG,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAajB,EAAMG,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTtB,OAAQ,MACRuB,WAAYzB,EAAMG,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
+{"version":3,"file":"agGridStyled.js","sources":["../../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\nimport { AgGridReact } from 'ag-grid-react';\nimport 'ag-grid-community/styles/ag-grid.css';\nimport 'ag-grid-community/styles/ag-theme-material.css';\nexport const AgGridStyled = styled(AgGridReact)(({ theme }) => ({\n    '&.ag-theme-material': {\n        width: '100%',\n        height: '100%',\n        '--ag-font-family': 'SKODA Next',\n        '--ag-font-size': '16px',\n        '--ag-material-primary-color': theme.palette.primary.main,\n        '--ag-material-accent-color': theme.palette.secondary.main,\n        '--ag-foreground-color': theme.palette.text.primary,\n        '--ag-data-color': theme.palette.text.primary,\n        '--ag-header-foreground-color': theme.palette.text.primary,\n        '--ag-background-color': 'transparent',\n        '--ag-header-background-color': 'transparent',\n        '--ag-subheader-background-color': 'transparent',\n        '--ag-subheader-toolbar-background-color': 'transparent',\n        '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n        '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n        '--ag-selected-row-background-color': theme.palette.common.white,\n        '--ag-odd-row-background-color': 'transparent',\n        '--ag-column-hover-color': 'transparent',\n        '--ag-header-cell-hover-background-color': 'transparent',\n        '--ag-row-hover-color': theme.palette.surface.primary,\n        '--ag-row-border-color': theme.palette.surface.secondary,\n        '--ag-border-radius': '8px',\n        '--ag-checkbox-checked-color': theme.palette.brand.primary,\n        '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n        '--ag-cell-horizontal-padding': '16px',\n        '--ag-cell-vertical-padding': '17px',\n        '--ag-row-height': '54px',\n        '--ag-header-height': '54px',\n        '--ag-header-column-separator-display': 'block',\n        '--ag-header-column-separator-height': '20px',\n        '--ag-header-column-separator-color': theme.palette.surface.secondary,\n        '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n        '--ag-header-column-resize-handle-display': 'block',\n        '--ag-header-column-resize-handle-height': '20px',\n        '.ag-root-wrapper': {\n            border: '1px solid',\n            borderColor: theme.palette.surface.secondary,\n            borderRadius: '8px',\n        },\n        '.ag-row-last': {\n            borderBottom: 'none',\n        },\n        '.ag-row-hover': {\n            backgroundColor: 'var(--ag-row-hover-color) !important',\n        },\n        '.ag-center-cols-container': {\n            minWidth: '100%',\n        },\n        '.ag-paging-panel': {\n            border: 'none',\n            position: 'relative',\n            '&:before': {\n                display: 'block',\n                content: \"''\",\n                height: '1px',\n                background: theme.palette.surface.secondary,\n                position: 'absolute',\n                top: '0',\n                left: '24px',\n                right: '24px',\n            },\n        },\n    },\n}));\n//# sourceMappingURL=agGridStyled.js.map"],"names":["AgGridStyled","styled","AgGridReact","theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"iLAIY,MAACA,EAAeC,EAAAA,OAAOC,EAAAA,YAAPD,EAAoB,EAAGE,YAAa,CAC5D,sBAAuB,CACnBC,MAAO,OACPC,OAAQ,OACR,mBAAoB,aACpB,iBAAkB,OAClB,8BAA+BF,EAAMG,QAAQC,QAAQC,KACrD,6BAA8BL,EAAMG,QAAQG,UAAUD,KACtD,wBAAyBL,EAAMG,QAAQI,KAAKH,QAC5C,kBAAmBJ,EAAMG,QAAQI,KAAKH,QACtC,+BAAgCJ,EAAMG,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCJ,EAAMG,QAAQK,UAAUC,MAC3D,iCAAkCT,EAAMG,QAAQO,SAASC,SACzD,qCAAsCX,EAAMG,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBb,EAAMG,QAAQW,QAAQV,QAC9C,wBAAyBJ,EAAMG,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BN,EAAMG,QAAQY,MAAMX,QACnD,oCAAqCJ,EAAMG,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCJ,EAAMG,QAAQW,QAAQR,UAC5D,yCAA0CN,EAAMG,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,YAAajB,EAAMG,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,KACTtB,OAAQ,MACRuB,WAAYzB,EAAMG,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"kNAa2C,EAAGA,OAAMC,WAAUC,UAASC,QAAOC,YAAY,SAEtFC,OAACC,EAAAA,IAAG,CACFC,IAAKH,QAAAA,EAAa,MAClBI,GAAI,CACFC,QAAS,EACTC,YAA2B,QAAdN,EAAsB,EAAI,EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUtB,QAAAA,EAAS,QACnBA,MAAOA,QAAAA,EAAS,QAEN,cAAA,kBAEXH,GACCK,OAACC,EAAAA,IACC,CAAAE,GAAI,CACFkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cACW,aAEX3B,SAAA,CAAS,YAATD,GAAsB6B,EAAKC,IAAA,MAAA,CAAAC,IAAKC,EAAAA,UACvB,UAAThC,GAAoB6B,EAAAA,WAAKE,IAAKE,EAAAA,UACrB,YAATjC,GAAsB6B,EAAAA,WAAKE,IAAKG,EAAAA,aAGrCL,EAAAA,IAACvB,EAAAA,IAAG,CACFE,GAAI,CACF2B,SAAU,GACX,cACW,gBAAelC,SAE1BA,IAEFC,GACC2B,EAACC,IAAAxB,MACC,CAAAE,GAAI,CACFE,YAA2B,QAAdN,EAAsB,YAASgC,EAC5CzB,aAA4B,QAAdP,EAAsB,YAASgC,EAC7CC,WAAaxB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUmB,QAC/FC,YAAc1B,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUmB,QAChGE,UAAW,UACXnB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cACW,gBAEXrB,SAAAC"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport successIcon from './assets/successIcon.svg';\nimport warningIcon from './assets/warningIcon.svg';\nimport errorIcon from './assets/errorIcon.svg';\nexport const Alert = ({ type, children, actions, width, direction = 'ltr' }) => {\n    return (_jsxs(Box, { dir: direction !== null && direction !== void 0 ? direction : 'ltr', sx: {\n            padding: 1,\n            paddingLeft: direction === 'ltr' ? 2 : 1,\n            paddingRight: direction === 'rtl' ? 2 : 1,\n            background: (theme) => theme.palette.brand.tertiary,\n            borderRadius: 1,\n            color: (theme) => theme.palette.onSurface.os0,\n            display: 'flex',\n            alignItems: 'center',\n            gap: '11px',\n            minWidth: '300px',\n            maxWidth: width !== null && width !== void 0 ? width : '624px',\n            width: width !== null && width !== void 0 ? width : 'auto',\n        }, \"data-testid\": \"Alert\", children: [type && (_jsxs(Box, { sx: {\n                    height: '40px',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'center',\n                }, \"data-testid\": \"Alert.icon\", children: [type === 'success' && _jsx(\"img\", { src: successIcon }), type === 'error' && _jsx(\"img\", { src: errorIcon }), type === 'warning' && _jsx(\"img\", { src: warningIcon })] })), _jsx(Box, { sx: {\n                    flexGrow: 1,\n                }, \"data-testid\": \"Alert.content\", children: children }), actions && (_jsx(Box, { sx: {\n                    paddingLeft: direction === 'ltr' ? '11px' : undefined,\n                    paddingRight: direction === 'rtl' ? '11px' : undefined,\n                    borderLeft: (theme) => `${direction === 'ltr' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n                    borderRight: (theme) => `${direction === 'rtl' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n                    alignSelf: 'stretch',\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'center',\n                }, \"data-testid\": \"Alert.actions\", children: actions }))] }));\n};\n//# sourceMappingURL=Alert.js.map"],"names":["type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"kNAKqB,EAAGA,OAAMC,WAAUC,UAASC,QAAOC,YAAY,SACxDC,OAAMC,EAAAA,IAAK,CAAEC,IAAKH,QAA6CA,EAAY,MAAOI,GAAI,CACtFC,QAAS,EACTC,YAA2B,QAAdN,EAAsB,EAAI,EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUtB,QAAqCA,EAAQ,QACvDA,MAAOA,QAAqCA,EAAQ,QACrD,cAAe,QAASF,SAAU,CAACD,GAASK,OAAMC,EAAAA,IAAK,CAAEE,GAAI,CACpDkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cAAe,aAAc3B,SAAU,CAAU,YAATD,GAAsB6B,EAAIC,IAAC,MAAO,CAAEC,IAAKC,EAAAA,UAAyB,UAAThC,GAAoB6B,EAAAA,IAAK,MAAO,CAAEE,IAAKE,EAAAA,UAAuB,YAATjC,GAAsB6B,EAAAA,IAAK,MAAO,CAAEE,IAAKG,EAAAA,aAAqBL,EAAAA,IAAKvB,EAAAA,IAAK,CAAEE,GAAI,CACnO2B,SAAU,GACX,cAAe,gBAAiBlC,SAAUA,IAAaC,GAAY2B,EAAIC,IAACxB,MAAK,CAAEE,GAAI,CAClFE,YAA2B,QAAdN,EAAsB,YAASgC,EAC5CzB,aAA4B,QAAdP,EAAsB,YAASgC,EAC7CC,WAAaxB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUmB,QAC/FC,YAAc1B,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUmB,QAChGE,UAAW,UACXnB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cAAe,gBAAiBrB,SAAUC"}

package/cjs/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":[null],"names":["Button","styled","MuiButton","theme","padding","appearance","background","cursor","border","color","palette","onSurface","os0","fontWeight","fontSize","lineHeight","props","_jsx","Object","assign"],"mappings":"uEAkBA,MAAMA,2BAASC,OAAOC,EAAAA,OAAPD,EAAkB,EAAGE,YAAa,CAC/CC,QAAS,WACTC,WAAY,OACZC,WAAY,cACZC,OAAQ,UACRC,OAAQ,OACRC,MAAON,EAAMO,QAAQC,UAAUC,IAC/BC,WAAY,IACZC,SAAU,OACVC,WAAY,+BAbR,SAA8DC,GAClE,OAAOC,EAAAA,IAACjB,EAAWkB,OAAAC,OAAA,CAAA,EAAAH,GACrB"}
+{"version":3,"file":"AlertButton.js","sources":["../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button as MuiButton } from '@mui/base';\nimport { styled } from '@mui/material';\nexport function AlertButton(props) {\n    return _jsx(Button, Object.assign({}, props));\n}\nconst Button = styled(MuiButton)(({ theme }) => ({\n    padding: '8px 16px',\n    appearance: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    border: 'none',\n    color: theme.palette.onSurface.os0,\n    fontWeight: 700,\n    fontSize: '14px',\n    lineHeight: '16px',\n}));\n//# sourceMappingURL=AlertButton.js.map"],"names":["Button","styled","MuiButton","theme","padding","appearance","background","cursor","border","color","palette","onSurface","os0","fontWeight","fontSize","lineHeight","props","_jsx","Object","assign"],"mappings":"uEAMA,MAAMA,2BAASC,OAAOC,EAAAA,OAAPD,EAAkB,EAAGE,YAAa,CAC7CC,QAAS,WACTC,WAAY,OACZC,WAAY,cACZC,OAAQ,UACRC,OAAQ,OACRC,MAAON,EAAMO,QAAQC,UAAUC,IAC/BC,WAAY,IACZC,SAAU,OACVC,WAAY,+BAZT,SAAqBC,GACxB,OAAOC,EAAAA,IAAKjB,EAAQkB,OAAOC,OAAO,CAAE,EAAEH,GAC1C"}

package/cjs/components/avatar/Avatar.d.ts

@@ -1,11 +1,35 @@
 import { AvatarProps as MuiAvatarProps } from '@mui/material';
 export type AvatarProps = Omit<MuiAvatarProps, 'variant'> & {
+    /**
+     * Set size of rendered avatar
+     * @default md
+     */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Set color of the text
+     * @default light
+     */
     color?: 'light' | 'dark';
+    /**
+     * Set background color
+     * @default undefined
+     */
     background?: string;
 };
 export declare const Avatar: import("@emotion/styled").StyledComponent<Omit<MuiAvatarProps, "variant"> & {
+    /**
+     * Set size of rendered avatar
+     * @default md
+     */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Set color of the text
+     * @default light
+     */
     color?: 'light' | 'dark';
+    /**
+     * Set background color
+     * @default undefined
+     */
     background?: string;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":[null],"names":["Avatar","styled","props","_jsx","jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2EASA,MAEaA,EAASC,EAAMA,QAFeC,GAAUC,EAAAC,IAACC,EAASL,OAAAM,OAAAC,OAAA,CAACC,QAAQ,YAAeN,KAE9C,CACvCO,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADvDT,EAEN,EAAGW,OAAMC,QAAOC,aAAYC,WAAYT,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACtDS,WAAY,IACZC,cAAe,UAEXH,GAAc,CAAEI,gBAAiBJ,MAE/BD,GAAmB,UAAVA,IAAsB,CACnCA,MAAOE,EAAMI,QAAQC,OAAOC,QAEhB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QAGjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OAENb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KAEC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Avatar as MuiAvatar, styled } from '@mui/material';\nconst AvatarBase = (props) => _jsx(MuiAvatar, Object.assign({ variant: \"circular\" }, props));\nexport const Avatar = styled(AvatarBase, {\n    shouldForwardProp: (propName) => !['size', 'color', 'background'].includes(propName),\n})(({ size, color, background, theme }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ fontWeight: 700, letterSpacing: '0.02em' }, (background && { backgroundColor: background })), ((!color || color === 'light') && {\n    color: theme.palette.common.white,\n})), (color === 'dark' && {\n    color: theme.palette.common.black,\n})), (size === 'sm' && {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n})), ((!size || size === 'md') && {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n})), (size === 'lg' && {\n    width: 56,\n    height: 56,\n    fontSize: 20,\n}))));\n//# sourceMappingURL=Avatar.js.map"],"names":["Avatar","styled","props","_jsx","jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2EAEA,MACaA,EAASC,EAAMA,QADRC,GAAUC,EAAIC,IAACC,EAASL,OAAEM,OAAOC,OAAO,CAAEC,QAAS,YAAcN,KAC5C,CACrCO,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADzDT,EAEnB,EAAGW,OAAMC,QAAOC,aAAYC,WAAaT,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAES,WAAY,IAAKC,cAAe,UAAaH,GAAc,CAAEI,gBAAiBJ,MAAmBD,GAAmB,UAAVA,IAAsB,CAC9PA,MAAOE,EAAMI,QAAQC,OAAOC,QAChB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QACjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OACNb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KACC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/cjs/components/backdrop/backdrop.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  If true, the component is shown. Default value false
      */

package/cjs/components/backdrop/backdrop.js

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

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { MouseEvent } from 'react';
 import { ButtonVariant } from '../common/type/ButtonVariant';
 export interface BannerProps {
     /**
@@ -28,7 +28,7 @@ export interface BannerProps {
     /**
      * Dismiss button callback
      */
-    buttonCallback?: (payload: any) => void;
+    buttonCallback?: (ev: MouseEvent) => void;
     /**
      * Additional Button show/hide
      */
@@ -44,11 +44,11 @@ export interface BannerProps {
     /**
      * Additional Button Callback
      */
-    additionalButtonCallback?: (payload: any) => void;
+    additionalButtonCallback?: (ev: MouseEvent) => void;
     /**
      * Additional Button Callback
      */
-    analyticsCallback?: (payload: any) => void;
+    analyticsCallback?: (ev: MouseEvent) => void;
     /**
      * Visibility control over whole banner
      */

package/cjs/components/banner/banner.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),n=require("@emotion/styled"),r=require("../icon/icon.js"),o=require("../button/button.js"),i=require("../../design/skoda/palette.theme.js"),s=require("../../utils/enum.js");function l(a){return a&&a.__esModule?a:{default:a}}var d=l(t),c=l(n);const b=d.default.forwardRef(((n,i)=>{var l=a.__rest(n,[]);const[d,c]=t.useState(!0);t.useEffect((()=>{(l.isVisible||!1===l.isVisible)&&c(l.isVisible)}),[l.isVisible]);const b=(a,e)=>{"additional"===e?l.additionalButtonCallback&&l.additionalButtonCallback(a):l.buttonCallback&&l.buttonCallback(a),l.analyticsCallback&&l.analyticsCallback(a),c(!1)},f=l.iconIsFilled?" filled":"",m=l.buttonVariant,x=l.additionalButtonVariant;return e.jsx(e.Fragment,{children:d&&e.jsx(u,{className:l.variant,variant:l.variant,ref:i,"data-testid":"Banner",children:e.jsxs("div",{className:"bannerWrapper",children:[e.jsxs("div",{className:"bannerHeader",children:[l.icon&&e.jsx(r.Icon,{fontSize:"medium",className:`${l.icon} ${f}`,"data-testid":"Banner.icon"}),e.jsx("p",{className:"body","data-testid":"Banner.body",children:l.textContent})]}),e.jsxs("div",{className:"bannerBtnContainer",children:[l.additionalButton&&e.jsx(o.Button,{variant:x,compact:!0,label:l.additionalButtonLabel,onClick:a=>b(a,"additional"),"data-testid":"Banner.btn2"}),"secondary"===l.variant?e.jsx(o.Button,{variant:m,colourScheme:s.ColourSheme.LIGHT_MODE,compact:!0,label:l.additionalButtonLabel,onClick:a=>b(a,"main"),"data-testid":"Banner.btn1"}):e.jsx(o.Button,{variant:m,compact:!0,label:l.buttonLabel,onClick:a=>b(a,"main"),"data-testid":"Banner.btn1"})]})]})})})})),u=c.default.div((e=>{var{theme:t}=e;const n=a.__rest(e,["theme"]);let r={};switch(r=Object.assign(Object.assign({},r),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[t.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[t.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:i.flowColors.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[t.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),n.variant){case"primary":return Object.assign(Object.assign({},r),{backgroundColor:i.flowColors.brand.secondary,color:i.flowColors.onSurface.os900});case"secondary":return Object.assign(Object.assign({},r),{backgroundColor:i.flowColors.brand.tertiary,color:i.flowColors.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.secondary}});case"tertiary":return Object.assign(Object.assign({},r),{backgroundColor:i.flowColors.surface.secondary,color:i.flowColors.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.primary}})}return r}));exports.Banner=b;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),n=require("react"),t=require("@emotion/styled"),o=require("../icon/icon.js"),r=require("../button/button.js"),i=require("../../design/skoda/palette.theme.js"),s=require("../../utils/enum.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t);const c=n.forwardRef(((t,i)=>{var l=e.__rest(t,[]);const[d,c]=n.useState(!0);n.useEffect((()=>{(l.isVisible||!1===l.isVisible)&&c(l.isVisible)}),[l.isVisible]);const u=(e,a)=>{var n,t,o;"additional"===a?null===(n=l.additionalButtonCallback)||void 0===n||n.call(l,e):null===(t=l.buttonCallback)||void 0===t||t.call(l,e),null===(o=l.analyticsCallback)||void 0===o||o.call(l,e),c(!1)},f=l.iconIsFilled?" filled":"",m=l.buttonVariant,x=l.additionalButtonVariant;return a.jsx(a.Fragment,{children:d&&a.jsx(b,{className:l.variant,variant:l.variant,ref:i,"data-testid":"Banner",children:a.jsxs("div",{className:"bannerWrapper",children:[a.jsxs("div",{className:"bannerHeader",children:[l.icon&&a.jsx(o.Icon,{fontSize:"medium",className:`${l.icon} ${f}`,"data-testid":"Banner.icon"}),a.jsx("p",{className:"body","data-testid":"Banner.body",children:l.textContent})]}),a.jsxs("div",{className:"bannerBtnContainer",children:[l.additionalButton&&a.jsx(r.Button,{variant:x,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"additional"),"data-testid":"Banner.btn2"}),"secondary"===l.variant?a.jsx(r.Button,{variant:m,colourScheme:s.ColourSheme.LIGHT_MODE,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"}):a.jsx(r.Button,{variant:m,compact:!0,label:l.buttonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"})]})]})})})})),b=d.default.div((a=>{var{theme:n}=a;const t=e.__rest(a,["theme"]);let o={};switch(o=Object.assign(Object.assign({},o),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[n.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[n.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:i.flowColors.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[n.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),t.variant){case"primary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.secondary,color:i.flowColors.onSurface.os900});case"secondary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.tertiary,color:i.flowColors.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.secondary}});case"tertiary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.surface.secondary,color:i.flowColors.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.primary}})}return o}));exports.Banner=c;
 //# sourceMappingURL=banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["Banner","React","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","additionalButtonCallback","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","jsx","BannerStyled","className","variant","_jsxs","children","icon","Icon","fontSize","textContent","jsxs","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","default","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"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"}
+{"version":3,"file":"banner.js","sources":["../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n    var props = __rest(_a, []);\n    const [isBannerVisible, setIsBannerVisible] = useState(true);\n    useEffect(() => {\n        if (props.isVisible || props.isVisible === false) {\n            setIsBannerVisible(props.isVisible);\n        }\n    }, [props.isVisible]);\n    const onClickButtons = (ev, btnType) => {\n        var _a, _b, _c;\n        if (btnType === 'additional') {\n            (_a = props.additionalButtonCallback) === null || _a === void 0 ? void 0 : _a.call(props, ev);\n        }\n        else {\n            (_b = props.buttonCallback) === null || _b === void 0 ? void 0 : _b.call(props, ev);\n        }\n        (_c = props.analyticsCallback) === null || _c === void 0 ? void 0 : _c.call(props, ev);\n        setIsBannerVisible(false);\n    };\n    const isFilled = props.iconIsFilled ? ' filled' : '';\n    const buttonVariantMain = props.buttonVariant;\n    const buttonVariantAdditional = props.additionalButtonVariant;\n    return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n            boxSizing: 'border-box',\n            padding: '16px',\n            display: 'flex',\n            flexDirection: 'column',\n            flexWrap: 'nowrap',\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n                padding: '7px 16px',\n                flexDirection: 'row',\n            },\n            '& *': {\n                boxSizing: 'border-box',\n            },\n        }, '& .bannerHeader': {\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-items',\n            width: '100%',\n            marginBottom: '16px',\n            [theme.breakpoints.up('md')]: {\n                alignItems: 'center',\n                marginBottom: '0',\n            },\n            '& .MuiIcon-root': {\n                color: flowColors.brand.tertiary,\n                fontSize: '20px',\n            },\n        }, '& .body': {\n            margin: '0 0 0 8px',\n            fontSize: '14px',\n            fontWeight: '400',\n            letterSpacing: '0.05px',\n        }, '& .bannerBtnContainer': {\n            display: 'flex',\n            width: '100%',\n            justifyContent: 'flex-start',\n            [theme.breakpoints.up('md')]: {\n                justifyContent: 'flex-end',\n            },\n            '& > div + div': {\n                marginLeft: '16px',\n            },\n        } });\n    switch (props.variant) {\n        case 'primary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n        case 'secondary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.tertiary, color: flowColors.onSurface.os0, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.secondary,\n                } });\n        case 'tertiary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.surface.secondary, color: flowColors.onSurface.os800, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.primary,\n                } });\n    }\n    return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","jsx","BannerStyled","className","variant","_jsxs","jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","default","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"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"}

package/cjs/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { ColourSheme } from '../../utils/enum';
 /**
  * @type ButtonVariants
@@ -16,7 +16,7 @@ export declare enum ButtonVariants {
  * @description Base definition of SkodaFlow Button independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+export interface ButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
     /**
      * Variant of button defines different look and style
      */

package/cjs/components/button/button.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","React","forwardRef","_a","ref","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","GHOST","NAVIGATION","SECONDARY","TERTIARY","buttonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","jsx","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","_b","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop"],"mappings":"yYAaYA,uBAAAA,QAMXA,oBAAA,GANWA,EAAAA,yBAAAA,QAAAA,eAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aAsDK,MAAMC,EAASC,EAAAA,QAAMC,YAC1B,CACEC,EACAC,YADAC,QAAEA,EAAUN,uBAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,KAAaC,EAAzGC,EAAAA,OAAAX,EAAA,CAAA,UAAA,eAAA,YAAA,QAAA,OAAA,UAAA,aAGA,MAAOY,EAAeC,GAAmBC,EAAQA,UAAC,GAE5CC,EAAwBC,EAAAA,SAA0D,KACtF,OAAQd,GACN,KAAKN,QAAcA,eAACO,QAClB,MAAO,YACT,KAAKP,QAAcA,eAACqB,MAClB,MAAO,WACT,KAAKrB,QAAcA,eAACsB,WAClB,MAAO,aACT,KAAKtB,QAAcA,eAACuB,UAClB,MAAO,YACT,KAAKvB,QAAcA,eAACwB,SAClB,MAAO,OACV,GACA,CAAClB,IAEEmB,EAAcL,EAAAA,SAAiC,KACnD,OAAQd,GACN,KAAKN,QAAcA,eAACO,QAClB,MAAO,UACT,KAAKP,QAAcA,eAACqB,MAEpB,KAAKrB,QAAcA,eAACsB,WAEpB,KAAKtB,QAAcA,eAACuB,UAEpB,KAAKvB,QAAcA,eAACwB,SAClB,MAAO,YACV,GACA,CAAClB,IAMEoB,EAAkC,eAAZpB,EACtBqB,EAAqBD,GAAqC,YAAdjB,EAC5CmB,EAAkBF,GAAqC,SAAdjB,EAE/C,OACEoB,EAAAA,IAACC,EAAAA,QAAwB,CACvBC,aAAcf,EACdU,oBAAqBA,EACrBM,UAAWlB,EAAMkB,UAASC,SAE1BJ,EAACK,IAAAC,EACKC,OAAAC,OAAA,CAAA,EAAAvB,GACJT,IAAKA,EACLC,QAASa,EACTmB,MAAOb,EACPc,UACG5B,IAASe,GAAwBE,EAChCC,MAACW,OAAI,CAACC,UAAWb,EAAkB,aAAejB,SAChD+B,EAENC,QAAShB,EAAqBE,EAAAA,IAACW,EAAAA,KAAK,CAAAC,UAAU,qBAAmBC,EACjE7B,SAAUA,EACV+B,KAAMhC,EAAU,aAAU8B,EAC1BG,eAAgB,IAAM5B,GAAgB,GACtC6B,OA5BUC,IACd9B,GAAgB,GACZH,EAAMgC,QAAQhC,EAAMgC,OAAOC,EAAE,EA2B7BN,UAAWO,EAAAA,iBAAiBxC,EAAcyC,EAAWA,YAACC,WAAY,kBAAmB,IAEpFjB,SAAkB,QAAlBkB,EAAArC,EAAMmB,gBAAY,IAAAkB,EAAAA,EAAAzC,MAGvB,IAOAyB,EAAeiB,EAAMA,OAACC,UAAPD,EAAmChD,IACtD,MAAMU,EADgEC,EAAAA,OAAAX,EAAhB,WAEhDsB,EAAwC,eAAlBZ,EAAMR,QAC5BgD,EAAS,CAAA,EA8Bf,OA5BKxC,EAAMmB,UAAYnB,EAAMyB,WAC3BgB,EAAAA,QAAMD,EAAQ,CACZE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACxBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACfC,WAAY,EACZ,YAAa,CACXC,WAAY,OAOlBnC,GACF6B,EAAAA,QAAMD,EAAQ,CACZ,uBAAwB,CACtBQ,UAAW,OAEb,yBAA0B,CACxBA,UAAW,SAKVR,CAAM"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { className: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { className: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    const styles = {};\n    if (!props.children && props.startIcon) {\n        merge(styles, {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        merge(styles, {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","jsx","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"yYAeWA,gBADAA,QAAeA,oBAAA,GACfA,EAMRA,yBAAmBA,QAAAA,eAAiB,CAAE,IALb,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,aASvB,MAACC,EAASC,EAAUA,YAAC,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,uBAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAMA,OAACZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,EAAQA,UAAC,GAC5CC,EAAwBC,EAAAA,SAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,EAAAA,SAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAAA,IAAKC,EAAAA,QAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAIK,IAACC,EAAcC,OAAOC,OAAO,CAAE,EAAErB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBiB,MAAOd,EAAae,UAAY1B,IAASa,GAAwBE,EAAmBC,EAAIK,IAACM,OAAM,CAAEC,UAAWb,EAAkB,aAAef,SAAW6B,EAAWC,QAAShB,EAAqBE,EAAAA,IAAKW,EAAAA,KAAM,CAAEC,UAAW,qBAAmBC,EAAW3B,SAAUA,EAAU6B,KAAM9B,EAAU,aAAU4B,EAAWG,eAAgB,IAAM1B,GAAgB,GAAO2B,OAR3jBC,IACZ5B,GAAgB,GACZH,EAAM8B,QACN9B,EAAM8B,OAAOC,EAAE,EAKokBN,UAAWO,EAAAA,iBAAiBtC,EAAcuC,EAAWA,YAACC,WAAY,kBAAmB,IAAKjB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKlwBuB,EAAegB,EAAMA,OAACC,UAAPD,EAAmB9C,IAEpC,MAAMW,EADqBC,EAAMA,OAACZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B6C,EAAS,CAAA,EA2Bf,OA1BKrC,EAAMiB,UAAYjB,EAAMuB,WACzBe,EAAAA,QAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BlC,GACA4B,EAAAA,QAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX9B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,QAAcA,eAACO,QAChB,MAAO,YACX,KAAKP,QAAcA,eAAC4D,MAChB,MAAO,WACX,KAAK5D,QAAcA,eAAC6D,WAChB,MAAO,aACX,KAAK7D,QAAcA,eAAC8D,UAChB,MAAO,YACX,KAAK9D,QAAcA,eAAC+D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECxC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,QAAcA,eAACO,QAChB,MAAO,UACX,KAAKP,QAAcA,eAAC4D,MAEpB,KAAK5D,QAAcA,eAAC6D,WAEpB,KAAK7D,QAAcA,eAAC8D,UAEpB,KAAK9D,QAAcA,eAAC+D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}

package/cjs/components/cardContainer/cardContainer.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface CardContainerProps
  * @description Base definition of SkodaFlow CardContainer independent on core implementation.
  * Properties are inherited from HTML Div element.
  */
-export interface CardContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Control the clicked state. The state can be controlled from outside if isClickable is true.
      */

package/cjs/components/cardContainer/cardContainer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","React","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","default","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"+QAiCO,MAAMA,EAAgBC,EAAAA,QAAMC,YACjC,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,EAAQA,UAAC,GAE3CC,EAAAA,WAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAAAA,IAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,sBAAMf,MAER,IAIAgB,EAAsBK,EAAMC,QAACC,KAI/BzB,IAAA,IAAY0B,EAAIhB,EAAAA,OAAAV,EAAhB,WACF,MAAM2B,EAAmB,mBAAmBC,EAAAA,WAAWC,QAAQC,6CAEzDC,EAAqBL,EAAKrB,UAC5B,CACE2B,UAAW,mBAAmBJ,EAAAA,WAAWK,MAAMC,2CAC/C,UAAW,CACTF,UAAW,mBAAmBJ,EAAAA,WAAWO,WAAWD,6CAGxD,CAAEF,UAAWL,GACXS,EAA2BV,EAAKvB,YAChCgB,OAAAC,OAAA,CAAAiB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAA,EAab,OAZAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,mBAAiBjB,EAAKlB,eAAe,EAAMoB,EAAAA,WAAWC,QAAQK,QAASN,EAAAA,WAAWC,QAAQe,UACtG,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAAA,WAAWkB,UAAUC,2CAElDX,GAGEE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nexport const CardContainer = forwardRef((_a, ref) => {\n    var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n    const [isClicked, setIsClicked] = useState(false);\n    useEffect(() => {\n        if (!isClickable)\n            return;\n        setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n    const isClickedHandler = useCallback(() => {\n        if (!isClickable)\n            return;\n        setIsClicked((curr) => {\n            onClickCallback && onClickCallback(!curr);\n            return !curr;\n        });\n    }, [isClickable, onClickCallback]);\n    return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const defaultBoxShadow = `inset 0 0 0 1px ${flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n    const stylesBasedOnClick = args.isClicked\n        ? {\n            boxShadow: `inset 0 0 0 1px ${flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            '&:hover': {\n                boxShadow: `inset 0 0 0 1px ${flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            },\n        }\n        : { boxShadow: defaultBoxShadow };\n    const stylesBasedOnIsClickable = args.isClickable\n        ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n    let styles = {};\n    styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, flowColors.surface.primary, flowColors.surface.tertiary), '&:hover': {\n            border: '',\n            boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        } }, stylesBasedOnIsClickable);\n    return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","jsx","styled","default","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"wQAMY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAMA,OAACV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,EAAQA,UAAC,GAC3CC,EAAAA,WAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAAA,IAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAIM,IAAC,MAAO,CAAErB,SAAUA,MAAiB,IAE5UgB,EAAsBM,EAAMC,QAACC,KAAK1B,IACjC,IAAiB2B,EAAOjB,EAAMA,OAACV,EAAI,CAAC,UACvC,MAAM4B,EAAmB,mBAAmBC,EAAAA,WAAWC,QAAQC,6CACzDC,EAAqBL,EAAKtB,UAC1B,CACE4B,UAAW,mBAAmBJ,EAAAA,WAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAAA,WAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKxB,YAChCgB,OAAOC,OAAO,CAAEkB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASpB,OAAOC,OAAO,CAAEoB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,mBAAiBjB,EAAKnB,eAAe,EAAMqB,EAAAA,WAAWC,QAAQK,QAASN,EAAAA,WAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAAA,WAAWkB,UAAUC,2CAClDX,GACFE,CAAM"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { Placement } from '../../utils/enum';
@@ -26,7 +26,7 @@ export type CardMenuItemsArray = Array<CardMenuItem>;
  * @description Base definition of SkodaFlow CardMenu independent on core implementation.
  * Properties are inherited from HTML Div element.
  */
-export interface CardMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If true the drawer is shown.
      */