@skodaflow/web-library 4.1.0 → 5.0.0

package/layout/Footer/FooterLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLink.js","sources":["../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterLink(props) {\n    const { icon, children } = props, rest = __rest(props, [\"icon\", \"children\"]);\n    const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n    return (_jsxs(Stack, Object.assign({ component: \"a\" }, rest, { direction: \"row\", spacing: 1, alignItems: \"center\", sx: {\n            color: (theme) => theme.palette.onSurface.os0,\n            textDecorationColor: (theme) => theme.palette.onSurface.os0,\n            textDecoration: 'none',\n            cursor: shouldDecorateText ? 'pointer' : undefined,\n            '&:hover p': {\n                textDecoration: shouldDecorateText ? 'underline' : undefined,\n            },\n        }, children: [icon && _jsx(Icon, { fontSize: \"small\", className: icon }), _jsx(Typography, { sx: {\n                    fontSize: '12px',\n                }, children: children })] })));\n}\n//# sourceMappingURL=FooterLink.js.map"],"names":["FooterLink","props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","cursor","undefined","_jsx","Icon","fontSize","className","Typography"],"mappings":"4NAMO,SAASA,EAAWC,GACvB,MAAMC,KAAEA,EAAIC,SAAEA,GAAaF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,OAAQ,aAC1DK,EAAqBC,GAAQ,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IACvE,OAAQS,EAAMC,EAAOC,OAAOC,OAAO,CAAEC,UAAW,KAAOV,EAAM,CAAEW,UAAW,MAAOC,QAAS,EAAGC,WAAY,SAAUC,GAAI,CAC/GC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChBC,OAAQpB,EAAqB,eAAYqB,EACzC,YAAa,CACTF,eAAgBnB,EAAqB,iBAAcqB,IAExDxB,SAAU,CAACD,GAAQ0B,EAAKC,EAAM,CAAEC,SAAU,QAASC,UAAW7B,IAAS0B,EAAKI,EAAY,CAAEd,GAAI,CACrFY,SAAU,QACX3B,SAAUA,OAC7B"}

package/layout/Footer/FooterMenu.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode } from 'react';
+export type FooterMenuProps = {
+    /**
+     * Main item of Menu, `Link` component can be used here
+     * @requires
+     */
+    mainItem: ReactNode;
+    /**
+     * Other items of Menu, multiple `Link` components wrapped in fragment can be used here
+     * @requires
+     */
+    subItems: ReactNode;
+    /**
+     * Variant of the Menu
+     * List will have all items rendered, this is suitable for larger screens.
+     * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.
+     * @default list
+     */
+    variant?: 'list' | 'accordion';
+};
+export declare const FooterMenu: FC<FooterMenuProps>;

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"../../utils/enum.js";import{useClosure as n}from"../../utils/useClosure/useClosure.js";import{Stack as r,Box as i,IconButton as a,Collapse as c}from"@mui/material";import{useEffect as l}from"react";const s=({mainItem:s,subItems:u,variant:m="list"})=>{const{isOpen:p,onToggle:d,onOpen:f}=n("list"===m);return l((()=>{"list"===m&&f()}),[m,f]),e(r,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e(i,{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(i,{"data-testid":"FooterMenu.label",children:s}),"accordion"===m&&o(a,{size:"small",onClick:d,"data-testId":"FooterMenu.toggle",children:o(t,{fontSize:"small",className:p?"chevron-up":"chevron-down"})})]}),o(c,{in:p,"data-testid":"FooterMenu.content",children:o(r,{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:u})})]})};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\", className: 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","className","Collapse","in","os200"],"mappings":"oTAKY,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,UAAW9B,EAAS,aAAe,sBAA2ByB,EAAKM,EAAU,CAAEC,GAAIhC,EAAQ,cAAe,qBAAsBS,SAAUgB,EAAKnB,EAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACxaC,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":[null],"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":"+SAWA,SAASA,EAAiBC,GACxB,MAAMC,SAAEA,GAAsBD,EAATE,EAAIC,EAAKH,EAAxB,CAAqB,aAC3B,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAAC,KAAK,SAAYN,EAAI,CAAAD,SAC/BG,EAACK,EAAI,CAACC,GAAI,CAAEC,QAAS,OAAQ,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SAAUZ,SAAGA,MAGlF,CAIM,SAAUa,EAAyBd,GACvC,OACEI,EAACL,EAAqBO,OAAAC,OAAA,CAAA,EAAAP,YACpBI,EAAK,MAAA,CAAAW,IAAI,GAAGC,IAAKC,MAGvB,CAEM,SAAUC,EAA0BlB,GACxC,OACEI,EAACL,EAAqBO,OAAAC,OAAA,CAAA,EAAAP,YACpBI,EAAK,MAAA,CAAAW,IAAI,GAAGC,IAAKG,MAGvB,CAEM,SAAUC,EAAwBpB,GACtC,OACEI,EAACL,EAAqBO,OAAAC,OAAA,CAAA,EAAAP,YACpBI,EAAK,MAAA,CAAAW,IAAI,GAAGC,IAAKK,MAGvB,CAEM,SAAUC,EAAwBtB,GACtC,OACEI,EAACL,EAAqBO,OAAAC,OAAA,CAAA,EAAAP,YACpBI,EAAK,MAAA,CAAAW,IAAI,GAAGC,IAAKO,MAGvB"}
+{"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/Header.d.ts

@@ -1,16 +1,34 @@
 import React from 'react';
 export type HeaderProps = {
-    /** defines color theme of the header */
+    /**
+     * Defines color theme of the header
+     * @default light
+     */
     color?: 'light' | 'dark';
-    /** React node that renders header logo */
+    /**
+     * React node that renders header logo
+     * @default undefined
+     */
     logo?: React.ReactNode;
-    /** React node that renders all navigation items */
+    /**
+     * React node that renders all navigation items
+     * @default undefined
+     */
     navigationItems?: React.ReactNode;
-    /** React node that renders all overhead navigation items */
+    /**
+     * React node that renders all overhead navigation items
+     * @default undefined
+     */
     overheadItems?: React.ReactNode;
-    /** React node that renders all header buttons */
+    /**
+     * React node that renders all header buttons
+     * @default undefined
+     */
     buttons?: React.ReactNode;
-    /** Defines if header content should be rendered inside Container component */
+    /**
+     * Defines if header content should be rendered inside Container component
+     * @default false
+     */
     inContainer?: boolean;
 };
 export declare const Header: React.FC<HeaderProps>;

package/layout/Header/Header.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as a,Container as r,Stack as o}from"@mui/material";const i=({buttons:i,logo:n,navigationItems:d,overheadItems:l,color:c,inContainer:p})=>e(a,{children:[l&&t(a,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===c?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===c?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:t(a,{component:p&&r,children:t(o,{direction:"row",children:l})})}),t(a,{sx:{height:64,background:e=>"dark"===c?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===c?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===c?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===c?e.palette.onSurface.os600:e.palette.grey[200]}`},children:e(a,{component:p&&r,sx:{display:"flex",alignItems:"center",height:"100%"},children:[t(a,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{paddingLeft:p&&"0 !important"}},children:n}),t(o,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:d}),t(o,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:i})]})})]});export{i as Header};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r,Container as o,Stack as a}from"@mui/material";import{useRef as i,useState as n,useEffect as d}from"react";import{HeaderContext as l}from"./HeaderContext.js";const c=({buttons:d,logo:c,navigationItems:m,overheadItems:s,color:h,inContainer:g})=>{const x=i(),[f,u]=n(900);return p((()=>{var e;const t=null===(e=x.current)||void 0===e?void 0:e.clientWidth;t&&u(t)}),!0),e(r,{ref:x,children:t(l.Provider,{value:{headerRef:x,color:h,headerWidth:f},children:[s&&e(r,{sx:{height:32,paddingLeft:"150px",display:"flex",background:e=>"dark"===h?e.palette.onSurface.os900:e.palette.surface.primary,color:e=>e.palette.onSurface.os500,"--active-background":e=>"dark"===h?e.palette.onSurface.os800:e.palette.common.white,"--active-color":e=>"dark"===h?e.palette.common.white:e.palette.text.primary},"data-testid":"Header.overhead",children:e(r,{component:g&&o,children:e(a,{direction:"row",children:s})})}),e(r,{sx:{height:64,background:e=>"dark"===h?e.palette.onSurface.os800:e.palette.common.white,color:e=>"dark"===h?e.palette.common.white:e.palette.text.primary,fill:e=>"dark"===h?e.palette.common.white:e.palette.primary.dark,borderBottom:e=>`1px solid ${"dark"===h?e.palette.onSurface.os600:e.palette.grey[200]}`},children:t(r,{component:g&&o,sx:{display:"flex",alignItems:"center",height:"100%"},children:[e(r,{display:"flex","data-testid":"Header.logo",sx:{"&>*":{padding:"8px 16px",paddingLeft:g?"0 !important":"16px",color:"inherit !important"},height:"100%",color:e=>"dark"===h?e.palette.common.white:e.palette.primary.dark},children:c}),e(a,{direction:"row",flexGrow:1,spacing:1,alignItems:"stretch",sx:{height:"100%",paddingLeft:"48px"},"data-testid":"Header.nav",children:m}),e(a,{direction:"row",spacing:.5,sx:{marginRight:1},"data-testid":"Header.btns",children:d})]})})]})})},p=(e,t)=>{d((()=>{t&&e()})),d((()=>(window.removeEventListener("resize",e),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e))),[e])};export{c as Header};
 //# sourceMappingURL=Header.js.map

package/layout/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":[null],"names":["Header","buttons","logo","navigationItems","overheadItems","color","inContainer","_jsxs","Box","children","_jsx","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","flexGrow","spacing","marginRight"],"mappings":"gHAkBa,MAAAA,EAAgC,EAC3CC,UACAC,OACAC,kBACAC,gBACAC,QACAC,iBAGEC,EAACC,EACE,CAAAC,SAAA,CAAAL,GACCM,EAACF,EACC,CAAAG,GAAI,CACFC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjGhB,MAAQW,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GACZ,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1E,iBAAmBT,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cACW,kBAAiBZ,SAE7BC,EAACF,EAAI,CAAAmB,UAAWrB,GAAesB,EAC7BnB,SAAAC,EAACmB,EAAK,CAACC,UAAU,MAAKrB,SAAEL,QAI9BM,EAACF,EACC,CAAAG,GAAI,CACFC,OAAQ,GACRG,WAAaC,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGpB,MAAQW,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAVX,EAAmBW,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GACb,aAAuB,SAAVX,EAAmBW,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAGvF1B,SAAAF,EAACC,EAAG,CACFmB,UAAWrB,GAAesB,EAC1BjB,GAAI,CACFG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QAGVH,SAAA,CAAAC,EAACF,EAAG,CACFM,QAAQ,OACI,cAAA,cACZH,GAAI,CACF,MAAO,CACLE,YAAaP,GAAe,iBAE/BG,SAEAP,IAEHQ,EAACmB,EAAK,CACJC,UAAU,MACVO,SAAU,EACVC,QAAS,EACTF,WAAW,UACXzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QACvB,cAAA,aAEXJ,SAAAN,IAEHO,EAACmB,EAAM,CAAAC,UAAU,MAAMQ,QAAS,GAAK3B,GAAI,CAAE4B,YAAa,GAAiB,cAAA,cACtE9B,SAAAR"}
+{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack } from '@mui/material';\nimport { useEffect, useRef, useState } from 'react';\nimport { HeaderContext } from './HeaderContext';\nexport const Header = ({ buttons, logo, navigationItems, overheadItems, color, inContainer, }) => {\n    const headerRef = useRef();\n    const [headerWidth, setHeaderWidth] = useState(900);\n    useOnResize(() => {\n        var _a;\n        const w = (_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth;\n        if (w) {\n            setHeaderWidth(w);\n        }\n    }, true);\n    return (_jsx(Box, { ref: headerRef, children: _jsxs(HeaderContext.Provider, { value: { headerRef, color, headerWidth }, children: [overheadItems && (_jsx(Box, { sx: {\n                        height: 32,\n                        paddingLeft: `150px`,\n                        display: 'flex',\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.surface.primary),\n                        color: (theme) => theme.palette.onSurface.os500,\n                        '--active-background': (theme) => color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white,\n                        '--active-color': (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                    }, \"data-testid\": \"Header.overhead\", children: _jsx(Box, { component: inContainer && Container, children: _jsx(Stack, { direction: \"row\", children: overheadItems }) }) })), _jsx(Box, { sx: {\n                        height: 64,\n                        background: (theme) => (color === 'dark' ? theme.palette.onSurface.os800 : theme.palette.common.white),\n                        color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                        fill: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                        borderBottom: (theme) => `1px solid ${color === 'dark' ? theme.palette.onSurface.os600 : theme.palette.grey[200]}`,\n                    }, children: _jsxs(Box, { component: inContainer && Container, sx: {\n                            display: 'flex',\n                            alignItems: 'center',\n                            height: '100%',\n                        }, children: [_jsx(Box, { display: \"flex\", \"data-testid\": \"Header.logo\", sx: {\n                                    '&>*': {\n                                        padding: '8px 16px',\n                                        paddingLeft: inContainer ? '0 !important' : '16px',\n                                        color: 'inherit !important',\n                                    },\n                                    height: '100%',\n                                    color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.primary.dark),\n                                }, children: logo }), _jsx(Stack, { direction: \"row\", flexGrow: 1, spacing: 1, alignItems: \"stretch\", sx: { height: '100%', paddingLeft: '48px' }, \"data-testid\": \"Header.nav\", children: navigationItems }), _jsx(Stack, { direction: \"row\", spacing: 0.5, sx: { marginRight: 1 }, \"data-testid\": \"Header.btns\", children: buttons })] }) })] }) }));\n};\nconst useOnResize = (cb, initialRun) => {\n    useEffect(() => {\n        if (initialRun) {\n            cb();\n        }\n    });\n    useEffect(() => {\n        window.removeEventListener('resize', cb);\n        window.addEventListener('resize', cb);\n        return () => window.removeEventListener('resize', cb);\n    }, [cb]);\n};\n//# sourceMappingURL=Header.js.map"],"names":["Header","buttons","logo","navigationItems","overheadItems","color","inContainer","headerRef","useRef","headerWidth","setHeaderWidth","useState","useOnResize","_a","w","current","clientWidth","_jsx","Box","ref","children","_jsxs","HeaderContext","Provider","value","sx","height","paddingLeft","display","background","theme","palette","onSurface","os900","surface","primary","os500","os800","common","white","text","component","Container","Stack","direction","fill","dark","borderBottom","os600","grey","alignItems","padding","flexGrow","spacing","marginRight","cb","initialRun","useEffect","window","removeEventListener","addEventListener"],"mappings":"+NAIY,MAACA,EAAS,EAAGC,UAASC,OAAMC,kBAAiBC,gBAAeC,QAAOC,kBAC3E,MAAMC,EAAYC,KACXC,EAAaC,GAAkBC,EAAS,KAQ/C,OAPAC,GAAY,KACR,IAAIC,EACJ,MAAMC,EAAiC,QAA5BD,EAAKN,EAAUQ,eAA4B,IAAPF,OAAgB,EAASA,EAAGG,YACvEF,GACAJ,EAAeI,EAClB,IACF,GACKG,EAAKC,EAAK,CAAEC,IAAKZ,EAAWa,SAAUC,EAAMC,EAAcC,SAAU,CAAEC,MAAO,CAAEjB,YAAWF,QAAOI,eAAeW,SAAU,CAAChB,GAAkBa,EAAKC,EAAK,CAAEO,GAAI,CACjJC,OAAQ,GACRC,YAAa,QACbC,QAAS,OACTC,WAAaC,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,QAAQC,QACjG9B,MAAQyB,GAAUA,EAAMC,QAAQC,UAAUI,MAC1C,sBAAwBN,GAAoB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAC1G,iBAAmBT,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,SAClG,cAAe,kBAAmBf,SAAUH,EAAKC,EAAK,CAAEuB,UAAWnC,GAAeoC,EAAWtB,SAAUH,EAAK0B,EAAO,CAAEC,UAAW,MAAOxB,SAAUhB,QAAyBa,EAAKC,EAAK,CAAEO,GAAI,CACzLC,OAAQ,GACRG,WAAaC,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUK,MAAQP,EAAMC,QAAQO,OAAOC,MAChGlC,MAAQyB,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQS,KAAKL,QACtFU,KAAOf,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,KACxFC,aAAejB,GAAU,aAAuB,SAAVzB,EAAmByB,EAAMC,QAAQC,UAAUgB,MAAQlB,EAAMC,QAAQkB,KAAK,QAC7G7B,SAAUC,EAAMH,EAAK,CAAEuB,UAAWnC,GAAeoC,EAAWjB,GAAI,CAC3DG,QAAS,OACTsB,WAAY,SACZxB,OAAQ,QACTN,SAAU,CAACH,EAAKC,EAAK,CAAEU,QAAS,OAAQ,cAAe,cAAeH,GAAI,CACjE,MAAO,CACH0B,QAAS,WACTxB,YAAarB,EAAc,eAAiB,OAC5CD,MAAO,sBAEXqB,OAAQ,OACRrB,MAAQyB,GAAqB,SAAVzB,EAAmByB,EAAMC,QAAQO,OAAOC,MAAQT,EAAMC,QAAQI,QAAQW,MAC1F1B,SAAUlB,IAASe,EAAK0B,EAAO,CAAEC,UAAW,MAAOQ,SAAU,EAAGC,QAAS,EAAGH,WAAY,UAAWzB,GAAI,CAAEC,OAAQ,OAAQC,YAAa,QAAU,cAAe,aAAcP,SAAUjB,IAAoBc,EAAK0B,EAAO,CAAEC,UAAW,MAAOS,QAAS,GAAK5B,GAAI,CAAE6B,YAAa,GAAK,cAAe,cAAelC,SAAUnB,aAA0B,EAEhXW,EAAc,CAAC2C,EAAIC,KACrBC,GAAU,KACFD,GACAD,GACH,IAELE,GAAU,KACNC,OAAOC,oBAAoB,SAAUJ,GACrCG,OAAOE,iBAAiB,SAAUL,GAC3B,IAAMG,OAAOC,oBAAoB,SAAUJ,KACnD,CAACA,GAAI"}

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 s,Tooltip as r,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"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"./HeaderNavigationItem.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";const p=n((function(n,p){const{icon:c,label:l,color:d,indicator:j}=n,g=o(n,["icon","label","color","indicator"]),u=s();return t(r,{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"../../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"@mui/material/MobileStepper";import"../../components/mobileStepper/mobileStepperButton.js";import"../../components/modal/modal.js";import"../../components/modal/modalTitle.js";import"../../components/numbering/numbering.js";import"../../components/pagination/pagination.js";import"../../components/progressBar/progressBar.js";import"../../components/radioButton/radioButton.js";import"../../components/selectInput/selectInput.js";import"../../components/slider/slider.js";import"../../components/snackbar/snackbar.js";import"../../components/stepper/stepper.js";import"../../components/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../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"../../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"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/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};
 //# sourceMappingURL=HeaderButton.js.map

package/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":[null],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"8pKA6CaA,EAAeC,GAjC5B,SACEC,EACAC,GAEA,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAuBL,EAATM,EAAIC,EAAKP,EAA7C,CAAA,OAAA,QAAA,QAAA,cACAQ,EAAQC,IAEd,OACEC,EAACC,EAAQ,CAAAC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAU,SAAQC,SAChGC,EAACC,iBACCC,KAAK,SACDd,EACJ,CAAAL,IAAKA,EACLoB,GAAI,CACFC,WAAsB,SAAVlB,GAAoBI,EAAMe,QAAQC,QAAQC,QACtD,aAAc,CACZC,SAAU,WACVC,IAAK,MACLC,MAAO,OAET,qBAAsB,CACpBC,OAAQ,IAIXZ,SAAA,CAAAZ,GAAaK,EAACoB,GAAUC,QAAS1B,IAElCK,EAACsB,EAAI,CAACC,UAAW/B,SAIzB"}
+{"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":"4hLAqBY,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"}

package/layout/Header/HeaderContext.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+export type HeaderContextType = {
+    headerRef: MutableRefObject<HTMLDivElement>;
+    color: 'light' | 'dark';
+    headerWidth: number;
+};
+export declare const HeaderContext: import("react").Context<HeaderContextType>;

package/layout/Header/HeaderContext.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"react";const r=e({headerRef:null,color:"light",headerWidth:900});export{r as HeaderContext};
+//# sourceMappingURL=HeaderContext.js.map

package/layout/Header/HeaderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.js","sources":["../../../src/layout/Header/HeaderContext.ts"],"sourcesContent":["import { createContext } from 'react';\nexport const HeaderContext = createContext({\n    headerRef: null,\n    color: 'light',\n    headerWidth: 900,\n});\n//# sourceMappingURL=HeaderContext.js.map"],"names":["HeaderContext","createContext","headerRef","color","headerWidth"],"mappings":"sCACY,MAACA,EAAgBC,EAAc,CACvCC,UAAW,KACXC,MAAO,QACPC,YAAa"}

package/layout/Header/HeaderLogo.d.ts

@@ -3,4 +3,7 @@ export type HeaderLogoProps = LinkProps & {
     src: string;
     alt?: string;
 };
+/**
+ * @deprecated Use generic `Logo` component instead
+ */
 export declare function HeaderLogo(props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":[null],"names":["HeaderLogo","props","src","alt","rest","__rest","_jsx","Link","Object","assign","sx","padding","Box","component","display"],"mappings":"qHAQM,SAAUA,EAAWC,GACzB,MAAMC,IAAEA,EAAGC,IAAEA,GAAiBF,EAATG,EAASC,EAAAJ,EAAxB,CAAA,MAAA,QACN,OACEK,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,GAAMM,GAAI,CAAEC,QAAS,YAC7BL,EAACM,GAAIC,UAAU,MAAMX,IAAKA,EAAKC,IAAKA,EAAKO,GAAI,CAAEI,QAAS,YAG9D"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, Link } from '@mui/material';\n/**\n * @deprecated Use generic `Logo` component instead\n */\nexport function HeaderLogo(props) {\n    const { src, alt } = props, rest = __rest(props, [\"src\", \"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2 }, children: _jsx(Box, { component: \"img\", src: src, alt: alt, sx: { display: 'flex' } }) })));\n}\n//# sourceMappingURL=HeaderLogo.js.map"],"names":["HeaderLogo","props","src","alt","rest","__rest","_jsx","Link","Object","assign","sx","padding","children","Box","component","display"],"mappings":"qHAMO,SAASA,EAAWC,GACvB,MAAMC,IAAEA,EAAGC,IAAEA,GAAQF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,MAAO,QACzD,OAAQK,EAAKC,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,GAAKC,SAAUN,EAAKO,EAAK,CAAEC,UAAW,MAAOZ,IAAKA,EAAKC,IAAKA,EAAKO,GAAI,CAAEK,QAAS,YAChJ"}

package/layout/Header/HeaderNavigationHero.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type HeaderNavigationHeroProps = {
+    label: string;
+    heroElement: ReactNode;
+};
+export declare function HeaderNavigationHero(props: HeaderNavigationHeroProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationHero.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function g(r){const{label:m,heroElement:h}=r,{isOpen:g,onToggle:b,onClose:C}=c(),j=p(null),{headerRef:w,color:y,headerWidth:k}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(u,{onClick:b,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(x,{className:g?"chevron-up":"chevron-down"})]}),o(i,{open:g,anchorEl:null==w?void 0:w.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${k}px`,background:e=>"dark"===y?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===y?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const u=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),x=r(m)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{g as HeaderNavigationHero};
+//# sourceMappingURL=HeaderNavigationHero.js.map

package/layout/Header/HeaderNavigationHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n    const { label, heroElement } = props;\n    const { isOpen, onToggle, onClose } = useClosure();\n    const anchor = useRef(null);\n    const { headerRef, color, headerWidth } = useContext(HeaderContext);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null || headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n                                width: `${headerWidth}px`,\n                                background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n                                color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n                                padding: '48px 0 40px 0',\n                            }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","Icon","height","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAED,UAAWrB,EAAS,aAAe,oBAAuBmB,EAAKI,EAAQ,CAAEC,KAAMxB,EAAQyB,SAAUnB,aAA6C,EAASA,EAAUoB,QAASC,YAAY,EAAMX,SAAU,EAAGY,qBAAuBT,EAAKU,EAAmB,CAAEC,YAAa5B,EAASc,SAAUG,EAAKY,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKlB,SAAUG,EAAKgB,EAAW,CAAEC,GAAI,CAC/jBC,MAAO,GAAG7B,MACV8B,WAAaC,GAAoB,SAAVhC,EAAmBgC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FrC,MAAQgC,GAAqB,SAAVhC,EAAmBgC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACV/B,SAAUjB,aACzC,CACA,MAAMkB,EAAa+B,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACRzC,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY4B,EAAOpC,EAAPoC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAElD,MAAO,UAAWmD,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIV,YAAa,EAAGC,aAAc,EAAGU,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAepC,WAAY,kCAChTL,EAAW0B,EAAOgB,EAAPhB,EAAa,KAAO,CACjCX,MAAO,OACP4B,OAAQ,OACRC,WAAY,MACZR,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderNavigationLink.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface HeaderNavigationLinkTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        external?: boolean;
+    };
+    defaultComponent: C;
+}
+export type HeaderNavigationLinkItemProps<C extends React.ElementType, P = unknown> = OverrideProps<HeaderNavigationLinkTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function HeaderNavigationLink<C extends React.ElementType = 'a'>(props: HeaderNavigationLinkItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationLink.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{styled as t,Box as o}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function m(t){const{label:a,onClick:l,external:m}=t,d=e(t,["label","onClick","external"]),g=n(null);return r(o,{ref:g,display:"flex",alignItems:"center",children:i(p,Object.assign({onClick:l},d,{children:[r(s,{className:"FwlNavigationItem-label",children:a}),m&&r(c,{className:"arrow-ne"})]}))})}const p=t(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),s=t(o)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),c=t(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{m as HeaderNavigationLink};
+//# sourceMappingURL=HeaderNavigationLink.js.map

package/layout/Header/HeaderNavigationLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationLink(props) {\n    const { label, onClick, external } = props, rest = __rest(props, [\"label\", \"onClick\", \"external\"]);\n    const anchor = useRef(null);\n    return (_jsx(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: _jsxs(ItemButton, Object.assign({ onClick: onClick }, rest, { children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), external && _jsx(ItemIcon, { className: \"arrow-ne\" })] })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationLink.js.map"],"names":["HeaderNavigationLink","props","label","onClick","external","rest","__rest","anchor","useRef","_jsx","Box","ref","display","alignItems","children","_jsxs","ItemButton","Object","assign","ItemLabel","className","ItemIcon","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"wPAMO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAASC,EAAO,MACtB,OAAQC,EAAKC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUC,SAAUC,EAAMC,EAAYC,OAAOC,OAAO,CAAEf,QAASA,GAAWE,EAAM,CAAES,SAAU,CAACL,EAAKU,EAAW,CAAEC,UAAW,0BAA2BN,SAAUZ,IAAUE,GAAYK,EAAKY,EAAU,CAAED,UAAW,kBACnR,CACA,MAAMJ,EAAaM,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRlB,QAAS,OACTC,WAAY,SACZkB,MAAO,cAELZ,EAAYG,EAAOZ,EAAPY,EAAY,EAAGU,WAAaf,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIc,EAAMC,WAAWC,MAAO,CAAEH,MAAO,UAAWI,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIb,YAAa,EAAGC,aAAc,EAAGa,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTpB,EAAWC,EAAOoB,EAAPpB,EAAa,KAAO,CACjCqB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderNavigationMenu.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type HeaderNavigationMenuProps = {
+    menuItems: React.ReactNode;
+    label: string;
+};
+export declare function HeaderNavigationMenu(props: HeaderNavigationMenuProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationMenu.js

@@ -0,0 +1,2 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{styled as e,Box as i,Menu as t}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as l}from"../../utils/useClosure/useClosure.js";import{Button as s}from"@mui/base";function p(e){const{label:a,menuItems:s}=e,{isOpen:p,onOpen:h,onClose:g}=l(),u=n(null);return r(i,{ref:u,display:"flex",alignItems:"center",children:[r(m,{onClick:h,children:[o(c,{className:"FwlNavigationItem-label",children:a}),o(d,{className:p?"chevron-up":"chevron-down"})]}),o(t,{anchorEl:u.current,open:p,onClose:g,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},PaperProps:{sx:{marginTop:1}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:o("div",{children:s})})]})}const m=e(s)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=e(i)((({theme:r})=>Object.assign(Object.assign({},r.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),d=e(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{p as HeaderNavigationMenu};
+//# sourceMappingURL=HeaderNavigationMenu.js.map

package/layout/Header/HeaderNavigationMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n    const { label, menuItems } = props;\n    const { isOpen, onOpen, onClose } = useClosure();\n    const anchor = useRef(null);\n    return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { className: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'right',\n                }, transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'right',\n                }, PaperProps: {\n                    sx: {\n                        marginTop: 1,\n                    },\n                }, componentsProps: {\n                    backdrop: {\n                        className: 'MuiBackdrop-transparent',\n                    },\n                }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n    paddingLeft: 6,\n    paddingRight: 6,\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', lineHeight: '24px', fontWeight: '400 !important', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n    width: '15px',\n    height: '15px',\n    marginLeft: '5px',\n    lineHeight: '5px',\n    '&::before': {\n        fontSize: '16px',\n    },\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["HeaderNavigationMenu","props","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","marginTop","componentsProps","backdrop","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"iUAMO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,UAAEA,GAAcF,GACvBG,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,IAC9BC,EAASC,EAAO,MACtB,OAAQC,EAAMC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASZ,EAAQU,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUb,IAAUgB,EAAKG,EAAU,CAAED,UAAWhB,EAAS,aAAe,oBAAuBc,EAAKI,EAAM,CAAEC,SAAUf,EAAOgB,QAASC,KAAMrB,EAAQE,QAASA,EAASoB,aAAc,CAChWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,WAAY,CACXC,GAAI,CACAC,UAAW,IAEhBC,gBAAiB,CAChBC,SAAU,CACNd,UAAW,4BAEhBL,SAAUG,EAAK,MAAO,CAAEH,SAAUZ,QACrD,CACA,MAAMa,EAAamB,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACR9B,QAAS,OACTC,WAAY,SACZ8B,MAAO,cAELzB,EAAYgB,EAAOxB,EAAPwB,EAAY,EAAGU,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEL,MAAO,UAAWM,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIf,YAAa,EAAGC,aAAc,EAAGe,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTnC,EAAWc,EAAOsB,EAAPtB,EAAa,KAAO,CACjCuB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderOverheadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":[null],"names":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAoBM,SAAUA,EAA2DC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WAGzCY,SAAAX,IAGP,CAEA,MAAMI,EAAaQ,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAChDC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRb,WAAY,UACZc,OAAQ,UACRb,MAAOI,EAAMU,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}
+{"version":3,"file":"HeaderOverheadItem.js","sources":["../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { Button } from '@mui/base';\nexport function HeaderOverheadItem(props) {\n    const { active, label } = props, rest = __rest(props, [\"active\", \"label\"]);\n    return (_jsx(ItemButton, Object.assign({ component: \"a\" }, rest, { sx: {\n            background: active ? 'var(--active-background)' : 'transparent',\n            color: active ? 'var(--active-color)' : 'inherit',\n        }, children: label })));\n}\nconst ItemButton = styled(Button)(({ theme }) => ({\n    padding: '0 55px',\n    height: '32px',\n    fontWeight: 700,\n    fontSize: '16px',\n    lineHeight: '21px',\n    '&:hover .FwlNavigationItem-label': {\n        borderBottomColor: 'currentColor',\n    },\n    appearance: 'inherit',\n    border: 'inherit',\n    background: 'inherit',\n    cursor: 'pointer',\n    color: theme.palette.text.primary,\n    display: 'flex',\n    alignItems: 'center',\n}));\n//# sourceMappingURL=HeaderOverheadItem.js.map"],"names":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAIO,SAASA,EAAmBC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WACzCY,SAAUX,IACrB,CACA,MAAMI,EAAaQ,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRb,WAAY,UACZc,OAAQ,UACRb,MAAOI,EAAMU,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}

package/layout/Header/HeaderSkodaLogo.d.ts

@@ -2,4 +2,5 @@ import { LinkProps } from '@mui/material';
 export type HeaderSkodaLogoProps = LinkProps & {
     alt?: string;
 };
+/** @deprecated use generic `Logo` component instead */
 export declare function HeaderSkodaLogo(props: HeaderSkodaLogoProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderSkodaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":[null],"names":["HeaderSkodaLogo","props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"4GAKM,SAAUA,EAAgBC,GACxB,MAAUC,EAAIC,EAAKF,EAAnB,CAAgB,QACtB,OACEG,EAACC,EAAIC,OAAAC,OAAA,GAAKL,EAAM,CAAAM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAWC,SACpDP,SAAKQ,MAAM,MAAMC,OAAO,KAAKC,QAAQ,aAAaC,KAAK,UAAUC,MAAM,6BAA4BL,SACjGP,UACEa,EAAE,u2CACFF,KAAK,gBAKf"}
+{"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Link } from '@mui/material';\n/** @deprecated use generic `Logo` component instead */\nexport function HeaderSkodaLogo(props) {\n    const { alt } = props, rest = __rest(props, [\"alt\"]);\n    return (_jsx(Link, Object.assign({}, rest, { sx: { padding: 2, display: 'inherit' }, children: _jsx(\"svg\", { width: \"120\", height: \"16\", viewBox: \"0 0 120 16\", fill: \"inherit\", xmlns: \"http://www.w3.org/2000/svg\", children: _jsx(\"path\", { d: \"M0 16L2.22307 12.6125H15.1169C15.8473 12.6125 16.3237 12.1587 16.3237 11.4631V9.49713H5.24009C1.93724 9.49713 0.4764 8.10585 0.4764 5.02078V3.68997C0.4764 1.3913 1.90549 0 4.16032 0H4.41438V4.96029C4.41438 5.65595 4.89078 6.10964 5.6212 6.10964H16.3554C18.8008 6.10964 20.2617 7.50094 20.2617 9.76936V11.5236C20.2617 14.5179 18.7055 16 15.498 16L0 16ZM77.2654 12.552H87.2374C88.8889 12.552 89.9369 11.5841 89.9369 10.0718V5.92816C89.9369 4.41587 88.8889 3.44801 87.2374 3.44801H77.2654V12.552ZM73.2639 16V0H87.3328C91.5248 0 93.9385 2.29867 93.9385 6.10964V9.89034C93.9385 13.7013 91.5248 16 87.3328 16H73.2639ZM53.872 12.552H62.288C63.8123 12.552 64.7968 11.6446 64.7968 10.2231V5.77693C64.7968 4.35538 63.8123 3.44801 62.288 3.44801H53.872C52.3477 3.44801 51.3632 4.35538 51.3632 5.77693V10.223C51.3632 11.6446 52.3477 12.552 53.872 12.552ZM62.3832 16H53.7768C49.7118 16 47.3616 13.7618 47.3616 10.0416V5.9584C47.3616 2.23818 49.7117 0 53.7768 0H62.3832C66.4482 0 68.7984 2.23818 68.7984 5.9584V10.0416C68.7984 13.7618 66.4483 16 62.3832 16ZM95.578 16L105.01 0H110.568L120 16H115.427L113.807 13.2476H105.772L103.613 9.98108L100.056 16H95.578ZM103.708 9.79961H111.775L107.741 2.99428L103.708 9.79961ZM8.3524 3.32702L6.06581 0H19.8806L17.6575 3.32702H8.3524ZM24.6649 16V0H28.6665V6.23062H33.9701L40.8616 0H46.1652L37.4 7.95462L46.324 16H40.7028L33.8113 9.67863H28.6665V16H24.6649Z\", fill: \"inherit\" }) }) })));\n}\n//# sourceMappingURL=HeaderSkodaLogo.js.map"],"names":["HeaderSkodaLogo","props","rest","__rest","_jsx","Link","Object","assign","sx","padding","display","children","width","height","viewBox","fill","xmlns","d"],"mappings":"4GAIO,SAASA,EAAgBC,GACvB,MAAkBC,EAAOC,EAAOF,EAAO,CAAC,QAC7C,OAAQG,EAAKC,EAAMC,OAAOC,OAAO,GAAIL,EAAM,CAAEM,GAAI,CAAEC,QAAS,EAAGC,QAAS,WAAaC,SAAUP,EAAK,MAAO,CAAEQ,MAAO,MAAOC,OAAQ,KAAMC,QAAS,aAAcC,KAAM,UAAWC,MAAO,6BAA8BL,SAAUP,EAAK,OAAQ,CAAEa,EAAG,u2CAAw2CF,KAAM,gBACpmD"}

package/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":[null],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"4HAQA,MAAMA,EAA+B,CAACC,EAAqBC,IAQlDC,GAPP,SACEC,EACAC,SAEA,OAAOC,EAACC,EAAiBC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,KAAMT,EAAaU,MAAkB,QAAXC,EAAAR,EAAMO,aAAK,IAAAC,EAAAA,EAAIV,IACpF,IAKUW,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('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"}

package/layout/Header/index.d.ts

@@ -1,7 +1,9 @@
 export * from './Header';
 export * from './HeaderButton';
 export * from './HeaderLogo';
-export * from './HeaderNavigationItem';
+export * from './HeaderNavigationHero';
+export * from './HeaderNavigationLink';
+export * from './HeaderNavigationMenu';
 export * from './HeaderSkodaLogo';
 export * from './PredefinedHeaderButtons';
 export * from './HeaderOverheadItem';

package/layout/PageLayout/PageLayout.d.ts

@@ -1,16 +1,37 @@
 import React from 'react';
 export type PageLayoutProps = {
-    /** Content of an page */
+    /**
+     * Content of an page
+     * @requires
+     */
     children: React.ReactNode;
-    /** React node that renders layout header */
+    /**
+     * React node that renders layout header
+     * @default undefined
+     */
     header?: React.ReactNode;
-    /** React node that renders layout footer */
+    /**
+     * React node that renders layout footer
+     * @default undefined
+     */
     footer?: React.ReactNode;
-    /** Specifies position of header */
+    /**
+     * Specifies position of header
+     * - static: header is fixed on top of the content
+     * - fixed: header is visible while user scrolls the content
+     * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up
+     * @default static
+     */
     headerPosition?: 'static' | 'fixed' | 'slide';
-    /** Specifies threshold that is used to hide header */
+    /**
+     * Specifies threshold that is used to hide header
+     * @default 250
+     */
     headerSlideThreshold?: number;
-    /** Specifies if content should be automatically wrapped into container component */
+    /**
+     * Specifies if content should be automatically wrapped into container component
+     * @default false
+     */
     wrapContent?: boolean;
 };
 export declare const PageLayout: React.FC<PageLayoutProps>;

package/layout/PageLayout/PageLayout.js

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as t,jsx as e}from"react/jsx-runtime";import{useScrollTrigger as s,Box as r,Slide as i}from"@mui/material";import{useRef as n,useState as m,useEffect as a}from"react";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{Container as p}from"../../components/container/container.js";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../components/icon/icon.js";import"../../components/indicator/indicator.js";import"../../components/label/label.js";import"../../components/labelCO2/labelCO2.js";import"../../components/labelFeature/labelFeature.js";import"../../components/labelPromotional/labelPromotional.js";import"../../components/labelStatus/labelStatus.js";import"../../components/menu/menu.js";import"@mui/material/MenuItem";import"../../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"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"../Header/HeaderButton.js";import"../Header/HeaderNavigationItem.js";import"../Header/PredefinedHeaderButtons.js";import"../Header/HeaderOverheadItem.js";import"../SideMenu/SideMenuItem.js";import"../Footer/FooterNavItem.js";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button.js";const c=c=>{const{children:d,header:l,footer:j,headerPosition:g="static",headerSlideThreshold:h=250,wrapContent:u=!1}=c,b=n(null),[y,k]=m(0);a((()=>{b.current&&k(b.current.getBoundingClientRect().height)}),[b.current]);const C=s({target:window,threshold:h});return o(r,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:o=>o.palette.surface.primary},"data-testid":"PageLayout",children:[l&&o(t,{children:[e(r,{ref:b,sx:{position:"static"===g?"static":"fixed",top:0,left:0,right:0},component:"slide"===g?i:void 0,appear:"slide"!==g&&void 0,direction:"slide"===g?"down":void 0,in:"slide"===g?!C:void 0,children:e(r,{"data-testid":"PageLayout.header",children:l})}),"static"!==g&&e(r,{sx:{height:y}})]}),e(r,{sx:{flexGrow:1},component:u?p:void 0,"data-testid":"Container",children:d}),j&&e(r,{"data-testid":"PageLayout.footer",children:j})]})};export{c as PageLayout};
+import{jsxs as t,Fragment as e,jsx as i}from"react/jsx-runtime";import{useScrollTrigger as r,Box as o,Slide as d,Container as n}from"@mui/material";import{useRef as a,useState as c,useEffect as s}from"react";const l=l=>{const{children:h,header:p,footer:m,headerPosition:u="static",headerSlideThreshold:f=250,wrapContent:g=!1}=l,x=a(null),[v,w]=c(0);s((()=>{x.current&&w(x.current.getBoundingClientRect().height)}),[x.current]);const y=r({target:window,threshold:f});return t(o,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:t=>t.palette.surface.primary},"data-testid":"PageLayout",children:[p&&t(e,{children:[i(o,{ref:x,sx:{position:"static"===u?"static":"fixed",top:0,left:0,right:0},component:"slide"===u?d:void 0,appear:"slide"!==u&&void 0,direction:"slide"===u?"down":void 0,in:"slide"===u?!y:void 0,children:i(o,{"data-testid":"PageLayout.header",children:p})}),"static"!==u&&i(o,{sx:{height:v}})]}),i(o,{sx:{flexGrow:1},component:g?n:void 0,"data-testid":"Container",children:h}),m&&i(o,{"data-testid":"PageLayout.footer",children:m})]})};export{l as PageLayout};
 //# sourceMappingURL=PageLayout.js.map