@skodaflow/web-library 7.14.0 → 7.15.0

package/materialui/tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/**\n * Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const FlowTab: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n  ({ children, link = false, ...rest }, ref) => {\n    // shared style between label and selectedLabel\n    const sharedLabelSx = useMemo(\n      () => ({\n        display: 'inherit',\n        alignItems: 'inherit',\n        justifyContent: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n      }),\n      [],\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        {...(link ? { component: 'a' } : {})}\n        {...rest}\n        tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n      >\n        <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n          <Box\n            className=\"FlowTab-label\"\n            sx={{\n              ...sharedLabelSx,\n              position: 'absolute',\n              // expands from center, can be changed to expand from left/right with left: 0;\n            }}\n          >\n            {children}\n          </Box>\n          <Box\n            className=\"FlowTab-selectedLabel\"\n            sx={{\n              ...sharedLabelSx,\n              fontWeight: '700',\n              // hidden by default, appears once Tab is selected (tab.theme)\n              opacity: '0',\n              position: 'relative',\n            }}\n            aria-hidden=\"true\"\n          >\n            {children}\n          </Box>\n        </Box>\n      </ButtonBase>\n    );\n  },\n);\n"],"names":["FlowTab","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","Object","assign","component","tabIndex","_b","className","includes","_jsxs","Box","sx","position","fontWeight","opacity"],"mappings":"qLAMa,MAAAA,EAA0DC,GACrE,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAA7BC,EAAAL,EAAA,CAAA,WAAA,SAEC,MAAMM,EAAgBC,GACpB,KAAO,CACLC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,aAEP,IAGF,OACEC,EAACC,EAAUC,OAAAC,OAAA,CACTf,IAAKA,GACAE,EAAO,CAAEc,UAAW,KAAQ,CAAE,EAC/Bb,GACJc,UAAwB,QAAdC,EAAAf,EAAKgB,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,kBAAoB,EAAG,WAE1DC,EAACC,GAAIH,UAAU,uBAAuBI,kCAASlB,GAAa,CAAEmB,SAAU,uBACtEZ,EAACU,GACCH,UAAU,gBACVI,kCACKlB,GAAa,CAChBmB,SAAU,sBAIXvB,IAEHW,EAACU,GACCH,UAAU,wBACVI,kCACKlB,GAAa,CAChBoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA,SAGM"}
+{"version":3,"file":"Tab.js","sources":["../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/**\n * Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const FlowTab: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n  ({ children, link = false, ...rest }, ref) => {\n    // shared style between label and selectedLabel\n    const sharedLabelSx = useMemo(\n      () => ({\n        display: 'inherit',\n        alignItems: 'inherit',\n        justifyContent: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n      }),\n      [],\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        aria-label=\"navigation\"\n        {...(link && { component: 'a' })}\n        {...rest}\n        tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n      >\n        <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n          <Box\n            className=\"FlowTab-label\"\n            sx={{\n              ...sharedLabelSx,\n              position: 'absolute',\n              // expands from center, can be changed to expand from left/right with left: 0;\n            }}\n          >\n            {children}\n          </Box>\n          <Box\n            className=\"FlowTab-selectedLabel\"\n            sx={{\n              ...sharedLabelSx,\n              fontWeight: '700',\n              // hidden by default, appears once Tab is selected (tab.theme)\n              opacity: '0',\n              position: 'relative',\n            }}\n            aria-hidden=\"true\"\n          >\n            {children}\n          </Box>\n        </Box>\n      </ButtonBase>\n    );\n  },\n);\n"],"names":["FlowTab","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"qLAMa,MAAAA,EAA0DC,GACrE,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAA7BC,EAAAL,EAAA,CAAA,WAAA,SAEC,MAAMM,EAAgBC,GACpB,KAAO,CACLC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,aAEP,IAGF,OACEC,EAACC,iBACCb,IAAKA,EACM,aAAA,cACNE,GAAQ,CAAEY,UAAW,KACtBX,GACJY,UAAwB,QAAdC,EAAAb,EAAKc,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAE1DjB,SAAAkB,EAACC,EAAG,CAACH,UAAU,uBAAuBI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOlB,GAAe,CAAAmB,SAAU,aAAUvB,SAAA,CAChFW,EAACQ,EAAG,CACFH,UAAU,gBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGlB,GACH,CAAAmB,SAAU,aAAUvB,SAIrBA,IAEHW,EAACQ,EAAG,CACFH,UAAU,wBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GACH,CAAAoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA,SAGM"}

package/materialui/tabs/tab.theme.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{FlowTab as e}from"./Tab.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:e,LinkComponent:o=>t(e,Object.assign({link:!0},o))},styleOverrides:{root:({theme:t,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"4px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 14px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:t.palette.onSurface.os500,transition:"color 0.3s ease-out","&:hover":{color:t.palette.text.primary}},e.icon&&Object.assign(Object.assign({},"start"===e.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===e.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:t.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:t.palette.disabled.tertiary}}),o(t,!1,"2px")),{[t.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
+import{jsx as e}from"react/jsx-runtime";import{FlowTab as t}from"./Tab.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t,LinkComponent:o=>e(t,Object.assign({link:!0},o))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"8px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 10px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),o(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
 //# sourceMappingURL=tab.theme.js.map

package/materialui/tabs/tab.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.theme.js","sources":["../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowTab } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n  defaultProps: {\n    disableRipple: true,\n    iconPosition: 'start',\n    // duplicate labels so we can change font-weight without increasing width\n    component: FlowTab,\n    LinkComponent: (props) => <FlowTab link {...props} />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      overflow: 'visible',\n      // proportions\n      padding: '4px 8px',\n      minHeight: '0',\n      minWidth: '0',\n      // space between label and icon\n      gap: '8px',\n      // make sure there is space for focused boxShadow\n      margin: '2px 2px 14px',\n      // style\n      borderRadius: '4px',\n      // custom font style according to design\n      fontSize: '20px',\n      textTransform: 'none',\n      fontWeight: '400',\n      // colors and effects\n      color: theme.palette.onSurface.os500,\n      transition: 'color 0.3s ease-out',\n      '&:hover': {\n        color: theme.palette.text.primary,\n      },\n      // icon in tab\n      ...(ownerState.icon && {\n        // prevent icon from jumping between switching font weights\n        ...(ownerState.iconPosition === 'start' && {\n          // expand from left\n          '& .FlowTab-label': {\n            left: '0',\n          },\n        }),\n        ...(ownerState.iconPosition === 'end' && {\n          // expand from right\n          '& .FlowTab-label': {\n            right: '0',\n          },\n        }),\n      }),\n      // active\n      '&.Mui-selected': {\n        color: theme.palette.text.primary,\n        fontWeight: '700',\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // disabled\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n      // focused style\n      ...getFocusRingStyle(theme, false, '2px'),\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        fontSize: '16px',\n        marginBottom: '10px',\n      },\n    }),\n  },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","FlowTab","LinkComponent","props","_jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","onSurface","os500","transition","text","primary","icon","left","right","display","opacity","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"uJAIa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EACXC,cAAgBC,GAAUC,EAACH,EAAQI,OAAAC,OAAA,CAAAC,MAAS,GAAAJ,KAE9CK,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,UAAUC,MAC/BC,WAAY,sBACZ,UAAW,CACTJ,MAAOb,EAAMc,QAAQI,KAAKC,UAGxBlB,EAAWmB,MAAIzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWZ,cAA4B,CAEzC,mBAAoB,CAClBgC,KAAM,OAGsB,QAA5BpB,EAAWZ,cAA0B,CAEvC,mBAAoB,CAClBiC,MAAO,QAGX,CAEF,iBAAkB,CAChBT,MAAOb,EAAMc,QAAQI,KAAKC,QAC1BP,WAAY,MAEZ,mBAAoB,CAClBW,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBX,MAAOb,EAAMc,QAAQW,SAASC,YAG7BC,EAAkB3B,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAM4B,YAAYC,KAAK,OAAQ,CAC9BnB,SAAU,OACVoB,aAAc"}
+{"version":3,"file":"tab.theme.js","sources":["../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowTab } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n  defaultProps: {\n    disableRipple: true,\n    iconPosition: 'start',\n    // duplicate labels so we can change font-weight without increasing width\n    component: FlowTab,\n    LinkComponent: (props) => <FlowTab link {...props} />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      overflow: 'visible',\n      // proportions\n      padding: '8px 8px',\n      minHeight: '0',\n      minWidth: '0',\n      // space between label and icon\n      gap: '8px',\n      // make sure there is space for focused boxShadow\n      margin: '2px 2px 10px',\n      // style\n      borderRadius: '4px',\n      // custom font style according to design\n      fontSize: '20px',\n      textTransform: 'none',\n      fontWeight: '400',\n      // colors and effects\n      color: theme.palette.text.primary,\n      '&:hover, &.Mui-focusVisible': {\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // icon in tab\n      ...(ownerState.icon && {\n        // prevent icon from jumping between switching font weights\n        ...(ownerState.iconPosition === 'start' && {\n          // expand from left\n          '& .FlowTab-label': {\n            left: '0',\n          },\n        }),\n        ...(ownerState.iconPosition === 'end' && {\n          // expand from right\n          '& .FlowTab-label': {\n            right: '0',\n          },\n        }),\n      }),\n      // active\n      '&.Mui-selected': {\n        color: theme.palette.text.primary,\n        fontWeight: '700',\n        // hide regular label\n        '& .FlowTab-label': {\n          display: 'none',\n        },\n        // show selected label with bolder font\n        '& .FlowTab-selectedLabel': {\n          opacity: '1',\n        },\n      },\n      // disabled\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n      // focused style\n      ...getFocusRingStyle(theme, false, '2px'),\n      // responsive\n      [theme.breakpoints.down('md')]: {\n        fontSize: '16px',\n        marginBottom: '10px',\n      },\n    }),\n  },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","FlowTab","LinkComponent","props","_jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","text","primary","display","opacity","icon","left","right","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"uJAIa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EACXC,cAAgBC,GAAUC,EAACH,EAAQI,OAAAC,OAAA,CAAAC,MAAS,GAAAJ,KAE9CK,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1B,8BAA+B,CAE7B,mBAAoB,CAClBC,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,OAITjB,EAAWkB,MAAIxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWZ,cAA4B,CAEzC,mBAAoB,CAClB+B,KAAM,OAGsB,QAA5BnB,EAAWZ,cAA0B,CAEvC,mBAAoB,CAClBgC,MAAO,QAGX,CAEF,iBAAkB,CAChBR,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BJ,WAAY,MAEZ,mBAAoB,CAClBK,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQQ,SAASC,YAG7BC,EAAkBxB,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAMyB,YAAYC,KAAK,OAAQ,CAC9BhB,SAAU,OACViB,aAAc"}

package/materialui/tabs/tabs.theme.js

@@ -1,2 +1,2 @@
-import{FlowScrollButton as e}from"./ScrollButton.js";import{updateFocusRingStyle as t}from"../../components/focusring/focusring.js";import{getInteractiveStyle as a}from"../button/interactive.js";const r={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"},"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t("0px",!1)),a({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},a({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({paddingTop:"12px","& .MuiTabs-flexContainer":{gap:"10px"},"& .MuiTab-root":Object.assign(Object.assign({},e.typography.caption1),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};export{r as flowTabs};
+import{FlowScrollButton as e}from"./ScrollButton.js";import{updateFocusRingStyle as t}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"../button/interactive.js";const o={defaultProps:{scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e}},styleOverrides:{root:({ownerState:e})=>Object.assign(Object.assign({minHeight:"0",alignItems:"center",gap:"0"},e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{}),e.centered?{justifyContent:"center"}:{}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>Object.assign(Object.assign({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary},"secondary"===t.indicatorColor&&{color:e.palette.text.primary}),{"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700},e.typography.subheadline),{[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}})})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":Object.assign(Object.assign(Object.assign({border:"1px solid transparent",padding:"6px 16px",borderRadius:"555px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px"},t("0px",!1)),r({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary})),{"&.Mui-selected":Object.assign({},r({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})),[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}})})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":Object.assign({marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"}},e.typography.list)})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"555px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"555px","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":Object.assign(Object.assign({margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"555px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"}},e.typography.subheadline),{color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}})})}]};export{o as flowTabs};
 //# sourceMappingURL=tabs.theme.js.map

package/materialui/tabs/tabs.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowScrollButton } from './ScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n  defaultProps: {\n    // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n    scrollButtons: 'auto',\n    allowScrollButtonsMobile: true,\n    visibleScrollbar: false,\n    variant: 'scrollable',\n    slots: {\n      scrollButtons: FlowScrollButton,\n    },\n  },\n  styleOverrides: {\n    root: ({ ownerState }) => ({\n      minHeight: '0',\n      alignItems: 'center',\n      // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n      gap: '0',\n      ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n        ? {\n            '& .MuiTab-root': {\n              flexGrow: '1',\n            },\n          }\n        : {}),\n      // @mui omits centered property with variant scrollable,\n      //  therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n      ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n    }),\n    flexContainer: ({ theme }) => ({\n      gap: '16px',\n      [theme.breakpoints.up('md')]: {\n        gap: '28px',\n      },\n    }),\n    indicator: ({ theme, ownerState }) => ({\n      maxWidth: 'none',\n      background: 'transparent',\n      display: 'block',\n      height: '3px',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      ...(ownerState.indicatorColor === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      // actual indicator line\n      '&:before': {\n        display: 'block',\n        content: '\"\"',\n        position: 'absolute',\n        left: '8px',\n        right: '8px',\n        top: '0',\n        bottom: '0',\n        backgroundColor: 'currentColor',\n      },\n    }),\n    scroller: ({ ownerState }) => ({\n      flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n      // restyle horizontal scrollbar\n      '&::-webkit-scrollbar:horizontal': {\n        height: '24px',\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '10px',\n      },\n    }),\n    scrollButtons: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // do not hide disabled scroll buttons\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { template: 'underlined' },\n      style: ({ theme }) => ({\n        // align with rest of the page, due to extra space\n        marginLeft: '-6px',\n        marginRight: '-6px',\n        maxWidth: 'none',\n        // scroll container\n        '& .MuiTabs-scroller': {\n          '&::-webkit-scrollbar:horizontal': {\n            height: '16px',\n          },\n          '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n            borderWidth: '6px',\n          },\n        },\n        // container\n        '& .MuiTabs-flexContainer': {\n          // extra space for the focus indicator\n          padding: '6px',\n          // remove gap between tabs\n          gap: '0',\n        },\n        // indicator line\n        '& .MuiTabs-indicator': {\n          // move directly into tab border\n          bottom: '6px',\n          '&:before': {\n            // make full-width\n            inset: '0',\n          },\n        },\n        // Tabs itself\n        '& .MuiTab-root': {\n          // remove space around tab in favor of padding\n          margin: '0',\n          // increase spacing\n          padding: '12px 24px',\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            paddingTop: '10px',\n            paddingBottom: '10px',\n          },\n          // style adjust\n          borderRadius: '0',\n          color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n          // font\n          ...theme.typography.subheadline,\n          [theme.breakpoints.up('xs')]: {\n            fontWeight: '300',\n          },\n          // bottom border\n          '&:after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            bottom: '0',\n            height: '1px',\n            backgroundColor: theme.palette.onSurface.os500,\n          },\n          // hover effect\n          '&:hover, &.Mui-focusVisible': {\n            color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n            // hide regular label\n            '& .FlowTab-label': {\n              display: 'none',\n            },\n            // show selected label with bolder font\n            '& .FlowTab-selectedLabel': {\n              opacity: '1',\n            },\n            // increase size of the border\n            '&:after': {\n              height: '2px',\n            },\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n          // focused style\n          '&.Mui-focusVisible': {\n            // higher z-index than others\n            zIndex: '10',\n            // extra white border\n            boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n            '&:before': {\n              // move outside\n              inset: '-2px',\n              // add extra border radius\n              borderRadius: '4px',\n            },\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'buttons' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // hide bottom line\n        '& .MuiTabs-indicator': {\n          display: 'none',\n        },\n        // restyle tabs to buttons\n        '& .MuiTab-root': {\n          border: '1px solid transparent',\n          padding: '6px 16px',\n          borderRadius: '555px',\n          transition: 'all 0.3s ease-out',\n          fontSize: '14px',\n          fontWeight: '700',\n          marginBottom: '2px',\n          ...updateFocusRingStyle('0px', false),\n          ...getInteractiveStyle(\n            {\n              backgroundColor: 'transparent',\n              color: theme.palette.onSurface.os500,\n            },\n            {\n              backgroundColor: theme.palette.surface.primary,\n              color: theme.palette.text.primary,\n            },\n          ),\n          '&.Mui-selected': {\n            ...getInteractiveStyle(\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.text.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n            ),\n          },\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'navigation' },\n      style: ({ theme }) => ({\n        // manual v-align\n        paddingTop: '12px',\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '10px',\n        },\n        // restyle tabs typography\n        '& .MuiTab-root': {\n          ...theme.typography.caption1,\n          color: theme.palette.text.primary,\n          [theme.breakpoints.up('xs')]: {\n            fontWeight: '300',\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'segmented' },\n      style: ({ theme }) => ({\n        // used for background\n        color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n        // container\n        '& .MuiTabs-scroller': {\n          backgroundColor: 'currentColor',\n          borderRadius: '555px',\n        },\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // restyle indicator to white bordered travelling background\n        '& .MuiTabs-indicator': {\n          color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n          // proportion\n          height: '100%',\n          // z-index bellow <Tab />\n          zIndex: '10',\n          borderRadius: '555px',\n          '&:before': {\n            inset: '0',\n            borderRadius: 'inherit',\n            border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n          },\n        },\n        // restyle tabs\n        '& .MuiTab-root': {\n          margin: '0',\n          padding: '6px 16px',\n          [theme.breakpoints.up('md')]: {\n            padding: '8px 16px',\n          },\n          borderRadius: '555px',\n          transition: 'all 0.3s ease-out',\n          // space between icon and text\n          gap: '10px',\n          // z-index above indicator\n          zIndex: '20',\n          // icon inside\n          '& .MuiSvgIcon-root': {\n            fontSize: '20px',\n            marginTop: '4px',\n            marginBottom: '4px',\n          },\n          // change typography\n          ...theme.typography.subheadline,\n          color: theme.palette.text.primary,\n          [theme.breakpoints.up('xs')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n          // hover and focus\n          '&:hover, &.Mui-focusVisible': {\n            backgroundColor: theme.palette.surface.primary,\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n            '&:hover, &.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowTabs","defaultProps","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","FlowScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","opacity","disabled","variants","props","template","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","caption1","common","white","marginTop"],"mappings":"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"}
+{"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowScrollButton } from './ScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n  defaultProps: {\n    // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n    scrollButtons: 'auto',\n    allowScrollButtonsMobile: true,\n    visibleScrollbar: false,\n    variant: 'scrollable',\n    slots: {\n      scrollButtons: FlowScrollButton,\n    },\n  },\n  styleOverrides: {\n    root: ({ ownerState }) => ({\n      minHeight: '0',\n      alignItems: 'center',\n      // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n      gap: '0',\n      ...(ownerState.fullWidth || ownerState.variant === 'fullWidth'\n        ? {\n            '& .MuiTab-root': {\n              flexGrow: '1',\n            },\n          }\n        : {}),\n      // @mui omits centered property with variant scrollable,\n      //  therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n      ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n    }),\n    flexContainer: ({ theme }) => ({\n      gap: '16px',\n      [theme.breakpoints.up('md')]: {\n        gap: '28px',\n      },\n    }),\n    indicator: ({ theme, ownerState }) => ({\n      maxWidth: 'none',\n      background: 'transparent',\n      display: 'block',\n      height: '3px',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      ...(ownerState.indicatorColor === 'secondary' && {\n        color: theme.palette.text.primary,\n      }),\n      // actual indicator line\n      '&:before': {\n        display: 'block',\n        content: '\"\"',\n        position: 'absolute',\n        left: '8px',\n        right: '8px',\n        top: '0',\n        bottom: '0',\n        backgroundColor: 'currentColor',\n      },\n    }),\n    scroller: ({ ownerState }) => ({\n      flexGrow: ownerState.fullWidth || ownerState.variant === 'fullWidth' ? '1' : '0',\n      // restyle horizontal scrollbar\n      '&::-webkit-scrollbar:horizontal': {\n        height: '24px',\n      },\n      '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n        borderWidth: '10px',\n      },\n    }),\n    scrollButtons: ({ theme }) => ({\n      color: theme.palette.text.primary,\n      // do not hide disabled scroll buttons\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { template: 'underlined' },\n      style: ({ theme }) => ({\n        // align with rest of the page, due to extra space\n        marginLeft: '-6px',\n        marginRight: '-6px',\n        maxWidth: 'none',\n        // scroll container\n        '& .MuiTabs-scroller': {\n          '&::-webkit-scrollbar:horizontal': {\n            height: '16px',\n          },\n          '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n            borderWidth: '6px',\n          },\n        },\n        // container\n        '& .MuiTabs-flexContainer': {\n          // extra space for the focus indicator\n          padding: '6px',\n          // remove gap between tabs\n          gap: '0',\n        },\n        // indicator line\n        '& .MuiTabs-indicator': {\n          // move directly into tab border\n          bottom: '6px',\n          '&:before': {\n            // make full-width\n            inset: '0',\n          },\n        },\n        // Tabs itself\n        '& .MuiTab-root': {\n          // remove space around tab in favor of padding\n          margin: '0',\n          // increase spacing\n          padding: '12px 24px',\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            paddingTop: '10px',\n            paddingBottom: '10px',\n          },\n          // style adjust\n          borderRadius: '0',\n          color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n          // font\n          ...theme.typography.subheadline,\n          [theme.breakpoints.up('xs')]: {\n            fontWeight: '300',\n          },\n          // bottom border\n          '&:after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            bottom: '0',\n            height: '1px',\n            backgroundColor: theme.palette.onSurface.os500,\n          },\n          // hover effect\n          '&:hover, &.Mui-focusVisible': {\n            // increase size of the border\n            '&:after': {\n              height: '2px',\n            },\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n          // focused style\n          '&.Mui-focusVisible': {\n            // higher z-index than others\n            zIndex: '10',\n            // extra white border\n            boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n            '&:before': {\n              // move outside\n              inset: '-2px',\n              // add extra border radius\n              borderRadius: '4px',\n            },\n          },\n        },\n      }),\n    },\n    {\n      props: { template: 'buttons' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // hide bottom line\n        '& .MuiTabs-indicator': {\n          display: 'none',\n        },\n        // restyle tabs to buttons\n        '& .MuiTab-root': {\n          border: '1px solid transparent',\n          padding: '6px 16px',\n          borderRadius: '555px',\n          transition: 'all 0.3s ease-out',\n          fontSize: '14px',\n          fontWeight: '700',\n          marginBottom: '2px',\n          ...updateFocusRingStyle('0px', false),\n          ...getInteractiveStyle(\n            {\n              backgroundColor: 'transparent',\n              color: theme.palette.onSurface.os500,\n            },\n            {\n              backgroundColor: theme.palette.surface.primary,\n              color: theme.palette.text.primary,\n            },\n          ),\n          '&.Mui-selected': {\n            ...getInteractiveStyle(\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.text.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n              {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n            ),\n          },\n          // responsive\n          [theme.breakpoints.down('md')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n        },\n      }),\n    },\n    {\n      // variant used in the SecondaryNavigation\n      props: { template: 'navigation' },\n      style: ({ theme }) => ({\n        // container\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '4px',\n        },\n        // manual align\n        paddingTop: '11px',\n        [theme.breakpoints.down('xl')]: {\n          paddingTop: '13px',\n        },\n        [theme.breakpoints.down('lg')]: {\n          paddingTop: '8px',\n        },\n        // restyle tabs typography\n        '& .MuiTab-root': {\n          marginBottom: '11px',\n          [theme.breakpoints.down('xl')]: {\n            marginBottom: '13px',\n          },\n          [theme.breakpoints.down('lg')]: {\n            marginBottom: '8px',\n          },\n          ...theme.typography.list,\n        },\n      }),\n    },\n    {\n      props: { template: 'segmented' },\n      style: ({ theme }) => ({\n        // used for background\n        color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n        // container\n        '& .MuiTabs-scroller': {\n          backgroundColor: 'currentColor',\n          borderRadius: '555px',\n        },\n        '& .MuiTabs-flexContainer': {\n          // reduce gap between tabs\n          gap: '8px',\n        },\n        // restyle indicator to white bordered travelling background\n        '& .MuiTabs-indicator': {\n          color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n          // proportion\n          height: '100%',\n          // z-index bellow <Tab />\n          zIndex: '10',\n          borderRadius: '555px',\n          '&:before': {\n            inset: '0',\n            borderRadius: 'inherit',\n            border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n          },\n        },\n        // restyle tabs\n        '& .MuiTab-root': {\n          margin: '0',\n          padding: '6px 16px',\n          [theme.breakpoints.up('md')]: {\n            padding: '8px 16px',\n          },\n          borderRadius: '555px',\n          transition: 'all 0.3s ease-out',\n          // space between icon and text\n          gap: '10px',\n          // z-index above indicator\n          zIndex: '20',\n          // icon inside\n          '& .MuiSvgIcon-root': {\n            fontSize: '20px',\n            marginTop: '4px',\n            marginBottom: '4px',\n          },\n          // change typography\n          ...theme.typography.subheadline,\n          color: theme.palette.text.primary,\n          [theme.breakpoints.up('xs')]: {\n            '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n              fontWeight: '400',\n            },\n          },\n          // hover and focus\n          '&:hover, &.Mui-focusVisible': {\n            backgroundColor: theme.palette.surface.primary,\n          },\n          // active\n          '&.Mui-selected': {\n            color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n            '&:hover, &.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n          },\n          // disabled\n          '&.Mui-disabled': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowTabs","defaultProps","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","FlowScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","opacity","disabled","variants","props","template","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","marginTop"],"mappings":"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"}

package/materialui/theme/mixins.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const flowMixins: Theme['mixins'];

package/materialui/theme/mixins.js

@@ -0,0 +1,2 @@
+const o={toolbar:{minHeight:"64px"}};export{o as flowMixins};
+//# sourceMappingURL=mixins.js.map

package/materialui/theme/mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.js","sources":["../../../src/materialui/theme/mixins.ts"],"sourcesContent":["import { Theme } from '@mui/material';\n\nexport const flowMixins: Theme['mixins'] = {\n  toolbar: {\n    minHeight: '64px',\n  },\n};\n"],"names":["flowMixins","toolbar","minHeight"],"mappings":"AAEa,MAAAA,EAA8B,CACzCC,QAAS,CACPC,UAAW"}

package/materialui/theme/theme.extensions.d.ts

@@ -132,6 +132,11 @@ declare module '@mui/material/styles' {
         };
     }
 }
+declare module '@mui/material/Alert' {
+    interface AlertPropsColorOverrides {
+        notification: true;
+    }
+}
 declare module '@mui/material/Chip' {
     interface ChipPropsVariantOverrides {
         transparent: true;
@@ -492,15 +497,13 @@ declare module '@mui/material/Card' {
 declare module '@mui/material/AppBar' {
     interface AppBarOwnProps {
         /**
-         * Brekpoint that hides the navigation into collapse with hamburger menu
-         * @default lg
+         * @deprecated lo longer has any effect
          */
         breakpoint?: number | Breakpoint;
     }
     interface AppBarPropsColorOverrides {
         /**
-         * Dark header
-         * @deprecated
+         * @deprecated lo longer has any effect
          */
         dark: true;
     }

package/materialui/theme/theme.js

@@ -1,2 +1,2 @@
-import{createTheme as e}from"@mui/material";import{flowAccordion as t}from"../accordion/accordion.theme.js";import{flowAlert as o}from"../alert/alert.theme.js";import{flowAlertTitle as i}from"../alert/alertTitle.theme.js";import{flowAvatar as r}from"../avatar/avatar.theme.js";import{flowAvatarGroup as m}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as a}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as p}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as s}from"../accordion/accordionActions.theme.js";import{flowAppBar as l}from"../appbar/appbar.theme.js";import{flowAutocomplete as n}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as u}from"../backdrop/backdrop.theme.js";import{flowBadge as c}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as f,getFlowCssBaseline as d}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as h}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as M}from"../button/button.theme.js";import{flowButtonBase as j}from"../button/buttonBase.theme.js";import{flowLink as b}from"../link/link.theme.js";import{flowCheckbox as k}from"../checkbox/checkbox.theme.js";import{flowChip as T}from"../chip/chip.theme.js";import{flowClock as g}from"../datepicker/clock.theme.js";import{flowDateTimePickerTabs as C}from"../datepicker/dateTimePickerTabs.theme.js";import{flowDateTimePickerToolbar as S}from"../datepicker/dateTimePickerToolbar.theme.js";import{flowDesktopDateTimePicker as I}from"../datepicker/desktopDateTimePicker.theme.js";import{flowDesktopTimePicker as x}from"../datepicker/desktopTimePicker.theme.js";import{flowMultiSectionDigitalClockSection as A}from"../datepicker/multiSectionDigitalClockSection.theme.js";import{flowPickersLayout as B}from"../datepicker/pickersLayout.theme.js";import{flowPickersToolbar as L}from"../datepicker/pickersToolbar.theme.js";import{flowPickersToolbarButton as P}from"../datepicker/pickersToolbarButton.theme.js";import{flowPickersToolbarText as v}from"../datepicker/pickersToolbarText.theme.js";import{flowTimeClock as D}from"../datepicker/timeClock.theme.js";import{flowTimePickerToolbar as y}from"../datepicker/timePickerToolbar.theme.js";import{flowDialog as w}from"../dialog/dialog.theme.js";import{flowDialogActions as F}from"../dialog/dialogActions.theme.js";import{flowDialogContent as H}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as G}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as R}from"../dialog/dialogTitle.theme.js";import{flowDivider as O}from"../divider/divider.theme.js";import{flowDrawer as q}from"../drawer/drawer.theme.js";import{flowFilledInput as z}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as E}from"../textfield/outlinedInput.theme.js";import{flowFormControl as J}from"../textfield/formControl.theme.js";import{flowFormControlLabel as K}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as N}from"../textfield/formHelperText.theme.js";import{flowFormLabel as Q}from"../textfield/formLabel.theme.js";import{flowInput as U}from"../textfield/input.theme.js";import{flowInputAdornment as V}from"../textfield/inputAdornment.theme.js";import{flowInputBase as W}from"../textfield/inputBase.theme.js";import{flowInputLabel as X}from"../textfield/inputLabel.theme.js";import{flowRadio as Y}from"../radio/radio.theme.js";import{flowSelect as Z}from"../textfield/select.theme.js";import{flowSlider as $}from"../slider/slider.theme.js";import{flowSwitch as _}from"../switch/switch.theme.js";import{flowTextField as ee}from"../textfield/textField.theme.js";import{flowSvgIcon as te}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as oe}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as ie}from"../linearprogress/linearprogress.theme.js";import{flowContainer as re}from"../container/container.theme.js";import{flowGrid as me}from"../container/grid.theme.js";import{flowList as ae}from"../list/list.theme.js";import{flowListItem as pe}from"../list/listItem.theme.js";import{flowListItemButton as se}from"../list/listItemButton.theme.js";import{flowListItemText as le}from"../list/listItemText.theme.js";import{flowListItemIcon as ne}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as ue}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as ce}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as fe}from"../list/listSubheader.theme.js";import{flowMenu as de}from"../menu/menu.theme.js";import{flowMenuItem as he}from"../menu/menuItem.theme.js";import{flowMobileStepper as Me}from"../mobileStepper/mobileStepper.theme.js";import{getFlowModal as je}from"../modal/modal.theme.js";import{flowPagination as be,flowPaginationItem as ke}from"../pagination/pagination.theme.js";import{flowPaper as Te}from"../paper/paper.theme.js";import{flowPopover as ge}from"../popover/popover.theme.js";import{flowSkeleton as Ce}from"../skeleton/skeleton.theme.js";import{flowSnackbar as Se}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as Ie}from"../snackbar/snackbarContent.theme.js";import{flowStepper as xe}from"../stepper/stepper.theme.js";import{flowStep as Ae}from"../stepper/step.theme.js";import{flowStepButton as Be}from"../stepper/stepButton.theme.js";import{flowStepConnector as Le}from"../stepper/stepConnector.theme.js";import{flowStepLabel as Pe}from"../stepper/stepLabel.theme.js";import{flowStepContent as ve}from"../stepper/stepContent.theme.js";import{flowTab as De}from"../tabs/tab.theme.js";import{flowTabs as ye}from"../tabs/tabs.theme.js";import{flowTooltip as we}from"../tooltip/tooltip.theme.js";import{flowCard as Fe}from"../card/card.theme.js";import{flowCardContent as He}from"../card/cardContent.theme.js";import{flowCardHeader as Ge}from"../card/cardHeader.theme.js";import{flowCardActionArea as Re}from"../card/cardActionArea.theme.js";import{flowTableContainer as Oe}from"../table/tableContainer.theme.js";import{flowTable as qe}from"../table/table.theme.js";import{flowTableHead as ze}from"../table/tableHead.theme.js";import{flowTableBody as Ee}from"../table/tableBody.theme.js";import{flowTableRow as Je}from"../table/tableRow.theme.js";import{flowTableCell as Ke}from"../table/tableCell.theme.js";import{flowTableSortLabel as Ne}from"../table/tableSortLabel.theme.js";import{flowTablePagination as Qe}from"../table/tablePagination.theme.js";import{flowFab as Ue}from"../fab/fab.theme.js";import{paletteLight as Ve}from"./paletteLight.theme.js";import{paletteDark as We}from"./paletteDark.theme.js";import{flowBreakpoints as Xe}from"./theme.breakpoints.js";import{flowElevations as Ye}from"./theme.elevations.js";import{getTypographyOptions as Ze}from"./theme.typography.js";function $e({mode:$e="light",direction:_e="ltr",breakpointsOptions:et=Xe}){return e({breakpoints:et,palette:"dark"===$e?We:Ve,direction:_e,typography:Ze(et,"rtl"===_e),flowShadows:Ye,components:{MuiAlert:o,MuiAlertTitle:i,MuiAvatar:r,MuiAvatarGroup:m,MuiAppBar:l,MuiContainer:re,MuiCssBaseline:d(et,"rtl"===_e),MuiScopedCssBaseline:f(et,"rtl"===_e),MuiButtonBase:j,MuiButton:M,MuiIconButton:oe,MuiSvgIcon:te,MuiLink:b,MuiLinearProgress:ie,MuiSwitch:_,MuiCheckbox:k,MuiRadio:Y,MuiSlider:$,MuiTooltip:we,MuiDivider:O,MuiBadge:c,MuiGrid:me,MuiChip:T,MuiPaper:Te,MuiTextField:ee,MuiSelect:Z,MuiMenu:de,MuiMenuItem:he,MuiTab:De,MuiTabs:ye,MuiCard:Fe,MuiCardContent:He,MuiCardHeader:Ge,MuiCardActionArea:Re,MuiPaginationItem:ke,MuiPagination:be,MuiSnackbar:Se,MuiSnackbarContent:Ie,MuiModal:je(et,"rtl"===_e),MuiBackdrop:u,MuiDrawer:q,MuiAccordion:t,MuiAccordionSummary:a,MuiAccordionDetails:p,MuiAccordionActions:s,MuiMobileStepper:Me,MuiInputBase:W,MuiInputLabel:X,MuiInput:U,MuiFormControl:J,MuiFilledInput:z,MuiOutlinedInput:E,MuiFormLabel:Q,MuiFormControlLabel:K,MuiInputAdornment:V,MuiFormHelperText:N,MuiDialogActions:F,MuiDialog:w,MuiDialogContent:H,MuiDialogContentText:G,MuiDialogTitle:R,MuiList:ae,MuiListItem:pe,MuiListItemButton:se,MuiListItemText:le,MuiListItemIcon:ne,MuiListItemAvatar:ue,MuiListItemSecondaryAction:ce,MuiListSubheader:fe,MuiPopover:ge,MuiAutocomplete:n,MuiBreadcrumbs:h,MuiPickersToolbar:L,MuiPickersToolbarButton:P,MuiDateTimePickerToolbar:S,MuiDateTimePickerTabs:C,MuiMultiSectionDigitalClockSection:A,MuiDesktopDateTimePicker:I,MuiDesktopTimePicker:x,MuiPickersToolbarText:v,MuiPickersLayout:B,MuiTimePickerToolbar:y,MuiTimeClock:D,MuiClock:g,MuiSkeleton:Ce,MuiStepper:xe,MuiStep:Ae,MuiStepButton:Be,MuiStepConnector:Le,MuiStepLabel:Pe,MuiStepContent:ve,MuiTableContainer:Oe,MuiTable:qe,MuiTableHead:ze,MuiTableBody:Ee,MuiTableRow:Je,MuiTableCell:Ke,MuiTableSortLabel:Ne,MuiTablePagination:Qe,MuiFab:Ue}})}const _e=$e({}),et=$e({mode:"dark"}),tt=$e({direction:"rtl"}),ot=$e({direction:"rtl",mode:"dark"});export{$e as createSkodaTheme,et as darkTheme,ot as rtlDarkTheme,tt as rtlTheme,_e as theme};
+import{createTheme as e}from"@mui/material";import{flowMixins as t}from"./mixins.js";import{flowAccordion as o}from"../accordion/accordion.theme.js";import{flowAlert as i}from"../alert/alert.theme.js";import{flowAlertTitle as r}from"../alert/alertTitle.theme.js";import{flowAvatar as m}from"../avatar/avatar.theme.js";import{flowAvatarGroup as a}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as p}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as s}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as l}from"../accordion/accordionActions.theme.js";import{flowAppBar as n}from"../appbar/appbar.theme.js";import{flowToolbar as u}from"../appbar/toolbar.theme.js";import{flowAutocomplete as c}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as f}from"../backdrop/backdrop.theme.js";import{flowBadge as h}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as d,getFlowCssBaseline as j}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as M}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as b}from"../button/button.theme.js";import{flowButtonBase as k}from"../button/buttonBase.theme.js";import{flowLink as T}from"../link/link.theme.js";import{flowCheckbox as g}from"../checkbox/checkbox.theme.js";import{flowChip as C}from"../chip/chip.theme.js";import{flowClock as I}from"../datepicker/clock.theme.js";import{flowDateTimePickerTabs as S}from"../datepicker/dateTimePickerTabs.theme.js";import{flowDateTimePickerToolbar as x}from"../datepicker/dateTimePickerToolbar.theme.js";import{flowDesktopDateTimePicker as A}from"../datepicker/desktopDateTimePicker.theme.js";import{flowDesktopTimePicker as B}from"../datepicker/desktopTimePicker.theme.js";import{flowMultiSectionDigitalClockSection as L}from"../datepicker/multiSectionDigitalClockSection.theme.js";import{flowPickersLayout as P}from"../datepicker/pickersLayout.theme.js";import{flowPickersToolbar as v}from"../datepicker/pickersToolbar.theme.js";import{flowPickersToolbarButton as D}from"../datepicker/pickersToolbarButton.theme.js";import{flowPickersToolbarText as y}from"../datepicker/pickersToolbarText.theme.js";import{flowTimeClock as w}from"../datepicker/timeClock.theme.js";import{flowTimePickerToolbar as F}from"../datepicker/timePickerToolbar.theme.js";import{flowDialog as H}from"../dialog/dialog.theme.js";import{flowDialogActions as R}from"../dialog/dialogActions.theme.js";import{flowDialogContent as G}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as O}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as q}from"../dialog/dialogTitle.theme.js";import{flowDivider as z}from"../divider/divider.theme.js";import{flowDrawer as E}from"../drawer/drawer.theme.js";import{flowFilledInput as J}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as K}from"../textfield/outlinedInput.theme.js";import{flowFormControl as N}from"../textfield/formControl.theme.js";import{flowFormControlLabel as Q}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as U}from"../textfield/formHelperText.theme.js";import{flowFormLabel as V}from"../textfield/formLabel.theme.js";import{flowInput as W}from"../textfield/input.theme.js";import{flowInputAdornment as X}from"../textfield/inputAdornment.theme.js";import{flowInputBase as Y}from"../textfield/inputBase.theme.js";import{flowInputLabel as Z}from"../textfield/inputLabel.theme.js";import{flowRadio as $}from"../radio/radio.theme.js";import{flowSelect as _}from"../textfield/select.theme.js";import{flowSlider as ee}from"../slider/slider.theme.js";import{flowSwitch as te}from"../switch/switch.theme.js";import{flowTextField as oe}from"../textfield/textField.theme.js";import{flowSvgIcon as ie}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as re}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as me}from"../linearprogress/linearprogress.theme.js";import{flowContainer as ae}from"../container/container.theme.js";import{flowGrid as pe}from"../container/grid.theme.js";import{flowList as se}from"../list/list.theme.js";import{flowListItem as le}from"../list/listItem.theme.js";import{flowListItemButton as ne}from"../list/listItemButton.theme.js";import{flowListItemText as ue}from"../list/listItemText.theme.js";import{flowListItemIcon as ce}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as fe}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as he}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as de}from"../list/listSubheader.theme.js";import{flowMenu as je}from"../menu/menu.theme.js";import{flowMenuItem as Me}from"../menu/menuItem.theme.js";import{flowMobileStepper as be}from"../mobileStepper/mobileStepper.theme.js";import{getFlowModal as ke}from"../modal/modal.theme.js";import{flowPagination as Te}from"../pagination/pagination.theme.js";import{flowPaginationItem as ge}from"../pagination/paginationItem.theme.js";import{flowPaper as Ce}from"../paper/paper.theme.js";import{flowPopover as Ie}from"../popover/popover.theme.js";import{flowRating as Se}from"../rating/rating.theme.js";import{flowSkeleton as xe}from"../skeleton/skeleton.theme.js";import{flowSnackbar as Ae}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as Be}from"../snackbar/snackbarContent.theme.js";import{flowStepper as Le}from"../stepper/stepper.theme.js";import{flowStep as Pe}from"../stepper/step.theme.js";import{flowStepButton as ve}from"../stepper/stepButton.theme.js";import{flowStepConnector as De}from"../stepper/stepConnector.theme.js";import{flowStepLabel as ye}from"../stepper/stepLabel.theme.js";import{flowStepContent as we}from"../stepper/stepContent.theme.js";import{flowTab as Fe}from"../tabs/tab.theme.js";import{flowTabs as He}from"../tabs/tabs.theme.js";import{flowTooltip as Re}from"../tooltip/tooltip.theme.js";import{flowCard as Ge}from"../card/card.theme.js";import{flowCardContent as Oe}from"../card/cardContent.theme.js";import{flowCardHeader as qe}from"../card/cardHeader.theme.js";import{flowCardActionArea as ze}from"../card/cardActionArea.theme.js";import{flowTableContainer as Ee}from"../table/tableContainer.theme.js";import{flowTable as Je}from"../table/table.theme.js";import{flowTableHead as Ke}from"../table/tableHead.theme.js";import{flowTableBody as Ne}from"../table/tableBody.theme.js";import{flowTableRow as Qe}from"../table/tableRow.theme.js";import{flowTableCell as Ue}from"../table/tableCell.theme.js";import{flowTableSortLabel as Ve}from"../table/tableSortLabel.theme.js";import{flowTablePagination as We}from"../table/tablePagination.theme.js";import{flowFab as Xe}from"../fab/fab.theme.js";import{paletteLight as Ye}from"./paletteLight.theme.js";import{paletteDark as Ze}from"./paletteDark.theme.js";import{flowBreakpoints as $e}from"./theme.breakpoints.js";import{flowElevations as _e}from"./theme.elevations.js";import{getTypographyOptions as et}from"./theme.typography.js";function tt({mode:tt="light",direction:ot="ltr",breakpointsOptions:it=$e}){return e({breakpoints:it,mixins:t,palette:"dark"===tt?Ze:Ye,direction:ot,typography:et(it,"rtl"===ot),flowShadows:_e,components:{MuiAlert:i,MuiAlertTitle:r,MuiAvatar:m,MuiAvatarGroup:a,MuiAppBar:n,MuiToolbar:u,MuiContainer:ae,MuiCssBaseline:j(it,"rtl"===ot),MuiScopedCssBaseline:d(it,"rtl"===ot),MuiButtonBase:k,MuiButton:b,MuiIconButton:re,MuiSvgIcon:ie,MuiLink:T,MuiLinearProgress:me,MuiSwitch:te,MuiCheckbox:g,MuiRadio:$,MuiSlider:ee,MuiTooltip:Re,MuiDivider:z,MuiBadge:h,MuiGrid:pe,MuiChip:C,MuiPaper:Ce,MuiTextField:oe,MuiSelect:_,MuiMenu:je,MuiMenuItem:Me,MuiTab:Fe,MuiTabs:He,MuiCard:Ge,MuiCardContent:Oe,MuiCardHeader:qe,MuiCardActionArea:ze,MuiPaginationItem:ge,MuiPagination:Te,MuiRating:Se,MuiSnackbar:Ae,MuiSnackbarContent:Be,MuiModal:ke(it,"rtl"===ot),MuiBackdrop:f,MuiDrawer:E,MuiAccordion:o,MuiAccordionSummary:p,MuiAccordionDetails:s,MuiAccordionActions:l,MuiMobileStepper:be,MuiInputBase:Y,MuiInputLabel:Z,MuiInput:W,MuiFormControl:N,MuiFilledInput:J,MuiOutlinedInput:K,MuiFormLabel:V,MuiFormControlLabel:Q,MuiInputAdornment:X,MuiFormHelperText:U,MuiDialogActions:R,MuiDialog:H,MuiDialogContent:G,MuiDialogContentText:O,MuiDialogTitle:q,MuiList:se,MuiListItem:le,MuiListItemButton:ne,MuiListItemText:ue,MuiListItemIcon:ce,MuiListItemAvatar:fe,MuiListItemSecondaryAction:he,MuiListSubheader:de,MuiPopover:Ie,MuiAutocomplete:c,MuiBreadcrumbs:M,MuiPickersToolbar:v,MuiPickersToolbarButton:D,MuiDateTimePickerToolbar:x,MuiDateTimePickerTabs:S,MuiMultiSectionDigitalClockSection:L,MuiDesktopDateTimePicker:A,MuiDesktopTimePicker:B,MuiPickersToolbarText:y,MuiPickersLayout:P,MuiTimePickerToolbar:F,MuiTimeClock:w,MuiClock:I,MuiSkeleton:xe,MuiStepper:Le,MuiStep:Pe,MuiStepButton:ve,MuiStepConnector:De,MuiStepLabel:ye,MuiStepContent:we,MuiTableContainer:Ee,MuiTable:Je,MuiTableHead:Ke,MuiTableBody:Ne,MuiTableRow:Qe,MuiTableCell:Ue,MuiTableSortLabel:Ve,MuiTablePagination:We,MuiFab:Xe}})}const ot=tt({}),it=tt({mode:"dark"}),rt=tt({direction:"rtl"}),mt=tt({direction:"rtl",mode:"dark"});export{tt as createSkodaTheme,it as darkTheme,mt as rtlDarkTheme,rt as rtlTheme,ot as theme};
 //# sourceMappingURL=theme.js.map

package/materialui/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowClock } from '../datepicker/clock.theme';\nimport { flowDateTimePickerTabs } from '../datepicker/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from '../datepicker/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from '../datepicker/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from '../datepicker/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from '../datepicker/pickersLayout.theme';\nimport { flowPickersToolbar } from '../datepicker/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from '../datepicker/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from '../datepicker/pickersToolbarText.theme';\nimport { flowTimeClock } from '../datepicker/timeClock.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timePickerToolbar.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowGrid } from '../container/grid.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { flowMobileStepper } from '../mobileStepper/mobileStepper.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination, flowPaginationItem } from '../pagination/pagination.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport * as ThemeAugmentation from '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n  mode = 'light',\n  direction = 'ltr',\n  breakpointsOptions = flowBreakpoints,\n}: {\n  mode?: PaletteMode;\n  direction?: Direction;\n  breakpointsOptions?: BreakpointsOptions;\n}) {\n  return createTheme({\n    breakpoints: breakpointsOptions,\n    palette: mode === 'dark' ? paletteDark : paletteLight,\n    direction: direction,\n    typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n    flowShadows: flowElevations,\n    components: {\n      MuiAlert: flowAlert,\n      MuiAlertTitle: flowAlertTitle,\n      MuiAvatar: flowAvatar,\n      MuiAvatarGroup: flowAvatarGroup,\n      MuiAppBar: flowAppBar,\n      MuiContainer: flowContainer,\n      MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n      MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n      MuiButtonBase: flowButtonBase,\n      MuiButton: flowButton,\n      MuiIconButton: flowIconButton,\n      MuiSvgIcon: flowSvgIcon,\n      MuiLink: flowLink,\n      MuiLinearProgress: flowLinearProgress,\n      MuiSwitch: flowSwitch,\n      MuiCheckbox: flowCheckbox,\n      MuiRadio: flowRadio,\n      MuiSlider: flowSlider,\n      MuiTooltip: flowTooltip,\n      MuiDivider: flowDivider,\n      MuiBadge: flowBadge,\n      MuiGrid: flowGrid,\n      MuiChip: flowChip,\n      MuiPaper: flowPaper,\n      MuiTextField: flowTextField,\n      MuiSelect: flowSelect,\n      MuiMenu: flowMenu,\n      MuiMenuItem: flowMenuItem,\n      MuiTab: flowTab,\n      MuiTabs: flowTabs,\n      MuiCard: flowCard,\n      MuiCardContent: flowCardContent,\n      MuiCardHeader: flowCardHeader,\n      MuiCardActionArea: flowCardActionArea,\n      MuiPaginationItem: flowPaginationItem,\n      MuiPagination: flowPagination,\n      MuiSnackbar: flowSnackbar,\n      MuiSnackbarContent: flowSnackbarContent,\n      MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n      MuiBackdrop: flowBackdrop,\n      MuiDrawer: flowDrawer,\n      MuiAccordion: flowAccordion,\n      MuiAccordionSummary: flowAccordionSummary,\n      MuiAccordionDetails: flowAccordionDetails,\n      MuiAccordionActions: flowAccordionActions,\n      MuiMobileStepper: flowMobileStepper,\n      MuiInputBase: flowInputBase,\n      MuiInputLabel: flowInputLabel,\n      MuiInput: flowInput,\n      MuiFormControl: flowFormControl,\n      MuiFilledInput: flowFilledInput,\n      MuiOutlinedInput: flowOutlinedInput,\n      MuiFormLabel: flowFormLabel,\n      MuiFormControlLabel: flowFormControlLabel,\n      MuiInputAdornment: flowInputAdornment,\n      MuiFormHelperText: flowFormHelperText,\n      MuiDialogActions: flowDialogActions,\n      MuiDialog: flowDialog,\n      MuiDialogContent: flowDialogContent,\n      MuiDialogContentText: flowDialogContentText,\n      MuiDialogTitle: flowDialogTitle,\n      MuiList: flowList,\n      MuiListItem: flowListItem,\n      MuiListItemButton: flowListItemButton,\n      MuiListItemText: flowListItemText,\n      MuiListItemIcon: flowListItemIcon,\n      MuiListItemAvatar: flowListItemAvatar,\n      MuiListItemSecondaryAction: flowListItemSecondaryAction,\n      MuiListSubheader: flowListSubheader,\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      MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n      MuiDesktopTimePicker: flowDesktopTimePicker,\n      MuiPickersToolbarText: flowPickersToolbarText,\n      MuiPickersLayout: flowPickersLayout,\n      MuiTimePickerToolbar: flowTimePickerToolbar,\n      MuiTimeClock: flowTimeClock,\n      MuiClock: flowClock,\n      MuiSkeleton: flowSkeleton,\n      MuiStepper: flowStepper,\n      MuiStep: flowStep,\n      MuiStepButton: flowStepButton,\n      MuiStepConnector: flowStepConnector,\n      MuiStepLabel: flowStepLabel,\n      MuiStepContent: flowStepContent,\n      MuiTableContainer: flowTableContainer,\n      MuiTable: flowTable,\n      MuiTableHead: flowTableHead,\n      MuiTableBody: flowTableBody,\n      MuiTableRow: flowTableRow,\n      MuiTableCell: flowTableCell,\n      MuiTableSortLabel: flowTableSortLabel,\n      MuiTablePagination: flowTablePagination,\n      MuiFab: flowFab,\n    },\n  });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"ooNA6GgB,SAAAA,IAAiBC,KAC/BA,GAAO,QAAOC,UACdA,GAAY,MAAKC,mBACjBA,GAAqBC,KAMrB,OAAOC,EAAY,CACjBC,YAAaH,GACbI,QAAkB,SAATN,GAAkBO,GAAcC,GACzCP,UAAWA,GACXQ,WAAYC,GAAqBR,GAAkC,QAAdD,IACrDU,YAAaC,GACbC,WAAY,CACVC,SAAUC,EACVC,cAAeC,EACfC,UAAWC,EACXC,eAAgBC,EAChBC,UAAWC,EACXC,aAAcC,GACdC,eAAgBC,EAAmBzB,GAAkC,QAAdD,IACvD2B,qBAAsBC,EAAyB3B,GAAkC,QAAdD,IACnE6B,cAAeC,EACfC,UAAWC,EACXC,cAAeC,GACfC,WAAYC,GACZC,QAASC,EACTC,kBAAmBC,GACnBC,UAAWC,EACXC,YAAaC,EACbC,SAAUC,EACVC,UAAWC,EACXC,WAAYC,GACZC,WAAYC,EACZC,SAAUC,EACVC,QAASC,GACTC,QAASC,EACTC,SAAUC,GACVC,aAAcC,GACdC,UAAWC,EACXC,QAASC,GACTC,YAAaC,GACbC,OAAQC,GACRC,QAASC,GACTC,QAASC,GACTC,eAAgBC,GAChBC,cAAeC,GACfC,kBAAmBC,GACnBC,kBAAmBC,GACnBC,cAAeC,GACfC,YAAaC,GACbC,mBAAoBC,GACpBC,SAAUC,GAAazF,GAAkC,QAAdD,IAC3C2F,YAAaC,EACbC,UAAWC,EACXC,aAAcC,EACdC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,iBAAkBC,GAClBC,aAAcC,EACdC,cAAeC,EACfC,SAAUC,EACVC,eAAgBC,EAChBC,eAAgBC,EAChBC,iBAAkBC,EAClBC,aAAcC,EACdC,oBAAqBC,EACrBC,kBAAmBC,EACnBC,kBAAmBC,EACnBC,iBAAkBC,EAClBC,UAAWC,EACXC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,eAAgBC,EAChBC,QAASC,GACTC,YAAaC,GACbC,kBAAmBC,GACnBC,gBAAiBC,GACjBC,gBAAiBC,GACjBC,kBAAmBC,GACnBC,2BAA4BC,GAC5BC,iBAAkBC,GAClBC,WAAYC,GACZC,gBAAiBC,EACjBC,eAAgBC,EAChBC,kBAAmBC,EACnBC,wBAAyBC,EACzBC,yBAA0BC,EAC1BC,sBAAuBC,EACvBC,mCAAoCC,EACpCC,yBAA0BC,EAC1BC,qBAAsBC,EACtBC,sBAAuBC,EACvBC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,aAAcC,EACdC,SAAUC,EACVC,YAAaC,GACbC,WAAYC,GACZC,QAASC,GACTC,cAAeC,GACfC,iBAAkBC,GAClBC,aAAcC,GACdC,eAAgBC,GAChBC,kBAAmBC,GACnBC,SAAUC,GACVC,aAAcC,GACdC,aAAcC,GACdC,YAAaC,GACbC,aAAcC,GACdC,kBAAmBC,GACnBC,mBAAoBC,GACpBC,OAAQC,KAGd,OAEaC,GAAQvN,GAAiB,CAAE,GAC3BwN,GAAYxN,GAAiB,CAAEC,KAAM,SACrCwN,GAAWzN,GAAiB,CAAEE,UAAW,QACzCwN,GAAe1N,GAAiB,CAAEE,UAAW,MAAOD,KAAM"}
+{"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowClock } from '../datepicker/clock.theme';\nimport { flowDateTimePickerTabs } from '../datepicker/dateTimePickerTabs.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/dateTimePickerToolbar.theme';\nimport { flowDesktopDateTimePicker } from '../datepicker/desktopDateTimePicker.theme';\nimport { flowDesktopTimePicker } from '../datepicker/desktopTimePicker.theme';\nimport { flowMultiSectionDigitalClockSection } from '../datepicker/multiSectionDigitalClockSection.theme';\nimport { flowPickersLayout } from '../datepicker/pickersLayout.theme';\nimport { flowPickersToolbar } from '../datepicker/pickersToolbar.theme';\nimport { flowPickersToolbarButton } from '../datepicker/pickersToolbarButton.theme';\nimport { flowPickersToolbarText } from '../datepicker/pickersToolbarText.theme';\nimport { flowTimeClock } from '../datepicker/timeClock.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timePickerToolbar.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowGrid } from '../container/grid.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { flowMobileStepper } from '../mobileStepper/mobileStepper.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport './theme.extensions';\nimport { getTypographyOptions } from './theme.typography';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport * as ThemeAugmentation from '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n  mode = 'light',\n  direction = 'ltr',\n  breakpointsOptions = flowBreakpoints,\n}: {\n  mode?: PaletteMode;\n  direction?: Direction;\n  breakpointsOptions?: BreakpointsOptions;\n}) {\n  return createTheme({\n    breakpoints: breakpointsOptions,\n    mixins: flowMixins,\n    palette: mode === 'dark' ? paletteDark : paletteLight,\n    direction: direction,\n    typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n    flowShadows: flowElevations,\n    components: {\n      MuiAlert: flowAlert,\n      MuiAlertTitle: flowAlertTitle,\n      MuiAvatar: flowAvatar,\n      MuiAvatarGroup: flowAvatarGroup,\n      MuiAppBar: flowAppBar,\n      MuiToolbar: flowToolbar,\n      MuiContainer: flowContainer,\n      MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n      MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n      MuiButtonBase: flowButtonBase,\n      MuiButton: flowButton,\n      MuiIconButton: flowIconButton,\n      MuiSvgIcon: flowSvgIcon,\n      MuiLink: flowLink,\n      MuiLinearProgress: flowLinearProgress,\n      MuiSwitch: flowSwitch,\n      MuiCheckbox: flowCheckbox,\n      MuiRadio: flowRadio,\n      MuiSlider: flowSlider,\n      MuiTooltip: flowTooltip,\n      MuiDivider: flowDivider,\n      MuiBadge: flowBadge,\n      MuiGrid: flowGrid,\n      MuiChip: flowChip,\n      MuiPaper: flowPaper,\n      MuiTextField: flowTextField,\n      MuiSelect: flowSelect,\n      MuiMenu: flowMenu,\n      MuiMenuItem: flowMenuItem,\n      MuiTab: flowTab,\n      MuiTabs: flowTabs,\n      MuiCard: flowCard,\n      MuiCardContent: flowCardContent,\n      MuiCardHeader: flowCardHeader,\n      MuiCardActionArea: flowCardActionArea,\n      MuiPaginationItem: flowPaginationItem,\n      MuiPagination: flowPagination,\n      MuiRating: flowRating,\n      MuiSnackbar: flowSnackbar,\n      MuiSnackbarContent: flowSnackbarContent,\n      MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n      MuiBackdrop: flowBackdrop,\n      MuiDrawer: flowDrawer,\n      MuiAccordion: flowAccordion,\n      MuiAccordionSummary: flowAccordionSummary,\n      MuiAccordionDetails: flowAccordionDetails,\n      MuiAccordionActions: flowAccordionActions,\n      MuiMobileStepper: flowMobileStepper,\n      MuiInputBase: flowInputBase,\n      MuiInputLabel: flowInputLabel,\n      MuiInput: flowInput,\n      MuiFormControl: flowFormControl,\n      MuiFilledInput: flowFilledInput,\n      MuiOutlinedInput: flowOutlinedInput,\n      MuiFormLabel: flowFormLabel,\n      MuiFormControlLabel: flowFormControlLabel,\n      MuiInputAdornment: flowInputAdornment,\n      MuiFormHelperText: flowFormHelperText,\n      MuiDialogActions: flowDialogActions,\n      MuiDialog: flowDialog,\n      MuiDialogContent: flowDialogContent,\n      MuiDialogContentText: flowDialogContentText,\n      MuiDialogTitle: flowDialogTitle,\n      MuiList: flowList,\n      MuiListItem: flowListItem,\n      MuiListItemButton: flowListItemButton,\n      MuiListItemText: flowListItemText,\n      MuiListItemIcon: flowListItemIcon,\n      MuiListItemAvatar: flowListItemAvatar,\n      MuiListItemSecondaryAction: flowListItemSecondaryAction,\n      MuiListSubheader: flowListSubheader,\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      MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n      MuiDesktopTimePicker: flowDesktopTimePicker,\n      MuiPickersToolbarText: flowPickersToolbarText,\n      MuiPickersLayout: flowPickersLayout,\n      MuiTimePickerToolbar: flowTimePickerToolbar,\n      MuiTimeClock: flowTimeClock,\n      MuiClock: flowClock,\n      MuiSkeleton: flowSkeleton,\n      MuiStepper: flowStepper,\n      MuiStep: flowStep,\n      MuiStepButton: flowStepButton,\n      MuiStepConnector: flowStepConnector,\n      MuiStepLabel: flowStepLabel,\n      MuiStepContent: flowStepContent,\n      MuiTableContainer: flowTableContainer,\n      MuiTable: flowTable,\n      MuiTableHead: flowTableHead,\n      MuiTableBody: flowTableBody,\n      MuiTableRow: flowTableRow,\n      MuiTableCell: flowTableCell,\n      MuiTableSortLabel: flowTableSortLabel,\n      MuiTablePagination: flowTablePagination,\n      MuiFab: flowFab,\n    },\n  });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiGrid","flowGrid","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiMobileStepper","flowMobileStepper","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiPickersToolbar","flowPickersToolbar","MuiPickersToolbarButton","flowPickersToolbarButton","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiDateTimePickerTabs","flowDateTimePickerTabs","MuiMultiSectionDigitalClockSection","flowMultiSectionDigitalClockSection","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiPickersToolbarText","flowPickersToolbarText","MuiPickersLayout","flowPickersLayout","MuiTimePickerToolbar","flowTimePickerToolbar","MuiTimeClock","flowTimeClock","MuiClock","flowClock","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"m1NAiHgB,SAAAA,IAAiBC,KAC/BA,GAAO,QAAOC,UACdA,GAAY,MAAKC,mBACjBA,GAAqBC,KAMrB,OAAOC,EAAY,CACjBC,YAAaH,GACbI,OAAQC,EACRC,QAAkB,SAATR,GAAkBS,GAAcC,GACzCT,UAAWA,GACXU,WAAYC,GAAqBV,GAAkC,QAAdD,IACrDY,YAAaC,GACbC,WAAY,CACVC,SAAUC,EACVC,cAAeC,EACfC,UAAWC,EACXC,eAAgBC,EAChBC,UAAWC,EACXC,WAAYC,EACZC,aAAcC,GACdC,eAAgBC,EAAmB7B,GAAkC,QAAdD,IACvD+B,qBAAsBC,EAAyB/B,GAAkC,QAAdD,IACnEiC,cAAeC,EACfC,UAAWC,EACXC,cAAeC,GACfC,WAAYC,GACZC,QAASC,EACTC,kBAAmBC,GACnBC,UAAWC,GACXC,YAAaC,EACbC,SAAUC,EACVC,UAAWC,GACXC,WAAYC,GACZC,WAAYC,EACZC,SAAUC,EACVC,QAASC,GACTC,QAASC,EACTC,SAAUC,GACVC,aAAcC,GACdC,UAAWC,EACXC,QAASC,GACTC,YAAaC,GACbC,OAAQC,GACRC,QAASC,GACTC,QAASC,GACTC,eAAgBC,GAChBC,cAAeC,GACfC,kBAAmBC,GACnBC,kBAAmBC,GACnBC,cAAeC,GACfC,UAAWC,GACXC,YAAaC,GACbC,mBAAoBC,GACpBC,SAAUC,GAAa/F,GAAkC,QAAdD,IAC3CiG,YAAaC,EACbC,UAAWC,EACXC,aAAcC,EACdC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,iBAAkBC,GAClBC,aAAcC,EACdC,cAAeC,EACfC,SAAUC,EACVC,eAAgBC,EAChBC,eAAgBC,EAChBC,iBAAkBC,EAClBC,aAAcC,EACdC,oBAAqBC,EACrBC,kBAAmBC,EACnBC,kBAAmBC,EACnBC,iBAAkBC,EAClBC,UAAWC,EACXC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,eAAgBC,EAChBC,QAASC,GACTC,YAAaC,GACbC,kBAAmBC,GACnBC,gBAAiBC,GACjBC,gBAAiBC,GACjBC,kBAAmBC,GACnBC,2BAA4BC,GAC5BC,iBAAkBC,GAClBC,WAAYC,GACZC,gBAAiBC,EACjBC,eAAgBC,EAChBC,kBAAmBC,EACnBC,wBAAyBC,EACzBC,yBAA0BC,EAC1BC,sBAAuBC,EACvBC,mCAAoCC,EACpCC,yBAA0BC,EAC1BC,qBAAsBC,EACtBC,sBAAuBC,EACvBC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,aAAcC,EACdC,SAAUC,EACVC,YAAaC,GACbC,WAAYC,GACZC,QAASC,GACTC,cAAeC,GACfC,iBAAkBC,GAClBC,aAAcC,GACdC,eAAgBC,GAChBC,kBAAmBC,GACnBC,SAAUC,GACVC,aAAcC,GACdC,aAAcC,GACdC,YAAaC,GACbC,aAAcC,GACdC,kBAAmBC,GACnBC,mBAAoBC,GACpBC,OAAQC,KAGd,OAEaC,GAAQ7N,GAAiB,CAAE,GAC3B8N,GAAY9N,GAAiB,CAAEC,KAAM,SACrC8N,GAAW/N,GAAiB,CAAEE,UAAW,QACzC8N,GAAehO,GAAiB,CAAEE,UAAW,MAAOD,KAAM"}

package/organisms/index.d.ts

@@ -10,5 +10,4 @@ export * from './shortcutLink';
 export * from './textCta';
 export * from './tile';
 export * from './carousel2';
-export * from './notification';
 export * from './gallery';

package/package.json

@@ -1 +1 @@
-{"name":"@skodaflow/web-library","version":"7.14.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 || ^6.1.4","@mui/system":"^5.12.3 || ^6.1.4","react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"11.2.10","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
+{"name":"@skodaflow/web-library","version":"7.15.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 || ^6.1.4","@mui/system":"^5.12.3 || ^6.1.4","react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"11.2.10","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/cjs/layout/Error/ErrorContent.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ErrorContentProps = {
-    /**
-     * Error Status, eg. 404 or 500
-     * @requires
-     */
-    status: ReactNode;
-    /**
-     * Short message describing the error
-     * @default undefined
-     */
-    message?: ReactNode;
-    /**
-     * Longer description of the error
-     * @default undefined
-     */
-    description?: ReactNode;
-    /**
-     * Actions that user can interact with
-     * @default undefined
-     */
-    actions?: ReactNode;
-    /**
-     * Stacktrace of an error
-     * @default undefined
-     */
-    stacktrace?: string;
-};
-/**
- * Component that simplifies rendering of the error
- * @param props ErrorContentProps
- */
-export declare const ErrorContent: FC<ErrorContentProps>;

package/cjs/layout/Error/ErrorContent.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("react");exports.ErrorContent=o=>{const{status:s,message:n,actions:i,description:a,stacktrace:x}=o,l=r.useMemo((()=>"string"==typeof s||"number"==typeof s?t.jsx(e.Typography,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:s}):s),[s]),d=r.useMemo((()=>n?"string"==typeof n||"number"==typeof n?t.jsx(e.Typography,{variant:"h3",children:n}):n:null),[n]),c=r.useMemo((()=>a?"string"==typeof a||"number"==typeof a?t.jsx(e.Typography,{children:a}):a:null),[a]),m=r.useMemo((()=>null==x?void 0:x.split("\n").map((r=>t.jsx(e.Box,{children:r},r)))),[x]);return t.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[t.jsxs(e.Box,{sx:{maxWidth:"612px"},children:[t.jsx(e.Box,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:l}),d&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:d})]}),t.jsx(e.Box,{sx:{maxWidth:"450px"},children:c&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:c})}),i&&t.jsx(e.Stack,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:i}),m&&t.jsx(e.Container,{children:t.jsx(e.Box,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:m})})]})};
-//# sourceMappingURL=ErrorContent.js.map

package/cjs/layout/Error/ErrorContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorContent.js","sources":["../../../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\n\nexport type ErrorContentProps = {\n  /**\n   * Error Status, eg. 404 or 500\n   * @requires\n   */\n  status: ReactNode;\n  /**\n   * Short message describing the error\n   * @default undefined\n   */\n  message?: ReactNode;\n  /**\n   * Longer description of the error\n   * @default undefined\n   */\n  description?: ReactNode;\n  /**\n   * Actions that user can interact with\n   * @default undefined\n   */\n  actions?: ReactNode;\n  /**\n   * Stacktrace of an error\n   * @default undefined\n   */\n  stacktrace?: string;\n};\n\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent: FC<ErrorContentProps> = (props) => {\n  const { status, message, actions, description, stacktrace } = props;\n\n  const statusNode = useMemo(() => {\n    if (typeof status === 'string' || typeof status === 'number') {\n      return (\n        <Typography\n          sx={{\n            fontWeight: { xs: '700' },\n            fontSize: { xs: '72px' },\n            lineHeight: { xs: '72px' },\n            color: (theme) => theme.palette.onSurface.os900,\n          }}\n        >\n          {status}\n        </Typography>\n      );\n    }\n\n    return status;\n  }, [status]);\n\n  const messageNode = useMemo(() => {\n    if (!message) {\n      return null;\n    }\n    if (typeof message === 'string' || typeof message === 'number') {\n      return <Typography variant=\"h3\">{message}</Typography>;\n    }\n    return message;\n  }, [message]);\n\n  const descriptionNode = useMemo(() => {\n    if (!description) {\n      return null;\n    }\n    if (typeof description === 'string' || typeof description === 'number') {\n      return <Typography>{description}</Typography>;\n    }\n    return description;\n  }, [description]);\n\n  const stackTraceNode = useMemo(\n    () => stacktrace?.split('\\n').map((frame) => <Box key={frame}>{frame}</Box>),\n    [stacktrace],\n  );\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        textAlign: 'center',\n        paddingTop: {\n          xl: 12,\n          xs: 10,\n        },\n      }}\n    >\n      <Box\n        sx={{\n          maxWidth: '612px',\n        }}\n      >\n        <Box sx={{ marginBottom: { lg: 8, md: 7, xs: 6 } }} data-testid=\"ErrorContent.status\">\n          {statusNode}\n        </Box>\n\n        {messageNode && (\n          <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.message\">\n            {messageNode}\n          </Box>\n        )}\n      </Box>\n\n      <Box\n        sx={{\n          maxWidth: '450px',\n        }}\n      >\n        {descriptionNode && (\n          <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.description\">\n            {descriptionNode}\n          </Box>\n        )}\n      </Box>\n\n      {actions && (\n        <Stack direction=\"row\" spacing={2} sx={{ marginBottom: 4 }} data-testid=\"ErrorContent.actions\">\n          {actions}\n        </Stack>\n      )}\n\n      {stackTraceNode && (\n        <Container>\n          <Box\n            sx={{\n              border: '1px solid',\n              borderColor: (theme) => theme.palette.onSurface.os300,\n              py: 1,\n              px: 2,\n              borderRadius: 2,\n              fontFamily: 'monospace',\n              fontSize: 11,\n              lineHeight: '18px',\n              marginBottom: 4,\n              textAlign: 'left',\n              overflow: 'auto',\n              '& > div:not(:first-of-type)': {\n                marginLeft: 4,\n              },\n            }}\n            data-testid=\"ErrorContent.stacktrace\"\n          >\n            {stackTraceNode}\n          </Box>\n        </Container>\n      )}\n    </Box>\n  );\n};\n"],"names":["props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"mHAmCoDA,IAClD,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EAExDM,EAAaC,EAAAA,SAAQ,IACH,iBAAXN,GAAyC,iBAAXA,EAErCO,EAAAC,IAACC,aAAU,CACTC,GAAI,CACFC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAG3CC,SAAApB,IAKAA,GACN,CAACA,IAEEqB,EAAcf,EAAAA,SAAQ,IACrBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EACjCM,EAAAA,IAACE,EAAAA,WAAW,CAAAa,QAAQ,KAAIF,SAAEnB,IAE5BA,EALE,MAMR,CAACA,IAEEsB,EAAkBjB,EAAAA,SAAQ,IACzBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACrCI,EAACC,IAAAC,EAAUA,WAAE,CAAAW,SAAAjB,IAEfA,EALE,MAMR,CAACA,IAEEqB,EAAiBlB,EAAAA,SACrB,IAAMF,eAAAA,EAAYqB,MAAM,MAAMC,KAAKC,GAAUpB,MAACqB,EAAAA,IAAiB,CAAAR,SAAAO,GAARA,MACvD,CAACvB,IAGH,OACEyB,EAAAC,KAACF,MAAG,CACFlB,GAAI,CACFqB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACVC,GAAI,GACJxB,GAAI,KAEPQ,SAAA,CAEDS,EAAAA,KAACD,EAAGA,IACF,CAAAlB,GAAI,CACF2B,SAAU,SACXjB,SAAA,CAEDb,EAACC,IAAAoB,MAAI,CAAAlB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAK,cAAc,sBAAqBQ,SAClFf,IAGFgB,GACCd,EAAAC,IAACoB,EAAGA,IAAA,CAAClB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAmB,cAAA,gCAC7DS,OAKPd,EAAAC,IAACoB,MAAG,CACFlB,GAAI,CACF2B,SAAU,SACXjB,SAEAG,GACChB,EAAAC,IAACoB,MAAI,CAAAlB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAmB,cAAA,oCAC7DW,MAKNrB,GACCK,EAAAA,IAACkC,EAAKA,MAAA,CAACC,UAAU,MAAMC,QAAS,EAAGjC,GAAI,CAAE4B,aAAc,GAAiB,cAAA,uBACrElB,SAAAlB,IAIJsB,GACCjB,MAACqC,EAAAA,UACC,CAAAxB,SAAAb,EAAAC,IAACoB,MAAG,CACFlB,GAAI,CACFmC,OAAQ,YACRC,YAAc9B,GAAUA,EAAMC,QAAQC,UAAU6B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZtC,SAAU,GACVC,WAAY,OACZwB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC7BC,WAAY,IAGJ,cAAA,mCAEX7B,QAIH"}

package/cjs/layout/Footer/Footer.d.ts

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

package/cjs/layout/Footer/Footer.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");exports.Footer=t=>e.jsx(r.Box,{"data-testid":"Footer",sx:{background:e=>e.palette.onSurface.os800,color:e=>e.palette.common.white,padding:{lg:"80px 0",xs:"48px 0"},"& hr":{borderColor:e=>e.palette.onSurface.os700}},children:e.jsx(r.Container,{maxWidth:"xl",children:e.jsx(r.Stack,{direction:"column",spacing:4,children:t.children})})});
-//# sourceMappingURL=Footer.js.map

package/cjs/layout/Footer/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../src/layout/Footer/Footer.tsx"],"sourcesContent":["import { Box, Container, Stack } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterProps = {\n  children: ReactNode;\n};\n\nexport const Footer: FC<FooterProps> = (props) => (\n  <Box\n    data-testid=\"Footer\"\n    sx={{\n      background: (theme) => theme.palette.onSurface.os800,\n      color: (theme) => theme.palette.common.white,\n      padding: {\n        lg: '80px 0',\n        xs: '48px 0',\n      },\n      '& hr': {\n        borderColor: (theme) => theme.palette.onSurface.os700,\n      },\n    }}\n  >\n    <Container maxWidth=\"xl\">\n      <Stack direction=\"column\" spacing={4}>\n        {props.children}\n      </Stack>\n    </Container>\n  </Box>\n);\n"],"names":["props","_jsx","Box","sx","background","theme","palette","onSurface","os800","color","common","white","padding","lg","xs","borderColor","os700","children","jsx","Container","maxWidth","Stack","direction","spacing"],"mappings":"0FAOwCA,GACtCC,MAACC,EAAGA,IAAA,CAAA,cACU,SACZC,GAAI,CACFC,WAAaC,GAAUA,EAAMC,QAAQC,UAAUC,MAC/CC,MAAQJ,GAAUA,EAAMC,QAAQI,OAAOC,MACvCC,QAAS,CACPC,GAAI,SACJC,GAAI,UAEN,OAAQ,CACNC,YAAcV,GAAUA,EAAMC,QAAQC,UAAUS,QAIpDC,SAAAhB,EAAAiB,IAACC,YAAS,CAACC,SAAS,KAClBH,SAAAhB,EAAAA,IAACoB,EAAKA,MAAA,CAACC,UAAU,SAASC,QAAS,EAChCN,SAAAjB,EAAMiB"}

package/cjs/layout/Footer/FooterAccordion.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterAccordionProps = {
-    /**
-     * Label of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    label: ReactNode;
-    /**
-     * Content of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    children: ReactNode;
-};
-export declare const FooterAccordion: FC<FooterAccordionProps>;

package/cjs/layout/Footer/FooterAccordion.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js");require("react");var n=require("@mui/material");exports.FooterAccordion=({label:i,children:t})=>{const{isOpen:s,onToggle:c}=o.useClosure(!1);return e.jsxs(n.Box,{"data-testid":"FooterAccordion",sx:{color:e=>e.palette.onSurface.os0},children:[e.jsxs(n.Box,{onClick:c,sx:{cursor:"pointer",color:"inherit",background:"transparent",border:"none",padding:0},"data-testid":"FooterAccordion.label",component:"button",tabIndex:0,"aria-expanded":s,onKeyDown:e=>{" "===e.key&&(e.preventDefault(),c())},children:["string"==typeof i&&e.jsxs(n.Stack,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(n.Typography,{variant:"caption2",color:"inherit",sx:{flexGrow:{xs:"1",lg:"0"}},children:i}),e.jsx(r.Icon,{fontSize:"small",name:s?"chevron-up":"chevron-down"})]}),"string"!=typeof i&&i]}),e.jsx(n.Collapse,{in:s,"data-testid":"FooterAccordion.children",children:e.jsxs(n.Box,{sx:{paddingTop:4,p:{fontSize:"14px",lineHeight:"20px"}},children:["string"==typeof t&&e.jsx(n.Typography,{color:"inherit",variant:"disclaimer1",children:t}),"string"!=typeof t&&t]})})]})};
-//# sourceMappingURL=FooterAccordion.js.map

package/cjs/layout/Footer/FooterAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/layout/Footer/FooterAccordion.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterAccordionProps = {\n  /**\n   * Label of the Accordion\n   * String will be rendered inside `Typography` component with toggle icon.\n   * Other types are rendered as is, so you have to provide your own styles.\n   * @requires\n   */\n  label: ReactNode;\n  /**\n   * Content of the Accordion\n   * String will be rendered inside `Typography` component with toggle icon.\n   * Other types are rendered as is, so you have to provide your own styles.\n   * @requires\n   */\n  children: ReactNode;\n};\n\nexport const FooterAccordion: FC<FooterAccordionProps> = ({ label, children }) => {\n  const { isOpen, onToggle } = useClosure(false);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === ' ') {\n      event.preventDefault();\n      onToggle();\n    }\n  };\n\n  return (\n    <Box data-testid=\"FooterAccordion\" sx={{ color: (theme) => theme.palette.onSurface.os0 }}>\n      <Box\n        onClick={onToggle}\n        sx={{ cursor: 'pointer', color: 'inherit', background: 'transparent', border: 'none', padding: 0 }}\n        data-testid=\"FooterAccordion.label\"\n        component=\"button\"\n        tabIndex={0}\n        aria-expanded={isOpen}\n        onKeyDown={handleKeyDown}\n      >\n        {typeof label === 'string' && (\n          <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n            <Typography variant=\"caption2\" color=\"inherit\" sx={{ flexGrow: { xs: '1', lg: '0' } }}>\n              {label}\n            </Typography>\n            <Icon fontSize=\"small\" name={isOpen ? 'chevron-up' : 'chevron-down'} />\n          </Stack>\n        )}\n        {typeof label !== 'string' && label}\n      </Box>\n      <Collapse in={isOpen} data-testid=\"FooterAccordion.children\">\n        <Box sx={{ paddingTop: 4, p: { fontSize: '14px', lineHeight: '20px' } }}>\n          {typeof children === 'string' && (\n            <Typography color=\"inherit\" variant=\"disclaimer1\">\n              {children}\n            </Typography>\n          )}\n          {typeof children !== 'string' && children}\n        </Box>\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["label","children","isOpen","onToggle","useClosure","_jsxs","Box","sx","color","theme","palette","onSurface","os0","onClick","cursor","background","border","padding","component","tabIndex","onKeyDown","event","key","preventDefault","Stack","direction","spacing","alignItems","_jsx","jsx","Typography","variant","flexGrow","xs","lg","Icon","fontSize","name","Collapse","in","jsxs","paddingTop","p","lineHeight"],"mappings":"6SAsByD,EAAGA,QAAOC,eACjE,MAAMC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,YAAW,GASxC,OACEC,EAAAA,KAACC,EAAAA,IAAG,CAAA,cAAa,kBAAkBC,GAAI,CAAEC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,KAAKX,SAAA,CACtFI,EAAAA,KAACC,EAAAA,IAAG,CACFO,QAASV,EACTI,GAAI,CAAEO,OAAQ,UAAWN,MAAO,UAAWO,WAAY,cAAeC,OAAQ,OAAQC,QAAS,GAAG,cACtF,wBACZC,UAAU,SACVC,SAAU,EAAC,gBACIjB,EACfkB,UAhBiBC,IACH,MAAdA,EAAMC,MACRD,EAAME,iBACNpB,MAeGF,SAAA,CAAiB,iBAAVD,GACNK,EAAAA,KAACmB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAGC,WAAW,SAC5C1B,SAAA,CAAA2B,EAAAC,IAACC,EAAUA,WAAC,CAAAC,QAAQ,WAAWvB,MAAM,UAAUD,GAAI,CAAEyB,SAAU,CAAEC,GAAI,IAAKC,GAAI,MAC3EjC,SAAAD,IAEH4B,EAAAC,IAACM,EAAIA,KAAA,CAACC,SAAS,QAAQC,KAAMnC,EAAS,aAAe,oBAGvC,iBAAVF,GAAsBA,KAEhC4B,EAAAC,IAACS,EAAQA,SAAA,CAACC,GAAIrC,EAAoB,cAAA,2BAChCD,SAAAI,EAAAmC,KAAClC,EAAGA,IAAC,CAAAC,GAAI,CAAEkC,WAAY,EAAGC,EAAG,CAAEN,SAAU,OAAQO,WAAY,SAC1D1C,SAAA,CAAoB,iBAAbA,GACN2B,EAACC,IAAAC,EAAUA,WAAC,CAAAtB,MAAM,UAAUuB,QAAQ,cAAa9B,SAC9CA,IAGgB,iBAAbA,GAAyBA,SAGjC"}

package/cjs/layout/Footer/FooterIconButton.d.ts

@@ -1,20 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { IconNameProp } from '@/src/components/icon';
-import { ReactNode } from 'react';
-export type FooterIconButtonProps<C extends React.ElementType> = ({
-    /**
-     * Icon identifier
-     * @requires
-     */
-    icon: IconNameProp;
-} | {
-    /**
-     * Custom svg icon
-     * @requires
-     */
-    children: ReactNode;
-}) & IconButtonProps<C, {
-    component?: C;
-}>;
-/** Renders icon button intended for `Footer` component */
-export declare function FooterIconButton<C extends React.ElementType = 'button'>({ sx, icon, children, ...rest }: FooterIconButtonProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterIconButton.js

@@ -1,2 +0,0 @@
-"use strict";var o=require("tslib"),e=require("react/jsx-runtime"),r=require("@mui/material"),n=require("../../components/icon/icon.js");exports.FooterIconButton=function(t){var{sx:c,icon:i,children:s}=t,u=o.__rest(t,["sx","icon","children"]);return e.jsx(r.IconButton,Object.assign({"data-testid":"FooterIconButton",size:"small",color:"white",sx:Object.assign({color:"onSurface.os0","&:hover":{backgroundColor:"onSurface.os700"}},c||{})},u,{children:s||e.jsx(n.Icon,{name:i})}))};
-//# sourceMappingURL=FooterIconButton.js.map

package/cjs/layout/Footer/FooterIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\nimport { IconNameProp } from '@/src/components/icon';\nimport { ReactNode } from 'react';\n\nexport type FooterIconButtonProps<C extends React.ElementType> = (\n  | {\n      /**\n       * Icon identifier\n       * @requires\n       */\n      icon: IconNameProp;\n    }\n  | {\n      /**\n       * Custom svg icon\n       * @requires\n       */\n      children: ReactNode;\n    }\n) &\n  IconButtonProps<C, { component?: C }>;\n\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton<C extends React.ElementType = 'button'>({\n  sx,\n  icon,\n  children,\n  ...rest\n}: FooterIconButtonProps<C>) {\n  return (\n    <IconButton\n      data-testid=\"FooterIconButton\"\n      size=\"small\"\n      color=\"white\"\n      sx={{\n        color: 'onSurface.os0',\n        '&:hover': {\n          backgroundColor: 'onSurface.os700',\n        },\n        ...(sx || {}),\n      }}\n      {...rest}\n    >\n      {children || <Icon name={icon} />}\n    </IconButton>\n  );\n}\n"],"names":["_a","sx","icon","children","rest","__rest","_jsx","IconButton","Object","assign","size","color","backgroundColor","jsx","Icon","name"],"mappings":"kKAwBM,SAAmEA,OAAAC,GACvEA,EACAC,KAAAA,EAAIC,SACJA,KACGC,EAJoEC,EAAAA,OAAAL,EAAA,CAAA,KAAA,OAAA,aAMvE,OACEM,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAAA,cACG,mBACZC,KAAK,QACLC,MAAM,QACNV,GAAEO,OAAAC,OAAA,CACAE,MAAO,gBACP,UAAW,CACTC,gBAAiB,oBAEfX,GAAM,CAAA,IAERG,EAEH,CAAAD,SAAAA,GAAYG,EAACO,IAAAC,EAAIA,MAACC,KAAMb,MAG/B"}