@skodaflow/web-library 4.1.0 → 5.0.0

package/README.md

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

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

@@ -1,6 +1,6 @@
 import { SxProps, Theme } from '@mui/material';
 import { TransitionProps } from '@mui/material/transitions/transition';
-import React, { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { 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.
@@ -67,4 +67,4 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
      */
     allowMultipleExpand?: boolean;
 }
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/accordion/accordion.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("@mui/material"),a=require("@mui/material/Accordion"),r=require("@mui/material/styles"),o=require("../../utils/utilities.js"),s=require("../icon/icon.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(a);const l=n.forwardRef(((a,r)=>{var{items:c,onChange:d,disableAnimation:l,accordionContainerProps:p,accordionPanelMaxHeight:x,allowMultipleExpand:m}=a,h=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[f,g]=n.useState(!1),j=n.useRef(null);n.useEffect((()=>{if(m){const e={};for(let t=0;t<c.length;t++){const n=c[t].id||`panel${t}`;e[n]=!!c[t].isDefaultExpanded}g((()=>e))}else{let e;const t=c.find(((t,n)=>{if(t.isDefaultExpanded)return e=n,t}));t&&g(t.id||`panel${e}`)}}),[m,c]),n.useEffect((()=>{if(j&&j.current){const e=j.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[j]);const b=n.useCallback((e=>(t,n)=>{d&&d(e,n),g(m?t=>Object.assign(Object.assign({},t),{[e]:n}):!!n&&e)}),[m,d]),v=n.useCallback((e=>"string"==typeof e?o.handleMaxChars(e,100):e),[]),A=n.useMemo((()=>l?{timeout:0}:h.TransitionProps),[l,h.TransitionProps]);return t.jsx(i.Box,Object.assign({ref:r},p,{"data-testid":"Accordion",children:c.map(((e,a)=>{const r=e.id||`panel${a}`,o=m?!!f[r]:f===r,c="string"==typeof e.content;return n.createElement(u,Object.assign({},h,{id:r,key:r,className:r,TransitionProps:A,expanded:o,onChange:b(r),isContentTypeString:c,disableGutters:!0,accordionPanelMaxHeight:x,square:!0,"data-testid":"Accordion.item"}),t.jsxs(i.AccordionSummary,{className:"subheadline","aria-controls":`${r}d-content`,id:`${r}d-header`,expandIcon:t.jsx(i.IconButton,{ref:j,"data-testid":"Accordion.btn",sx:{color:e=>e.palette.text.primary},children:t.jsx(s.Icon,{color:"inherit",className:"chevron-down"})}),"data-testid":"Accordion.summary",children:[t.jsx("div",{className:"accordion-panel-title",children:e.title}),h.previewContent&&c&&!o&&t.jsx("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:v(e.content)})]}),t.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:t.jsx("div",{className:"text",children:e.content})}))}))}))})),u=r.styled(d.default,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var n=e.__rest(t,["theme"]);let i={};return n.accordionPanelMaxHeight&&(i=Object.assign(Object.assign({},i),{"& .text":{maxHeight:n.accordionPanelMaxHeight,overflowY:"auto"}})),i}));exports.Accordion=l;
 //# 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","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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"}
+{"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 { AccordionDetails, AccordionSummary, Box, IconButton } 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 { Icon } from '../icon';\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(Box, 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(IconButton, { ref: controlRef, \"data-testid\": \"Accordion.btn\", sx: { color: (theme) => theme.palette.text.primary }, children: _jsx(Icon, { color: \"inherit\", className: \"chevron-down\" }) }), \"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 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","Box","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","jsxs","AccordionSummary","expandIcon","IconButton","sx","color","theme","palette","text","primary","jsx","Icon","title","previewContent","AccordionDetails","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"),s=require("react");require("ag-grid-community/styles/ag-grid.css"),require("ag-grid-community/styles/ag-theme-material.css");var t=require("./agGridStyled.js"),i=require("lodash"),a=require("@mui/material");const u=s.forwardRef(((s,u)=>{const{defaultColDef:l,height:o="autoHeight",suppressCellFocus:g=!0}=s,c=e.__rest(s,["defaultColDef","height","suppressCellFocus"]),d=i.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:u},c,{suppressCellFocus:g,domLayout:"autoHeight"===o?"autoHeight":"normal",defaultColDef:d}))})}));exports.AgGrid=u;
+"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","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"kRAaa,MAAAA,EAASC,EAAUA,YAA2B,CAACC,EAAOC,KACjE,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"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":"mTAiDa,MAAAA,EAAWC,EAAUA,YAAgC,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,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, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import { ButtonVariant } from '../common/type/ButtonVariant';
 export interface BannerProps {
     /**
@@ -54,4 +54,4 @@ export interface BannerProps {
      */
     isVisible?: boolean;
 }
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/banner/banner.js

@@ -1,2 +1,2 @@
-"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;
+"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"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}});break;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}});break;default:o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.secondary,color:i.flowColors.onSurface.os900})}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","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","additionalButtonCallback","call","_b","buttonCallback","_c","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 '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            break;\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            break;\n        case 'primary':\n        default:\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n            break;\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","onSurface","os0","secondary","surface","os800","primary","os900"],"mappings":"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"}

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","forwardRef","_a","ref","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","_b","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"yYAaYA,gBAAAA,QAMXA,oBAAA,GANWA,EAAAA,yBAAAA,QAAAA,eAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aAsDW,MAAAC,EAASC,EAAUA,YAC9B,CACEC,EACAC,YADAC,QAAEA,EAAUL,uBAAeM,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,SAC5B,IAAMC,EAAiBf,IACvB,CAACA,IAGGgB,EAAcF,EAAAA,SAAiC,IAAMG,EAAejB,IAAU,CAACA,IAM/EkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAE/C,OACEkB,EAAAA,IAACC,EAAAA,QAAwB,CACvBC,aAAcb,EACdQ,oBAAqBA,EACrBM,UAAWhB,EAAMgB,UAASC,SAE1BJ,EAACK,IAAAC,EACKC,OAAAC,OAAA,CAAA,EAAArB,GACJT,IAAKA,EACLC,QAASa,EACTiB,MAAOd,EACPe,UACG1B,IAASa,GAAwBE,EAChCC,MAACW,OAAI,CAACC,UAAWb,EAAkB,aAAef,SAChD6B,EAENC,QAAShB,EAAqBE,EAAAA,IAACW,EAAAA,KAAK,CAAAC,UAAU,qBAAmBC,EACjE3B,SAAUA,EACV6B,KAAM9B,EAAU,aAAU4B,EAC1BG,eAAgB,IAAM1B,GAAgB,GACtC2B,OA5BUC,IACd5B,GAAgB,GACZH,EAAM8B,QAAQ9B,EAAM8B,OAAOC,EAAE,EA2B7BN,UAAWO,EAAAA,iBAAiBtC,EAAcuC,EAAWA,YAACC,WAAY,kBAAmB,IAEpFjB,SAAkB,QAAlBkB,EAAAnC,EAAMiB,gBAAY,IAAAkB,EAAAA,EAAAvC,MAGvB,IAOAuB,EAAeiB,EAAMA,OAACC,UAAPD,EAAmC9C,IACtD,MAAMU,EADgEC,EAAAA,OAAAX,EAAhB,WAEhDoB,EAAwC,eAAlBV,EAAMR,QAC5B8C,EAAS,CAAA,EA8Bf,OA5BKtC,EAAMiB,UAAYjB,EAAMuB,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,IAGT/B,EAAoBf,IACxB,OAAQA,GACN,KAAKL,QAAcA,eAACM,QAClB,MAAO,YACT,KAAKN,QAAcA,eAAC4D,MAClB,MAAO,WACT,KAAK5D,QAAcA,eAAC6D,WAClB,MAAO,aACT,KAAK7D,QAAcA,eAAC8D,UAClB,MAAO,YACT,KAAK9D,QAAcA,eAAC+D,SAClB,MAAO,OACT,QACE,MAAO,YACV,EAGGzC,EAAkBjB,IACtB,OAAQA,GACN,KAAKL,QAAcA,eAACM,QAClB,MAAO,UACT,KAAKN,QAAcA,eAAC4D,MAEpB,KAAK5D,QAAcA,eAAC6D,WAEpB,KAAK7D,QAAcA,eAAC8D,UAEpB,KAAK9D,QAAcA,eAAC+D,SAClB,MAAO,YACT,QACE,MAAO,UACV"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","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":"wQAiCa,MAAAA,EAAgBC,EAAUA,YACrC,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.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),r=require("../divider/divider.js"),i=require("../icon/icon.js"),d=require("../checkbox/checkbox.js"),l=require("../toggleSwitch/toggleSwitch.js"),n=require("./hooks/useCardMenu.js"),c=require("./styled/popperStyled.js"),o=require("./styled/menuListStyled.js"),m=require("./styled/drawerStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var h=u(s);const x=s.forwardRef((({items:s,setItems:u,open:x,header:j,anchorRef:p,allowMultiselect:C,hasToggleSelection:y,onItemClick:g,onClose:b,sx:k,classes:M,placement:I,toggleLabel:S,rounded:v},L)=>{const{isMobile:f}=t.default(),{isToggleChecked:q,onClickHandler:w,onToggleChange:T}=n.useCardMenu(s,C,u,g,b);return e.jsx(e.Fragment,{children:f?e.jsxs(m.DrawerStyled,{open:x,onClose:b,anchor:"bottom",sx:k,ref:L,classes:M,hasHeader:!!j,"data-testid":"CardMenu",children:[j&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:j}),e.jsx(a.List,{children:s.map((s=>e.jsxs(h.default.Fragment,{children:[e.jsxs(a.ListItem,{button:!0,disabled:s.disabled,onClick:()=>w(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),C&&e.jsx(d.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]}),e.jsx(r.Divider,{variant:"middle"})]},s.text)))})]}):e.jsx(c.PopperStyled,{open:x,anchorEl:p.current,placement:I,ref:L,rounded:v,"data-testid":"CardMenu",children:e.jsx(a.ClickAwayListener,{onClickAway:b,children:e.jsxs(o.MenuListStyled,{allowMultiselect:C,sx:k,classes:M,children:[j&&e.jsxs(a.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:j}),e.jsx(a.ListItemIcon,{onClick:b,"data-testid":"CardMenu.close",children:e.jsx(i.Icon,{className:"ballotx",fontSize:"small"})})]}),j&&e.jsx(r.Divider,{variant:"middle",className:"menu-item-divider"}),C&&y&&e.jsxs(a.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:S||"Select all"}),e.jsx(l.ToggleSwitch,{onChange:T,checked:q,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:s.map((s=>e.jsxs(a.MenuItem,{disabled:s.disabled,onClick:()=>w(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),C&&e.jsx(d.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]},s.text)))})]})})})})}));exports.CardMenu=x;
+"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),r=require("../icon/icon.js"),i=require("../checkbox/checkbox.js"),d=require("../toggleSwitch/toggleSwitch.js"),l=require("./hooks/useCardMenu.js"),n=require("./styled/popperStyled.js"),c=require("./styled/menuListStyled.js"),o=require("./styled/drawerStyled.js");function m(e){return e&&e.__esModule?e:{default:e}}var u=m(s);const h=s.forwardRef((({items:s,setItems:m,open:h,header:x,anchorRef:p,allowMultiselect:j,hasToggleSelection:C,onItemClick:y,onClose:g,sx:b,classes:k,placement:M,toggleLabel:I,rounded:S},L)=>{const{isMobile:f}=t.default(),{isToggleChecked:w,onClickHandler:T,onToggleChange:q}=l.useCardMenu(s,j,m,y,g);return e.jsx(e.Fragment,{children:f?e.jsxs(o.DrawerStyled,{open:h,onClose:g,anchor:"bottom",sx:b,ref:L,classes:k,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e.jsx(a.List,{children:s.map((s=>e.jsxs(u.default.Fragment,{children:[e.jsxs(a.ListItem,{button:!0,disabled:s.disabled,onClick:()=>T(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(r.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),j&&e.jsx(i.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]}),e.jsx(a.Divider,{variant:"middle"})]},s.text)))})]}):e.jsx(n.PopperStyled,{open:h,anchorEl:p.current,placement:M,ref:L,rounded:S,"data-testid":"CardMenu",children:e.jsx(a.ClickAwayListener,{onClickAway:g,children:e.jsxs(c.MenuListStyled,{allowMultiselect:j,sx:b,classes:k,children:[x&&e.jsxs(a.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:x}),e.jsx(a.ListItemIcon,{onClick:g,"data-testid":"CardMenu.close",children:e.jsx(r.Icon,{className:"ballotx",fontSize:"small"})})]}),x&&e.jsx(a.Divider,{variant:"middle",className:"menu-item-divider"}),j&&C&&e.jsxs(a.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:I||"Select all"}),e.jsx(d.ToggleSwitch,{onChange:q,checked:w,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:s.map((s=>e.jsxs(a.MenuItem,{disabled:s.disabled,onClick:()=>T(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(r.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),j&&e.jsx(i.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]},s.text)))})]})})})})}));exports.CardMenu=h;
 //# sourceMappingURL=cardMenu.js.map