@skodaflow/web-library 6.0.0 → 7.0.0

package/design/skoda/components/tooltip.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.theme.js","sources":["../../../../src/design/skoda/components/tooltip.theme.ts"],"sourcesContent":["import { flowColors } from '../palette.theme';\nexport const flowTooltip = {\n    defaultProps: {\n        placement: 'bottom',\n        arrow: true,\n    },\n    styleOverrides: {\n        tooltip: {\n            background: flowColors.onSurface.os700,\n            color: flowColors.onSurface.os0,\n            fontSize: 12,\n            fontWeight: 400,\n            lineHeight: '16px',\n            padding: '8px 12px',\n            borderRadius: 2,\n        },\n        arrow: {\n            '&::before': {\n                background: flowColors.onSurface.os700,\n            },\n        },\n    },\n};\n//# sourceMappingURL=tooltip.theme.js.map"],"names":["flowTooltip","defaultProps","placement","arrow","styleOverrides","tooltip","background","flowColors","onSurface","os700","color","os0","fontSize","fontWeight","lineHeight","padding","borderRadius"],"mappings":"iDACY,MAACA,EAAc,CACvBC,aAAc,CACVC,UAAW,SACXC,OAAO,GAEXC,eAAgB,CACZC,QAAS,CACLC,WAAYC,EAAWC,UAAUC,MACjCC,MAAOH,EAAWC,UAAUG,IAC5BC,SAAU,GACVC,WAAY,IACZC,WAAY,OACZC,QAAS,WACTC,aAAc,GAElBb,MAAO,CACH,YAAa,CACTG,WAAYC,EAAWC,UAAUC"}
+{"version":3,"file":"tooltip.theme.js","sources":["../../../../src/design/skoda/components/tooltip.theme.ts"],"sourcesContent":["import { paletteLight as flowColors } from '../paletteLight.theme';\nexport const flowTooltip = {\n    defaultProps: {\n        placement: 'bottom',\n        arrow: true,\n    },\n    styleOverrides: {\n        tooltip: {\n            background: flowColors.onSurface.os700,\n            color: flowColors.onSurface.os0,\n            fontSize: 12,\n            fontWeight: 400,\n            lineHeight: '16px',\n            padding: '8px 12px',\n            borderRadius: 2,\n        },\n        arrow: {\n            '&::before': {\n                background: flowColors.onSurface.os700,\n            },\n        },\n    },\n};\n//# sourceMappingURL=tooltip.theme.js.map"],"names":["flowTooltip","defaultProps","placement","arrow","styleOverrides","tooltip","background","flowColors","onSurface","os700","color","os0","fontSize","fontWeight","lineHeight","padding","borderRadius"],"mappings":"wDACY,MAACA,EAAc,CACvBC,aAAc,CACVC,UAAW,SACXC,OAAO,GAEXC,eAAgB,CACZC,QAAS,CACLC,WAAYC,EAAWC,UAAUC,MACjCC,MAAOH,EAAWC,UAAUG,IAC5BC,SAAU,GACVC,WAAY,IACZC,WAAY,OACZC,QAAS,WACTC,aAAc,GAElBb,MAAO,CACH,YAAa,CACTG,WAAYC,EAAWC,UAAUC"}

package/design/skoda/fonts/SKODANextIcons-Filled.eot.js

@@ -0,0 +1,2 @@
+var a="9b0223f0f75101d4.eot";export{a as default};
+//# sourceMappingURL=SKODANextIcons-Filled.eot.js.map

package/design/skoda/fonts/SKODANextIcons-Filled.eot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Filled.eot.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Filled.eot"],"sourcesContent":["export default \"9b0223f0f75101d4.eot\""],"names":["iconsFilledEot"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/fonts/SKODANextIcons-Filled.otf.js

@@ -0,0 +1,2 @@
+var e="6d0fdeee5f7b79b0.otf";export{e as default};
+//# sourceMappingURL=SKODANextIcons-Filled.otf.js.map

package/design/skoda/fonts/SKODANextIcons-Filled.otf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Filled.otf.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Filled.otf"],"sourcesContent":["export default \"6d0fdeee5f7b79b0.otf\""],"names":["iconsFilledOtf"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/fonts/SKODANextIcons-Filled.woff.js

@@ -0,0 +1,2 @@
+var f="31900b5b84c8ebf5.woff";export{f as default};
+//# sourceMappingURL=SKODANextIcons-Filled.woff.js.map

package/design/skoda/fonts/SKODANextIcons-Filled.woff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Filled.woff.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Filled.woff"],"sourcesContent":["export default \"31900b5b84c8ebf5.woff\""],"names":["iconsFilledWoff"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/fonts/SKODANextIcons-Regular.eot.js

@@ -0,0 +1,2 @@
+var a="2f0bdf9288683716.eot";export{a as default};
+//# sourceMappingURL=SKODANextIcons-Regular.eot.js.map

package/design/skoda/fonts/SKODANextIcons-Regular.eot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Regular.eot.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Regular.eot"],"sourcesContent":["export default \"2f0bdf9288683716.eot\""],"names":["iconsRegularEot"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/fonts/SKODANextIcons-Regular.otf.js

@@ -0,0 +1,2 @@
+var a="6acf7baa6fae93bd.otf";export{a as default};
+//# sourceMappingURL=SKODANextIcons-Regular.otf.js.map

package/design/skoda/fonts/SKODANextIcons-Regular.otf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Regular.otf.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Regular.otf"],"sourcesContent":["export default \"6acf7baa6fae93bd.otf\""],"names":["iconsRegularOtf"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/fonts/SKODANextIcons-Regular.woff.js

@@ -0,0 +1,2 @@
+var a="690054abce120440.woff";export{a as default};
+//# sourceMappingURL=SKODANextIcons-Regular.woff.js.map

package/design/skoda/fonts/SKODANextIcons-Regular.woff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SKODANextIcons-Regular.woff.js","sources":["../../../../src/design/skoda/fonts/SKODANextIcons-Regular.woff"],"sourcesContent":["export default \"690054abce120440.woff\""],"names":["iconsRegularWoff"],"mappings":"AAAA,IAAeA,EAAA"}

package/design/skoda/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SkodaThemeProvider';
 export * from './SkodaThemeWidgetProvider';
+export { theme, darkTheme } from './theme';

package/design/skoda/{palette.theme.d.ts → paletteDark.theme.d.ts}

@@ -1,2 +1,2 @@
 import { PaletteOptions } from '@mui/material/styles';
-export declare const flowColors: PaletteOptions;
+export declare const paletteDark: PaletteOptions;

package/design/skoda/paletteDark.theme.js

@@ -0,0 +1,2 @@
+import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as s}from"./paletteLight.theme.js";const o=r["flow-colors"],e=Object.assign(Object.assign({},s),{mode:"dark",surface:{primary:o["surface-quarternary"],secondary:o["surface-tertiary"],tertiary:o["surface-secondary"],quarternary:o["surface-primary"]},onSurface:{os0:o["on-surface900"],os100:o["on-surface800"],os200:o["on-surface700"],os300:o["on-surface600"],os500:o["on-surface500"],os600:o["on-surface300"],os700:o["on-surface200"],os800:o["on-surface100"],os900:o["on-surface0"]}});export{e as paletteDark};
+//# sourceMappingURL=paletteDark.theme.js.map

package/design/skoda/paletteDark.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteDark.theme.js","sources":["../../../src/design/skoda/paletteDark.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from '@/src/design/skoda/paletteLight.theme';\nconst tokenColors = tokens['flow-colors'];\nexport const paletteDark = Object.assign(Object.assign({}, paletteLight), { mode: 'dark', \n    // invert surface & onSurface values (in opposite of light palette)\n    surface: {\n        primary: tokenColors['surface-quarternary'],\n        secondary: tokenColors['surface-tertiary'],\n        tertiary: tokenColors['surface-secondary'],\n        quarternary: tokenColors['surface-primary'],\n    }, onSurface: {\n        os0: tokenColors['on-surface900'],\n        os100: tokenColors['on-surface800'],\n        os200: tokenColors['on-surface700'],\n        os300: tokenColors['on-surface600'],\n        os500: tokenColors['on-surface500'],\n        os600: tokenColors['on-surface300'],\n        os700: tokenColors['on-surface200'],\n        os800: tokenColors['on-surface100'],\n        os900: tokenColors['on-surface0'],\n    } });\n//# sourceMappingURL=paletteDark.theme.js.map"],"names":["tokenColors","tokens","paletteDark","Object","assign","paletteLight","mode","surface","primary","secondary","tertiary","quarternary","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900"],"mappings":"4GAEA,MAAMA,EAAcC,EAAO,eACdC,EAAcC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIC,GAAe,CAAEC,KAAM,OAE9EC,QAAS,CACLC,QAASR,EAAY,uBACrBS,UAAWT,EAAY,oBACvBU,SAAUV,EAAY,qBACtBW,YAAaX,EAAY,oBAC1BY,UAAW,CACVC,IAAKb,EAAY,iBACjBc,MAAOd,EAAY,iBACnBe,MAAOf,EAAY,iBACnBgB,MAAOhB,EAAY,iBACnBiB,MAAOjB,EAAY,iBACnBkB,MAAOlB,EAAY,iBACnBmB,MAAOnB,EAAY,iBACnBoB,MAAOpB,EAAY,iBACnBqB,MAAOrB,EAAY"}

package/design/skoda/paletteLight.theme.d.ts

@@ -0,0 +1,2 @@
+import { PaletteOptions } from '@mui/material/styles';
+export declare const paletteLight: PaletteOptions;

package/design/skoda/paletteLight.theme.js

@@ -0,0 +1,2 @@
+import r from"@skodaflow/web-tokens/src/tokens.json";const a=r["flow-colors"],e={mode:"light",primary:{main:a["brand-primary"],light:a["brand-hover-primary"]},secondary:{main:a["on-surface700"],light:a["on-surface600"]},error:{main:a["semantic-alert"]},success:{main:a["semantic-positive"]},divider:a["surface-secondary"],brand:{primary:a["brand-primary"],secondary:a["brand-secondary"],tertiary:a["brand-tertiary"],quarternary:a["brand-quarternary"]},brandHover:{primary:a["brand-hover-primary"],secondary:a["brand-hover-secondary"]},disabled:{primary:a["disabled-primary"],secondary:a["disabled-secondary"],tertiary:a["disabled-tertiary"]},text:{primary:a["text-primary"],disabled:a["disabled-primary"]},background:{primary:a["background-primary"],paper:a["background-primary"],default:a["surface-secondary"]},transparent:{primary:a["transparent-primary"],secondary:a["transparent-secondary"],backdrop:a["transparent-backdrop"]},surface:{primary:a["surface-primary"],secondary:a["surface-secondary"],tertiary:a["surface-tertiary"],quarternary:a["surface-quarternary"]},onSurface:{os0:a["on-surface0"],os100:a["on-surface100"],os200:a["on-surface200"],os300:a["on-surface300"],os500:a["on-surface500"],os600:a["on-surface600"],os700:a["on-surface700"],os800:a["on-surface800"],os900:a["on-surface900"]},alert:{main:a["semantic-alert"]},warning:{main:a["semantic-warning"]},positive:{main:a["semantic-positive"]},info:{main:a["semantic-info"]}};export{e as paletteLight};
+//# sourceMappingURL=paletteLight.theme.js.map

package/design/skoda/paletteLight.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteLight.theme.js","sources":["../../../src/design/skoda/paletteLight.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nconst tokenColors = tokens['flow-colors'];\nexport const paletteLight = {\n    mode: 'light',\n    primary: {\n        main: tokenColors['brand-primary'],\n        light: tokenColors['brand-hover-primary'],\n    },\n    secondary: {\n        main: tokenColors['on-surface700'],\n        light: tokenColors['on-surface600'],\n    },\n    error: {\n        main: tokenColors['semantic-alert'],\n    },\n    success: {\n        main: tokenColors['semantic-positive'],\n    },\n    divider: tokenColors['surface-secondary'],\n    brand: {\n        primary: tokenColors['brand-primary'],\n        secondary: tokenColors['brand-secondary'],\n        tertiary: tokenColors['brand-tertiary'],\n        quarternary: tokenColors['brand-quarternary'],\n    },\n    brandHover: {\n        primary: tokenColors['brand-hover-primary'],\n        secondary: tokenColors['brand-hover-secondary'],\n    },\n    disabled: {\n        primary: tokenColors['disabled-primary'],\n        secondary: tokenColors['disabled-secondary'],\n        tertiary: tokenColors['disabled-tertiary'],\n    },\n    text: {\n        primary: tokenColors['text-primary'],\n        disabled: tokenColors['disabled-primary'],\n    },\n    background: {\n        primary: tokenColors['background-primary'],\n        paper: tokenColors['background-primary'],\n        default: tokenColors['surface-secondary'],\n    },\n    transparent: {\n        primary: tokenColors['transparent-primary'],\n        secondary: tokenColors['transparent-secondary'],\n        backdrop: tokenColors['transparent-backdrop'],\n    },\n    surface: {\n        primary: tokenColors['surface-primary'],\n        secondary: tokenColors['surface-secondary'],\n        tertiary: tokenColors['surface-tertiary'],\n        quarternary: tokenColors['surface-quarternary'],\n    },\n    onSurface: {\n        os0: tokenColors['on-surface0'],\n        os100: tokenColors['on-surface100'],\n        os200: tokenColors['on-surface200'],\n        os300: tokenColors['on-surface300'],\n        os500: tokenColors['on-surface500'],\n        os600: tokenColors['on-surface600'],\n        os700: tokenColors['on-surface700'],\n        os800: tokenColors['on-surface800'],\n        os900: tokenColors['on-surface900'],\n    },\n    alert: {\n        main: tokenColors['semantic-alert'],\n    },\n    warning: {\n        main: tokenColors['semantic-warning'],\n    },\n    positive: {\n        main: tokenColors['semantic-positive'],\n    },\n    info: {\n        main: tokenColors['semantic-info'],\n    },\n};\n//# sourceMappingURL=paletteLight.theme.js.map"],"names":["tokenColors","tokens","paletteLight","mode","primary","main","light","secondary","error","success","divider","brand","tertiary","quarternary","brandHover","disabled","text","background","paper","default","transparent","backdrop","surface","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900","alert","warning","positive","info"],"mappings":"qDACA,MAAMA,EAAcC,EAAO,eACdC,EAAe,CACxBC,KAAM,QACNC,QAAS,CACLC,KAAML,EAAY,iBAClBM,MAAON,EAAY,wBAEvBO,UAAW,CACPF,KAAML,EAAY,iBAClBM,MAAON,EAAY,kBAEvBQ,MAAO,CACHH,KAAML,EAAY,mBAEtBS,QAAS,CACLJ,KAAML,EAAY,sBAEtBU,QAASV,EAAY,qBACrBW,MAAO,CACHP,QAASJ,EAAY,iBACrBO,UAAWP,EAAY,mBACvBY,SAAUZ,EAAY,kBACtBa,YAAab,EAAY,sBAE7Bc,WAAY,CACRV,QAASJ,EAAY,uBACrBO,UAAWP,EAAY,0BAE3Be,SAAU,CACNX,QAASJ,EAAY,oBACrBO,UAAWP,EAAY,sBACvBY,SAAUZ,EAAY,sBAE1BgB,KAAM,CACFZ,QAASJ,EAAY,gBACrBe,SAAUf,EAAY,qBAE1BiB,WAAY,CACRb,QAASJ,EAAY,sBACrBkB,MAAOlB,EAAY,sBACnBmB,QAASnB,EAAY,sBAEzBoB,YAAa,CACThB,QAASJ,EAAY,uBACrBO,UAAWP,EAAY,yBACvBqB,SAAUrB,EAAY,yBAE1BsB,QAAS,CACLlB,QAASJ,EAAY,mBACrBO,UAAWP,EAAY,qBACvBY,SAAUZ,EAAY,oBACtBa,YAAab,EAAY,wBAE7BuB,UAAW,CACPC,IAAKxB,EAAY,eACjByB,MAAOzB,EAAY,iBACnB0B,MAAO1B,EAAY,iBACnB2B,MAAO3B,EAAY,iBACnB4B,MAAO5B,EAAY,iBACnB6B,MAAO7B,EAAY,iBACnB8B,MAAO9B,EAAY,iBACnB+B,MAAO/B,EAAY,iBACnBgC,MAAOhC,EAAY,kBAEvBiC,MAAO,CACH5B,KAAML,EAAY,mBAEtBkC,QAAS,CACL7B,KAAML,EAAY,qBAEtBmC,SAAU,CACN9B,KAAML,EAAY,sBAEtBoC,KAAM,CACF/B,KAAML,EAAY"}

package/design/skoda/theme.constants.js

@@ -1,2 +1,2 @@
-import{flowColors as e}from"./palette.theme.js";const o={focusVisible:"Mui-focusVisible",selected:"Mui-checked"},s={focusVisibleColor:e.onSurface.os900};export{o as ClassNaming,s as StylesDefinition};
+import{paletteLight as e}from"./paletteLight.theme.js";const o={focusVisible:"Mui-focusVisible",selected:"Mui-checked"},i={focusVisibleColor:e.onSurface.os900};export{o as ClassNaming,i as StylesDefinition};
 //# sourceMappingURL=theme.constants.js.map

package/design/skoda/theme.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.constants.js","sources":["../../../src/design/skoda/theme.constants.ts"],"sourcesContent":["import { flowColors } from './palette.theme';\nexport const ClassNaming = {\n    focusVisible: 'Mui-focusVisible',\n    selected: 'Mui-checked',\n};\nexport const StylesDefinition = {\n    focusVisibleColor: flowColors.onSurface.os900,\n};\n//# sourceMappingURL=theme.constants.js.map"],"names":["ClassNaming","focusVisible","selected","StylesDefinition","focusVisibleColor","flowColors","onSurface","os900"],"mappings":"gDACY,MAACA,EAAc,CACvBC,aAAc,mBACdC,SAAU,eAEDC,EAAmB,CAC5BC,kBAAmBC,EAAWC,UAAUC"}
+{"version":3,"file":"theme.constants.js","sources":["../../../src/design/skoda/theme.constants.ts"],"sourcesContent":["import { paletteLight as flowColors } from './paletteLight.theme';\nexport const ClassNaming = {\n    focusVisible: 'Mui-focusVisible',\n    selected: 'Mui-checked',\n};\nexport const StylesDefinition = {\n    focusVisibleColor: flowColors.onSurface.os900,\n};\n//# sourceMappingURL=theme.constants.js.map"],"names":["ClassNaming","focusVisible","selected","StylesDefinition","focusVisibleColor","flowColors","onSurface","os900"],"mappings":"uDACY,MAACA,EAAc,CACvBC,aAAc,mBACdC,SAAU,eAEDC,EAAmB,CAC5BC,kBAAmBC,EAAWC,UAAUC"}

package/design/skoda/theme.d.ts

@@ -1,4 +1,10 @@
+import { PaletteMode } from '@mui/material';
 import { BreakpointsOptions } from '@mui/material/styles';
 import './theme.extensions';
-import { TypographySize } from './theme.typography';
-export declare const createSkodaTheme: (typographySize: TypographySize, breakpointsOptions?: BreakpointsOptions) => import("@mui/material/styles").Theme;
+export declare function createSkodaTheme({ mode, breakpointsOptions, widget, }: {
+    mode?: PaletteMode;
+    breakpointsOptions?: BreakpointsOptions;
+    widget?: boolean;
+}): import("@mui/material").Theme;
+export declare const theme: import("@mui/material").Theme;
+export declare const darkTheme: import("@mui/material").Theme;

package/design/skoda/theme.js

@@ -1,2 +1,2 @@
-import{createTheme as o}from"@mui/material/styles";import{flowAccordion as e}from"./components/accordion/accordion.theme.js";import{flowAccordionSummary as t}from"./components/accordion/accordionSummary.theme.js";import{flowAutocomplete as m}from"./components/autocomplete.theme.js";import{flowBackdrop as r}from"./components/backdrop.theme.js";import{flowScopedCssBaseline as i}from"./components/baseline.theme.js";import{flowBreadCrumbs as n}from"./components/breadcrumbs.theme.js";import{flowButton as s}from"./components/button.theme.js";import{flowButtonBase as p}from"./components/buttonBase.theme.js";import{flowCheckbox as c}from"./components/checkbox.theme.js";import{flowChip as a}from"./components/chip.theme.js";import{flowClock as u}from"./components/datePickers/clock.theme.js";import{flowDateTimePickerTabs as f}from"./components/datePickers/dateTimePickerTabs.theme.js";import{flowDateTimePickerToolbar as l}from"./components/datePickers/dateTimePickerToolbar.theme.js";import{flowDesktopDateTimePicker as h}from"./components/datePickers/desktopDateTimePicker.theme.js";import{flowDesktopTimePicker as M}from"./components/datePickers/desktopTimePicker.theme.js";import{flowMultiSectionDigitalClockSection as j}from"./components/datePickers/multiSectionDigitalClockSection.theme.js";import{flowPickersLayout as d}from"./components/datePickers/pickersLayout.theme.js";import{flowPickersToolbar as k}from"./components/datePickers/pickersToolbar.theme.js";import{flowPickersToolbarButton as b}from"./components/datePickers/pickersToolbarButton.theme.js";import{flowPickersToolbarText as T}from"./components/datePickers/pickersToolbarText.theme.js";import{flowTimeClock as P}from"./components/datePickers/timeClock.theme.js";import{flowTimePickerToolbar as g}from"./components/datePickers/timePickerToolbar.theme.js";import{flowDialog as C}from"./components/dialog/dialog.theme.js";import{flowDialogActions as S}from"./components/dialog/dialogActions.theme.js";import{flowDialogTitle as B}from"./components/dialog/dialogTitle.theme.js";import{flowDivider as D}from"./components/divider.theme.js";import{flowDrawer as I}from"./components/drawer.theme.js";import{flowFilledInput as x}from"./components/form/filledInput.theme.js";import{flowFormControl as y}from"./components/form/formControl.theme.js";import{flowFormControlLabel as L}from"./components/form/formControlLabel.theme.js";import{flowFormHelperText as A}from"./components/form/formHelperText.theme.js";import{flowFormLabel as F}from"./components/form/formLabel.theme.js";import{flowInput as v}from"./components/form/input.theme.js";import{flowInputAdornment as w}from"./components/form/inputAdornment.theme.js";import{flowInputBase as H}from"./components/form/inputBase.theme.js";import{flowInputLabel as G}from"./components/form/inputLabel.theme.js";import{flowRadio as R}from"./components/form/radio.theme.js";import{flowSelect as q}from"./components/form/select.theme.js";import{flowSlider as z}from"./components/form/slider.theme.js";import{flowSwitch as E}from"./components/form/switch.theme.js";import{flowTextField as J}from"./components/form/textField.theme.js";import{flowIcon as K}from"./components/icon.theme.js";import{flowIconButton as N}from"./components/iconButton.theme.js";import{flowContainer as O}from"./components/layout/container.theme.js";import{flowGrid as Q}from"./components/layout/grid.theme.js";import{flowList as U}from"./components/list.theme.js";import{flowListItemText as V}from"./components/listItemText.theme.js";import{flowMenuItem as W}from"./components/menuItem.theme.js";import{flowMobileStepper as X}from"./components/mobileStepper.theme.js";import{flowModal as Y}from"./components/modal.theme.js";import{flowPaginationItem as Z,flowPagination as $}from"./components/pagination.theme.js";import{flowPaper as _}from"./components/paper.theme.js";import{flowPopover as oo}from"./components/popover.theme.js";import{flowSnackbar as eo}from"./components/snackbar.theme.js";import{flowStepConnector as to,flowStepLabel as mo}from"./components/stepper/stepper.theme.js";import{flowTab as ro}from"./components/tabs/tab.theme.js";import{flowTabs as io}from"./components/tabs/tabs.theme.js";import{flowTooltip as no}from"./components/tooltip.theme.js";import{flowCard as so}from"./organisms/card.theme.js";import{flowColors as po}from"./palette.theme.js";import{flowBreakpoints as co}from"./theme.breakpoints.js";import{getTypographyOptions as ao}from"./theme.typography.js";const uo=(uo,fo)=>o({breakpoints:null!=fo?fo:co,palette:po,typography:ao(uo),components:{MuiContainer:O,MuiScopedCssBaseline:i(uo),MuiIcon:K,MuiButtonBase:p,MuiButton:s,MuiIconButton:N,MuiSwitch:E,MuiCheckbox:c,MuiRadio:R,MuiSlider:z,MuiTooltip:no,MuiDivider:D,MuiGrid:Q,MuiChip:a,MuiPaper:_,MuiTextField:J,MuiSelect:q,MuiMenuItem:W,MuiTab:ro,MuiTabs:io,MuiCard:so,MuiPaginationItem:Z,MuiPagination:$,MuiSnackbar:eo,MuiModal:Y,MuiBackdrop:r,MuiDrawer:I,MuiAccordion:e,MuiMobileStepper:X,MuiInputBase:H,MuiInputLabel:G,MuiInput:v,MuiFormControl:y,MuiFilledInput:x,MuiFormLabel:F,MuiFormControlLabel:L,MuiInputAdornment:w,MuiFormHelperText:A,MuiDialogActions:S,MuiDialog:C,MuiDialogTitle:B,MuiList:U,MuiListItemText:V,MuiPopover:oo,MuiAutocomplete:m,MuiBreadcrumbs:n,MuiPickersToolbar:k,MuiPickersToolbarButton:b,MuiDateTimePickerToolbar:l,MuiDateTimePickerTabs:f,MuiMultiSectionDigitalClockSection:j,MuiAccordionSummary:t,MuiDesktopDateTimePicker:h,MuiDesktopTimePicker:M,MuiPickersToolbarText:T,MuiPickersLayout:d,MuiTimePickerToolbar:g,MuiTimeClock:P,MuiClock:u,MuiStepConnector:to,MuiStepLabel:mo}});export{uo as createSkodaTheme};
+import{createTheme as o}from"@mui/material/styles";import{flowAccordion as e}from"./components/accordion/accordion.theme.js";import{flowAccordionSummary as t}from"./components/accordion/accordionSummary.theme.js";import{flowAutocomplete as m}from"./components/autocomplete.theme.js";import{flowBackdrop as r}from"./components/backdrop.theme.js";import{getFlowCssBaseline as i}from"./components/baseline.theme.js";import{flowBreadCrumbs as s}from"./components/breadcrumbs.theme.js";import{flowButton as n}from"./components/button.theme.js";import{flowButtonBase as p}from"./components/buttonBase.theme.js";import{flowCheckbox as c}from"./components/checkbox.theme.js";import{flowChip as a}from"./components/chip.theme.js";import{flowClock as u}from"./components/datePickers/clock.theme.js";import{flowDateTimePickerTabs as f}from"./components/datePickers/dateTimePickerTabs.theme.js";import{flowDateTimePickerToolbar as l}from"./components/datePickers/dateTimePickerToolbar.theme.js";import{flowDesktopDateTimePicker as h}from"./components/datePickers/desktopDateTimePicker.theme.js";import{flowDesktopTimePicker as M}from"./components/datePickers/desktopTimePicker.theme.js";import{flowMultiSectionDigitalClockSection as j}from"./components/datePickers/multiSectionDigitalClockSection.theme.js";import{flowPickersLayout as d}from"./components/datePickers/pickersLayout.theme.js";import{flowPickersToolbar as k}from"./components/datePickers/pickersToolbar.theme.js";import{flowPickersToolbarButton as b}from"./components/datePickers/pickersToolbarButton.theme.js";import{flowPickersToolbarText as T}from"./components/datePickers/pickersToolbarText.theme.js";import{flowTimeClock as P}from"./components/datePickers/timeClock.theme.js";import{flowTimePickerToolbar as g}from"./components/datePickers/timePickerToolbar.theme.js";import{flowDialog as C}from"./components/dialog/dialog.theme.js";import{flowDialogActions as D}from"./components/dialog/dialogActions.theme.js";import{flowDialogTitle as S}from"./components/dialog/dialogTitle.theme.js";import{flowDivider as B}from"./components/divider.theme.js";import{flowDrawer as I}from"./components/drawer.theme.js";import{flowFilledInput as L}from"./components/form/filledInput.theme.js";import{flowFormControl as x}from"./components/form/formControl.theme.js";import{flowFormControlLabel as y}from"./components/form/formControlLabel.theme.js";import{flowFormHelperText as F}from"./components/form/formHelperText.theme.js";import{flowFormLabel as A}from"./components/form/formLabel.theme.js";import{flowInput as w}from"./components/form/input.theme.js";import{flowInputAdornment as v}from"./components/form/inputAdornment.theme.js";import{flowInputBase as H}from"./components/form/inputBase.theme.js";import{flowInputLabel as O}from"./components/form/inputLabel.theme.js";import{flowRadio as R}from"./components/form/radio.theme.js";import{flowSelect as E}from"./components/form/select.theme.js";import{flowSlider as G}from"./components/form/slider.theme.js";import{flowSwitch as K}from"./components/form/switch.theme.js";import{flowTextField as _}from"./components/form/textField.theme.js";import{flowIcon as q}from"./components/icon.theme.js";import{flowIconButton as z}from"./components/iconButton.theme.js";import{flowContainer as J}from"./components/layout/container.theme.js";import{flowGrid as N}from"./components/layout/grid.theme.js";import{flowList as Q}from"./components/list.theme.js";import{flowListItemText as U}from"./components/listItemText.theme.js";import{flowMenuItem as V}from"./components/menuItem.theme.js";import{flowMobileStepper as W}from"./components/mobileStepper.theme.js";import{flowModal as X}from"./components/modal.theme.js";import{flowPaginationItem as Y,flowPagination as Z}from"./components/pagination.theme.js";import{flowPaper as $}from"./components/paper.theme.js";import{flowPopover as oo}from"./components/popover.theme.js";import{flowSnackbar as eo}from"./components/snackbar.theme.js";import{flowStepConnector as to,flowStepLabel as mo}from"./components/stepper/stepper.theme.js";import{flowTab as ro}from"./components/tabs/tab.theme.js";import{flowTabs as io}from"./components/tabs/tabs.theme.js";import{flowTooltip as so}from"./components/tooltip.theme.js";import{flowCard as no}from"./organisms/card.theme.js";import{paletteLight as po}from"./paletteLight.theme.js";import{paletteDark as co}from"./paletteDark.theme.js";import{flowBreakpoints as ao}from"./theme.breakpoints.js";import{getTypographyOptions as uo}from"./theme.typography.js";import{evaluateFeatureFlag as fo}from"../../utils/useFeatureFlag/useFeatureFlag.js";function lo({mode:fo="light",breakpointsOptions:lo=ao,widget:ho=!1}){return o({breakpoints:lo,palette:"dark"===fo?co:po,typography:uo(lo,ho),components:{MuiContainer:J,MuiCssBaseline:i(lo,ho),MuiScopedCssBaseline:i(lo,ho),MuiIcon:q,MuiButtonBase:p,MuiButton:n,MuiIconButton:z,MuiSwitch:K,MuiCheckbox:c,MuiRadio:R,MuiSlider:G,MuiTooltip:so,MuiDivider:B,MuiGrid:N,MuiChip:a,MuiPaper:$,MuiTextField:_,MuiSelect:E,MuiMenuItem:V,MuiTab:ro,MuiTabs:io,MuiCard:no,MuiPaginationItem:Y,MuiPagination:Z,MuiSnackbar:eo,MuiModal:X,MuiBackdrop:r,MuiDrawer:I,MuiAccordion:e,MuiMobileStepper:W,MuiInputBase:H,MuiInputLabel:O,MuiInput:w,MuiFormControl:x,MuiFilledInput:L,MuiFormLabel:A,MuiFormControlLabel:y,MuiInputAdornment:v,MuiFormHelperText:F,MuiDialogActions:D,MuiDialog:C,MuiDialogTitle:S,MuiList:Q,MuiListItemText:U,MuiPopover:oo,MuiAutocomplete:m,MuiBreadcrumbs:s,MuiPickersToolbar:k,MuiPickersToolbarButton:b,MuiDateTimePickerToolbar:l,MuiDateTimePickerTabs:f,MuiMultiSectionDigitalClockSection:j,MuiAccordionSummary:t,MuiDesktopDateTimePicker:h,MuiDesktopTimePicker:M,MuiPickersToolbarText:T,MuiPickersLayout:d,MuiTimePickerToolbar:g,MuiTimeClock:P,MuiClock:u,MuiStepConnector:to,MuiStepLabel:mo}})}const ho=lo({}),Mo=fo("DARK_MODE")?lo({mode:"dark"}):ho;export{lo as createSkodaTheme,Mo as darkTheme,ho as theme};
 //# sourceMappingURL=theme.js.map

package/design/skoda/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/design/skoda/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\nimport { flowAccordion } from './components/accordion/accordion.theme';\nimport { flowAccordionSummary } from './components/accordion/accordionSummary.theme';\nimport { flowAutocomplete } from './components/autocomplete.theme';\nimport { flowBackdrop } from './components/backdrop.theme';\nimport { flowScopedCssBaseline } from './components/baseline.theme';\nimport { flowBreadCrumbs } from './components/breadcrumbs.theme';\nimport { flowButton } from './components/button.theme';\nimport { flowButtonBase } from './components/buttonBase.theme';\nimport { flowCheckbox } from './components/checkbox.theme';\nimport { flowChip } from './components/chip.theme';\nimport { flowClock } from './components/datePickers/clock.theme';\nimport { flowDateTimePickerTabs } from './components/datePickers/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from './components/datePickers/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from './components/datePickers/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from './components/datePickers/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from './components/datePickers/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from './components/datePickers/pickersLayout.theme';\nimport { flowPickersToolbar } from './components/datePickers/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from './components/datePickers/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from './components/datePickers/pickersToolbarText.theme';\nimport { flowTimeClock } from './components/datePickers/timeClock.theme';\nimport { flowTimePickerToolbar } from './components/datePickers/timePickerToolbar.theme';\nimport { flowDialog } from './components/dialog/dialog.theme';\nimport { flowDialogActions } from './components/dialog/dialogActions.theme';\nimport { flowDialogTitle } from './components/dialog/dialogTitle.theme';\nimport { flowDivider } from './components/divider.theme';\nimport { flowDrawer } from './components/drawer.theme';\nimport { flowFilledInput } from './components/form/filledInput.theme';\nimport { flowFormControl } from './components/form/formControl.theme';\nimport { flowFormControlLabel } from './components/form/formControlLabel.theme';\nimport { flowFormHelperText } from './components/form/formHelperText.theme';\nimport { flowFormLabel } from './components/form/formLabel.theme';\nimport { flowInput } from './components/form/input.theme';\nimport { flowInputAdornment } from './components/form/inputAdornment.theme';\nimport { flowInputBase } from './components/form/inputBase.theme';\nimport { flowInputLabel } from './components/form/inputLabel.theme';\nimport { flowRadio } from './components/form/radio.theme';\nimport { flowSelect } from './components/form/select.theme';\nimport { flowSlider } from './components/form/slider.theme';\nimport { flowSwitch } from './components/form/switch.theme';\nimport { flowTextField } from './components/form/textField.theme';\nimport { flowIcon } from './components/icon.theme';\nimport { flowIconButton } from './components/iconButton.theme';\nimport { flowContainer } from './components/layout/container.theme';\nimport { flowGrid } from './components/layout/grid.theme';\nimport { flowList } from './components/list.theme';\nimport { flowListItemText } from './components/listItemText.theme';\nimport { flowMenuItem } from './components/menuItem.theme';\nimport { flowMobileStepper } from './components/mobileStepper.theme';\nimport { flowModal } from './components/modal.theme';\nimport { flowPagination, flowPaginationItem } from './components/pagination.theme';\nimport { flowPaper } from './components/paper.theme';\nimport { flowPopover } from './components/popover.theme';\nimport { flowSnackbar } from './components/snackbar.theme';\nimport { flowStepConnector, flowStepLabel } from './components/stepper';\nimport { flowTab, flowTabs } from './components/tabs';\nimport { flowTooltip } from './components/tooltip.theme';\nimport { flowCard } from './organisms/card.theme';\nimport { flowColors } from './palette.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\nexport const createSkodaTheme = (typographySize, breakpointsOptions) => createTheme({\n    breakpoints: breakpointsOptions !== null && breakpointsOptions !== void 0 ? breakpointsOptions : flowBreakpoints,\n    palette: flowColors,\n    typography: getTypographyOptions(typographySize),\n    components: {\n        MuiContainer: flowContainer,\n        MuiScopedCssBaseline: flowScopedCssBaseline(typographySize),\n        MuiIcon: flowIcon,\n        MuiButtonBase: flowButtonBase,\n        MuiButton: flowButton,\n        MuiIconButton: flowIconButton,\n        MuiSwitch: flowSwitch,\n        MuiCheckbox: flowCheckbox,\n        MuiRadio: flowRadio,\n        MuiSlider: flowSlider,\n        MuiTooltip: flowTooltip,\n        MuiDivider: flowDivider,\n        MuiGrid: flowGrid,\n        MuiChip: flowChip,\n        MuiPaper: flowPaper,\n        MuiTextField: flowTextField,\n        MuiSelect: flowSelect,\n        MuiMenuItem: flowMenuItem,\n        MuiTab: flowTab,\n        MuiTabs: flowTabs,\n        MuiCard: flowCard,\n        MuiPaginationItem: flowPaginationItem,\n        MuiPagination: flowPagination,\n        MuiSnackbar: flowSnackbar,\n        MuiModal: flowModal,\n        MuiBackdrop: flowBackdrop,\n        MuiDrawer: flowDrawer,\n        MuiAccordion: flowAccordion,\n        MuiMobileStepper: flowMobileStepper,\n        MuiInputBase: flowInputBase,\n        MuiInputLabel: flowInputLabel,\n        MuiInput: flowInput,\n        MuiFormControl: flowFormControl,\n        MuiFilledInput: flowFilledInput,\n        MuiFormLabel: flowFormLabel,\n        MuiFormControlLabel: flowFormControlLabel,\n        MuiInputAdornment: flowInputAdornment,\n        MuiFormHelperText: flowFormHelperText,\n        MuiDialogActions: flowDialogActions,\n        MuiDialog: flowDialog,\n        MuiDialogTitle: flowDialogTitle,\n        MuiList: flowList,\n        MuiListItemText: flowListItemText,\n        MuiPopover: flowPopover,\n        MuiAutocomplete: flowAutocomplete,\n        MuiBreadcrumbs: flowBreadCrumbs,\n        MuiPickersToolbar: flowPickersToolbar,\n        MuiPickersToolbarButton: flowPickersToolbarButton,\n        MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n        MuiDateTimePickerTabs: flowDateTimePickerTabs,\n        MuiMultiSectionDigitalClockSection: flowMultiSectionDigitalClockSection,\n        MuiAccordionSummary: flowAccordionSummary,\n        MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n        MuiDesktopTimePicker: flowDesktopTimePicker,\n        MuiPickersToolbarText: flowPickersToolbarText,\n        MuiPickersLayout: flowPickersLayout,\n        MuiTimePickerToolbar: flowTimePickerToolbar,\n        MuiTimeClock: flowTimeClock,\n        MuiClock: flowClock,\n        MuiStepConnector: flowStepConnector,\n        MuiStepLabel: flowStepLabel,\n    },\n});\n//# sourceMappingURL=theme.js.map"],"names":["createSkodaTheme","typographySize","breakpointsOptions","createTheme","breakpoints","flowBreakpoints","palette","flowColors","typography","getTypographyOptions","components","MuiContainer","flowContainer","MuiScopedCssBaseline","flowScopedCssBaseline","MuiIcon","flowIcon","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiSnackbar","flowSnackbar","MuiModal","flowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItemText","flowListItemText","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiAccordionSummary","flowAccordionSummary","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel"],"mappings":"03IA+DY,MAACA,GAAmB,CAACC,GAAgBC,KAAuBC,EAAY,CAChFC,YAAaF,SAA+DA,GAAqBG,GACjGC,QAASC,GACTC,WAAYC,GAAqBR,IACjCS,WAAY,CACRC,aAAcC,EACdC,qBAAsBC,EAAsBb,IAC5Cc,QAASC,EACTC,cAAeC,EACfC,UAAWC,EACXC,cAAeC,EACfC,UAAWC,EACXC,YAAaC,EACbC,SAAUC,EACVC,UAAWC,EACXC,WAAYC,GACZC,WAAYC,EACZC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,aAAcC,EACdC,UAAWC,EACXC,YAAaC,EACbC,OAAQC,GACRC,QAASC,GACTC,QAASC,GACTC,kBAAmBC,EACnBC,cAAeC,EACfC,YAAaC,GACbC,SAAUC,EACVC,YAAaC,EACbC,UAAWC,EACXC,aAAcC,EACdC,iBAAkBC,EAClBC,aAAcC,EACdC,cAAeC,EACfC,SAAUC,EACVC,eAAgBC,EAChBC,eAAgBC,EAChBC,aAAcC,EACdC,oBAAqBC,EACrBC,kBAAmBC,EACnBC,kBAAmBC,EACnBC,iBAAkBC,EAClBC,UAAWC,EACXC,eAAgBC,EAChBC,QAASC,EACTC,gBAAiBC,EACjBC,WAAYC,GACZC,gBAAiBC,EACjBC,eAAgBC,EAChBC,kBAAmBC,EACnBC,wBAAyBC,EACzBC,yBAA0BC,EAC1BC,sBAAuBC,EACvBC,mCAAoCC,EACpCC,oBAAqBC,EACrBC,yBAA0BC,EAC1BC,qBAAsBC,EACtBC,sBAAuBC,EACvBC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,aAAcC,EACdC,SAAUC,EACVC,iBAAkBC,GAClBC,aAAcC"}
+{"version":3,"file":"theme.js","sources":["../../../src/design/skoda/theme.ts"],"sourcesContent":["import { createTheme } from '@mui/material/styles';\nimport { flowAccordion } from './components/accordion/accordion.theme';\nimport { flowAccordionSummary } from './components/accordion/accordionSummary.theme';\nimport { flowAutocomplete } from './components/autocomplete.theme';\nimport { flowBackdrop } from './components/backdrop.theme';\nimport { getFlowCssBaseline } from './components/baseline.theme';\nimport { flowBreadCrumbs } from './components/breadcrumbs.theme';\nimport { flowButton } from './components/button.theme';\nimport { flowButtonBase } from './components/buttonBase.theme';\nimport { flowCheckbox } from './components/checkbox.theme';\nimport { flowChip } from './components/chip.theme';\nimport { flowClock } from './components/datePickers/clock.theme';\nimport { flowDateTimePickerTabs } from './components/datePickers/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from './components/datePickers/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from './components/datePickers/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from './components/datePickers/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from './components/datePickers/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from './components/datePickers/pickersLayout.theme';\nimport { flowPickersToolbar } from './components/datePickers/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from './components/datePickers/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from './components/datePickers/pickersToolbarText.theme';\nimport { flowTimeClock } from './components/datePickers/timeClock.theme';\nimport { flowTimePickerToolbar } from './components/datePickers/timePickerToolbar.theme';\nimport { flowDialog } from './components/dialog/dialog.theme';\nimport { flowDialogActions } from './components/dialog/dialogActions.theme';\nimport { flowDialogTitle } from './components/dialog/dialogTitle.theme';\nimport { flowDivider } from './components/divider.theme';\nimport { flowDrawer } from './components/drawer.theme';\nimport { flowFilledInput } from './components/form/filledInput.theme';\nimport { flowFormControl } from './components/form/formControl.theme';\nimport { flowFormControlLabel } from './components/form/formControlLabel.theme';\nimport { flowFormHelperText } from './components/form/formHelperText.theme';\nimport { flowFormLabel } from './components/form/formLabel.theme';\nimport { flowInput } from './components/form/input.theme';\nimport { flowInputAdornment } from './components/form/inputAdornment.theme';\nimport { flowInputBase } from './components/form/inputBase.theme';\nimport { flowInputLabel } from './components/form/inputLabel.theme';\nimport { flowRadio } from './components/form/radio.theme';\nimport { flowSelect } from './components/form/select.theme';\nimport { flowSlider } from './components/form/slider.theme';\nimport { flowSwitch } from './components/form/switch.theme';\nimport { flowTextField } from './components/form/textField.theme';\nimport { flowIcon } from './components/icon.theme';\nimport { flowIconButton } from './components/iconButton.theme';\nimport { flowContainer } from './components/layout/container.theme';\nimport { flowGrid } from './components/layout/grid.theme';\nimport { flowList } from './components/list.theme';\nimport { flowListItemText } from './components/listItemText.theme';\nimport { flowMenuItem } from './components/menuItem.theme';\nimport { flowMobileStepper } from './components/mobileStepper.theme';\nimport { flowModal } from './components/modal.theme';\nimport { flowPagination, flowPaginationItem } from './components/pagination.theme';\nimport { flowPaper } from './components/paper.theme';\nimport { flowPopover } from './components/popover.theme';\nimport { flowSnackbar } from './components/snackbar.theme';\nimport { flowStepConnector, flowStepLabel } from './components/stepper';\nimport { flowTab, flowTabs } from './components/tabs';\nimport { flowTooltip } from './components/tooltip.theme';\nimport { flowCard } from './organisms/card.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\nimport { evaluateFeatureFlag } from '../../utils/useFeatureFlag/useFeatureFlag';\nexport function createSkodaTheme({ mode = 'light', breakpointsOptions = flowBreakpoints, widget = false, }) {\n    return createTheme({\n        breakpoints: breakpointsOptions,\n        palette: mode === 'dark' ? paletteDark : paletteLight,\n        typography: getTypographyOptions(breakpointsOptions, widget),\n        components: {\n            MuiContainer: flowContainer,\n            MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, widget),\n            MuiScopedCssBaseline: getFlowCssBaseline(breakpointsOptions, widget),\n            MuiIcon: flowIcon,\n            MuiButtonBase: flowButtonBase,\n            MuiButton: flowButton,\n            MuiIconButton: flowIconButton,\n            MuiSwitch: flowSwitch,\n            MuiCheckbox: flowCheckbox,\n            MuiRadio: flowRadio,\n            MuiSlider: flowSlider,\n            MuiTooltip: flowTooltip,\n            MuiDivider: flowDivider,\n            MuiGrid: flowGrid,\n            MuiChip: flowChip,\n            MuiPaper: flowPaper,\n            MuiTextField: flowTextField,\n            MuiSelect: flowSelect,\n            MuiMenuItem: flowMenuItem,\n            MuiTab: flowTab,\n            MuiTabs: flowTabs,\n            MuiCard: flowCard,\n            MuiPaginationItem: flowPaginationItem,\n            MuiPagination: flowPagination,\n            MuiSnackbar: flowSnackbar,\n            MuiModal: flowModal,\n            MuiBackdrop: flowBackdrop,\n            MuiDrawer: flowDrawer,\n            MuiAccordion: flowAccordion,\n            MuiMobileStepper: flowMobileStepper,\n            MuiInputBase: flowInputBase,\n            MuiInputLabel: flowInputLabel,\n            MuiInput: flowInput,\n            MuiFormControl: flowFormControl,\n            MuiFilledInput: flowFilledInput,\n            MuiFormLabel: flowFormLabel,\n            MuiFormControlLabel: flowFormControlLabel,\n            MuiInputAdornment: flowInputAdornment,\n            MuiFormHelperText: flowFormHelperText,\n            MuiDialogActions: flowDialogActions,\n            MuiDialog: flowDialog,\n            MuiDialogTitle: flowDialogTitle,\n            MuiList: flowList,\n            MuiListItemText: flowListItemText,\n            MuiPopover: flowPopover,\n            MuiAutocomplete: flowAutocomplete,\n            MuiBreadcrumbs: flowBreadCrumbs,\n            MuiPickersToolbar: flowPickersToolbar,\n            MuiPickersToolbarButton: flowPickersToolbarButton,\n            MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n            MuiDateTimePickerTabs: flowDateTimePickerTabs,\n            MuiMultiSectionDigitalClockSection: flowMultiSectionDigitalClockSection,\n            MuiAccordionSummary: flowAccordionSummary,\n            MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n            MuiDesktopTimePicker: flowDesktopTimePicker,\n            MuiPickersToolbarText: flowPickersToolbarText,\n            MuiPickersLayout: flowPickersLayout,\n            MuiTimePickerToolbar: flowTimePickerToolbar,\n            MuiTimeClock: flowTimeClock,\n            MuiClock: flowClock,\n            MuiStepConnector: flowStepConnector,\n            MuiStepLabel: flowStepLabel,\n        },\n    });\n}\nexport const theme = createSkodaTheme({});\n// ESM does not offer dynamic exports, therefore we just reserve darkTheme name and return regular theme\nexport const darkTheme = evaluateFeatureFlag('DARK_MODE') ? createSkodaTheme({ mode: 'dark' }) : theme;\n//# sourceMappingURL=theme.js.map"],"names":["createSkodaTheme","mode","breakpointsOptions","flowBreakpoints","widget","createTheme","breakpoints","palette","paletteDark","paletteLight","typography","getTypographyOptions","components","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","MuiIcon","flowIcon","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiSnackbar","flowSnackbar","MuiModal","flowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItemText","flowListItemText","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiAccordionSummary","flowAccordionSummary","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","theme","darkTheme","evaluateFeatureFlag"],"mappings":"wgJAiEO,SAASA,IAAiBC,KAAEA,GAAO,QAAOC,mBAAEA,GAAqBC,GAAeC,OAAEA,IAAS,IAC9F,OAAOC,EAAY,CACfC,YAAaJ,GACbK,QAAkB,SAATN,GAAkBO,GAAcC,GACzCC,WAAYC,GAAqBT,GAAoBE,IACrDQ,WAAY,CACRC,aAAcC,EACdC,eAAgBC,EAAmBd,GAAoBE,IACvDa,qBAAsBD,EAAmBd,GAAoBE,IAC7Dc,QAASC,EACTC,cAAeC,EACfC,UAAWC,EACXC,cAAeC,EACfC,UAAWC,EACXC,YAAaC,EACbC,SAAUC,EACVC,UAAWC,EACXC,WAAYC,GACZC,WAAYC,EACZC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,aAAcC,EACdC,UAAWC,EACXC,YAAaC,EACbC,OAAQC,GACRC,QAASC,GACTC,QAASC,GACTC,kBAAmBC,EACnBC,cAAeC,EACfC,YAAaC,GACbC,SAAUC,EACVC,YAAaC,EACbC,UAAWC,EACXC,aAAcC,EACdC,iBAAkBC,EAClBC,aAAcC,EACdC,cAAeC,EACfC,SAAUC,EACVC,eAAgBC,EAChBC,eAAgBC,EAChBC,aAAcC,EACdC,oBAAqBC,EACrBC,kBAAmBC,EACnBC,kBAAmBC,EACnBC,iBAAkBC,EAClBC,UAAWC,EACXC,eAAgBC,EAChBC,QAASC,EACTC,gBAAiBC,EACjBC,WAAYC,GACZC,gBAAiBC,EACjBC,eAAgBC,EAChBC,kBAAmBC,EACnBC,wBAAyBC,EACzBC,yBAA0BC,EAC1BC,sBAAuBC,EACvBC,mCAAoCC,EACpCC,oBAAqBC,EACrBC,yBAA0BC,EAC1BC,qBAAsBC,EACtBC,sBAAuBC,EACvBC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,aAAcC,EACdC,SAAUC,EACVC,iBAAkBC,GAClBC,aAAcC,KAG1B,CACY,MAACC,GAAQxI,GAAiB,IAEzByI,GAAYC,GAAoB,aAAe1I,GAAiB,CAAEC,KAAM,SAAYuI"}

package/design/skoda/theme.typography.d.ts

@@ -1,12 +1,15 @@
 import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
-export declare const getTypography: (element: string, size: TypographySize) => any;
-export declare const useTypographySize: (breakpointsOptions?: BreakpointsOptions) => TypographySize;
 /**
- * Making typography responsive using mediaquery makes theming of components very complicated.
- * This new approach resolves typography by provided size. To calculate size use useTypographySize hook.
- * @param size
- * @returns
+ * Obtain style for element for the certain size
  */
-export declare const getTypographyOptions: (size: TypographySize) => TypographyOptions;
+export declare const getTypography: (element: string, size?: TypographySize) => any;
+/**
+ * Generate typography style with the mediaqueries
+ */
+export declare const generateTypography: (element: string, breakpointsOptions: BreakpointsOptions, containerQueries: boolean) => any;
+/**
+ * Build the typography theme options
+ */
+export declare const getTypographyOptions: (breakpointsOptions: BreakpointsOptions, containerQueries: boolean) => TypographyOptions;

package/design/skoda/theme.typography.js

@@ -1,2 +1,2 @@
-import{useMediaQuery as o}from"@mui/material";import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";import{useMemo as i}from"react";import{flowBreakpoints as s}from"./theme.breakpoints.js";const l=(o,t)=>{const i=null!=t?t:"small",s=e["flow-typography"].find((t=>t.name===`${i}-${o}`));return s?Object.assign({},s.style):null},n=e=>{const l=i((()=>t(null!=e?e:s)),[e]),n=o(l.up("md")),r=o(l.up("lg"));return i((()=>r?"large":n?"medium":"small"),[r,n])},r=o=>{const t=l("body",o);return{fontFamily:["SKODA Next","sans-serif","Arial"].join(","),body1:t,body2:t,body:t,h1:l("h1",o),h2:l("h2",o),h3:l("h3",o),h4:l("h4",o),subheadline:l("subheadline",o),subtitle1:l("subheadline",o),subtitle2:l("subheadline",o),display:l("display",o),disclaimer:l("disclaimer",o),caption1:l("caption1",o),caption2:l("caption2",o)}};export{l as getTypography,r as getTypographyOptions,n as useTypographySize};
+import{createBreakpoints as s}from"@mui/system";import t from"@skodaflow/web-tokens/src/tokens.json";const e=(s,e)=>{const n=null!=e?e:"small",o=t["flow-typography"].find((t=>t.name===`${n}-${s}`));return o?Object.assign({},o.style):null},n=(t,n,o)=>{const i=s(n),a=s=>{const t=i.up(s);return o?t.replace("@media","@container"):t};return Object.assign(Object.assign({},e(t,"small")),{[a("md")]:Object.assign({},e(t,"medium")),[a("lg")]:Object.assign({},e(t,"large"))})},o=(s,t)=>{const e=n("body",s,t);return Object.assign({fontFamily:["SKODA Next","sans-serif","Arial"].join(","),body1:e,body2:e,body:e},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((e=>[e,n(e,s,t)]))))};export{n as generateTypography,e as getTypography,o as getTypographyOptions};
 //# sourceMappingURL=theme.typography.js.map

package/design/skoda/theme.typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.typography.js","sources":["../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { useMediaQuery } from '@mui/material';\nimport { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { useMemo } from 'react';\nimport { flowBreakpoints } from './theme.breakpoints';\nexport const getTypography = (element, size) => {\n    const screen = size !== null && size !== void 0 ? size : 'small';\n    const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n    if (typo)\n        return Object.assign({}, typo['style']);\n    else\n        return null;\n};\nexport const useTypographySize = (breakpointsOptions) => {\n    const breakpoints = useMemo(() => createBreakpoints(breakpointsOptions !== null && breakpointsOptions !== void 0 ? breakpointsOptions : flowBreakpoints), [breakpointsOptions]);\n    const medium = useMediaQuery(breakpoints.up('md'));\n    const large = useMediaQuery(breakpoints.up('lg'));\n    return useMemo(() => (large ? 'large' : medium ? 'medium' : 'small'), [large, medium]);\n};\n/**\n * Making typography responsive using mediaquery makes theming of components very complicated.\n * This new approach resolves typography by provided size. To calculate size use useTypographySize hook.\n * @param size\n * @returns\n */\nexport const getTypographyOptions = (size) => {\n    const bodyTypo = getTypography('body', size);\n    return {\n        fontFamily: ['SKODA Next', 'sans-serif', 'Arial'].join(','),\n        body1: bodyTypo,\n        body2: bodyTypo,\n        body: bodyTypo,\n        h1: getTypography('h1', size),\n        h2: getTypography('h2', size),\n        h3: getTypography('h3', size),\n        h4: getTypography('h4', size),\n        subheadline: getTypography('subheadline', size),\n        subtitle1: getTypography('subheadline', size),\n        subtitle2: getTypography('subheadline', size),\n        display: getTypography('display', size),\n        disclaimer: getTypography('disclaimer', size),\n        caption1: getTypography('caption1', size),\n        caption2: getTypography('caption2', size),\n    };\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","size","screen","typo","tokens","find","el","name","Object","assign","useTypographySize","breakpointsOptions","breakpoints","useMemo","createBreakpoints","flowBreakpoints","medium","useMediaQuery","up","large","getTypographyOptions","bodyTypo","fontFamily","join","body1","body2","body","h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"],"mappings":"4OAKY,MAACA,EAAgB,CAACC,EAASC,KACnC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUF,MAC7E,OAAIG,EACOK,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAE9B,IAAI,EAENO,EAAqBC,IAC9B,MAAMC,EAAcC,GAAQ,IAAMC,EAAkBH,QAA+DA,EAAqBI,IAAkB,CAACJ,IACrJK,EAASC,EAAcL,EAAYM,GAAG,OACtCC,EAAQF,EAAcL,EAAYM,GAAG,OAC3C,OAAOL,GAAQ,IAAOM,EAAQ,QAAUH,EAAS,SAAW,SAAU,CAACG,EAAOH,GAAQ,EAQ7EI,EAAwBnB,IACjC,MAAMoB,EAAWtB,EAAc,OAAQE,GACvC,MAAO,CACHqB,WAAY,CAAC,aAAc,aAAc,SAASC,KAAK,KACvDC,MAAOH,EACPI,MAAOJ,EACPK,KAAML,EACNM,GAAI5B,EAAc,KAAME,GACxB2B,GAAI7B,EAAc,KAAME,GACxB4B,GAAI9B,EAAc,KAAME,GACxB6B,GAAI/B,EAAc,KAAME,GACxB8B,YAAahC,EAAc,cAAeE,GAC1C+B,UAAWjC,EAAc,cAAeE,GACxCgC,UAAWlC,EAAc,cAAeE,GACxCiC,QAASnC,EAAc,UAAWE,GAClCkC,WAAYpC,EAAc,aAAcE,GACxCmC,SAAUrC,EAAc,WAAYE,GACpCoC,SAAUtC,EAAc,WAAYE,GACvC"}
+{"version":3,"file":"theme.typography.js","sources":["../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element, size) => {\n    const screen = size !== null && size !== void 0 ? size : 'small';\n    const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n    if (typo)\n        return Object.assign({}, typo['style']);\n    else\n        return null;\n};\n/**\n * Generate typography style with the mediaqueries\n */\nexport const generateTypography = (element, breakpointsOptions, containerQueries) => {\n    const breakpoints = createBreakpoints(breakpointsOptions);\n    const getBreakpointKey = (breakpoint) => {\n        const key = breakpoints.up(breakpoint);\n        if (containerQueries) {\n            // use container queries instead of media queries\n            return key.replace('@media', '@container');\n        }\n        return key;\n    };\n    return Object.assign(Object.assign({}, getTypography(element, 'small')), { [getBreakpointKey('md')]: Object.assign({}, getTypography(element, 'medium')), [getBreakpointKey('lg')]: Object.assign({}, getTypography(element, 'large')) });\n};\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions, containerQueries) => {\n    const bodyTypo = generateTypography('body', breakpointsOptions, containerQueries);\n    return Object.assign({ fontFamily: ['SKODA Next', 'sans-serif', 'Arial'].join(','), body1: bodyTypo, body2: bodyTypo, body: bodyTypo }, Object.fromEntries([\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'disclaimer',\n        'caption1',\n        'caption2',\n    ].map((element) => [element, generateTypography(element, breakpointsOptions, containerQueries)])));\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","size","screen","typo","tokens","find","el","name","Object","assign","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","getTypographyOptions","bodyTypo","fontFamily","join","body1","body2","body","fromEntries","map"],"mappings":"qGAKY,MAACA,EAAgB,CAACC,EAASC,KACnC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUF,MAC7E,OAAIG,EACOK,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAE9B,IAAI,EAKNO,EAAqB,CAACV,EAASW,EAAoBC,KAC5D,MAAMC,EAAcC,EAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOT,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIV,EAAcC,EAAS,UAAW,CAAE,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,EAKhOoB,EAAuB,CAACT,EAAoBC,KACrD,MAAMS,EAAWX,EAAmB,OAAQC,EAAoBC,GAChE,OAAOJ,OAAOC,OAAO,CAAEa,WAAY,CAAC,aAAc,aAAc,SAASC,KAAK,KAAMC,MAAOH,EAAUI,MAAOJ,EAAUK,KAAML,GAAYb,OAAOmB,YAAY,CACvJ,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK5B,GAAY,CAACA,EAASU,EAAmBV,EAASW,EAAoBC,OAAqB"}

package/index.js

@@ -1,2 +1,2 @@
-export{SkodaThemeProvider}from"./design/skoda/SkodaThemeProvider.js";export{SkodaThemeWidgetProvider}from"./design/skoda/SkodaThemeWidgetProvider.js";export{Accordion}from"./components/accordion/accordion.js";export{Backdrop}from"./components/backdrop/backdrop.js";export{Button,ButtonVariants}from"./components/button/button.js";export{Banner}from"./components/banner/banner.js";export{CardContainer}from"./components/cardContainer/cardContainer.js";export{CardMenu}from"./components/cardMenu/cardMenu.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{ChipImage}from"./components/chip/chipImage/chipImage.js";export{Chip}from"./components/chip/regular/chip.js";export{MultiSelectChip}from"./components/chip/chipMultiselect/multiSelectChip.js";export{ChipDropdownChildren}from"./components/chip/chipDropdownChildren/chipDropdownChildren.js";export{Container}from"./components/container/container.js";export{Controller}from"./components/controls/controls.js";export{Divider}from"./components/divider/divider.js";export{Drawer}from"./components/drawer/drawer.js";export{Flag}from"./components/flag/flag.js";export{Grid}from"./components/grid/grid.js";export{Icon}from"./components/icon/icon.js";export{availableIcons,iconDefinitions}from"./components/icon/icon.definitions.js";export{Indicator}from"./components/indicator/indicator.js";export{Label}from"./components/label/label.js";export{LabelCO2}from"./components/labelCO2/labelCO2.js";export{LabelFeature}from"./components/labelFeature/labelFeature.js";export{LabelPromotional,LabelPromotionalStyled}from"./components/labelPromotional/labelPromotional.js";export{LabelStatus}from"./components/labelStatus/labelStatus.js";export{Menu}from"./components/menu/menu.js";export{MenuItem}from"./components/menuItem/menuItem.js";export{MobileStepper}from"./components/mobileStepper/mobileStepper.js";export{MobileStepperButton,MobileStepperButtonBack,MobileStepperButtonNext}from"./components/mobileStepper/mobileStepperButton.js";export{Modal}from"./components/modal/modal.js";export{ModalTitle}from"./components/modal/modalTitle.js";export{Numbering}from"./components/numbering/numbering.js";export{Pagination}from"./components/pagination/pagination.js";export{ProgressBar}from"./components/progressBar/progressBar.js";export{RadioButton}from"./components/radioButton/radioButton.js";export{SelectInput}from"./components/selectInput/selectInput.js";export{Slider}from"./components/slider/slider.js";export{Snackbar,checkForIcon}from"./components/snackbar/snackbar.js";export{Stepper}from"./components/stepper/stepper.js";export{Tab}from"./components/tab/tab.js";export{TabPanel}from"./components/tab/tabPanel.js";export{Tabs,TabsContext}from"./components/tab/tabs.js";export{SecondaryNavigationTabs}from"./components/tab/secondaryNavigation/secondaryNavigationTabs.js";export{TextArea}from"./components/textArea/textArea.js";export{TextInput}from"./components/textInput/textInput.js";export{ToggleSwitch}from"./components/toggleSwitch/toggleSwitch.js";export{Tooltip}from"./components/tooltip/tooltip.js";export{AgGrid}from"./components/agGrid/agGrid.js";export{default as ImageComponent}from"./components/common/imageComponent.js";export{Avatar}from"./components/avatar/Avatar.js";export{CloseDialogButton}from"./components/closeDialogButton/index.js";export{IconButton}from"./components/iconButton/index.js";export{HelperTextContent}from"./components/helperTextContent/index.js";export{Alert}from"./components/alert/Alert.js";export{AlertButton}from"./components/alert/AlertButton.js";export{Logo}from"./components/logo/Logo.js";export{Gallery}from"./organisms/gallery/Gallery.js";export{GalleryItem}from"./organisms/gallery/GalleryItem.js";export{GalleryHighlightSx,GalleryTrigger}from"./organisms/gallery/GalleryTrigger.js";export{UploadBox}from"./components/upload/UploadBox.js";export{UploadField}from"./components/upload/UploadField.js";export{UploadPreview}from"./components/upload/UploadPreview.js";export{UploadProgress}from"./components/upload/UploadProgress.js";export{UploadPreviewList}from"./components/upload/UploadPreviewList.js";export{Card}from"./components/card/Card.js";export{Typography}from"@mui/material";export{CardOwnedVehicle}from"./organisms/cardOwnedVehicle/cardOwnedVehicle.js";export{CardPhotoAdjustable}from"./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";export{CardPhotoFixed}from"./organisms/cardPhotoFixed/cardPhotoFixed.js";export{CardPromoVehicle}from"./organisms/cardPromoVehicle/cardPromoVehicle.js";export{CardTypeOnly}from"./organisms/cardTypeOnly/cardTypeOnly.js";export{Carousel,emblaWidthSize,getHoveredClass,handleScrollNext,handleScrollPrev,handleScrollTo}from"./organisms/carousel/carousel.js";export{HeroImageCard}from"./organisms/heroImageCard/heroImageCard.js";export{Maps}from"./organisms/maps/maps.js";export{ShortcutLink}from"./organisms/shortcutLink/shortcutLink.js";export{TextCta}from"./organisms/textCta/textCta.js";export{Tile}from"./organisms/tile/tile.js";export{GalleryCarousel,GalleryDefaultProps}from"./organisms/carousel2/galleryCarousel/galleryCarousel.js";export{GalleryCarouselItem}from"./organisms/carousel2/galleryCarousel/galleryCarouselItem.js";export{GalleryItemHeading}from"./organisms/carousel2/galleryCarousel/galleryItemHeading.js";export{GalleryItemText}from"./organisms/carousel2/galleryCarousel/GalleryItemText.js";export{HeroCarousel}from"./organisms/carousel2/heroCarousel/heroCarousel.js";export{HeroCarouselSlide}from"./organisms/carousel2/heroCarousel/HeroCarouselSlide.js";export{CardCarousel}from"./organisms/carousel2/cardCarousel/cardCarousel.js";export{Notification}from"./organisms/notification/Notification.js";export{NotificationCenter}from"./organisms/notification/NotificationCenter.js";export{NotificationCenterCategory}from"./organisms/notification/NotificationCenterCategory.js";export{NotificationCenterHeaderButton}from"./organisms/notification/NotificationCenterHeaderButton.js";export{ColourSheme,NumberingColors,NumberingSizes,Placement,VariantType}from"./utils/enum.js";export{useClosure}from"./utils/useClosure/useClosure.js";export{Header}from"./layout/Header/Header.js";export{HeaderButton}from"./layout/Header/HeaderButton.js";export{HeaderLogo}from"./layout/Header/HeaderLogo.js";export{HeaderNavigationHero}from"./layout/Header/HeaderNavigationHero.js";export{HeaderNavigationLink}from"./layout/Header/HeaderNavigationLink.js";export{HeaderNavigationMenu}from"./layout/Header/HeaderNavigationMenu.js";export{HeaderSkodaLogo}from"./layout/Header/HeaderSkodaLogo.js";export{HeaderBellButton,HeaderCartButton,HeaderCloseButton,HeaderFaqButton,HeaderHeartButton,HeaderLanguageButton,HeaderLoginButton,HeaderLogoutButton,HeaderMenuButton,HeaderProfileButton,HeaderSearchButton}from"./layout/Header/PredefinedHeaderButtons.js";export{HeaderOverheadItem}from"./layout/Header/HeaderOverheadItem.js";export{SideMenu}from"./layout/SideMenu/SideMenu.js";export{SideMenuItem}from"./layout/SideMenu/SideMenuItem.js";export{Footer}from"./layout/Footer/Footer.js";export{FooterMenu}from"./layout/Footer/FooterMenu.js";export{FooterAccordion}from"./layout/Footer/FooterAccordion.js";export{FooterIconButton}from"./layout/Footer/FooterIconButton.js";export{FacebookFooterIconButton,InstagramFooterIconButton,TwitterFooterIconButton,YoutubeFooterIconButton}from"./layout/Footer/PredefinedFooterIconButtons.js";export{FooterSectionContact}from"./layout/Footer/FooterSectionContact.js";export{FooterSectionMenu}from"./layout/Footer/FooterSectionMenu.js";export{FooterLink}from"./layout/Footer/FooterLink.js";export{ErrorContent}from"./layout/Error/ErrorContent.js";export{PageLayout}from"./layout/PageLayout/PageLayout.js";export{SecondaryNavigation}from"./layout/SecondaryNavigation/SecondaryNavigation.js";export{SecondaryNavigationCta}from"./layout/SecondaryNavigation/SecondaryNavigationCta.js";export{SecondaryNavigationItem}from"./layout/SecondaryNavigation/SecondaryNavigationItem.js";export{CookieModal}from"./layout/cookieModal/CookieModal.js";export{CookieModalItem}from"./layout/cookieModal/CookieModalItem.js";import*as o from"./production/index.js";export{o as Production};
+export{SkodaThemeProvider}from"./design/skoda/SkodaThemeProvider.js";export{SkodaThemeWidgetProvider}from"./design/skoda/SkodaThemeWidgetProvider.js";export{darkTheme,theme}from"./design/skoda/theme.js";export{Accordion}from"./components/accordion/accordion.js";export{Backdrop}from"./components/backdrop/backdrop.js";export{Button,ButtonVariants}from"./components/button/button.js";export{Banner}from"./components/banner/banner.js";export{CardContainer}from"./components/cardContainer/cardContainer.js";export{CardMenu}from"./components/cardMenu/cardMenu.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{ChipImage}from"./components/chip/chipImage/chipImage.js";export{Chip}from"./components/chip/regular/chip.js";export{MultiSelectChip}from"./components/chip/chipMultiselect/multiSelectChip.js";export{ChipDropdownChildren}from"./components/chip/chipDropdownChildren/chipDropdownChildren.js";export{Controller}from"./components/controls/controls.js";export{Divider}from"./components/divider/divider.js";export{Drawer}from"./components/drawer/drawer.js";export{Flag}from"./components/flag/flag.js";export{Grid}from"./components/grid/grid.js";export{Icon}from"./components/icon/icon.js";export{availableIcons,iconDefinitions}from"./components/icon/icon.definitions.js";export{Indicator}from"./components/indicator/indicator.js";export{Label}from"./components/label/label.js";export{LabelCO2}from"./components/labelCO2/labelCO2.js";export{LabelFeature}from"./components/labelFeature/labelFeature.js";export{LabelPromotional,LabelPromotionalStyled}from"./components/labelPromotional/labelPromotional.js";export{LabelStatus}from"./components/labelStatus/labelStatus.js";export{Menu}from"./components/menu/menu.js";export{MenuItem}from"./components/menuItem/menuItem.js";export{MobileStepper}from"./components/mobileStepper/mobileStepper.js";export{MobileStepperButton,MobileStepperButtonBack,MobileStepperButtonNext}from"./components/mobileStepper/mobileStepperButton.js";export{Modal}from"./components/modal/modal.js";export{ModalTitle}from"./components/modal/modalTitle.js";export{Numbering}from"./components/numbering/numbering.js";export{Pagination}from"./components/pagination/pagination.js";export{ProgressBar}from"./components/progressBar/progressBar.js";export{RadioButton}from"./components/radioButton/radioButton.js";export{SelectInput}from"./components/selectInput/selectInput.js";export{Slider}from"./components/slider/slider.js";export{Snackbar,checkForIcon}from"./components/snackbar/snackbar.js";export{Stepper}from"./components/stepper/stepper.js";export{TextArea}from"./components/textArea/textArea.js";export{TextInput}from"./components/textInput/textInput.js";export{ToggleSwitch}from"./components/toggleSwitch/toggleSwitch.js";export{Tooltip}from"./components/tooltip/tooltip.js";export{default as ImageComponent}from"./components/common/imageComponent.js";export{Avatar}from"./components/avatar/Avatar.js";export{CloseDialogButton}from"./components/closeDialogButton/index.js";export{IconButton}from"./components/iconButton/index.js";export{HelperTextContent}from"./components/helperTextContent/index.js";export{Alert}from"./components/alert/Alert.js";export{AlertButton}from"./components/alert/AlertButton.js";export{Logo}from"./components/logo/Logo.js";export{Gallery}from"./organisms/gallery/Gallery.js";export{GalleryItem}from"./organisms/gallery/GalleryItem.js";export{GalleryHighlightSx,GalleryTrigger}from"./organisms/gallery/GalleryTrigger.js";export{UploadBox}from"./components/upload/UploadBox.js";export{UploadField}from"./components/upload/UploadField.js";export{UploadPreview}from"./components/upload/UploadPreview.js";export{UploadProgress}from"./components/upload/UploadProgress.js";export{UploadPreviewList}from"./components/upload/UploadPreviewList.js";export{Card}from"./components/card/Card.js";export{Typography}from"@mui/material";export{CardOwnedVehicle}from"./organisms/cardOwnedVehicle/cardOwnedVehicle.js";export{CardPhotoAdjustable}from"./organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";export{CardPhotoFixed}from"./organisms/cardPhotoFixed/cardPhotoFixed.js";export{CardPromoVehicle}from"./organisms/cardPromoVehicle/cardPromoVehicle.js";export{CardTypeOnly}from"./organisms/cardTypeOnly/cardTypeOnly.js";export{Carousel,emblaWidthSize,getHoveredClass,handleScrollNext,handleScrollPrev,handleScrollTo}from"./organisms/carousel/carousel.js";export{HeroImageCard}from"./organisms/heroImageCard/heroImageCard.js";export{Maps}from"./organisms/maps/maps.js";export{ShortcutLink}from"./organisms/shortcutLink/shortcutLink.js";export{TextCta}from"./organisms/textCta/textCta.js";export{Tile}from"./organisms/tile/tile.js";export{GalleryCarousel,GalleryDefaultProps}from"./organisms/carousel2/galleryCarousel/galleryCarousel.js";export{GalleryCarouselItem}from"./organisms/carousel2/galleryCarousel/galleryCarouselItem.js";export{GalleryItemHeading}from"./organisms/carousel2/galleryCarousel/galleryItemHeading.js";export{GalleryItemText}from"./organisms/carousel2/galleryCarousel/GalleryItemText.js";export{HeroCarousel}from"./organisms/carousel2/heroCarousel/heroCarousel.js";export{HeroCarouselSlide}from"./organisms/carousel2/heroCarousel/HeroCarouselSlide.js";export{CardCarousel}from"./organisms/carousel2/cardCarousel/cardCarousel.js";export{Notification}from"./organisms/notification/Notification.js";export{NotificationCenter}from"./organisms/notification/NotificationCenter.js";export{NotificationCenterCategory}from"./organisms/notification/NotificationCenterCategory.js";export{NotificationCenterHeaderButton}from"./organisms/notification/NotificationCenterHeaderButton.js";export{ColourSheme,NumberingColors,NumberingSizes,Placement,VariantType}from"./utils/enum.js";export{useClosure}from"./utils/useClosure/useClosure.js";export{Header}from"./layout/Header/Header.js";export{HeaderButton}from"./layout/Header/HeaderButton.js";export{HeaderLogo}from"./layout/Header/HeaderLogo.js";export{HeaderNavigationHero}from"./layout/Header/HeaderNavigationHero.js";export{HeaderNavigationLink}from"./layout/Header/HeaderNavigationLink.js";export{HeaderNavigationMenu}from"./layout/Header/HeaderNavigationMenu.js";export{HeaderSkodaLogo}from"./layout/Header/HeaderSkodaLogo.js";export{HeaderBellButton,HeaderCartButton,HeaderCloseButton,HeaderFaqButton,HeaderHeartButton,HeaderLanguageButton,HeaderLoginButton,HeaderLogoutButton,HeaderMenuButton,HeaderProfileButton,HeaderSearchButton}from"./layout/Header/PredefinedHeaderButtons.js";export{HeaderOverheadItem}from"./layout/Header/HeaderOverheadItem.js";export{SideMenu}from"./layout/SideMenu/SideMenu.js";export{SideMenuItem}from"./layout/SideMenu/SideMenuItem.js";export{Footer}from"./layout/Footer/Footer.js";export{FooterMenu}from"./layout/Footer/FooterMenu.js";export{FooterAccordion}from"./layout/Footer/FooterAccordion.js";export{FooterIconButton}from"./layout/Footer/FooterIconButton.js";export{FacebookFooterIconButton,InstagramFooterIconButton,TwitterFooterIconButton,YoutubeFooterIconButton}from"./layout/Footer/PredefinedFooterIconButtons.js";export{FooterSectionContact}from"./layout/Footer/FooterSectionContact.js";export{FooterSectionMenu}from"./layout/Footer/FooterSectionMenu.js";export{FooterLink}from"./layout/Footer/FooterLink.js";export{ErrorContent}from"./layout/Error/ErrorContent.js";export{PageLayout}from"./layout/PageLayout/PageLayout.js";export{SecondaryNavigation}from"./layout/SecondaryNavigation/SecondaryNavigation.js";export{SecondaryNavigationCta}from"./layout/SecondaryNavigation/SecondaryNavigationCta.js";export{SecondaryNavigationItem}from"./layout/SecondaryNavigation/SecondaryNavigationItem.js";export{CookieModal}from"./layout/cookieModal/CookieModal.js";export{CookieModalItem}from"./layout/cookieModal/CookieModalItem.js";export{Container}from"./layout/container/container.js";import*as o from"./production/index.js";export{o as Production};
 //# sourceMappingURL=index.js.map

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"@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};
+import{__rest as o}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useTheme as r,Tooltip as i,IconButton as n}from"@mui/material";import{forwardRef as s}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"../../design/skoda/theme.js";import"@mui/material/styles";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"@mui/system";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"react-use";import"../SecondaryNavigation/SecondaryNavigationCta.js";import"../SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";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"../../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/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.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=s((function(s,p){const{icon:c,label:l,color:d,indicator:j}=s,u=o(s,["icon","label","color","indicator"]),g=r();return t(i,{title:l,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:e(n,Object.assign({size:"large"},u,{ref:p,sx:{background:"grey"===d&&g.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                '.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"}
+{"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":"6yIAqBY,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/HeaderNavigationLink.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { OverrideProps } from '@mui/material/OverridableComponent';
 export interface HeaderNavigationLinkTypeMap<P = unknown, C extends React.ElementType = 'a'> {
     props: P & {
-        label: string;
+        label?: string;
         href?: string;
         onClick?: () => void;
         external?: boolean;

package/layout/Header/HeaderNavigationLink.js

@@ -1,2 +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};
+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{children:a,label:l,onClick:m,external:d}=t,h=e(t,["children","label","onClick","external"]),g=n(null);return r(o,{ref:g,display:"flex",alignItems:"center",children:i(p,Object.assign({onClick:m},h,{children:[r(c,{className:"FwlNavigationItem-label",children:l||a}),d&&r(s,{name:"arrow-right"})]}))})}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"}))),c=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"}))),s=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

@@ -1 +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"}
+{"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 { children, label, onClick, external } = props, rest = __rest(props, [\"children\", \"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 || children }), external && _jsx(ItemIcon, { name: \"arrow-right\" })] })) }));\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","children","label","onClick","external","rest","__rest","anchor","useRef","_jsx","Box","ref","display","alignItems","_jsxs","ItemButton","Object","assign","ItemLabel","className","ItemIcon","name","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,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaJ,EAAOK,EAAOC,EAAON,EAAO,CAAC,WAAY,QAAS,UAAW,aACtGO,EAASC,EAAO,MACtB,OAAQC,EAAKC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUZ,SAAUa,EAAMC,EAAYC,OAAOC,OAAO,CAAEd,QAASA,GAAWE,EAAM,CAAEJ,SAAU,CAACQ,EAAKS,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAaG,GAAYK,EAAKW,EAAU,CAAEC,KAAM,qBAC1R,CACA,MAAMN,EAAaO,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,cAELb,EAAYI,EAAOZ,EAAPY,EAAY,EAAGU,WAAahB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIe,EAAMC,WAAWC,MAAO,CAAEH,MAAO,UAAWI,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIb,YAAa,EAAGC,aAAc,EAAGa,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTrB,EAAWE,EAAOoB,EAAPpB,EAAa,KAAO,CACjCqB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/Header/HeaderNavigationMenu.d.ts

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

package/layout/Header/HeaderNavigationMenu.js

@@ -1,2 +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};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{styled as e,Box as t,Menu as i}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{children:a,label:s,menuItems:p}=e,{isOpen:h,onOpen:g,onClose:u}=l(),f=n(null);return r(t,{ref:f,display:"flex",alignItems:"center",children:[r(m,{onClick:g,children:[o(c,{className:"FwlNavigationItem-label",children:s||a}),o(d,{name:h?"chevron-up":"chevron-down"})]}),o(i,{anchorEl:f.current,open:h,onClose:u,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:o("div",{children:p})})]})}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(t)((({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

@@ -1 +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"}
+{"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 { children, 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 || children }), _jsx(ItemIcon, { name: 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                }, slotProps: {\n                    paper: {\n                        sx: { mt: 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","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","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,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,IAC9BC,EAASC,EAAO,MACtB,OAAQC,EAAMC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUb,SAAU,CAACS,EAAMK,EAAY,CAAEC,QAASX,EAAQJ,SAAU,CAACgB,EAAKC,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAagB,EAAKG,EAAU,CAAEC,KAAMjB,EAAS,aAAe,oBAAuBa,EAAKK,EAAM,CAAEC,SAAUf,EAAOgB,QAASC,KAAMrB,EAAQE,QAASA,EAASoB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNhB,UAAW,4BAEhBlB,SAAUgB,EAAK,MAAO,CAAEhB,SAAUE,QACrD,CACA,MAAMY,EAAaqB,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACR/B,QAAS,OACTC,WAAY,SACZ+B,MAAO,cAEL3B,EAAYkB,EAAOzB,EAAPyB,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,kCAChTrC,EAAWgB,EAAOsB,EAAPtB,EAAa,KAAO,CACjCuB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}

package/layout/container/container.js.map

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

package/layout/index.d.ts

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