@skodaflow/web-library 4.2.0 → 6.0.0

package/layout/Footer/FooterMenu.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as i,Box as r,IconButton as c,Collapse as a}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:m,variant:u="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===u);return l((()=>{"list"===u&&f()}),[u,f]),e(i,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(r,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[o(r,{"data-testid":"FooterMenu.label",children:s}),"accordion"===u&&o(c,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o(a,{in:p,"data-testid":"FooterMenu.content",children:o(i,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:m})})]})};export{s as FooterMenu};
+//# sourceMappingURL=FooterMenu.js.map

package/layout/Footer/FooterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n    const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            onOpen();\n        }\n    }, [variant, onOpen]);\n    return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["FooterMenu","mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","Icon","name","Collapse","in","os200"],"mappings":"sWAKY,MAACA,EAAa,EAAGC,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,EAAuB,SAAZJ,GAMhD,OALAK,GAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAMC,EAAO,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACJ,EAAMK,EAAK,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,EAAKf,EAAK,CAAE,cAAe,mBAAoBD,SAAUZ,IAAyB,cAAZE,GAA4B0B,EAAKC,EAAY,CAAEC,KAAM,QAASC,QAAS3B,EAAU,cAAe,oBAAqBQ,SAAUgB,EAAKI,EAAM,CAAEjB,SAAU,QAASkB,KAAM9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1C,MAAO,CACHnB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUgB,MAC1Cd,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUgB,MACxDb,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUX,QAAoB"}

package/layout/Footer/FooterSectionContact.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+export type FooterSectionContactProps = {
+    /**
+     * Items that should be rendered in left side of the Footer.
+     */
+    contactSlot?: ReactNode;
+    /**
+     * Items that should be rendered in right side of the Footer.
+     */
+    socialSlot?: ReactNode;
+};
+export declare const FooterSectionContact: React.FC<FooterSectionContactProps>;

package/layout/Footer/FooterSectionContact.js

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Box as i,Stack as c}from"@mui/material";import n from"@mui/material/Unstable_Grid2";const e=e=>e.contactSlot||e.socialSlot?t(i,{"data-testid":"FooterSectionContact",children:o(n,{container:!0,spacing:6,children:[t(n,{lg:9,xs:12,"data-testid":"FooterSectionContact.contact",children:t(c,{direction:{xs:"column",md:"row"},spacing:4,children:e.contactSlot})}),t(n,{lg:3,xs:12,justifyContent:{xs:"flex-start",lg:"flex-end"},display:"flex","data-testid":"FooterSectionContact.social",children:t(c,{direction:"row",spacing:1,children:e.socialSlot})})]})}):null;export{e as FooterSectionContact};
+//# sourceMappingURL=FooterSectionContact.js.map

package/layout/Footer/FooterSectionContact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Stack } from '@mui/material';\nimport Grid from '@mui/material/Unstable_Grid2';\nexport const FooterSectionContact = (props) => {\n    if (!props.contactSlot && !props.socialSlot) {\n        return null;\n    }\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionContact\", children: _jsxs(Grid, { container: true, spacing: 6, children: [_jsx(Grid, { lg: 9, xs: 12, \"data-testid\": \"FooterSectionContact.contact\", children: _jsx(Stack, { direction: { xs: 'column', md: 'row' }, spacing: 4, children: props.contactSlot }) }), _jsx(Grid, { lg: 3, xs: 12, justifyContent: { xs: 'flex-start', lg: 'flex-end' }, display: \"flex\", \"data-testid\": \"FooterSectionContact.social\", children: _jsx(Stack, { direction: \"row\", spacing: 1, children: props.socialSlot }) })] }) }));\n};\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["FooterSectionContact","props","contactSlot","socialSlot","_jsx","Box","children","_jsxs","Grid","container","spacing","lg","xs","Stack","direction","md","justifyContent","display"],"mappings":"6IAGY,MAACA,EAAwBC,GAC5BA,EAAMC,aAAgBD,EAAME,WAGzBC,EAAKC,EAAK,CAAE,cAAe,uBAAwBC,SAAUC,EAAMC,EAAM,CAAEC,WAAW,EAAMC,QAAS,EAAGJ,SAAU,CAACF,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAI,cAAe,+BAAgCN,SAAUF,EAAKS,EAAO,CAAEC,UAAW,CAAEF,GAAI,SAAUG,GAAI,OAASL,QAAS,EAAGJ,SAAUL,EAAMC,gBAAmBE,EAAKI,EAAM,CAAEG,GAAI,EAAGC,GAAI,GAAII,eAAgB,CAAEJ,GAAI,aAAcD,GAAI,YAAcM,QAAS,OAAQ,cAAe,8BAA+BX,SAAUF,EAAKS,EAAO,CAAEC,UAAW,MAAOJ,QAAS,EAAGJ,SAAUL,EAAME,oBAFjgB"}

package/layout/Footer/FooterSectionMenu.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export type FooterSectionMenuProps = {
+    children: ReactNode;
+};
+export declare const FooterSectionMenu: React.FC<FooterSectionMenuProps>;

package/layout/Footer/FooterSectionMenu.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as t,Children as e}from"react";import i from"@mui/material/Unstable_Grid2";import{Box as n}from"@mui/material";import m from"react-keyed-flatten-children";const o=o=>{const a=t((()=>m(o.children)),[o.children]);return r(n,{"data-testid":"FooterSectionMenu",children:r(i,{container:!0,spacing:3,sx:{margin:"-12px !important"},children:e.map(a,(t=>r(i,{lg:2,xs:12,children:t})))})})};export{o as FooterSectionMenu};
+//# sourceMappingURL=FooterSectionMenu.js.map

package/layout/Footer/FooterSectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../src/layout/Footer/FooterSectionMenu.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, useMemo } from 'react';\nimport Grid from '@mui/material/Unstable_Grid2';\nimport { Box } from '@mui/material';\nimport flattenChildren from 'react-keyed-flatten-children';\nexport const FooterSectionMenu = (props) => {\n    const childrenArray = useMemo(() => flattenChildren(props.children), [props.children]);\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionMenu\", children: _jsx(Grid, { container: true, spacing: 3, sx: { margin: '-12px !important' }, children: Children.map(childrenArray, (item) => (_jsx(Grid, { lg: 2, xs: 12, children: item }))) }) }));\n};\n//# sourceMappingURL=FooterSectionMenu.js.map"],"names":["FooterSectionMenu","props","childrenArray","useMemo","flattenChildren","children","_jsx","Box","Grid","container","spacing","sx","margin","Children","map","item","lg","xs"],"mappings":"kNAKY,MAACA,EAAqBC,IAC9B,MAAMC,EAAgBC,GAAQ,IAAMC,EAAgBH,EAAMI,WAAW,CAACJ,EAAMI,WAC5E,OAAQC,EAAKC,EAAK,CAAE,cAAe,oBAAqBF,SAAUC,EAAKE,EAAM,CAAEC,WAAW,EAAMC,QAAS,EAAGC,GAAI,CAAEC,OAAQ,oBAAsBP,SAAUQ,EAASC,IAAIZ,GAAgBa,GAAUT,EAAKE,EAAM,CAAEQ,GAAI,EAAGC,GAAI,GAAIZ,SAAUU,SAAiB"}

package/layout/Footer/PredefinedFooterIconButtons.d.ts

@@ -1,6 +1,7 @@
 import { IconButtonProps } from '@mui/material';
+import { FC } from 'react';
 export type PredefinedFooterIconButtonProps = IconButtonProps;
-export declare function FacebookFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function InstagramFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function TwitterFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function YoutubeFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const YoutubeFooterIconButton: FC<PredefinedFooterIconButtonProps>;

package/layout/Footer/PredefinedFooterIconButtons.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as t,Icon as s}from"@mui/material";import n from"./assets/facebook_icon.svg.js";import e from"./assets/instagram_icon.svg.js";import c from"./assets/twitter_icon.svg.js";import o from"./assets/youtube_icon.svg.js";function m(n){const{children:e}=n,c=i(n,["children"]);return r(t,Object.assign({size:"large"},c,{children:r(s,{sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:e})}))}function a(i){return r(m,Object.assign({},i,{children:r("img",{alt:"",src:n})}))}function g(i){return r(m,Object.assign({},i,{children:r("img",{alt:"",src:e})}))}function l(i){return r(m,Object.assign({},i,{children:r("img",{alt:"",src:c})}))}function f(i){return r(m,Object.assign({},i,{children:r("img",{alt:"",src:o})}))}export{a as FacebookFooterIconButton,g as InstagramFooterIconButton,l as TwitterFooterIconButton,f as YoutubeFooterIconButton};
+import{__rest as s}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as o,Icon as t}from"@mui/material";import i from"./assets/facebook_icon.svg.js";import e from"./assets/instagram_icon.svg.js";import m from"./assets/twitter_icon.svg.js";import n from"./assets/youtube_icon.svg.js";function a(i){return e=>{const m=s(e,["children"]);return r(o,Object.assign({size:"small"},m,{sx:{"&:hover":{backgroundColor:"#F3F3F317"}},children:r(t,{fontSize:"small",sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:r("img",{src:i})})}))}}const c=a(i),l=a(e),f=a(m),g=a(n);export{c as FacebookFooterIconButton,l as InstagramFooterIconButton,f as TwitterFooterIconButton,g as YoutubeFooterIconButton};
 //# sourceMappingURL=PredefinedFooterIconButtons.js.map

package/layout/Footer/PredefinedFooterIconButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction FooterIconButton(props) {\n    const { children } = props, rest = __rest(props, [\"children\"]);\n    return (_jsx(IconButton, Object.assign({ size: \"large\" }, rest, { children: _jsx(Icon, { sx: { display: 'flex', '& img': { width: '100%', height: '100%' } }, children: children }) })));\n}\nexport function FacebookFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: FacebookIcon }) })));\n}\nexport function InstagramFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: InstagramIcon }) })));\n}\nexport function TwitterFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: TwitterIcon }) })));\n}\nexport function YoutubeFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: YoutubeIcon }) })));\n}\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["FooterIconButton","props","children","rest","__rest","_jsx","IconButton","Object","assign","size","Icon","sx","display","width","height","FacebookFooterIconButton","alt","src","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+SAOA,SAASA,EAAiBC,GACtB,MAAMC,SAAEA,GAAaD,EAAOE,EAAOC,EAAOH,EAAO,CAAC,aAClD,OAAQI,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWN,EAAM,CAAED,SAAUG,EAAKK,EAAM,CAAEC,GAAI,CAAEC,QAAS,OAAQ,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SAAYZ,SAAUA,MAC5K,CACO,SAASa,EAAyBd,GACrC,OAAQI,EAAKL,EAAkBO,OAAOC,OAAO,CAAE,EAAEP,EAAO,CAAEC,SAAUG,EAAK,MAAO,CAAEW,IAAK,GAAIC,IAAKC,MACpG,CACO,SAASC,EAA0BlB,GACtC,OAAQI,EAAKL,EAAkBO,OAAOC,OAAO,CAAE,EAAEP,EAAO,CAAEC,SAAUG,EAAK,MAAO,CAAEW,IAAK,GAAIC,IAAKG,MACpG,CACO,SAASC,EAAwBpB,GACpC,OAAQI,EAAKL,EAAkBO,OAAOC,OAAO,CAAE,EAAEP,EAAO,CAAEC,SAAUG,EAAK,MAAO,CAAEW,IAAK,GAAIC,IAAKK,MACpG,CACO,SAASC,EAAwBtB,GACpC,OAAQI,EAAKL,EAAkBO,OAAOC,OAAO,CAAE,EAAEP,EAAO,CAAEC,SAAUG,EAAK,MAAO,CAAEW,IAAK,GAAIC,IAAKO,MACpG"}
+{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction createPredefinedButton(icon) {\n    return (props) => {\n        const { children } = props, rest = __rest(props, [\"children\"]);\n        return (_jsx(IconButton, Object.assign({ size: \"small\" }, rest, { sx: {\n                '&:hover': {\n                    backgroundColor: '#F3F3F317',\n                },\n            }, children: _jsx(Icon, { fontSize: \"small\", sx: {\n                    display: 'flex',\n                    '& img': { width: '100%', height: '100%' },\n                }, children: _jsx(\"img\", { src: icon }) }) })));\n    };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(FacebookIcon);\nexport const InstagramFooterIconButton = createPredefinedButton(InstagramIcon);\nexport const TwitterFooterIconButton = createPredefinedButton(TwitterIcon);\nexport const YoutubeFooterIconButton = createPredefinedButton(YoutubeIcon);\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","rest","__rest","_jsx","IconButton","Object","assign","size","sx","backgroundColor","children","Icon","fontSize","display","width","height","src","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon"],"mappings":"+SAOA,SAASA,EAAuBC,GAC5B,OAAQC,IACC,MAAuBC,EAAOC,EAAOF,EAAO,CAAC,aAClD,OAAQG,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWN,EAAM,CAAEO,GAAI,CAC9D,UAAW,CACPC,gBAAiB,cAEtBC,SAAUP,EAAKQ,EAAM,CAAEC,SAAU,QAASJ,GAAI,CACzCK,QAAS,OACT,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SACnCL,SAAUP,EAAK,MAAO,CAAEa,IAAKjB,QAAgB,CAEhE,CACY,MAACkB,EAA2BnB,EAAuBoB,GAClDC,EAA4BrB,EAAuBsB,GACnDC,EAA0BvB,EAAuBwB,GACjDC,EAA0BzB,EAAuB0B"}

package/layout/Footer/index.d.ts

@@ -1,4 +1,8 @@
 export * from './Footer';
-export * from './FooterNavItem';
+export * from './FooterMenu';
+export * from './FooterAccordion';
 export * from './FooterIconButton';
 export * from './PredefinedFooterIconButtons';
+export * from './FooterSectionContact';
+export * from './FooterSectionMenu';
+export * from './FooterLink';

package/layout/Header/HeaderButton.d.ts

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '@mui/material';
 import React from 'react';
-import { IndicatorProps } from '@/src/components';
+import { IconNameProp, IndicatorProps } from '@/src/components';
 export type HeaderButtonProps<C extends React.ElementType> = {
-    icon: string;
+    icon: IconNameProp;
     label?: string;
     color?: 'white' | 'grey';
-    indicator?: IndicatorProps['variant'];
+    indicator?: IndicatorProps['color'];
 } & IconButtonProps<C, {
     component?: C;
 }>;

package/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as s,IconButton as i}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"../../components/banner/banner.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../components/mobileStepper/mobileStepper.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/slider.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../SideMenu/SideMenuItem.js";import"../Footer/FooterNavItem.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,g=o(n,["icon","label","color","indicator"]),u=r();return t(s,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(i,Object.assign({size:"large"},g,{ref:p,sx:{background:"grey"===d&&u.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[j&&t(a,{variant:j}),t(m,{className:c})]}))})}));export{p as HeaderButton};
+import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as s,IconButton as i}from"@mui/material";import{forwardRef as n}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"lodash/noop";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"./HeaderContext.js";import"./HeaderNavigationHero.js";import"./HeaderNavigationLink.js";import"./HeaderNavigationMenu.js";import"./PredefinedHeaderButtons.js";import"./HeaderOverheadItem.js";import"../../components/icon/icon.definitions.js";import"../SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";import"../../components/cardContainer/cardContainer.js";import"../../components/cardMenu/cardMenu.js";import"../../components/checkbox/checkbox.js";import"../../components/chip/chipImage/chipImage.js";import"../../components/chip/regular/chip.js";import"../../components/chip/chipMultiselect/multiSelectChip.js";import"../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as a}from"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,g=o(n,["icon","label","color","indicator"]),u=r();return t(s,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(i,Object.assign({size:"large"},g,{ref:p,sx:{background:"grey"===d&&u.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[j&&t(a,{color:j,variant:"status"}),t(m,{name:c})]}))})}));export{p as HeaderButton};
 //# sourceMappingURL=HeaderButton.js.map

package/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.disclamer': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.disclamer::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { variant: indicator }), _jsx(Icon, { className: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"+yKAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,aAAc,CACVC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,qBAAsB,CAClBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAEC,QAAS5B,IAAcK,EAAKwB,EAAM,CAAEC,UAAWjC,SACxG"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","name"],"mappings":"oiLAqBY,MAACA,EAAeC,GAf5B,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,IACd,OAAQC,EAAKC,EAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAKsB,EAAW,CAAE5B,MAAOC,EAAW4B,QAAS,WAAavB,EAAKwB,EAAM,CAAEC,KAAMjC,SACpH"}

package/layout/Header/PredefinedHeaderButtons.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{HeaderButton as r}from"./HeaderButton.js";const t=(t,i)=>e((function(e,n){var l;return o(r,Object.assign({},e,{ref:n,icon:t,label:null!==(l=e.label)&&void 0!==l?l:i}))})),i=t("bell","Notifications"),n=t("search","Search"),l=t("user","User Profile"),a=t("heart","Wish List"),s=t("shopping","ShoppingCart"),u=t("globe","Language"),c=t("login","Log In"),g=t("logout","Log Out"),m=t("ballotx","Close"),p=t("circle-question","FAQ"),f=t("menu","Menu");export{i as HeaderBellButton,s as HeaderCartButton,m as HeaderCloseButton,p as HeaderFaqButton,a as HeaderHeartButton,u as HeaderLanguageButton,c as HeaderLoginButton,g as HeaderLogoutButton,f as HeaderMenuButton,l as HeaderProfileButton,n as HeaderSearchButton};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{HeaderButton as r}from"./HeaderButton.js";const t=(t,i)=>e((function(e,n){var a;return o(r,Object.assign({},e,{ref:n,icon:t,label:null!==(a=e.label)&&void 0!==a?a:i}))})),i=t("bell","Notifications"),n=t("search","Search"),a=t("profile","User Profile"),l=t("heart","Wish List"),s=t("shopping-bag","ShoppingCart"),c=t("globe","Language"),g=t("login","Log In"),u=t("logout","Log Out"),p=t("close","Close"),f=t("circle-question","FAQ"),m=t("hamburger","Menu");export{i as HeaderBellButton,s as HeaderCartButton,p as HeaderCloseButton,f as HeaderFaqButton,l as HeaderHeartButton,c as HeaderLanguageButton,g as HeaderLoginButton,u as HeaderLogoutButton,m as HeaderMenuButton,a as HeaderProfileButton,n as HeaderSearchButton};
 //# sourceMappingURL=PredefinedHeaderButtons.js.map

package/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('user', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('ballotx', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('menu', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"4HAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,GAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,EAAKC,EAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}
+{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('profile', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping-bag', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('close', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('hamburger', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"4HAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,GAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,EAAKC,EAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,UAAW,gBAC9DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,eAAgB,gBAChEkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,QAAS,SAC1DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,YAAa"}

package/layout/SideMenu/SideMenu.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{className:"ballotx",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Drawer as e,IconButton as n,Box as o,Stack as r}from"@mui/material";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const p=p=>{const{open:s,handleClose:a,direction:l="ltr",items:x,subItems:m}=p;return i(e,{dir:l,anchor:"ltr"===l?"right":"left",open:s,onClose:a,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[t(n,{onClick:a,sx:{position:"absolute",top:"16px",right:"ltr"===l?"16px":void 0,left:"rtl"===l?"16px":void 0},"data-testid":"SideMenu.close",children:t(d,{name:"close",fontSize:"small"})}),i(o,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(r,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:x}),m&&t(o,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:m})]})]})};export{p as SideMenu};
 //# sourceMappingURL=SideMenu.js.map

package/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"kLAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}
+{"version":3,"file":"SideMenu.js","sources":["../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["SideMenu","props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","Stack","spacing","marginTop"],"mappings":"oOAGY,MAACA,EAAYC,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAMC,EAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAKC,EAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAKQ,EAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAMuB,EAAK,CAAElB,GAAI,CAChHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAKmB,EAAO,CAAElC,UAAW,SAAUmC,QAAS,EAAG3B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJQ,UAAW,oBAEhB,cAAe,iBAAkBtB,SAAUb,IAAUC,GAAaa,EAAKW,EAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/layout/cookieModal/CookieModal.d.ts

@@ -0,0 +1,69 @@
+import { FC, ReactNode } from 'react';
+export type CookieModalProps = {
+    /**
+     * Specifies if the modal is open
+     * @requires
+     */
+    open: boolean;
+    /**
+     * Callback that closes the modal
+     * @requires
+     */
+    onClose: () => void;
+    /**
+     * Title of the modal
+     * @requires
+     */
+    title: string;
+    /**
+     * Basic description of the modal.
+     * This element is visible until user clicks on "Manage" button.
+     * @requires
+     */
+    description: ReactNode;
+    /**
+     * Cookie configurator.
+     * Configurator will be shown when user clicks on "Manage" button.
+     * @default undefined
+     */
+    configurator?: ReactNode;
+    /**
+     * Callback that is invoked when user clicks on "Accept All" button.
+     * When not specified the button just closes the modal.
+     * @default undefined
+     */
+    onAcceptAll?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Selected" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptSelected?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Necessary" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptNecessary?: () => void;
+    /**
+     * Text for "Accept necessary" button
+     * @default Accept necessary
+     */
+    textAcceptNecessary?: string;
+    /**
+     * Text for "Manage" button
+     * @default Manage
+     */
+    textManage?: string;
+    /**
+     * Text for "Accept all" button
+     * @default Accept all
+     */
+    textAcceptAll?: string;
+    /**
+     * Text for "Accept selected" button
+     * @default Accept selected
+     */
+    textAcceptSelected?: string;
+};
+export declare const CookieModal: FC<CookieModalProps>;

package/layout/cookieModal/CookieModal.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Dialog as o,IconButton as c,DialogTitle as i,DialogContent as t,Stack as l,DialogActions as r,Button as s}from"@mui/material";import{Icon as a}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as d}from"../../utils/useClosure/useClosure.js";const p=p=>{var m,u,x,h,C,g,v,A,f;const{isOpen:y,onOpen:k}=d(!1);return e(o,{maxWidth:"sm",fullWidth:!0,open:p.open,onClose:p.onClose,children:[n(c,{sx:{position:"absolute",top:"10px",right:"10px"},size:"small",onClick:p.onClose,children:n(a,{fontSize:"small",name:"close"})}),n(i,{variant:"h2",sx:{padding:"40px"},children:p.title}),e(t,{sx:{px:"40px",paddingBottom:"40px",a:{textDecoration:"underline",color:e=>e.palette.text.primary}},children:[!y&&n(l,{direction:"column",spacing:2,children:p.description}),y&&n(l,{direction:"column",spacing:4,children:p.configurator})]}),e(r,{children:[!y&&e(l,{direction:"row",spacing:2,children:[e(l,{direction:"row",spacing:2,flexGrow:1,children:[n(s,{onClick:null!==(m=p.onAcceptAll)&&void 0!==m?m:p.onClose,children:null!==(u=p.textAcceptAll)&&void 0!==u?u:"Accept all"}),n(s,{onClick:null!==(x=p.onAcceptNecessary)&&void 0!==x?x:p.onClose,variant:"text",color:"secondary",children:null!==(h=p.textAcceptNecessary)&&void 0!==h?h:"Accept necessary"})]}),p.configurator&&n(s,{onClick:k,variant:"text",color:"secondary",startIcon:n(a,{fontSize:"large",name:"settings"}),children:null!==(C=p.textManage)&&void 0!==C?C:"Manage"})]}),y&&e(l,{direction:"row",spacing:2,children:[n(s,{onClick:null!==(g=p.onAcceptSelected)&&void 0!==g?g:p.onClose,children:null!==(v=p.textAcceptSelected)&&void 0!==v?v:"Accept selected"}),n(s,{onClick:null!==(A=p.onAcceptNecessary)&&void 0!==A?A:p.onClose,variant:"text",color:"secondary",children:null!==(f=p.textAcceptNecessary)&&void 0!==f?f:"Accept necessary"})]})]})]})};export{p as CookieModal};
+//# sourceMappingURL=CookieModal.js.map

package/layout/cookieModal/CookieModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModal.js","sources":["../../../src/layout/cookieModal/CookieModal.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nimport { useClosure } from '@/src/utils';\nexport const CookieModal = (props) => {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n    const { isOpen: isManagerShown, onOpen: showManager } = useClosure(false);\n    return (_jsxs(Dialog, { maxWidth: \"sm\", fullWidth: true, open: props.open, onClose: props.onClose, children: [_jsx(IconButton, { sx: { position: 'absolute', top: '10px', right: '10px' }, size: \"small\", onClick: props.onClose, children: _jsx(Icon, { fontSize: \"small\", name: \"close\" }) }), _jsx(DialogTitle, { variant: \"h2\", sx: { padding: '40px' }, children: props.title }), _jsxs(DialogContent, { sx: {\n                    px: '40px',\n                    paddingBottom: '40px',\n                    a: { textDecoration: 'underline', color: (theme) => theme.palette.text.primary },\n                }, children: [!isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 2, children: props.description })), isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 4, children: props.configurator }))] }), _jsxs(DialogActions, { children: [!isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 2, flexGrow: 1, children: [_jsx(Button, { onClick: (_a = props.onAcceptAll) !== null && _a !== void 0 ? _a : props.onClose, children: (_b = props.textAcceptAll) !== null && _b !== void 0 ? _b : 'Accept all' }), _jsx(Button, { onClick: (_c = props.onAcceptNecessary) !== null && _c !== void 0 ? _c : props.onClose, variant: \"text\", color: \"secondary\", children: (_d = props.textAcceptNecessary) !== null && _d !== void 0 ? _d : 'Accept necessary' })] }), props.configurator && (_jsx(Button, { onClick: showManager, variant: \"text\", color: \"secondary\", startIcon: _jsx(Icon, { fontSize: \"large\", name: \"settings\" }), children: (_e = props.textManage) !== null && _e !== void 0 ? _e : 'Manage' }))] })), isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsx(Button, { onClick: (_f = props.onAcceptSelected) !== null && _f !== void 0 ? _f : props.onClose, children: (_g = props.textAcceptSelected) !== null && _g !== void 0 ? _g : 'Accept selected' }), _jsx(Button, { onClick: (_h = props.onAcceptNecessary) !== null && _h !== void 0 ? _h : props.onClose, variant: \"text\", color: \"secondary\", children: (_j = props.textAcceptNecessary) !== null && _j !== void 0 ? _j : 'Accept necessary' })] }))] })] }));\n};\n//# sourceMappingURL=CookieModal.js.map"],"names":["CookieModal","props","_a","_b","_c","_d","_e","_f","_g","_h","_j","isOpen","isManagerShown","onOpen","showManager","useClosure","_jsxs","Dialog","maxWidth","fullWidth","open","onClose","children","_jsx","IconButton","sx","position","top","right","size","onClick","Icon","fontSize","name","DialogTitle","variant","padding","title","DialogContent","px","paddingBottom","a","textDecoration","color","theme","palette","text","primary","Stack","direction","spacing","description","configurator","DialogActions","flexGrow","Button","onAcceptAll","textAcceptAll","onAcceptNecessary","textAcceptNecessary","startIcon","textManage","onAcceptSelected","textAcceptSelected"],"mappings":"4XAIY,MAACA,EAAeC,IACxB,IAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACpC,MAAQC,OAAQC,EAAgBC,OAAQC,GAAgBC,GAAW,GACnE,OAAQC,EAAMC,EAAQ,CAAEC,SAAU,KAAMC,WAAW,EAAMC,KAAMnB,EAAMmB,KAAMC,QAASpB,EAAMoB,QAASC,SAAU,CAACC,EAAKC,EAAY,CAAEC,GAAI,CAAEC,SAAU,WAAYC,IAAK,OAAQC,MAAO,QAAUC,KAAM,QAASC,QAAS7B,EAAMoB,QAASC,SAAUC,EAAKQ,EAAM,CAAEC,SAAU,QAASC,KAAM,YAAeV,EAAKW,EAAa,CAAEC,QAAS,KAAMV,GAAI,CAAEW,QAAS,QAAUd,SAAUrB,EAAMoC,QAAUrB,EAAMsB,EAAe,CAAEb,GAAI,CAClYc,GAAI,OACJC,cAAe,OACfC,EAAG,CAAEC,eAAgB,YAAaC,MAAQC,GAAUA,EAAMC,QAAQC,KAAKC,UACxEzB,SAAU,EAAEV,GAAmBW,EAAKyB,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG5B,SAAUrB,EAAMkD,cAAiBvC,GAAmBW,EAAKyB,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG5B,SAAUrB,EAAMmD,kBAAsBpC,EAAMqC,EAAe,CAAE/B,SAAU,EAAEV,GAAmBI,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG5B,SAAU,CAACN,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGI,SAAU,EAAGhC,SAAU,CAACC,EAAKgC,EAAQ,CAAEzB,QAAsC,QAA5B5B,EAAKD,EAAMuD,mBAAgC,IAAPtD,EAAgBA,EAAKD,EAAMoB,QAASC,SAAyC,QAA9BnB,EAAKF,EAAMwD,qBAAkC,IAAPtD,EAAgBA,EAAK,eAAiBoB,EAAKgC,EAAQ,CAAEzB,QAA4C,QAAlC1B,EAAKH,EAAMyD,yBAAsC,IAAPtD,EAAgBA,EAAKH,EAAMoB,QAASc,QAAS,OAAQQ,MAAO,YAAarB,SAA+C,QAApCjB,EAAKJ,EAAM0D,2BAAwC,IAAPtD,EAAgBA,EAAK,wBAA2BJ,EAAMmD,cAAiB7B,EAAKgC,EAAQ,CAAEzB,QAAShB,EAAaqB,QAAS,OAAQQ,MAAO,YAAaiB,UAAWrC,EAAKQ,EAAM,CAAEC,SAAU,QAASC,KAAM,aAAeX,SAAsC,QAA3BhB,EAAKL,EAAM4D,kBAA+B,IAAPvD,EAAgBA,EAAK,cAAmBM,GAAmBI,EAAMgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG5B,SAAU,CAACC,EAAKgC,EAAQ,CAAEzB,QAA2C,QAAjCvB,EAAKN,EAAM6D,wBAAqC,IAAPvD,EAAgBA,EAAKN,EAAMoB,QAASC,SAA8C,QAAnCd,EAAKP,EAAM8D,0BAAuC,IAAPvD,EAAgBA,EAAK,oBAAsBe,EAAKgC,EAAQ,CAAEzB,QAA4C,QAAlCrB,EAAKR,EAAMyD,yBAAsC,IAAPjD,EAAgBA,EAAKR,EAAMoB,QAASc,QAAS,OAAQQ,MAAO,YAAarB,SAA+C,QAApCZ,EAAKT,EAAM0D,2BAAwC,IAAPjD,EAAgBA,EAAK,6BAAoC"}

package/layout/cookieModal/CookieModalItem.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode, ChangeEvent } from 'react';
+export type CookieModalItemProps = {
+    /**
+     * Title of the cookie item
+     * @requires
+     */
+    title: string;
+    /**
+     * Description of the cookie item
+     * @requires
+     */
+    children: ReactNode;
+    /**
+     * Specifies if the switch element is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Callback that is invoked when user interacts with a switch
+     * @param checked
+     * @param event
+     * @returns void
+     * @default undefined
+     */
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Renders the switch element as disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies name property of the switch element
+     * @default undefined
+     */
+    switchName?: string;
+};
+export declare const CookieModalItem: FC<CookieModalItemProps>;

package/layout/cookieModal/CookieModalItem.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Stack as i,InputLabel as r,Typography as c,Switch as t}from"@mui/material";import{useId as o,useState as d,useEffect as a,useCallback as h}from"react";const l=l=>{var s;const m=o(),[p,u]=d(null!==(s=l.checked)&&void 0!==s&&s);a((()=>u(l.checked)),[l.checked,u]);const g=h(((e,n)=>{l.onChange?l.onChange(n,e):u(n)}),[l.onChange,u]);return e(i,{direction:"column",spacing:2,children:[e(i,{direction:"row",spacing:1,justifyContent:"space-between",children:[n(r,{htmlFor:m,sx:{cursor:"pointer"},children:n(c,{variant:"subheadline",children:l.title})}),n(t,{disabled:l.disabled,id:m,checked:p,onChange:g,name:l.switchName})]}),"string"==typeof l.children?n(c,{children:l.children}):l.children]})};export{l as CookieModalItem};
+//# sourceMappingURL=CookieModalItem.js.map

package/layout/cookieModal/CookieModalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModalItem.js","sources":["../../../src/layout/cookieModal/CookieModalItem.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { InputLabel, Stack, Switch, Typography } from '@mui/material';\nimport { useId, useState, useEffect, useCallback } from 'react';\nexport const CookieModalItem = (props) => {\n    var _a;\n    const switchId = useId();\n    const [checked, setChecked] = useState((_a = props.checked) !== null && _a !== void 0 ? _a : false);\n    useEffect(() => setChecked(props.checked), [props.checked, setChecked]);\n    const handleChange = useCallback((event, _checked) => {\n        if (props.onChange) {\n            props.onChange(_checked, event);\n        }\n        else {\n            setChecked(_checked);\n        }\n    }, [props.onChange, setChecked]);\n    return (_jsxs(Stack, { direction: \"column\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 1, justifyContent: \"space-between\", children: [_jsx(InputLabel, { htmlFor: switchId, sx: { cursor: 'pointer' }, children: _jsx(Typography, { variant: \"subheadline\", children: props.title }) }), _jsx(Switch, { disabled: props.disabled, id: switchId, checked: checked, onChange: handleChange, name: props.switchName })] }), typeof props.children === 'string' ? _jsx(Typography, { children: props.children }) : props.children] }));\n};\n//# sourceMappingURL=CookieModalItem.js.map"],"names":["CookieModalItem","props","_a","switchId","useId","checked","setChecked","useState","useEffect","handleChange","useCallback","event","_checked","onChange","_jsxs","Stack","direction","spacing","children","justifyContent","_jsx","InputLabel","htmlFor","sx","cursor","Typography","variant","title","Switch","disabled","id","name","switchName"],"mappings":"gNAGY,MAACA,EAAmBC,IAC5B,IAAIC,EACJ,MAAMC,EAAWC,KACVC,EAASC,GAAcC,EAAkC,QAAxBL,EAAKD,EAAMI,eAA4B,IAAPH,GAAgBA,GACxFM,GAAU,IAAMF,EAAWL,EAAMI,UAAU,CAACJ,EAAMI,QAASC,IAC3D,MAAMG,EAAeC,GAAY,CAACC,EAAOC,KACjCX,EAAMY,SACNZ,EAAMY,SAASD,EAAUD,GAGzBL,EAAWM,EACd,GACF,CAACX,EAAMY,SAAUP,IACpB,OAAQQ,EAAMC,EAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGC,SAAU,CAACJ,EAAMC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGE,eAAgB,gBAAiBD,SAAU,CAACE,EAAKC,EAAY,CAAEC,QAASnB,EAAUoB,GAAI,CAAEC,OAAQ,WAAaN,SAAUE,EAAKK,EAAY,CAAEC,QAAS,cAAeR,SAAUjB,EAAM0B,UAAaP,EAAKQ,EAAQ,CAAEC,SAAU5B,EAAM4B,SAAUC,GAAI3B,EAAUE,QAASA,EAASQ,SAAUJ,EAAcsB,KAAM9B,EAAM+B,gBAA6C,iBAAnB/B,EAAMiB,SAAwBE,EAAKK,EAAY,CAAEP,SAAUjB,EAAMiB,WAAcjB,EAAMiB,WAAc"}

package/layout/cookieModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CookieModal';
+export * from './CookieModalItem';

package/layout/index.d.ts

@@ -4,3 +4,4 @@ export * from './Footer';
 export * from './Error';
 export * from './PageLayout';
 export * from './SecondaryNavigation';
+export * from './cookieModal';

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>a(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[i("div",{className:"CardImageOverlayTheme"}),i("div",{className:"ownedVehicleContainer",children:a("div",{className:"ownedVehicleContainerContent",children:[a("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?i(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):i(r,{className:"CardImageLabel",label:m(e,30)})),c&&i("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&i("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&i(t,{className:"disclamer",label:h,variant:b})]}),i("div",{className:"ownedVehicleImage",children:i(d,{image:u,alt:f,fallbackImage:x})}),a("div",{className:"ownedVehicleSpecsContainer",children:[a("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&i(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&i(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&a("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a("div",{children:[e.subtitle&&i("p",{children:e.subtitle}),e.value&&i("p",{children:i("b",{children:e.value})})]},e.value)))," "]})]}),j&&i(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Indicator as t}from"../../components/indicator/indicator.js";import n from"@mui/material/Card";import{Label as r}from"../../components/label/label.js";import o from"../common/menuCardComponent/menuCardComponent.js";import l from"../common/buttonCardComponent/buttonCardComponent.js";import{LabelFeature as p}from"../../components/labelFeature/labelFeature.js";import{styled as c}from"@mui/material/styles";import{handleMaxChars as m}from"../../utils/utilities.js";import d from"../../components/common/imageComponent.js";const s=({label:e,labelVariant:n,vehicleName:c,equipment:s,vehicleStatus:h,vehicleStatusVariant:b,image:u,fallbackImage:x,altDescriptionImage:f,mandatoryButtonObject:y,optionalButtonObject:v,darkOpacityLayer:C,lightOpacityLayer:w,menuCardComponentProps:k,isMenuDropdown:j,vehicleSpecs:N,vehicleSpecsObject:O,isCompact:S,size:z})=>i(g,{size:z,darkOpacityLayer:C,lightOpacityLayer:w,children:[a("div",{className:"CardImageOverlayTheme"}),a("div",{className:"ownedVehicleContainer",children:i("div",{className:"ownedVehicleContainerContent",children:[i("div",{className:"vehicleTitleContainer",children:[e&&("feature"===n?a(p,{className:"CardImageLabelFeature",variant:"primary",children:m(e,30)}):a(r,{className:"CardImageLabel",label:m(e,30)})),c&&a("h2",{style:{margin:0},className:"vehicleName",children:m(c,20)}),s&&a("h4",{style:{margin:0},className:"vehicleEquipment",children:m(s,20)}),h&&a(t,{className:"disclamer",label:h,color:b})]}),a("div",{className:"ownedVehicleImage",children:a(d,{image:u,alt:f,fallbackImage:x})}),i("div",{className:"ownedVehicleSpecsContainer",children:[i("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a(l,{className:"button-component",buttonObject:y,compact:S}),(null==v?void 0:v.label)&&a(l,{className:"button-component",buttonObject:v,compact:S})]}),N&&i("div",{className:"ownedVehicleSpecs",children:[O.map((e=>i("div",{children:[e.subtitle&&a("p",{children:e.subtitle}),e.value&&a("p",{children:a("b",{children:e.value})})]},e.value)))," "]})]}),j&&a(o,Object.assign({},k))]})})]}),g=c(n,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((i=>{var{theme:a}=i,t=e(i,["theme"]);const n=((e,i)=>{let a="";switch(i){case"opacity25":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":a="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return a})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,i,a)=>{let t="";return"opacity0"!==i&&"opacity0"===e&&(t=a.palette.onSurface.os900),t="opacity0"!==e?a.palette.onSurface.os0:a.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,a);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:a.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[a.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[a.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[a.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[a.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[a.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[a.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:a.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));export{s as CardOwnedVehicleComponent,s as default};
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n    let opacity = '';\n    switch (lightOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n            break;\n    }\n    switch (darkOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n            break;\n    }\n    return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n    const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n    let style = {};\n    style = {\n        position: 'relative',\n        width: '100%',\n        padding: '24px',\n        backgroundColor: theme.palette.transparent.primary,\n        color: textColor,\n        '& .ownedVehicleImage': {\n            marginTop: '-45px',\n            position: 'relative',\n            [theme.breakpoints.up('md')]: {\n                position: props.size === 'fixed' ? 'absolute' : 'relative',\n                marginTop: props.size === 'fixed' ? 0 : '-45px',\n            },\n            zIndex: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            ' & > img': {\n                minHeight: '176px',\n                maxWidth: '100%',\n                maxHeight: '100%',\n                position: 'relative',\n                objectFit: 'contain',\n            },\n        },\n        '& .disclamer': {\n            fontSize: '14px',\n            lineHeight: '20px',\n            marginTop: '4px',\n            color: textColor,\n        },\n        '& .ownedVehicleContainer': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .ownedVehicleContainerContent': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                '& > .vehicleName': {\n                    fontSize: '23px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '24px',\n                    },\n                    lineHeight: '28px',\n                },\n                '& > .vehicleEquipment': {\n                    fontSize: '16px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '18px',\n                    },\n                    lineHeight: '24px',\n                },\n                '& > .CardImageLabelFeature': {\n                    marginLeft: '0px !important',\n                    marginBottom: '8px',\n                },\n                '& > .CardImageLabel': {\n                    lineHeight: '12px !important',\n                    marginBottom: '8px',\n                },\n            },\n            '& > .ownedVehicleSpecsContainer': {\n                marginTop: '-25px',\n                fontSize: '14px',\n                lineHeight: '20px',\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                flexWrap: 'wrap-reverse',\n                width: '100%',\n                justifyContent: 'space-between',\n                zIndex: 2,\n                [theme.breakpoints.up('md')]: {\n                    flexDirection: 'row',\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\n                '& > .ownedVehicleButtons': {\n                    display: 'flex',\n                    flexDirection: 'column',\n                    alignItems: 'end',\n                    flexWrap: 'wrap',\n                    gap: '12px 16px',\n                    marginTop: '8px',\n                    '& > .button-component': {\n                        width: '100%',\n                        [theme.breakpoints.up('md')]: {\n                            width: 'auto',\n                            padding: '0 0 2px 2px',\n                        },\n                        ' > div': {\n                            width: '100%',\n                        },\n                    },\n                    '& .MuiButton-root': {\n                        width: '100%',\n                    },\n                    [theme.breakpoints.up('md')]: {\n                        flexDirection: 'row',\n                        '& > a': {\n                            '& + a': {\n                                marginTop: '0',\n                            },\n                        },\n                    },\n                },\n                ' & > .ownedVehicleSpecs': {\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'end',\n                    marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                },\n            },\n            ' & >.menuCardComponent': {\n                top: '-7px',\n                right: '-5px',\n            },\n        },\n        ' & >.CardImageOverlayTheme': {\n            background: opacityLayer,\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, color: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\n    let opacity = '';\n    switch (lightOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n            break;\n    }\n    switch (darkOpacityLayer) {\n        case 'opacity25':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n            break;\n        case 'opacity50':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n            break;\n        case 'opacity75':\n            opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n            break;\n    }\n    return opacity;\n};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\n};\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n    shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n    const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n    let style = {};\n    style = {\n        position: 'relative',\n        width: '100%',\n        padding: '24px',\n        backgroundColor: theme.palette.transparent.primary,\n        color: textColor,\n        '& .ownedVehicleImage': {\n            marginTop: '-45px',\n            position: 'relative',\n            [theme.breakpoints.up('md')]: {\n                position: props.size === 'fixed' ? 'absolute' : 'relative',\n                marginTop: props.size === 'fixed' ? 0 : '-45px',\n            },\n            zIndex: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            justifyContent: 'center',\n            ' & > img': {\n                minHeight: '176px',\n                maxWidth: '100%',\n                maxHeight: '100%',\n                position: 'relative',\n                objectFit: 'contain',\n            },\n        },\n        '& .disclamer': {\n            fontSize: '14px',\n            lineHeight: '20px',\n            marginTop: '4px',\n            color: textColor,\n        },\n        '& .ownedVehicleContainer': {\n            position: 'relative',\n            height: '100%',\n            width: '100%',\n        },\n        '& .ownedVehicleContainerContent': {\n            overflow: 'hidden',\n            height: '100%',\n            width: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n            boxSizing: 'border-box',\n            ' & > .vehicleTitleContainer': {\n                zIndex: 2,\n                width: '100%',\n                '& > .vehicleName': {\n                    fontSize: '23px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '24px',\n                    },\n                    lineHeight: '28px',\n                },\n                '& > .vehicleEquipment': {\n                    fontSize: '16px',\n                    [theme.breakpoints.up('md')]: {\n                        fontSize: '18px',\n                    },\n                    lineHeight: '24px',\n                },\n                '& > .CardImageLabelFeature': {\n                    marginLeft: '0px !important',\n                    marginBottom: '8px',\n                },\n                '& > .CardImageLabel': {\n                    lineHeight: '12px !important',\n                    marginBottom: '8px',\n                },\n            },\n            '& > .ownedVehicleSpecsContainer': {\n                marginTop: '-25px',\n                fontSize: '14px',\n                lineHeight: '20px',\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                flexWrap: 'wrap-reverse',\n                width: '100%',\n                justifyContent: 'space-between',\n                zIndex: 2,\n                [theme.breakpoints.up('md')]: {\n                    flexDirection: 'row',\n                    marginTop: props.size === 'fixed' ? 0 : '-25px',\n                },\n                '& > .ownedVehicleButtons': {\n                    display: 'flex',\n                    flexDirection: 'column',\n                    alignItems: 'end',\n                    flexWrap: 'wrap',\n                    gap: '12px 16px',\n                    marginTop: '8px',\n                    '& > .button-component': {\n                        width: '100%',\n                        [theme.breakpoints.up('md')]: {\n                            width: 'auto',\n                            padding: '0 0 2px 2px',\n                        },\n                        ' > div': {\n                            width: '100%',\n                        },\n                    },\n                    '& .MuiButton-root': {\n                        width: '100%',\n                    },\n                    [theme.breakpoints.up('md')]: {\n                        flexDirection: 'row',\n                        '& > a': {\n                            '& + a': {\n                                marginTop: '0',\n                            },\n                        },\n                    },\n                },\n                ' & > .ownedVehicleSpecs': {\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'end',\n                    marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\n                    },\n                },\n            },\n            ' & >.menuCardComponent': {\n                top: '-7px',\n                right: '-5px',\n            },\n        },\n        ' & >.CardImageOverlayTheme': {\n            background: opacityLayer,\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","LabelFeature","variant","handleMaxChars","Label","style","margin","Indicator","color","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}