@skodaflow/web-library 7.16.1 → 8.0.1

package/materialui/themeProvider/baseline.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\nimport { agGridStyles } from '@/src/components/advancedTable';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '300',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '400',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '700',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '900',\n            },\n          },\n        ],\n    '.ag-theme-material': {\n      // ag-grid global styling\n      ...agGridStyles(theme),\n    },\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","Object","assign","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","agGridStyles","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"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"}
+{"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '300',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '400',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '700',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '900',\n            },\n          },\n        ],\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","Object","assign","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"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"}

package/materialui/tooltip/tooltip.theme.d.ts

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowTooltip: Components<Theme>['MuiTooltip'];

package/materialui/tooltip/tooltip.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.theme.js","sources":["../../../src/materialui/tooltip/tooltip.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nconst mode = 'data-tooltip-mode';\nconst size = 'data-tooltip-size';\n\nexport const flowTooltip: Components<Theme>['MuiTooltip'] = {\n  defaultProps: {\n    placement: 'bottom',\n    arrow: true,\n  },\n  styleOverrides: {\n    tooltip: ({ theme, ownerState }) => ({\n      boxShadow: theme.flowShadows.xs,\n      background: theme.palette.text.primary,\n      color: theme.palette.background.primary,\n      ...(ownerState[mode] === 'reverse' && {\n        background: theme.palette.background.primary,\n        color: theme.palette.text.primary,\n      }),\n      ...(ownerState[mode] === 'dark' && {\n        background: theme.palette.onSurface.os0,\n        color: theme.palette.onSurface.os900,\n      }),\n      ...(ownerState[mode] === 'light' && {\n        background: theme.palette.onSurface.os900,\n        color: theme.palette.onSurface.os0,\n      }),\n      // size variants\n      ...(ownerState[size] === 'large'\n        ? {\n            ...theme.typography.body,\n            maxWidth: '520px',\n            borderRadius: '8px',\n            padding: '24px',\n            '& .FlowTooltip-header': {\n              // Tooltip Large is default style for TooltipHeader\n            },\n            '&.MuiTooltip-tooltipArrow': {\n              '&.MuiTooltip-tooltipPlacementLeft': {\n                marginRight: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementRight': {\n                marginLeft: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementTop': {\n                marginBottom: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementBottom': {\n                marginTop: '26px',\n              },\n            },\n          }\n        : {\n            padding: '8px 12px',\n            borderRadius: '2px',\n            maxWidth: '200px',\n            fontSize: '12px',\n            fontWeight: '400',\n            lineHeight: '16px',\n            '& .FlowTooltip-header': {\n              marginTop: '-8px',\n              marginBottom: '4px',\n              marginLeft: '-12px',\n              marginRight: '-12px',\n              padding: '8px',\n            },\n          }),\n    }),\n    arrow: ({ theme, ownerState }) => ({\n      '&::before': {\n        boxShadow: theme.flowShadows.xs,\n        background: theme.palette.text.primary,\n        ...(ownerState[mode] === 'reverse' && {\n          background: theme.palette.background.primary,\n        }),\n        ...(ownerState[mode] === 'dark' && {\n          background: theme.palette.onSurface.os0,\n        }),\n        ...(ownerState[mode] === 'light' && {\n          background: theme.palette.onSurface.os900,\n        }),\n      },\n      ...(ownerState[size] === 'large' && {\n        // make arrow larger (size & position are in \"em\" unit)\n        fontSize: '39px',\n      }),\n    }),\n  },\n};\n"],"names":["mode","size","flowTooltip","defaultProps","placement","arrow","styleOverrides","tooltip","theme","ownerState","boxShadow","flowShadows","xs","background","palette","text","primary","color","onSurface","os0","os900","Object","assign","typography","body","maxWidth","borderRadius","padding","marginRight","marginLeft","marginBottom","marginTop","fontSize","fontWeight","lineHeight"],"mappings":"AAGA,MAAMA,EAAO,oBACPC,EAAO,oBAEAC,EAA+C,CAC1DC,aAAc,CACZC,UAAW,SACXC,OAAO,GAETC,eAAgB,CACdC,QAAS,EAAGC,QAAOC,yEACjBC,UAAWF,EAAMG,YAAYC,GAC7BC,WAAYL,EAAMM,QAAQC,KAAKC,QAC/BC,MAAOT,EAAMM,QAAQD,WAAWG,SACP,YAArBP,EAAWT,IAAuB,CACpCa,WAAYL,EAAMM,QAAQD,WAAWG,QACrCC,MAAOT,EAAMM,QAAQC,KAAKC,UAEH,SAArBP,EAAWT,IAAoB,CACjCa,WAAYL,EAAMM,QAAQI,UAAUC,IACpCF,MAAOT,EAAMM,QAAQI,UAAUE,QAER,UAArBX,EAAWT,IAAqB,CAClCa,WAAYL,EAAMM,QAAQI,UAAUE,MACpCH,MAAOT,EAAMM,QAAQI,UAAUC,MAGR,UAArBV,EAAWR,GACZoB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACMd,EAAMe,WAAWC,MAAI,CACxBC,SAAU,QACVC,aAAc,MACdC,QAAS,OACT,wBAAyB,CAExB,EACD,4BAA6B,CAC3B,oCAAqC,CACnCC,YAAa,QAEf,qCAAsC,CACpCC,WAAY,QAEd,mCAAoC,CAClCC,aAAc,QAEhB,sCAAuC,CACrCC,UAAW,WAIjB,CACEJ,QAAS,WACTD,aAAc,MACdD,SAAU,QACVO,SAAU,OACVC,WAAY,MACZC,WAAY,OACZ,wBAAyB,CACvBH,UAAW,OACXD,aAAc,MACdD,WAAY,QACZD,YAAa,QACbD,QAAS,SAInBtB,MAAO,EAAGG,QAAOC,+BACf,YAAWY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACTZ,UAAWF,EAAMG,YAAYC,GAC7BC,WAAYL,EAAMM,QAAQC,KAAKC,SACN,YAArBP,EAAWT,IAAuB,CACpCa,WAAYL,EAAMM,QAAQD,WAAWG,UAEd,SAArBP,EAAWT,IAAoB,CACjCa,WAAYL,EAAMM,QAAQI,UAAUC,MAEb,UAArBV,EAAWT,IAAqB,CAClCa,WAAYL,EAAMM,QAAQI,UAAUE,SAGf,UAArBX,EAAWR,IAAqB,CAElC+B,SAAU"}
+{"version":3,"file":"tooltip.theme.js","sources":["../../../src/materialui/tooltip/tooltip.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nconst mode = 'data-tooltip-mode';\nconst size = 'data-tooltip-size';\n\nexport const flowTooltip: Components<Theme>['MuiTooltip'] = {\n  defaultProps: {\n    placement: 'bottom',\n    arrow: true,\n  },\n  styleOverrides: {\n    tooltip: ({ theme, ownerState }) => ({\n      boxShadow: theme.flowShadows.xs,\n      background: theme.palette.text.primary,\n      color: theme.palette.background.primary,\n      ...(ownerState[mode] === 'reverse' && {\n        background: theme.palette.background.primary,\n        color: theme.palette.text.primary,\n      }),\n      ...(ownerState[mode] === 'dark' && {\n        background: theme.palette.onSurface.os0,\n        color: theme.palette.onSurface.os900,\n      }),\n      ...(ownerState[mode] === 'light' && {\n        background: theme.palette.onSurface.os900,\n        color: theme.palette.onSurface.os0,\n      }),\n      // size variants\n      ...(ownerState[size] === 'large'\n        ? {\n            ...theme.typography.body,\n            maxWidth: '520px',\n            borderRadius: '8px',\n            padding: '24px',\n            '& .FlowTooltip-header': {\n              // Tooltip Large is default style for TooltipHeader\n            },\n            '&.MuiTooltip-tooltipArrow': {\n              '&.MuiTooltip-tooltipPlacementLeft': {\n                marginRight: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementRight': {\n                marginLeft: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementTop': {\n                marginBottom: '26px',\n              },\n              '&.MuiTooltip-tooltipPlacementBottom': {\n                marginTop: '26px',\n              },\n            },\n          }\n        : {\n            padding: '8px 12px',\n            borderRadius: '2px',\n            maxWidth: '200px',\n            fontSize: '12px',\n            fontWeight: '400',\n            lineHeight: '16px',\n            '& .FlowTooltip-header': {\n              marginTop: '-8px',\n              marginBottom: '4px',\n              marginLeft: '-12px',\n              marginRight: '-12px',\n              padding: '8px',\n            },\n          }),\n    }),\n    arrow: ({ theme, ownerState }) => ({\n      '&::before': {\n        boxShadow: theme.flowShadows.xs,\n        background: theme.palette.text.primary,\n        ...(ownerState[mode] === 'reverse' && {\n          background: theme.palette.background.primary,\n        }),\n        ...(ownerState[mode] === 'dark' && {\n          background: theme.palette.onSurface.os0,\n        }),\n        ...(ownerState[mode] === 'light' && {\n          background: theme.palette.onSurface.os900,\n        }),\n      },\n      ...(ownerState[size] === 'large' && {\n        // make arrow larger (size & position are in \"em\" unit)\n        fontSize: '39px',\n      }),\n    }),\n  },\n};\n"],"names":["mode","size","flowTooltip","defaultProps","placement","arrow","styleOverrides","tooltip","theme","ownerState","boxShadow","flowShadows","xs","background","palette","text","primary","color","onSurface","os0","os900","Object","assign","typography","body","maxWidth","borderRadius","padding","marginRight","marginLeft","marginBottom","marginTop","fontSize","fontWeight","lineHeight"],"mappings":"AAGA,MAAMA,EAAO,oBACPC,EAAO,oBAEAC,EAA+C,CAC1DC,aAAc,CACZC,UAAW,SACXC,OAAO,GAETC,eAAgB,CACdC,QAAS,EAAGC,QAAOC,yEACjBC,UAAWF,EAAMG,YAAYC,GAC7BC,WAAYL,EAAMM,QAAQC,KAAKC,QAC/BC,MAAOT,EAAMM,QAAQD,WAAWG,SACP,YAArBP,EAAWT,IAAuB,CACpCa,WAAYL,EAAMM,QAAQD,WAAWG,QACrCC,MAAOT,EAAMM,QAAQC,KAAKC,UAEH,SAArBP,EAAWT,IAAoB,CACjCa,WAAYL,EAAMM,QAAQI,UAAUC,IACpCF,MAAOT,EAAMM,QAAQI,UAAUE,QAER,UAArBX,EAAWT,IAAqB,CAClCa,WAAYL,EAAMM,QAAQI,UAAUE,MACpCH,MAAOT,EAAMM,QAAQI,UAAUC,MAGR,UAArBV,EAAWR,GACZoB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACMd,EAAMe,WAAWC,MAAI,CACxBC,SAAU,QACVC,aAAc,MACdC,QAAS,OACT,wBAAyB,CAExB,EACD,4BAA6B,CAC3B,oCAAqC,CACnCC,YAAa,QAEf,qCAAsC,CACpCC,WAAY,QAEd,mCAAoC,CAClCC,aAAc,QAEhB,sCAAuC,CACrCC,UAAW,WAIjB,CACEJ,QAAS,WACTD,aAAc,MACdD,SAAU,QACVO,SAAU,OACVC,WAAY,MACZC,WAAY,OACZ,wBAAyB,CACvBH,UAAW,OACXD,aAAc,MACdD,WAAY,QACZD,YAAa,QACbD,QAAS,SAInBtB,MAAO,EAAGG,QAAOC,+BACf,YAAWY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACTZ,UAAWF,EAAMG,YAAYC,GAC7BC,WAAYL,EAAMM,QAAQC,KAAKC,SACN,YAArBP,EAAWT,IAAuB,CACpCa,WAAYL,EAAMM,QAAQD,WAAWG,UAEd,SAArBP,EAAWT,IAAoB,CACjCa,WAAYL,EAAMM,QAAQI,UAAUC,MAEb,UAArBV,EAAWT,IAAqB,CAClCa,WAAYL,EAAMM,QAAQI,UAAUE,SAGf,UAArBX,EAAWR,IAAqB,CAElC+B,SAAU"}

package/materialui/typography/typography.theme.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { BreakpointsOptions } from '@mui/system';
+import { ThemeOptions } from '@mui/material/styles';
 export type TypographySize = 'small' | 'medium' | 'large';
 /**
  * Obtain style for element for the certain size
@@ -871,4 +871,4 @@ export declare const generateTypography: (element: string, breakpointsOptions: B
 /**
  * Build the typography theme options
  */
-export declare const getTypographyOptions: (breakpointsOptions: BreakpointsOptions, rtl: boolean) => TypographyOptions;
+export declare const getTypographyOptions: (breakpointsOptions: BreakpointsOptions, rtl: boolean) => ThemeOptions["typography"];

package/materialui/typography/typography.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\n    } as CSSProperties;\n  else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n  const breakpoints = createBreakpoints(breakpointsOptions);\n\n  return {\n    ...getTypography(element, rtl, 'small'),\n    [breakpoints.up('md')]: {\n      ...getTypography(element, rtl, 'medium'),\n    },\n    [breakpoints.up('xl')]: {\n      ...getTypography(element, rtl, 'large'),\n    },\n  };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n  const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n  return {\n    fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n    body: bodyTypo,\n    ...Object.fromEntries(\n      [\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'list',\n        'disclaimer',\n        'disclaimer1',\n        'disclaimer2',\n        'caption1',\n        'caption2',\n      ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n    ),\n    // original @mui properties\n    body1: bodyTypo,\n    body2: bodyTypo,\n    h5: generateTypography('subheadline', breakpointsOptions, rtl),\n    h6: generateTypography('caption1', breakpointsOptions, rtl),\n    caption: generateTypography('caption2', breakpointsOptions, rtl),\n    overline: generateTypography('caption1', breakpointsOptions, rtl),\n    // button, later this definition should come from @skodaflow/web-tokens\n    button: {\n      fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUO,MAAMA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,KAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,MAMDC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OAAAH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EACKhB,EAAcC,EAASC,EAAK,UAAQ,CACvC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,aAQxBgB,EAAuB,CAACL,EAAwCX,KAC3E,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,OAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
+{"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport { ThemeOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\n    } as CSSProperties;\n  else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n  const breakpoints = createBreakpoints(breakpointsOptions);\n\n  return {\n    ...getTypography(element, rtl, 'small'),\n    [breakpoints.up('md')]: {\n      ...getTypography(element, rtl, 'medium'),\n    },\n    [breakpoints.up('xl')]: {\n      ...getTypography(element, rtl, 'large'),\n    },\n  };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): ThemeOptions['typography'] => {\n  const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n  return {\n    fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n    body: bodyTypo,\n    ...Object.fromEntries(\n      [\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'list',\n        'disclaimer',\n        'disclaimer1',\n        'disclaimer2',\n        'caption1',\n        'caption2',\n      ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n    ),\n    // original @mui properties\n    body1: bodyTypo,\n    body2: bodyTypo,\n    h5: generateTypography('subheadline', breakpointsOptions, rtl),\n    h6: generateTypography('caption1', breakpointsOptions, rtl),\n    caption: generateTypography('caption2', breakpointsOptions, rtl),\n    overline: generateTypography('caption1', breakpointsOptions, rtl),\n    // button, later this definition should come from @skodaflow/web-tokens\n    button: {\n      fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUO,MAAMA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,KAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,MAMDC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OAAAH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EACKhB,EAAcC,EAASC,EAAK,UAAQ,CACvC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,aAQxBgB,EAAuB,CAClCL,EACAX,KAEA,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,OAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/package.json

@@ -1 +1 @@
-{"name":"@skodaflow/web-library","version":"7.16.1","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.21","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":"12.0.3","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":"8.0.1","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.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/material":"^7.3.5","@mui/system":"^7.3.5","@mui/x-date-pickers":"^8.21.0","country-flag-icons":"^1.5.21","react":"^18.3.1 || ^19.2.3","react-dom":"^18.3.1 || ^19.2.3","swiper":"^12.0.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/utils/copyToClipboard/index.d.ts

@@ -0,0 +1 @@
+export * from './copyToClipboard';

package/utils/formatFileSize/index.d.ts

@@ -0,0 +1 @@
+export * from './formatFileSize';

package/utils/index.d.ts

@@ -1,3 +1,4 @@
-export * from './enum';
-export * from './useClosure';
+export * from './copyToClipboard';
+export * from './formatFileSize';
+export * from './useDebounce';
 export * from './useElementScrollable';

package/utils/rgbaToRgb/index.d.ts

@@ -0,0 +1 @@
+export * from './rgbaToRgb';

package/utils/rgbaToRgb/rgbaToRgb.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Converts an rgba color string to an rgb color string.
+ * @param color - rgba color string
+ * @returns rgb color string
+ */
+export default function rgbaToRgb(color: string): string;

package/utils/useDebounce/index.d.ts

@@ -0,0 +1 @@
+export * from './useDebounce';

package/utils/useDebounce/useDebounce.d.ts

@@ -8,5 +8,5 @@
  * @returns {T} debouncedValue
  */
 export default function useDebounce<T>(value: T, delay: number, options?: {
-    instantClear: boolean;
+    instantClear?: boolean;
 }): T;

package/utils/useDebounce/useDebounce.js

@@ -1,2 +1,2 @@
-import{useState as t,useRef as r,useEffect as e}from"react";function n(n,a,u={instantClear:!1}){const[c,i]=t(n),l=r(null);return e(()=>(!n&&u.instantClear?i(n):l.current=setTimeout(()=>{i(n)},a),()=>{l.current&&clearTimeout(l.current)}),[n,a,u.instantClear]),c}export{n as default};
+import{useState as r,useRef as t,useEffect as e}from"react";function u(u,n,o){const[c,i]=r(u),a=t(null);return e(()=>(a.current=setTimeout(()=>{i(u)},n),()=>{a.current&&clearTimeout(a.current)}),[u,n,void 0]),c}export{u as default};
 //# sourceMappingURL=useDebounce.js.map

package/utils/useDebounce/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":["../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n  value: T,\n  delay: number,\n  options: { instantClear: boolean } = { instantClear: false },\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"4DAWc,SAAUA,EACtBC,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAASN,GAC/CO,EAAUC,EAA8B,MAkB9C,OAhBAC,EAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,WAAW,KAC3BN,EAAkBL,IACjBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,WAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
+{"version":3,"file":"useDebounce.js","sources":["../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(value: T, delay: number, options?: { instantClear?: boolean }): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options?.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options?.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","options","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"4DAWc,SAAUA,EAAeC,EAAUC,EAAeC,GAC9D,MAAOC,EAAgBC,GAAqBC,EAASL,GAC/CM,EAAUC,EAA8B,MAkB9C,OAhBAC,EAAU,KAINF,EAAQG,QAAUC,WAAW,KAC3BN,EAAkBJ,IACjBC,GAGE,KACDK,EAAQG,SACVE,aAAaL,EAAQG,WAGxB,CAACT,EAAOC,WAEJE,CACT"}

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

@@ -1,77 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import { TransitionProps } from '@mui/material/transitions/transition';
-import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
-/**
- * @interface AccordionItem
- * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
- * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.
- * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.
- * The property id is also the key of the every accordion component.
- */
-export interface AccordionItem {
-    id?: string;
-    title: string;
-    content: string | ReactNode;
-    isDefaultExpanded?: boolean;
-}
-/**
- * @interface AccordionProps
- * @description Base definition of SkodaFlow Accordion component independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * The content of the component.
-     */
-    items: Array<AccordionItem>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     */
-    onChange?: (panel: string, value: boolean) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.
-     * @deprecated has no effect
-     */
-    previewContent?: boolean;
-    /**
-     * The component used for the transition.
-     * @deprecated has no effect
-     */
-    TransitionComponent?: JSXElementConstructor<TransitionProps & {
-        children?: ReactElement<any, any>;
-    }>;
-    /**
-     * Props applied to the transition element.
-     */
-    TransitionProps?: object;
-    /**
-     * If true, the transition is disabled.
-     * @deprecated has no effect
-     */
-    disableAnimation?: boolean;
-    /**
-     * The props provided to the top level container element.
-     */
-    accordionContainerProps?: object;
-    /**
-     * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.
-     * @deprecated has no effect
-     */
-    accordionPanelMaxHeight?: string;
-    /**
-     * If true, more than 1 accordion panels can be opened simultaneously.
-     */
-    allowMultipleExpand?: boolean;
-}
-/**
- * @deprecated Use Accordion component from @mui/material
- */
-export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/accordion/accordion.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");const a=t.forwardRef((a,r)=>{var{items:o,onChange:c,disableAnimation:d,accordionContainerProps:s,accordionPanelMaxHeight:l,allowMultipleExpand:u}=a,p=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[x,m]=t.useState(!1);t.useEffect(()=>{if(u){const e={};for(let n=0;n<o.length;n++){const i=o[n].id||`panel${n}`;e[i]=!!o[n].isDefaultExpanded}m(()=>e)}else{let e;const n=o.find((n,i)=>{if(n.isDefaultExpanded)return e=i,n});n&&m(n.id||`panel${e}`)}},[u,JSON.stringify(o)]);const f=t.useCallback(e=>(n,i)=>{c&&c(e,i),m(u?n=>Object.assign(Object.assign({},n),{[e]:i}):!!i&&e)},[u,c]);return n.jsx(i.Box,Object.assign({ref:r},s,{"data-testid":"Accordion",children:o.map((e,t)=>{const a=(null==e?void 0:e.id)&&`${e.id}`||`panel${t}`,r=u?!!x[a]:x===a;return n.jsxs(i.Accordion,Object.assign({id:a,expanded:r,onChange:f(a),"data-testid":"Accordion.item"},p,{children:[n.jsx(i.AccordionSummary,{"aria-controls":`${a}d-content`,id:`${a}d-header`,"data-testid":"Accordion.summary",children:e.title}),n.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:e.content})]}),a)})}))});exports.Accordion=a;
-//# sourceMappingURL=accordion.js.map

package/cjs/components/accordion/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0FO,MAAMA,EAAYC,EAAAA,WACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,UAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,EAAY,IAAMG,EACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,KAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,IAKPF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,GAUC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,YAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,IAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,IAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAAAA,IAACO,EAAAA,iBAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAAAA,IAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB"}

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

@@ -1 +0,0 @@
-export * from './accordion';

package/cjs/components/alert/Alert.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { AlertProps as MuiAlertProps } from '@mui/material';
-export interface AlertProps extends MuiAlertProps {
-    /**
-     * @deprecated use severity property instead
-     */
-    type?: 'success' | 'warning' | 'error';
-    /**
-     * @deprecated use action property instead
-     */
-    actions?: React.ReactNode;
-    /**
-     * @deprecated direction is taken from the theme
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * @deprecated use `sx={{ width: '100%' }}` instead
-     */
-    width?: string;
-}
-/**
- * @mui Alert that contains props parser for the previous implementation
- */
-export declare const Alert: React.FC<AlertProps>;

package/cjs/components/alert/Alert.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material");exports.Alert=s=>{var{type:r,actions:a,severity:c,action:n,sx:o,width:y}=s,p=t.__rest(s,["type","actions","severity","action","sx","width"]);const g=i.useTheme();return e.jsx(i.Alert,Object.assign({severity:c||r,action:a||n,sx:Object.assign(Object.assign(Object.assign({},y?{width:y}:{}),{"& .MuiTypography-body1":Object.assign({},g.typography.disclaimer1),"& .MuiTypography-caption1":Object.assign({},g.typography.caption2)}),o),"data-testid":"Alert"},p))};
-//# sourceMappingURL=Alert.js.map

package/cjs/components/alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"4GAyB4CA,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAKN,EAAKO,EAAIC,EAAAA,OAAAR,EAArD,qDAC1C,MAAMS,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,MAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE"}

package/cjs/components/backdrop/backdrop.d.ts

@@ -1,44 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material';
-export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  If true, the component is shown. Default value false
-     */
-    open: boolean;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *  The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
-     */
-    components?: object;
-    /**
-     * The props used for each slot inside the Backdrop.
-     */
-    componentsProps?: object;
-    /**
-     * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false
-     */
-    invisible?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
-     */
-    transitionDuration?: number | object;
-    /**
-     * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.
-     */
-    onClose?: (isOpen: boolean) => void;
-}
-/**
- * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead
- */
-export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/backdrop/backdrop.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("../common/hook/backdrop.js"),t=require("@mui/material");const n=o.forwardRef((t,n)=>{var{open:a,onClose:l}=t,c=e.__rest(t,["open","onClose"]);const{openBackdrop:p,handleCloseBackdrop:u,setOpenBackdrop:d}=s.default();return o.useEffect(()=>{d(a)},[a,d]),r.jsx(i,{ref:n,classes:c.classes,open:p,onClick:()=>{u(),l&&l(!1)},invisible:c.invisible,sx:c.sx,transitionDuration:c.transitionDuration,children:c.children})}),i=t.styled(t.Backdrop)(r=>{var{theme:o}=r;return e.__rest(r,["theme"]).invisible?{backgroundColor:o.palette.transparent.backdrop,backdropFilter:"blur(0px)"}:null});exports.Backdrop=n;
-//# sourceMappingURL=backdrop.js.map

package/cjs/components/backdrop/backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  If true, the component is shown. Default value false\n   */\n  open: boolean;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  The component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n  /**\n   *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n   */\n  components?: object;\n  /**\n   * The props used for each slot inside the Backdrop.\n   */\n  componentsProps?: object;\n  /**\n   * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n   */\n  invisible?: boolean;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration?: number | object;\n  /**\n   * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n   */\n  onClose?: (isOpen: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n  const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n  const handleClose = () => {\n    handleCloseBackdrop();\n    onClose && onClose(false);\n  };\n\n  useEffect(() => {\n    setOpenBackdrop(open);\n  }, [open, setOpenBackdrop]);\n\n  return (\n    <BackdropStyled\n      ref={ref}\n      classes={props.classes}\n      open={openBackdrop}\n      onClick={handleClose}\n      invisible={props.invisible}\n      sx={props.sx}\n      transitionDuration={props.transitionDuration}\n    >\n      {props.children}\n    </BackdropStyled>\n  );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n  if (args.invisible)\n    return {\n      backgroundColor: theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(0px)',\n    };\n\n  return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"yJA8CO,MAAMA,EAAWC,EAAAA,WAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAAA,UAW/D,OAJAC,EAAAA,UAAU,KACRF,EAAgBN,IACf,CAACA,EAAMM,IAGRG,MAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,IAajBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,aAKPN,EAAiBO,EAAAA,OAAOC,WAAPD,CAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb"}

package/cjs/components/backdrop/index.d.ts

@@ -1 +0,0 @@
-export * from './backdrop';

package/cjs/components/banner/banner.d.ts

@@ -1,42 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType, ReactNode } from 'react';
-export interface BannerProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default info
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Set the proportions
-     * @default large
-     */
-    size?: 'large' | 'small';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps<ElementType>;
-    /**
-     * Properties applied to wrapper of content (Icon and Typography)
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment
-     */
-    buttons?: ReactNode;
-    /**
-     * Properties applied to wrapper element of buttons
-     */
-    buttonsWrapperProps?: BoxProps<ElementType>;
-}
-/**
- * Alert notification banner
- */
-export declare const Banner: React.FC<BannerProps>;

package/cjs/components/banner/banner.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("../icon/filled/CircleExclamationFilledIcon.js"),t=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),i=require("@mui/material"),a=require("react"),o=require("../focusring/focusring.js");const l=a.forwardRef((l,c)=>{var{children:x,variant:p="info",size:d="large",sx:u,iconProps:g,IconComponent:f,typographyProps:m,wrapperProps:j,buttons:b,buttonsWrapperProps:h,onClick:y}=l,w=e.__rest(l,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const C=i.useTheme(),I=null!=g?g:{},{sx:O}=I,_=e.__rest(I,["sx"]),B=null!=m?m:{},{sx:q}=B,P=e.__rest(B,["sx"]),v=null!=j?j:{},{sx:F}=v,k=e.__rest(v,["sx"]),S=null!=h?h:{},{sx:W}=S,z=e.__rest(S,["sx"]),[E,G,R]=a.useMemo(()=>{switch(p){case"error":return["error.main","error.light",s.WarningFilledIcon];case"warning":return["warning.main","warning.light",n.CircleExclamationFilledIcon];default:return["info.main","info.light",t.CircleInformationFilledIcon]}},[p]),T=null!=f?f:R;return r.jsxs(i.Box,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:y,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===d?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:E,backgroundColor:"dark"===C.palette.mode?"onSurface.os900":G,textAlign:"left"},y&&Object.assign({position:"relative",cursor:"pointer"},o.getFocusRingStyle(C,!0,"2px"))),u),ref:c},w,{children:[r.jsxs(i.Box,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},F)},k,{children:[r.jsx(T,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:E},O)},_)),r.jsx(i.Typography,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},q)},P,{children:x}))]})),b&&r.jsx(i.Box,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},W)},z,{children:b}))]}))});exports.Banner=l;
-//# sourceMappingURL=banner.js.map

package/cjs/components/banner/banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default info\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Set the proportions\n   * @default large\n   */\n  size?: 'large' | 'small';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to wrapper of content (Icon and Typography)\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to wrapper element of buttons\n   */\n  buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n  (\n    {\n      children,\n      variant = 'info',\n      size = 'large',\n      sx,\n      iconProps,\n      IconComponent,\n      typographyProps,\n      wrapperProps,\n      buttons,\n      buttonsWrapperProps,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: iconSx, ...restIcon } = iconProps ?? {};\n    const { sx: typographySx, ...restTypography } = typographyProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps ?? {};\n\n    const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', 'error.light', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', 'info.light', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const BannerIcon = IconComponent ?? IconVariantComponent;\n\n    return (\n      <Box\n        data-testid=\"Banner\"\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        onClick={onClick}\n        sx={{\n          display: 'flex',\n          width: '100%',\n          // on mobile content and button bellow each other\n          flexDirection: { xs: 'column', md: 'row' },\n          alignItems: { xs: 'flex-start', md: 'center' },\n          justifyContent: 'space-between',\n          // proportions\n          px: 2,\n          py: size === 'small' ? 1 : { xs: 2, md: 1 },\n          gap: 1,\n          // style\n          borderLeft: 6,\n          borderColor: borderColor,\n          backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n          textAlign: 'left',\n          // clickable style\n          ...(onClick && {\n            position: 'relative',\n            cursor: 'pointer',\n            // focused style\n            ...getFocusRingStyle(theme, true, '2px'),\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          data-testid=\"Banner.wrapper\"\n          sx={{\n            // align icon and content\n            flexGrow: '1',\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            gap: 1,\n            py: 0.5,\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <BannerIcon\n            data-testid=\"Banner.icon\"\n            sx={{\n              color: borderColor,\n              ...iconSx,\n            }}\n            {...restIcon}\n          />\n          <Typography\n            data-testid=\"Banner.text\"\n            sx={{\n              color: 'text.primary',\n              flexGrow: '1',\n              // custom font according to Figma\n              fontSize: { xl: '16px' },\n              lineHeight: { xl: '24px' },\n              ...typographySx,\n            }}\n            {...restTypography}\n          >\n            {children}\n          </Typography>\n        </Box>\n        {buttons && (\n          <Box\n            data-testid=\"Banner.buttons\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 1,\n              // always show buttons next to each other\n              flexShrink: '0',\n              // on mobile align with text\n              ml: { xs: 4, md: 0 },\n              // on mobile move to the right side\n              alignSelf: 'flex-end',\n              ...buttonsWrapperSx,\n            }}\n            {...restButtonsWrapper}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+CO,MAAMA,EAAgCC,EAAAA,WAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAAOZ,EACJa,EAAIC,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAA,OAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAA,OAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAA,OAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAA,OAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAAA,QAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,iCAEtC,CAAChC,IACEiC,EAAa7B,QAAAA,EAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,SACZC,KAAK,QAAO,cACA,OAAM,YACR,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAAA,kBAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAAAA,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAAW,CAAAvB,SAAA,CAEf0D,EAAAA,IAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,MAACE,EAAAA,WAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAAAA,IAACtB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CACAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAAkB,CAAA1B,SAErBQ"}

package/cjs/components/bottomSheet/bottomSheet.d.ts

@@ -1,74 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, IconButtonProps, SwipeableDrawerProps, TypographyProps, SvgIconProps } from '@mui/material';
-export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {
-    /**
-     * Open state component flag
-     */
-    open: boolean;
-    /**
-     * Open state component function
-     */
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * Flag for displaying close button
-     */
-    closeButton?: boolean;
-    /**
-     * Props applied to closeButton IconButton
-     */
-    closeButtonProps?: Partial<IconButtonProps>;
-    /**
-     * Props applied to Icon in closeButton
-     */
-    closeButtonIconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    CloseButtonIconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Flag for displaying bar that visualizes pulling function
-     */
-    puller?: boolean;
-    /**
-     * Props applied to wrapper of puller
-     */
-    pullerWrapperProps?: BoxProps<ElementType>;
-    /**
-     * Props applied to puller
-     */
-    pullerProps?: BoxProps<ElementType>;
-    /**
-     * Footer children slot
-     */
-    footerSlot?: React.ReactNode;
-    /**
-     * Text in header
-     */
-    title?: React.ReactNode;
-    /**
-     * Text props
-     */
-    titleProps?: TypographyProps;
-    /**
-     * Max height of whole component in percentages
-     * @default 60
-     */
-    maxHeight?: number;
-    /**
-     * Wrapper of header
-     */
-    headerWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of title and close button
-     */
-    titleWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of content
-     */
-    contentWrapper?: BoxProps<ElementType>;
-    /**
-     * Wrapper of footer
-     */
-    footerWrapper?: BoxProps<ElementType>;
-}
-export declare const BottomSheet: React.FC<BottomSheetProps>;

package/cjs/components/bottomSheet/bottomSheet.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),r=require("../icon/stroke/CloseIcon.js"),n=require("../../utils/useElementScrollable/useElementScrollable.js"),l=require("../focusring/focusring.js");const i=s.forwardRef((s,i)=>{var a,{children:p,open:c,setOpen:x,slotProps:u,puller:d,pullerWrapperProps:b,pullerProps:j,closeButton:g,closeButtonProps:h,closeButtonIconProps:m,CloseButtonIconComponent:f,footerSlot:O,title:B,titleProps:S={},headerWrapper:_,titleWrapper:C,contentWrapper:P,footerWrapper:w,maxHeight:y=60}=s,v=e.__rest(s,["children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const I=null!=_?_:{},{sx:W}=I,q=e.__rest(I,["sx"]),R=null!=C?C:{},{sx:T}=R,k=e.__rest(R,["sx"]),D=null!=S?S:{},{sx:E}=D,H=e.__rest(D,["sx"]),M=null!=b?b:{},{sx:z}=M,F=e.__rest(M,["sx"]),L=null!=j?j:{},{sx:$}=L,A=e.__rest(L,["sx"]),G=null!=h?h:{},{sx:J}=G,K=e.__rest(G,["sx"]),N=null!=P?P:{},{sx:Q}=N,U=e.__rest(N,["sx"]),V=null!=w?w:{},{sx:X}=V,Y=e.__rest(V,["sx"]),Z=o.useTheme(),ee=f||r.CloseIcon,{isScrollable:te,elementRef:se}=n.useElementScrollable("y");return t.jsxs(o.SwipeableDrawer,Object.assign({dir:Z.direction,anchor:"bottom",open:c,onClose:()=>x(!1),onOpen:()=>x(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},u),{paper:Object.assign(Object.assign({},null==u?void 0:u.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${y}%`},null===(a=null==u?void 0:u.paper)||void 0===a?void 0:a.sx)})}),ref:i},v,{children:[(B||g||d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({px:2},W),"data-testid":"BottomSheet-header"},q,{children:[d&&t.jsx(o.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},z)},F,{children:t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-puller",sx:Object.assign({width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:1.5,borderRadius:"8px"},$)},A))})),(B||g&&!d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:B?"space-between":"flex-end",alignItems:"flex-start",gap:1,pt:te&&d?1:0},T)},k,{children:[B&&t.jsx(o.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:d?0:2,mb:te?2:0},E)},H,{children:B})),g&&!d&&t.jsx(o.IconButton,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>x(!1),"aria-label":"Close bottom sheet",sx:Object.assign({my:"4px",mr:"-6px"},J)},K,{children:t.jsx(ee,Object.assign({},m))}))]}))]})),t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-content",ref:se,sx:Object.assign({overflow:"auto",borderTop:te?1:0,borderBottom:te&&O?1:0,borderColor:"surface.secondary",p:2,"&:focus-visible":{outline:"none",boxShadow:l.getFocusRingBoxShadow(Z,!0)}},Q)},U,{children:p})),O&&t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:2,display:"flex",justifyContent:"flex-start",alignItems:"stretch",flexDirection:"column",gap:"16px"},X)},Y,{children:O}))]}))});exports.BottomSheet=i;
-//# sourceMappingURL=bottomSheet.js.map