@skodaflow/web-library 7.15.0 → 7.15.1

package/cjs/components/footer/FooterSectionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'stretch', lg: 'flex-start' },\n          justifyContent: 'stretch',\n          flexDirection: { xs: 'column', lg: 'row' },\n          gap: { xs: 0, lg: 2 },\n          mb: { xs: 4, lg: 8 },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionMenu\"\n        className={['FooterSectionMenu-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"iHAQa,MAAAA,EAAgDC,EAAUA,YACrE,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,OACEW,MAACC,EAAGA,IAAAC,OAAAC,OAAA,CACFZ,GACEW,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAEH,CAAAN,SAAAA,IACG"}
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'stretch', lg: 'flex-start' },\n          justifyContent: 'stretch',\n          flexDirection: { xs: 'column', lg: 'row' },\n          gap: { xs: 0, lg: 2 },\n          mb: { xs: 4, lg: 8 },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionMenu\"\n        className={['FooterSectionMenu-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"iHAQO,MAAMA,EAAgDC,EAAAA,YAC3D,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,OACEW,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFZ,GAAEW,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAAI,CAAAN,SAEPA,IACG"}

package/cjs/components/formMessage/formMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.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 } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\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;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","jsx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8Ba,MAAAA,EAA0CC,EAAUA,YAC/D,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,QAECG,EAAOC,GAAwBC,EAAOA,SAAC,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,kCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EACCG,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAG,IAACC,EAAUA,WACTd,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAc,SAAU,IAEVJ,SAAU,CAAEK,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf3B,IAEDC,EAEH,CAAAb,SAAAA,QAEC"}
+{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.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 } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\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;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,YACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,SAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,kCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA,QAEC"}

package/cjs/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}
+{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}

package/cjs/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n  FC,\n  useState,\n  forwardRef,\n  ReactNode,\n  ElementType,\n  Children,\n  cloneElement,\n  useMemo,\n  Fragment,\n  isValidElement,\n} from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  BackdropProps,\n  Box,\n  BoxProps,\n  Breakpoint,\n  Drawer,\n  DrawerProps,\n  PaperProps,\n  Theme,\n  Toolbar,\n  ToolbarProps,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  overheadItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * @deprecated no longer has any effect\n   */\n  breakpoint?: Breakpoint;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side that stays visible even on mobile\n   */\n  visibleButtons?: ReactNode | true;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to logo wrapper\n   */\n  logoProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper in drawer\n   */\n  mobileContentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to hamburger menu\n   */\n  menuButtonProps?: HeaderButtonProps;\n  /**\n   * Icon of the hamburger menu\n   */\n  menuIcon?: ReactNode;\n  /**\n   * Icon of the close hamburger menu\n   */\n  closeMenuIcon?: ReactNode;\n  /**\n   * Props applied to mobile drawer\n   */\n  drawerProps?: DrawerProps;\n}\n\n/**\n * Component to render Header with navigation and action buttons at the top of the page\n */\nexport const Header: FC<HeaderProps> = forwardRef(\n  (\n    {\n      children,\n      logo,\n      navigationItems,\n      buttons,\n      visibleButtons,\n      overheadItems: _,\n      color: __,\n      breakpoint: ___,\n      inContainer = false,\n      toolbarProps,\n      logoProps,\n      contentProps,\n      mobileContentProps,\n      buttonsProps,\n      menuButtonProps,\n      menuIcon,\n      closeMenuIcon,\n      drawerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: logoSx, ...restLogo } = logoProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n    const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n    const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n    const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n    const [open, setOpen] = useState(false);\n\n    /**\n     * Process visible buttons\n     */\n    const [processedButtons, drawerButtons] = useMemo(() => {\n      function flatten(nodes, extend) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children, extend));\n          } else if (\n            isValidElement(child) &&\n            [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n            extend\n          ) {\n            result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n          } else {\n            result.push(child);\n          }\n        });\n        return result?.length ? result : undefined;\n      }\n\n      // check if we have visibleButtons property\n      if (visibleButtons) {\n        const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n        const flattenedRestButtons = flatten(buttons, downLg);\n        // mobile\n        if (downLg) {\n          // split visible buttons and put buttons in drawer\n          return [flattenedVisibleButtons, flattenedRestButtons];\n        } else {\n          // on PC, all buttons are visible\n          return [[...(flattenedVisibleButtons || []), ...(flattenedRestButtons || [])], undefined];\n        }\n      } else {\n        // in case visibleButtons property is not provided, do not put buttons into drawer at all\n        return [flatten(buttons, false), undefined];\n      }\n    }, [visibleButtons, buttons, downLg]);\n\n    return (\n      <>\n        <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n          <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n            {logo && (\n              <Box\n                data-testid=\"Header.logo\"\n                sx={{\n                  color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n                  // restyle wrapper link, same style is applied in HeaderLogo\n                  '& .MuiLink-root': {\n                    display: 'block',\n                    position: 'relative',\n                    py: 1,\n                    // add proper focus ring\n                    ...getFocusRingStyle(theme),\n                    // remove default link box shadow\n                    '&.Mui-focusVisible': {\n                      boxShadow: 'none',\n                    },\n                  },\n                  '& .MuiSvgIcon-root': {\n                    display: 'block',\n                  },\n                  ...logoSx,\n                }}\n                {...restLogo}\n              >\n                {logo}\n              </Box>\n            )}\n            <Box\n              sx={{\n                minWidth: '0',\n                flexGrow: '1',\n                alignSelf: 'stretch',\n                display: 'flex',\n                alignItems: 'stretch',\n                justifyContent: 'flex-start',\n                gap: { lg: 2, xl: 4 },\n                ...(!downLg &&\n                  logo && {\n                    // increase size between logo and nav\n                    pl: 4,\n                  }),\n                // move directly into border\n                mb: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"Header.nav\"\n              {...restContent}\n            >\n              {!downLg && (children || navigationItems)}\n            </Box>\n            {(processedButtons || (downLg && (children || navigationItems || drawerButtons))) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'flex-end',\n                  gap: 0.25,\n                  mr: { xs: -1, lg: 0 },\n                  ...buttonsSx,\n                }}\n                data-testid=\"Header.btns\"\n                {...restButtons}\n              >\n                {processedButtons}\n                {downLg && (children || navigationItems || drawerButtons) && (\n                  <HeaderButton\n                    key=\"menu\"\n                    aria-label=\"Toggle menu\"\n                    extend={false}\n                    onClick={() => setOpen((prev) => !prev)}\n                    {...menuButtonProps}\n                  >\n                    {open ? closeMenuIcon || <CloseIcon /> : menuIcon || <MenuIcon />}\n                  </HeaderButton>\n                )}\n              </Box>\n            )}\n          </Toolbar>\n        </AppBar>\n        {downLg && (children || navigationItems || drawerButtons) && (\n          <Drawer\n            disablePortal\n            disableEnforceFocus\n            disableAutoFocus\n            anchor=\"top\"\n            open={open}\n            onClose={() => setOpen(false)}\n            sx={{\n              // bellow Header, above SecondaryNavigation\n              zIndex: theme.zIndex.appBar - 10,\n              // header offset\n              top: theme.mixins.toolbar.minHeight,\n              bottom: 'auto',\n              height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              // adjust position\n              position: 'absolute',\n              ...drawerSx,\n            }}\n            slotProps={{\n              backdrop: {\n                sx: {\n                  position: 'absolute',\n                  ...drawerBackdropSx,\n                },\n                ...restDrawerBackdrop,\n              },\n              paper: {\n                sx: {\n                  position: 'absolute',\n                  height: '100%',\n                  display: 'grid',\n                  gridTemplateRows: 'auto max-content',\n                  ...drawerPaperSx,\n                },\n                ...restDrawerPaper,\n              },\n              ...restDrawerSlotProps,\n            }}\n            {...restDrawer}\n          >\n            <Box\n              sx={{\n                p: 2,\n                overflow: 'auto',\n                ...mobileContentSx,\n              }}\n              data-testid=\"Header.mobilenav\"\n              {...restMobileContent}\n            >\n              {children || navigationItems}\n            </Box>\n            {drawerButtons && (\n              <Box sx={{ p: 2, pt: 0 }}>\n                <Box\n                  sx={{\n                    pt: 0.75,\n                    display: 'flex',\n                    flexDirection: 'column-reverse',\n                    alignItems: 'stretch',\n                    justifyContent: 'flex-start',\n                    // border from appbar.theme.ts\n                    borderTop: 1,\n                    borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n                  }}\n                >\n                  {drawerButtons}\n                </Box>\n              </Box>\n            )}\n          </Drawer>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","navigationItems","buttons","visibleButtons","overheadItems","_","color","__","breakpoint","___","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","jsx","AppBar","jsxs","Toolbar","Object","assign","disableGutters","Box","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n  FC,\n  useState,\n  forwardRef,\n  ReactNode,\n  ElementType,\n  Children,\n  cloneElement,\n  useMemo,\n  Fragment,\n  isValidElement,\n} from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  BackdropProps,\n  Box,\n  BoxProps,\n  Breakpoint,\n  Drawer,\n  DrawerProps,\n  PaperProps,\n  Theme,\n  Toolbar,\n  ToolbarProps,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  overheadItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * @deprecated no longer has any effect\n   */\n  breakpoint?: Breakpoint;\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side that stays visible even on mobile\n   */\n  visibleButtons?: ReactNode | true;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to logo wrapper\n   */\n  logoProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to content wrapper in drawer\n   */\n  mobileContentProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to hamburger menu\n   */\n  menuButtonProps?: HeaderButtonProps;\n  /**\n   * Icon of the hamburger menu\n   */\n  menuIcon?: ReactNode;\n  /**\n   * Icon of the close hamburger menu\n   */\n  closeMenuIcon?: ReactNode;\n  /**\n   * Props applied to mobile drawer\n   */\n  drawerProps?: DrawerProps;\n}\n\n/**\n * Component to render Header with navigation and action buttons at the top of the page\n */\nexport const Header: FC<HeaderProps> = forwardRef(\n  (\n    {\n      children,\n      logo,\n      navigationItems,\n      buttons,\n      visibleButtons,\n      overheadItems: _,\n      color: __,\n      breakpoint: ___,\n      inContainer = false,\n      toolbarProps,\n      logoProps,\n      contentProps,\n      mobileContentProps,\n      buttonsProps,\n      menuButtonProps,\n      menuIcon,\n      closeMenuIcon,\n      drawerProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: logoSx, ...restLogo } = logoProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n    const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n    const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n    const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n    const [open, setOpen] = useState(false);\n\n    /**\n     * Process visible buttons\n     */\n    const [processedButtons, drawerButtons] = useMemo(() => {\n      function flatten(nodes, extend) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children, extend));\n          } else if (\n            isValidElement(child) &&\n            [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n            extend\n          ) {\n            result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n          } else {\n            result.push(child);\n          }\n        });\n        return result?.length ? result : undefined;\n      }\n\n      // check if we have visibleButtons property\n      if (visibleButtons) {\n        const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n        const flattenedRestButtons = flatten(buttons, downLg);\n        // mobile\n        if (downLg) {\n          // split visible buttons and put buttons in drawer\n          return [flattenedVisibleButtons, flattenedRestButtons];\n        } else {\n          // on PC, all buttons are visible\n          return [[...(flattenedVisibleButtons || []), ...(flattenedRestButtons || [])], undefined];\n        }\n      } else {\n        // in case visibleButtons property is not provided, do not put buttons into drawer at all\n        return [flatten(buttons, false), undefined];\n      }\n    }, [visibleButtons, buttons, downLg]);\n\n    return (\n      <>\n        <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n          <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n            {logo && (\n              <Box\n                data-testid=\"Header.logo\"\n                sx={{\n                  color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n                  // restyle wrapper link, same style is applied in HeaderLogo\n                  '& .MuiLink-root': {\n                    display: 'block',\n                    position: 'relative',\n                    py: 1,\n                    // add proper focus ring\n                    ...getFocusRingStyle(theme),\n                    // remove default link box shadow\n                    '&.Mui-focusVisible': {\n                      boxShadow: 'none',\n                    },\n                  },\n                  '& .MuiSvgIcon-root': {\n                    display: 'block',\n                  },\n                  ...logoSx,\n                }}\n                {...restLogo}\n              >\n                {logo}\n              </Box>\n            )}\n            <Box\n              sx={{\n                minWidth: '0',\n                flexGrow: '1',\n                alignSelf: 'stretch',\n                display: 'flex',\n                alignItems: 'stretch',\n                justifyContent: 'flex-start',\n                gap: { lg: 2, xl: 4 },\n                ...(!downLg &&\n                  logo && {\n                    // increase size between logo and nav\n                    pl: 4,\n                  }),\n                // move directly into border\n                mb: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"Header.nav\"\n              {...restContent}\n            >\n              {!downLg && (children || navigationItems)}\n            </Box>\n            {(processedButtons || (downLg && (children || navigationItems || drawerButtons))) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'flex-end',\n                  gap: 0.25,\n                  mr: { xs: -1, lg: 0 },\n                  ...buttonsSx,\n                }}\n                data-testid=\"Header.btns\"\n                {...restButtons}\n              >\n                {processedButtons}\n                {downLg && (children || navigationItems || drawerButtons) && (\n                  <HeaderButton\n                    key=\"menu\"\n                    aria-label=\"Toggle menu\"\n                    extend={false}\n                    onClick={() => setOpen((prev) => !prev)}\n                    {...menuButtonProps}\n                  >\n                    {open ? closeMenuIcon || <CloseIcon /> : menuIcon || <MenuIcon />}\n                  </HeaderButton>\n                )}\n              </Box>\n            )}\n          </Toolbar>\n        </AppBar>\n        {downLg && (children || navigationItems || drawerButtons) && (\n          <Drawer\n            disablePortal\n            disableEnforceFocus\n            disableAutoFocus\n            anchor=\"top\"\n            open={open}\n            onClose={() => setOpen(false)}\n            sx={{\n              // bellow Header, above SecondaryNavigation\n              zIndex: theme.zIndex.appBar - 10,\n              // header offset\n              top: theme.mixins.toolbar.minHeight,\n              bottom: 'auto',\n              height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              // adjust position\n              position: 'absolute',\n              ...drawerSx,\n            }}\n            slotProps={{\n              backdrop: {\n                sx: {\n                  position: 'absolute',\n                  ...drawerBackdropSx,\n                },\n                ...restDrawerBackdrop,\n              },\n              paper: {\n                sx: {\n                  position: 'absolute',\n                  height: '100%',\n                  display: 'grid',\n                  gridTemplateRows: 'auto max-content',\n                  ...drawerPaperSx,\n                },\n                ...restDrawerPaper,\n              },\n              ...restDrawerSlotProps,\n            }}\n            {...restDrawer}\n          >\n            <Box\n              sx={{\n                p: 2,\n                overflow: 'auto',\n                ...mobileContentSx,\n              }}\n              data-testid=\"Header.mobilenav\"\n              {...restMobileContent}\n            >\n              {children || navigationItems}\n            </Box>\n            {drawerButtons && (\n              <Box sx={{ p: 2, pt: 0 }}>\n                <Box\n                  sx={{\n                    pt: 0.75,\n                    display: 'flex',\n                    flexDirection: 'column-reverse',\n                    alignItems: 'stretch',\n                    justifyContent: 'flex-start',\n                    // border from appbar.theme.ts\n                    borderTop: 1,\n                    borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n                  }}\n                >\n                  {drawerButtons}\n                </Box>\n              </Box>\n            )}\n          </Drawer>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","navigationItems","buttons","visibleButtons","overheadItems","_","color","__","breakpoint","___","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","AppBar","Toolbar","Object","assign","disableGutters","Box","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}

package/cjs/components/header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/components/header/HeaderButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport {\n  IconButton,\n  IconButtonProps,\n  ButtonBase,\n  Tooltip,\n  TooltipProps,\n  Badge,\n  BadgeProps,\n  useTheme,\n} from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { CarIcon } from '@/src/components/icon/stroke/CarIcon';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { SearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { UserIcon } from '@/src/components/icon/stroke/UserIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\nimport { ShoppingBagIcon } from '@/src/components/icon/stroke/ShoppingBagIcon';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\nimport { LoginIcon } from '@/src/components/icon/stroke/LoginIcon';\nimport { LogoutIcon } from '@/src/components/icon/stroke/LogoutIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CircleQuestionIcon } from '@/src/components/icon/stroke/CircleQuestionIcon';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\n\nexport interface HeaderButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: TooltipProps['title'];\n  /**\n   * Change icon button with tooltip into button\n   */\n  extend?: boolean;\n  /**\n   * Properties applied to tooltip\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Properties applied to badge\n   */\n  badgeProps?: BadgeProps;\n  /**\n   * @deprecated use badgeProps instead\n   */\n  indicator?: string;\n  /**\n   * @deprecated provide icon directly as children (e.g. <BellIcon />)\n   */\n  icon?:\n    | 'car'\n    | 'bell'\n    | 'search'\n    | 'profile'\n    | 'user'\n    | 'heart'\n    | 'shopping-bag'\n    | 'globe'\n    | 'login'\n    | 'logout'\n    | 'close'\n    | 'circle-question'\n    | 'hamburger';\n}\n\n/**\n * IconButton for the action links\n */\nexport const HeaderButton: FC<HeaderButtonProps> = forwardRef(\n  ({ children, sx, icon, label, indicator, extend, tooltipProps, badgeProps, ...rest }, ref) => {\n    const theme = useTheme();\n    const { title, ...restTooltip } = tooltipProps ?? {};\n\n    // mapper to previous api\n    const Icon = useMemo(() => {\n      switch (icon) {\n        case 'car':\n          return CarIcon;\n        case 'bell':\n          return BellIcon;\n        case 'search':\n          return SearchIcon;\n        case 'profile':\n        case 'user':\n          return UserIcon;\n        case 'heart':\n          return HeartIcon;\n        case 'shopping-bag':\n          return ShoppingBagIcon;\n        case 'globe':\n          return GlobeIcon;\n        case 'login':\n          return LoginIcon;\n        case 'logout':\n          return LogoutIcon;\n        case 'close':\n          return CloseIcon;\n        case 'circle-question':\n          return CircleQuestionIcon;\n        case 'hamburger':\n          return MenuIcon;\n        default:\n          return undefined;\n      }\n    }, [icon]);\n\n    if (extend) {\n      return (\n        <ButtonBase\n          sx={{\n            ...theme.typography.list,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            gap: 1.25,\n            py: 1.5,\n            px: 1.25,\n            // icon inside\n            '& .MuiSvgIcon-root': {\n              fontSize: '17px',\n            },\n            // disabled style\n            '&.Mui-disabled': {\n              color: 'disabled.tertiary',\n            },\n            // interactive style\n            ...getInteractiveStyle(\n              {\n                fontWeight: '300',\n              },\n              {\n                fontWeight: '700',\n              },\n            ),\n            // focus ring\n            ...getFocusRingStyle(theme),\n            '&&:before': {\n              borderRadius: '4px',\n            },\n            ...sx,\n          }}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n          {label || title}\n        </ButtonBase>\n      );\n    }\n\n    return (\n      <Tooltip title={label || title} {...restTooltip}>\n        <IconButton\n          sx={sx}\n          size=\"medium\"\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n        </IconButton>\n      </Tooltip>\n    );\n  },\n);\n\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderBellButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <BellIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderSearchButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <SearchIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderProfileButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <UserIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderHeartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <HeartIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <ShoppingBagIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLanguageButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <GlobeIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLoginButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LoginIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLogoutButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LogoutIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCloseButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CloseIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderFaqButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CircleQuestionIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderMenuButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <MenuIcon />\n  </HeaderButton>\n));\n"],"names":["HeaderButton","forwardRef","_a","ref","children","sx","icon","label","indicator","extend","tooltipProps","badgeProps","rest","__rest","theme","useTheme","_b","title","restTooltip","Icon","useMemo","CarIcon","BellIcon","SearchIcon","UserIcon","HeartIcon","ShoppingBagIcon","GlobeIcon","LoginIcon","LogoutIcon","CloseIcon","CircleQuestionIcon","MenuIcon","_jsxs","ButtonBase","Object","assign","typography","list","display","alignItems","justifyContent","gap","py","px","fontSize","color","getInteractiveStyle","fontWeight","getFocusRingStyle","borderRadius","_jsx","Badge","variant","invisible","Tooltip","IconButton","size","HeaderBellButton","props","jsx","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"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"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../../../src/components/header/HeaderButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport {\n  IconButton,\n  IconButtonProps,\n  ButtonBase,\n  Tooltip,\n  TooltipProps,\n  Badge,\n  BadgeProps,\n  useTheme,\n} from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { CarIcon } from '@/src/components/icon/stroke/CarIcon';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { SearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { UserIcon } from '@/src/components/icon/stroke/UserIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\nimport { ShoppingBagIcon } from '@/src/components/icon/stroke/ShoppingBagIcon';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\nimport { LoginIcon } from '@/src/components/icon/stroke/LoginIcon';\nimport { LogoutIcon } from '@/src/components/icon/stroke/LogoutIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CircleQuestionIcon } from '@/src/components/icon/stroke/CircleQuestionIcon';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\n\nexport interface HeaderButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: TooltipProps['title'];\n  /**\n   * Change icon button with tooltip into button\n   */\n  extend?: boolean;\n  /**\n   * Properties applied to tooltip\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Properties applied to badge\n   */\n  badgeProps?: BadgeProps;\n  /**\n   * @deprecated use badgeProps instead\n   */\n  indicator?: string;\n  /**\n   * @deprecated provide icon directly as children (e.g. <BellIcon />)\n   */\n  icon?:\n    | 'car'\n    | 'bell'\n    | 'search'\n    | 'profile'\n    | 'user'\n    | 'heart'\n    | 'shopping-bag'\n    | 'globe'\n    | 'login'\n    | 'logout'\n    | 'close'\n    | 'circle-question'\n    | 'hamburger';\n}\n\n/**\n * IconButton for the action links\n */\nexport const HeaderButton: FC<HeaderButtonProps> = forwardRef(\n  ({ children, sx, icon, label, indicator, extend, tooltipProps, badgeProps, ...rest }, ref) => {\n    const theme = useTheme();\n    const { title, ...restTooltip } = tooltipProps ?? {};\n\n    // mapper to previous api\n    const Icon = useMemo(() => {\n      switch (icon) {\n        case 'car':\n          return CarIcon;\n        case 'bell':\n          return BellIcon;\n        case 'search':\n          return SearchIcon;\n        case 'profile':\n        case 'user':\n          return UserIcon;\n        case 'heart':\n          return HeartIcon;\n        case 'shopping-bag':\n          return ShoppingBagIcon;\n        case 'globe':\n          return GlobeIcon;\n        case 'login':\n          return LoginIcon;\n        case 'logout':\n          return LogoutIcon;\n        case 'close':\n          return CloseIcon;\n        case 'circle-question':\n          return CircleQuestionIcon;\n        case 'hamburger':\n          return MenuIcon;\n        default:\n          return undefined;\n      }\n    }, [icon]);\n\n    if (extend) {\n      return (\n        <ButtonBase\n          sx={{\n            ...theme.typography.list,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            gap: 1.25,\n            py: 1.5,\n            px: 1.25,\n            // icon inside\n            '& .MuiSvgIcon-root': {\n              fontSize: '17px',\n            },\n            // disabled style\n            '&.Mui-disabled': {\n              color: 'disabled.tertiary',\n            },\n            // interactive style\n            ...getInteractiveStyle(\n              {\n                fontWeight: '300',\n              },\n              {\n                fontWeight: '700',\n              },\n            ),\n            // focus ring\n            ...getFocusRingStyle(theme),\n            '&&:before': {\n              borderRadius: '4px',\n            },\n            ...sx,\n          }}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n          {label || title}\n        </ButtonBase>\n      );\n    }\n\n    return (\n      <Tooltip title={label || title} {...restTooltip}>\n        <IconButton\n          sx={sx}\n          size=\"medium\"\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          data-testid=\"HeaderButton\"\n          {...rest}\n        >\n          <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n            {children || <Icon />}\n          </Badge>\n        </IconButton>\n      </Tooltip>\n    );\n  },\n);\n\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderBellButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <BellIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderSearchButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <SearchIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderProfileButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <UserIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderHeartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <HeartIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <ShoppingBagIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLanguageButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <GlobeIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLoginButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LoginIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLogoutButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <LogoutIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCloseButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CloseIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderFaqButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <CircleQuestionIcon />\n  </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderMenuButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n  <HeaderButton ref={ref} {...props}>\n    <MenuIcon />\n  </HeaderButton>\n));\n"],"names":["HeaderButton","forwardRef","_a","ref","children","sx","icon","label","indicator","extend","tooltipProps","badgeProps","rest","__rest","theme","useTheme","_b","title","restTooltip","Icon","useMemo","CarIcon","BellIcon","SearchIcon","UserIcon","HeartIcon","ShoppingBagIcon","GlobeIcon","LoginIcon","LogoutIcon","CloseIcon","CircleQuestionIcon","MenuIcon","_jsxs","ButtonBase","Object","assign","typography","list","display","alignItems","justifyContent","gap","py","px","fontSize","color","getInteractiveStyle","fontWeight","getFocusRingStyle","borderRadius","_jsx","Badge","variant","invisible","Tooltip","IconButton","size","HeaderBellButton","props","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"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"}

package/cjs/components/header/HeaderLanguageSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../../../src/components/header/HeaderLanguageSelect.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport {\n  Menu,\n  MenuItem,\n  Radio,\n  ListItemText,\n  MenuProps,\n  MenuItemProps,\n  RadioProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\n\ntype HeaderLanguageType = string | { short?: string; full?: string };\n\nexport interface HeaderLanguageSelectProps extends HeaderButtonProps {\n  /**\n   * List of languages\n   */\n  languages?: HeaderLanguageType[];\n  /**\n   * Index of selected language\n   * @default 0\n   */\n  defaultLanguage?: number;\n  /**\n   * Function that is triggered on language change\n   * @param language - provided language\n   * @param index - index of language\n   */\n  onSelect?: (language: HeaderLanguageType, index: number) => void;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to each MenuItem\n   */\n  menuItemProps?: MenuItemProps;\n  /**\n   * Props applied to Radio inside MenuItem\n   */\n  radioProps?: RadioProps;\n  /**\n   * Props applied to ListItemText inside MenuIte\n   */\n  listItemTextProps?: ListItemTextProps;\n}\n\n/**\n * IconButton with menu selector for languages\n */\nexport const HeaderLanguageSelect: FC<HeaderLanguageSelectProps> = forwardRef(\n  (\n    {\n      children,\n      languages,\n      onSelect,\n      defaultLanguage = 0,\n      menuProps,\n      menuItemProps,\n      radioProps,\n      listItemTextProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [anchor, setAnchor] = useState(null);\n    const [selected, setSelected] = useState(defaultLanguage);\n\n    return (\n      <>\n        <HeaderButton\n          onClick={(e) => setAnchor(e.currentTarget)}\n          ref={ref}\n          data-testid=\"HeaderLanguageSelect\"\n          {...rest}\n        >\n          {children || <GlobeIcon />}\n        </HeaderButton>\n        <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n          {languages?.map((lang, idx) => {\n            const isSelected = selected === idx;\n            const value = typeof lang === 'string' ? lang : lang.full;\n\n            return (\n              <MenuItem\n                key={value}\n                selected={isSelected}\n                onClick={() => {\n                  onSelect?.(lang, idx);\n                  setSelected(idx);\n                }}\n                {...menuItemProps}\n              >\n                <Radio checked={isSelected} tabIndex={-1} {...radioProps} />\n                <ListItemText {...listItemTextProps}>{value}</ListItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  },\n);\n"],"names":["HeaderLanguageSelect","forwardRef","_a","ref","children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps","rest","__rest","anchor","setAnchor","useState","selected","setSelected","_jsxs","_Fragment","_jsx","jsx","HeaderButton","onClick","e","currentTarget","GlobeIcon","Menu","Object","assign","open","anchorEl","onClose","map","lang","idx","isSelected","value","full","jsxs","MenuItem","Radio","checked","tabIndex","ListItemText"],"mappings":"yLAqDa,MAAAA,EAAsDC,EAAUA,YAC3E,CACEC,EAWAC,SAXAC,SACEA,EAAQC,UACRA,EAASC,SACTA,EAAQC,gBACRA,EAAkB,EAACC,UACnBA,EAASC,cACTA,EAAaC,WACbA,EAAUC,kBACVA,KACGC,EATLC,EAAAA,OAAAX,EAAA,CAAA,WAAA,YAAA,WAAA,kBAAA,YAAA,gBAAA,aAAA,sBAaA,MAAOY,EAAQC,GAAaC,EAAAA,SAAS,OAC9BC,EAAUC,GAAeF,EAAAA,SAAST,GAEzC,OACEY,OAAAC,EAAAA,SAAA,CAAAhB,SAAA,CACEiB,EAACC,IAAAC,8BACCC,QAAUC,GAAMV,EAAUU,EAAEC,eAC5BvB,IAAKA,EAAG,cACI,wBACRS,EAEH,CAAAR,SAAAA,GAAYiB,MAACM,EAAAA,UAAY,CAAA,MAE5BN,EAACC,IAAAM,EAAIA,KAACC,OAAAC,OAAA,CAAAC,OAAQjB,EAAQkB,SAAUlB,EAAQmB,QAAS,IAAMlB,EAAU,OAAWP,EAAS,CAAAJ,SAClFC,aAAA,EAAAA,EAAW6B,KAAI,CAACC,EAAMC,KACrB,MAAMC,EAAapB,IAAamB,EAC1BE,EAAwB,iBAATH,EAAoBA,EAAOA,EAAKI,KAErD,OACEpB,EAACqB,KAAAC,EAAQA,SAEPZ,OAAAC,OAAA,CAAAb,SAAUoB,EACVb,QAAS,KACPlB,SAAAA,EAAW6B,EAAMC,GACjBlB,EAAYkB,EAAI,GAEd3B,EAEJ,CAAAL,SAAA,CAAAiB,EAAAC,IAACoB,EAAKA,MAAAb,OAAAC,OAAA,CAACa,QAASN,EAAYO,UAAY,GAAMlC,IAC9CW,EAACC,IAAAuB,EAAYA,aAAKhB,OAAAC,OAAA,CAAA,EAAAnB,EAAoB,CAAAP,SAAAkC,QATjCA,EAUI,SAIhB"}
+{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../../../src/components/header/HeaderLanguageSelect.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport {\n  Menu,\n  MenuItem,\n  Radio,\n  ListItemText,\n  MenuProps,\n  MenuItemProps,\n  RadioProps,\n  ListItemTextProps,\n} from '@mui/material';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\n\ntype HeaderLanguageType = string | { short?: string; full?: string };\n\nexport interface HeaderLanguageSelectProps extends HeaderButtonProps {\n  /**\n   * List of languages\n   */\n  languages?: HeaderLanguageType[];\n  /**\n   * Index of selected language\n   * @default 0\n   */\n  defaultLanguage?: number;\n  /**\n   * Function that is triggered on language change\n   * @param language - provided language\n   * @param index - index of language\n   */\n  onSelect?: (language: HeaderLanguageType, index: number) => void;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to each MenuItem\n   */\n  menuItemProps?: MenuItemProps;\n  /**\n   * Props applied to Radio inside MenuItem\n   */\n  radioProps?: RadioProps;\n  /**\n   * Props applied to ListItemText inside MenuIte\n   */\n  listItemTextProps?: ListItemTextProps;\n}\n\n/**\n * IconButton with menu selector for languages\n */\nexport const HeaderLanguageSelect: FC<HeaderLanguageSelectProps> = forwardRef(\n  (\n    {\n      children,\n      languages,\n      onSelect,\n      defaultLanguage = 0,\n      menuProps,\n      menuItemProps,\n      radioProps,\n      listItemTextProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [anchor, setAnchor] = useState(null);\n    const [selected, setSelected] = useState(defaultLanguage);\n\n    return (\n      <>\n        <HeaderButton\n          onClick={(e) => setAnchor(e.currentTarget)}\n          ref={ref}\n          data-testid=\"HeaderLanguageSelect\"\n          {...rest}\n        >\n          {children || <GlobeIcon />}\n        </HeaderButton>\n        <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n          {languages?.map((lang, idx) => {\n            const isSelected = selected === idx;\n            const value = typeof lang === 'string' ? lang : lang.full;\n\n            return (\n              <MenuItem\n                key={value}\n                selected={isSelected}\n                onClick={() => {\n                  onSelect?.(lang, idx);\n                  setSelected(idx);\n                }}\n                {...menuItemProps}\n              >\n                <Radio checked={isSelected} tabIndex={-1} {...radioProps} />\n                <ListItemText {...listItemTextProps}>{value}</ListItemText>\n              </MenuItem>\n            );\n          })}\n        </Menu>\n      </>\n    );\n  },\n);\n"],"names":["HeaderLanguageSelect","forwardRef","_a","ref","children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps","rest","__rest","anchor","setAnchor","useState","selected","setSelected","_jsxs","_Fragment","_jsx","HeaderButton","onClick","e","currentTarget","GlobeIcon","Menu","Object","assign","open","anchorEl","onClose","map","lang","idx","isSelected","value","full","MenuItem","Radio","checked","tabIndex","ListItemText"],"mappings":"yLAqDO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EAWAC,SAXAC,SACEA,EAAQC,UACRA,EAASC,SACTA,EAAQC,gBACRA,EAAkB,EAACC,UACnBA,EAASC,cACTA,EAAaC,WACbA,EAAUC,kBACVA,KACGC,EAAIC,EAAAA,OAAAX,EATT,CAAA,WAAA,YAAA,WAAA,kBAAA,YAAA,gBAAA,aAAA,sBAaA,MAAOY,EAAQC,GAAaC,EAAAA,SAAS,OAC9BC,EAAUC,GAAeF,EAAAA,SAAST,GAEzC,OACEY,OAAAC,EAAAA,SAAA,CAAAhB,SAAA,CACEiB,EAAAA,IAACC,8BACCC,QAAUC,GAAMT,EAAUS,EAAEC,eAC5BtB,IAAKA,EAAG,cACI,wBACRS,EAAI,CAAAR,SAEPA,GAAYiB,MAACK,EAAAA,UAAS,CAAA,MAEzBL,EAAAA,IAACM,EAAAA,KAAIC,OAAAC,OAAA,CAACC,OAAQhB,EAAQiB,SAAUjB,EAAQkB,QAAS,IAAMjB,EAAU,OAAWP,EAAS,CAAAJ,SAClFC,aAAS,EAATA,EAAW4B,KAAI,CAACC,EAAMC,KACrB,MAAMC,EAAanB,IAAakB,EAC1BE,EAAwB,iBAATH,EAAoBA,EAAOA,EAAKI,KAErD,OACEnB,EAAAA,KAACoB,EAAAA,SAAQX,OAAAC,OAAA,CAEPZ,SAAUmB,EACVb,QAAS,KACPjB,SAAAA,EAAW4B,EAAMC,GACjBjB,EAAYiB,EAAI,GAEd1B,EAAa,CAAAL,SAAA,CAEjBiB,EAAAA,IAACmB,EAAAA,MAAKZ,OAAAC,OAAA,CAACY,QAASL,EAAYM,UAAU,GAAQhC,IAC9CW,EAAAA,IAACsB,EAAAA,aAAYf,OAAAC,OAAA,CAAA,EAAKlB,EAAiB,CAAAP,SAAGiC,QATjCA,EAUI,SAIhB"}

package/cjs/components/header/HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/header/HeaderLogo.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { Link, LinkProps, useTheme } from '@mui/material';\nimport { Logo, LogoProps } from '@/src/components/logo/Logo';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface HeaderLogoProps extends LinkProps {\n  /**\n   * Properties applied to Logo component\n   */\n  logoProps?: LogoProps;\n  /**\n   * @deprecated no longer has any effect\n   */\n  src?: string;\n  /**\n   * @deprecated no longer has any effect\n   */\n  alt?: string;\n}\n\n/**\n * Logo with link wrapper\n */\nexport const HeaderLogo: FC<HeaderLogoProps> = forwardRef(({ sx, children, href, logoProps, ...rest }, ref) => {\n  const theme = useTheme();\n\n  if (href || rest.onClick) {\n    return (\n      <Link\n        sx={{\n          // same style is applied in Header logo wrapper\n          display: 'block',\n          position: 'relative',\n          py: 1,\n          // add proper focus ring\n          ...getFocusRingStyle(theme),\n          // remove default link box shadow\n          '&.Mui-focusVisible': {\n            boxShadow: 'none',\n          },\n          '& .MuiSvgIcon-root': {\n            display: 'block',\n          },\n        }}\n        href={href || '#'}\n        ref={ref}\n        aria-label=\"Home\"\n        {...rest}\n      >\n        {children || <Logo {...logoProps} />}\n      </Link>\n    );\n  }\n  return children || <Logo sx={sx} ref={ref as unknown as ForwardedRef<SVGSVGElement>} {...logoProps} />;\n});\n\n/**\n * @deprecated use <HeaderLogo /> component instead\n */\nexport const HeaderSkodaLogo: FC<HeaderLogoProps> = forwardRef((props, ref) => {\n  return <HeaderLogo {...props} ref={ref} />;\n});\n"],"names":["HeaderLogo","forwardRef","_a","ref","sx","children","href","logoProps","rest","__rest","theme","useTheme","onClick","_jsx","jsx","Link","Object","assign","display","position","py","getFocusRingStyle","boxShadow","Logo","HeaderSkodaLogo","props"],"mappings":"qLAuBa,MAAAA,EAAkCC,EAAUA,YAAC,CAACC,EAA4CC,KAA5C,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,GAASL,EAAKM,EAApCC,EAAAA,OAAAP,EAAA,CAAA,KAAA,WAAA,OAAA,cACzD,MAAMQ,EAAQC,EAAAA,WAEd,OAAIL,GAAQE,EAAKI,QAEbC,EAAAC,IAACC,OAAIC,OAAAC,OAAA,CACHb,GAAEY,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,QAAS,QACTC,SAAU,WACVC,GAAI,GAEDC,EAAAA,kBAAkBX,IAAM,CAE3B,qBAAsB,CACpBY,UAAW,QAEb,qBAAsB,CACpBJ,QAAS,WAGbZ,KAAMA,GAAQ,IACdH,IAAKA,EACM,aAAA,QACPK,EAAI,CAAAH,SAEPA,GAAYQ,MAACU,EAAAA,sBAAShB,OAItBF,GAAYQ,EAAAA,IAACU,EAAIA,oBAACnB,GAAIA,EAAID,IAAKA,GAAmDI,GAAa,IAM3FiB,EAAuCvB,EAAUA,YAAC,CAACwB,EAAOtB,IAC9DU,EAAAC,IAACd,EAAegB,OAAAC,OAAA,GAAAQ,GAAOtB,IAAKA"}
+{"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/header/HeaderLogo.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { Link, LinkProps, useTheme } from '@mui/material';\nimport { Logo, LogoProps } from '@/src/components/logo/Logo';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface HeaderLogoProps extends LinkProps {\n  /**\n   * Properties applied to Logo component\n   */\n  logoProps?: LogoProps;\n  /**\n   * @deprecated no longer has any effect\n   */\n  src?: string;\n  /**\n   * @deprecated no longer has any effect\n   */\n  alt?: string;\n}\n\n/**\n * Logo with link wrapper\n */\nexport const HeaderLogo: FC<HeaderLogoProps> = forwardRef(({ sx, children, href, logoProps, ...rest }, ref) => {\n  const theme = useTheme();\n\n  if (href || rest.onClick) {\n    return (\n      <Link\n        sx={{\n          // same style is applied in Header logo wrapper\n          display: 'block',\n          position: 'relative',\n          py: 1,\n          // add proper focus ring\n          ...getFocusRingStyle(theme),\n          // remove default link box shadow\n          '&.Mui-focusVisible': {\n            boxShadow: 'none',\n          },\n          '& .MuiSvgIcon-root': {\n            display: 'block',\n          },\n        }}\n        href={href || '#'}\n        ref={ref}\n        aria-label=\"Home\"\n        {...rest}\n      >\n        {children || <Logo {...logoProps} />}\n      </Link>\n    );\n  }\n  return children || <Logo sx={sx} ref={ref as unknown as ForwardedRef<SVGSVGElement>} {...logoProps} />;\n});\n\n/**\n * @deprecated use <HeaderLogo /> component instead\n */\nexport const HeaderSkodaLogo: FC<HeaderLogoProps> = forwardRef((props, ref) => {\n  return <HeaderLogo {...props} ref={ref} />;\n});\n"],"names":["HeaderLogo","forwardRef","_a","ref","sx","children","href","logoProps","rest","__rest","theme","useTheme","onClick","_jsx","Link","Object","assign","display","position","py","getFocusRingStyle","boxShadow","Logo","HeaderSkodaLogo","props"],"mappings":"qLAuBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAA4CC,KAA5C,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAAxC,CAAA,KAAA,WAAA,OAAA,cACzD,MAAMQ,EAAQC,EAAAA,WAEd,OAAIL,GAAQE,EAAKI,QAEbC,EAAAA,IAACC,OAAIC,OAAAC,OAAA,CACHZ,GAAEW,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,QAAS,QACTC,SAAU,WACVC,GAAI,GAEDC,EAAAA,kBAAkBV,IAAM,CAE3B,qBAAsB,CACpBW,UAAW,QAEb,qBAAsB,CACpBJ,QAAS,WAGbX,KAAMA,GAAQ,IACdH,IAAKA,EAAG,aACG,QACPK,EAAI,CAAAH,SAEPA,GAAYQ,MAACS,EAAAA,sBAASf,OAItBF,GAAYQ,EAAAA,IAACS,EAAAA,oBAAKlB,GAAIA,EAAID,IAAKA,GAAmDI,GAAa,IAM3FgB,EAAuCtB,EAAAA,YAAW,CAACuB,EAAOrB,IAC9DU,EAAAA,IAACb,EAAUe,OAAAC,OAAA,GAAKQ,GAAOrB,IAAKA"}

package/cjs/components/header/HeaderNavigationHero.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../../src/components/header/HeaderNavigationHero.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState, ElementType, useRef } from 'react';\nimport {\n  Collapse,\n  Backdrop,\n  ClickAwayListener,\n  Box,\n  BoxProps,\n  Portal,\n  Container,\n  ClickAwayListenerProps,\n  ContainerProps,\n  PortalProps,\n  BackdropProps,\n  CollapseProps,\n  useMediaQuery,\n  Theme,\n  useTheme,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\n\nexport interface HeaderNavigationHeroProps extends HeaderNavigationLinkProps {\n  /**\n   * @deprecated provide as children instead\n   */\n  heroElement?: ReactNode;\n  /**\n   * Wrap the content into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * Controls appearance of backdrop when content opens\n   * @default false\n   */\n  disableBackdrop?: boolean;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to main wrapper of content\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to main wrapper before collapsible\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to Container if inContainer property is provided\n   */\n  containerProps?: ContainerProps;\n  /**\n   * Props applied to Collapse component\n   */\n  collapseProp?: CollapseProps;\n  /**\n   * Props applied to Portal if disableBackdrop property is not provided\n   */\n  portalProps?: PortalProps;\n  /**\n   * Props applied to Backdrop if disableBackdrop property is not provided\n   */\n  backdropProps?: BackdropProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the complex hero menu\n */\nexport const HeaderNavigationHero: FC<HeaderNavigationHeroProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      label,\n      icon,\n      heroElement,\n      inContainer = false,\n      disableBackdrop = false,\n      onClick,\n      clickAwayListenerProps,\n      contentProps,\n      wrapperProps,\n      containerProps,\n      collapseProps,\n      portalProps,\n      backdropProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [open, setOpen] = useState(false);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: backdropSx, ...restBackdrop } = backdropProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={open}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${open ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setOpen((prev) => !prev);\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationHero\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        <ClickAwayListener\n          onClickAway={(e) =>\n            !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n            setOpen(false)\n          }\n          {...clickAwayListenerProps}\n        >\n          <Box\n            sx={{\n              position: { xs: 'static', lg: 'absolute' },\n              zIndex: '10',\n              left: '0',\n              right: '0',\n              top: theme.mixins.toolbar.minHeight,\n              maxHeight: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              overflow: 'auto',\n              ...wrapperSx,\n            }}\n            {...restWrapper}\n          >\n            <Collapse in={open} {...collapseProps}>\n              <Box\n                sx={{\n                  backgroundColor: { lg: theme.palette.mode === 'dark' ? 'surface.primary' : 'background.primary' },\n                  py: { xs: 0, lg: 2 },\n                  px: inContainer ? 0 : { xs: 1, lg: 2 },\n                  ...contentSx,\n                }}\n                {...restContent}\n              >\n                {inContainer ? (\n                  <Container maxWidth=\"xl\" {...containerProps}>\n                    {heroElement || children}\n                  </Container>\n                ) : (\n                  heroElement || children\n                )}\n              </Box>\n            </Collapse>\n          </Box>\n        </ClickAwayListener>\n        {!disableBackdrop && !downLg && (\n          <Portal {...portalProps}>\n            <Backdrop open={open} sx={{ zIndex: theme.zIndex.appBar - 50, ...backdropSx }} {...restBackdrop} />\n          </Portal>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationHero","forwardRef","_a","ref","children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps","rest","__rest","buttonRef","useRef","open","setOpen","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","backdropSx","restBackdrop","_c","wrapperSx","restWrapper","_d","contentSx","restContent","_jsxs","_Fragment","_jsx","jsx","HeaderNavigationLink","Object","assign","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","justifyContent","ClickAwayListener","onClickAway","current","contains","target","Box","position","zIndex","left","right","top","mixins","toolbar","minHeight","maxHeight","overflow","Collapse","in","backgroundColor","py","px","Container","maxWidth","Portal","Backdrop","appBar"],"mappings":"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"}
+{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../../src/components/header/HeaderNavigationHero.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState, ElementType, useRef } from 'react';\nimport {\n  Collapse,\n  Backdrop,\n  ClickAwayListener,\n  Box,\n  BoxProps,\n  Portal,\n  Container,\n  ClickAwayListenerProps,\n  ContainerProps,\n  PortalProps,\n  BackdropProps,\n  CollapseProps,\n  useMediaQuery,\n  Theme,\n  useTheme,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\n\nexport interface HeaderNavigationHeroProps extends HeaderNavigationLinkProps {\n  /**\n   * @deprecated provide as children instead\n   */\n  heroElement?: ReactNode;\n  /**\n   * Wrap the content into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * Controls appearance of backdrop when content opens\n   * @default false\n   */\n  disableBackdrop?: boolean;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to main wrapper of content\n   */\n  contentProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to main wrapper before collapsible\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to Container if inContainer property is provided\n   */\n  containerProps?: ContainerProps;\n  /**\n   * Props applied to Collapse component\n   */\n  collapseProp?: CollapseProps;\n  /**\n   * Props applied to Portal if disableBackdrop property is not provided\n   */\n  portalProps?: PortalProps;\n  /**\n   * Props applied to Backdrop if disableBackdrop property is not provided\n   */\n  backdropProps?: BackdropProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the complex hero menu\n */\nexport const HeaderNavigationHero: FC<HeaderNavigationHeroProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      label,\n      icon,\n      heroElement,\n      inContainer = false,\n      disableBackdrop = false,\n      onClick,\n      clickAwayListenerProps,\n      contentProps,\n      wrapperProps,\n      containerProps,\n      collapseProps,\n      portalProps,\n      backdropProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [open, setOpen] = useState(false);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: backdropSx, ...restBackdrop } = backdropProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={open}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${open ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setOpen((prev) => !prev);\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationHero\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        <ClickAwayListener\n          onClickAway={(e) =>\n            !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n            setOpen(false)\n          }\n          {...clickAwayListenerProps}\n        >\n          <Box\n            sx={{\n              position: { xs: 'static', lg: 'absolute' },\n              zIndex: '10',\n              left: '0',\n              right: '0',\n              top: theme.mixins.toolbar.minHeight,\n              maxHeight: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n              overflow: 'auto',\n              ...wrapperSx,\n            }}\n            {...restWrapper}\n          >\n            <Collapse in={open} {...collapseProps}>\n              <Box\n                sx={{\n                  backgroundColor: { lg: theme.palette.mode === 'dark' ? 'surface.primary' : 'background.primary' },\n                  py: { xs: 0, lg: 2 },\n                  px: inContainer ? 0 : { xs: 1, lg: 2 },\n                  ...contentSx,\n                }}\n                {...restContent}\n              >\n                {inContainer ? (\n                  <Container maxWidth=\"xl\" {...containerProps}>\n                    {heroElement || children}\n                  </Container>\n                ) : (\n                  heroElement || children\n                )}\n              </Box>\n            </Collapse>\n          </Box>\n        </ClickAwayListener>\n        {!disableBackdrop && !downLg && (\n          <Portal {...portalProps}>\n            <Backdrop open={open} sx={{ zIndex: theme.zIndex.appBar - 50, ...backdropSx }} {...restBackdrop} />\n          </Portal>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationHero","forwardRef","_a","ref","children","sx","label","icon","heroElement","inContainer","disableBackdrop","onClick","clickAwayListenerProps","contentProps","wrapperProps","containerProps","collapseProps","portalProps","backdropProps","rest","__rest","buttonRef","useRef","open","setOpen","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","backdropSx","restBackdrop","_c","wrapperSx","restWrapper","_d","contentSx","restContent","_jsxs","_Fragment","_jsx","HeaderNavigationLink","Object","assign","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","justifyContent","ClickAwayListener","onClickAway","current","contains","target","Box","position","zIndex","left","right","top","mixins","toolbar","minHeight","maxHeight","overflow","Collapse","in","backgroundColor","py","px","Container","maxWidth","Portal","Backdrop","appBar"],"mappings":"uMAqEO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EAkBAC,KAlBA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,MACFA,EAAKC,KACLA,EAAIC,YACJA,EAAWC,YACXA,GAAc,EAAKC,gBACnBA,GAAkB,EAAKC,QACvBA,EAAOC,uBACPA,EAAsBC,aACtBA,EAAYC,aACZA,EAAYC,eACZA,EAAcC,cACdA,EAAaC,YACbA,EAAWC,cACXA,GAAahB,EACViB,EAAIC,EAAAA,OAAAlB,EAhBT,gNAoBA,MAAMmB,EAAYC,EAAAA,UACXC,EAAMC,GAAWC,EAAAA,UAAS,GAC3BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCd,QAAAA,EAAiB,IAArDb,GAAI4B,GAAUD,EAAKE,EAAYd,EAAAA,OAAAY,EAAjC,CAAA,OACAG,EAAoCrB,QAAAA,EAAgB,IAAlDT,GAAI+B,GAASD,EAAKE,EAAWjB,EAAAA,OAAAe,EAA/B,CAAA,OACAG,EAAoCzB,QAAAA,EAAgB,IAAlDR,GAAIkC,GAASD,EAAKE,EAAWpB,EAAAA,OAAAkB,EAA/B,CAAA,OAEN,OACEG,EAAAA,KAAAC,EAAAA,SAAA,CAAAtC,SAAA,CACEuC,EAAAA,IAACC,EAAAA,qBAAoBC,OAAAC,OAAA,CACnBC,OAAQxB,EACRhB,KACEA,GACEoC,EAAAA,IAACK,EAAAA,gBAAe,CACd3C,GAAI,CACF,MAAO,CACL4C,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBxB,EAAM2B,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUhC,EAAO,MAAQ,UACpCiC,WAAY,CACVN,GAAIxB,EAAM+B,YAAYC,OAAO,YAAa,CACxCC,SAAUjC,EAAM+B,YAAYE,SAASC,WAEvCT,GAAI,WAMdxC,QAAUkD,IACRlD,SAAAA,EAAUkD,GACVrC,GAASsC,IAAUA,GAAK,EAE1BzD,GAAEwC,OAAAC,OAAA,CACAiB,eAAgB,CAAEb,GAAI,gBAAiBC,GAAI,eACxC9C,GAELF,IAAKA,QAAAA,EAAOkB,gBACA,wBACRF,EAAI,CAAAf,SAEPE,KAEHqC,EAAAA,IAACqB,EAAAA,kBAAiBnB,OAAAC,OAAA,CAChBmB,YAAcJ,cACZ,QAAoE,QAAnE1B,EAA0D,QAA1DH,EAA4C,QAA3C9B,EAACC,SAA0C,IAAAD,EAAAA,EAAImB,SAAU,IAAAW,OAAA,EAAAA,EAAEkC,eAAO,IAAA/B,OAAA,EAAAA,EAAEgC,SAASN,eAAAA,EAAGO,UAClF5C,GAAQ,EAAM,GAEZZ,YAEJ+B,EAAAA,IAAC0B,EAAAA,mBACChE,GAAEwC,OAAAC,OAAA,CACAwB,SAAU,CAAEpB,GAAI,SAAUC,GAAI,YAC9BoB,OAAQ,KACRC,KAAM,IACNC,MAAO,IACPC,IAAKhD,EAAMiD,OAAOC,QAAQC,UAC1BC,UAAW,gBAAgBpD,EAAMiD,OAAOC,QAAQC,aAChDE,SAAU,QACP3C,IAEDC,EAAW,CAAAjC,SAEfuC,EAAAA,IAACqC,EAAAA,wBAASC,GAAI1D,GAAUP,YACtB2B,EAAAA,IAAC0B,EAAAA,IAAGxB,OAAAC,OAAA,CACFzC,GAAEwC,OAAAC,OAAA,CACAoC,gBAAiB,CAAE/B,GAA2B,SAAvBzB,EAAM2B,QAAQC,KAAkB,kBAAoB,sBAC3E6B,GAAI,CAAEjC,GAAI,EAAGC,GAAI,GACjBiC,GAAI3E,EAAc,EAAI,CAAEyC,GAAI,EAAGC,GAAI,IAChCZ,IAEDC,EAAW,CAAApC,SAEdK,EACCkC,EAAAA,IAAC0C,EAAAA,UAASxC,OAAAC,OAAA,CAACwC,SAAS,MAASvE,EAAc,CAAAX,SACxCI,GAAeJ,KAGlBI,GAAeJ,eAMvBM,IAAoBkB,GACpBe,EAAAA,IAAC4C,SAAM1C,OAAAC,OAAA,CAAA,EAAK7B,EAAW,CAAAb,SACrBuC,EAAAA,IAAC6C,EAAAA,SAAQ3C,OAAAC,OAAA,CAACvB,KAAMA,EAAMlB,GAAEwC,OAAAC,OAAA,CAAIyB,OAAQ7C,EAAM6C,OAAOkB,OAAS,IAAOxD,IAAkBC,SAGtF"}

package/cjs/components/header/HeaderNavigationLink.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material"),i=require("../icon/stroke/ArrowTopRightIcon.js"),s=require("../focusring/focusring.js"),o=require("../../materialui/button/interactive.js"),n=require("../../materialui/theme/theme.typography.js");const l=a.forwardRef(((l,c)=>{var{sx:g,children:p,label:d,icon:x,active:b=!1,external:u=!1,index:j,labelWrapperProps:y,labelProps:f,selectedLabelProps:h}=l,m=e.__rest(l,["sx","children","label","icon","active","external","index","labelWrapperProps","labelProps","selectedLabelProps"]);const v=r.useTheme(),k=null!=y?y:{},{sx:w}=k,O=e.__rest(k,["sx"]),L=null!=f?f:{},{sx:N}=L,H=e.__rest(L,["sx"]),F=null!=h?h:{},{sx:q}=F,I=e.__rest(F,["sx"]),_=a.useMemo((()=>"arrow-new"===x||u?t.jsx(i.ArrowTopRightIcon,{}):x),[x,u]);return t.jsxs(r.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},v.typography.list),{[v.breakpoints.down("lg")]:Object.assign({},n.getTypography("body","rtl"===v.direction,"large")),position:"relative",zIndex:"100",display:{xs:"flex",lg:"inline-flex"},width:{xs:"100%",lg:"auto"},gap:.5,alignItems:"center",justifyContent:"flex-start",py:{xs:2,lg:1},px:{xs:1,lg:.5},transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"14px"},"&:after":Object.assign({content:{xs:"none",lg:'""'},position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:"transparent.transparent"},b&&{height:"2px",backgroundColor:"text.primary"}),"&.Mui-disabled":{color:"disabled.tertiary"}}),o.getInteractiveStyle(Object.assign({color:"dark"===v.palette.mode?"onSurface.os300":"onSurface.os700","&&:after":{backgroundColor:"transparent.transparent"},"& .FlowHeaderNavigationLink-label":{opacity:"1"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"0"}},b&&{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}}),{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}})),s.getFocusRingStyle(v)),{"&&:before":{borderRadius:"4px",top:{xs:"0",lg:"2px"},bottom:{xs:"0",lg:"-2px"}}}),g),ref:c,"data-testid":"HeaderNavigationLink"},m,{children:[(p||d)&&t.jsxs(r.Box,Object.assign({className:"FlowHeaderNavigationLink-labelWrapper",sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},w)},O,{children:[t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-label",sx:Object.assign({position:"absolute",left:{xs:"0",lg:"auto"}},N)},H,{children:p||d})),t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-selectedLabel",sx:Object.assign({fontWeight:"700",opacity:"0",position:"relative"},q),"aria-hidden":"true"},I,{children:p||d}))]})),_]}))})),c=a.forwardRef(((e,a)=>t.jsx(l,Object.assign({ref:a},e))));exports.HeaderNavigationLink=l,exports.HeaderOverheadItem=c;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material"),i=require("../icon/stroke/ArrowTopRightIcon.js"),o=require("../focusring/focusring.js"),s=require("../../materialui/button/interactive.js"),n=require("../../materialui/typography/typography.theme.js");const l=a.forwardRef(((l,c)=>{var{sx:g,children:p,label:d,icon:x,active:b=!1,external:u=!1,index:j,labelWrapperProps:y,labelProps:f,selectedLabelProps:h}=l,m=e.__rest(l,["sx","children","label","icon","active","external","index","labelWrapperProps","labelProps","selectedLabelProps"]);const v=r.useTheme(),k=null!=y?y:{},{sx:w}=k,O=e.__rest(k,["sx"]),L=null!=f?f:{},{sx:N}=L,H=e.__rest(L,["sx"]),F=null!=h?h:{},{sx:q}=F,I=e.__rest(F,["sx"]),_=a.useMemo((()=>"arrow-new"===x||u?t.jsx(i.ArrowTopRightIcon,{}):x),[x,u]);return t.jsxs(r.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},v.typography.list),{[v.breakpoints.down("lg")]:Object.assign({},n.getTypography("body","rtl"===v.direction,"large")),position:"relative",zIndex:"100",display:{xs:"flex",lg:"inline-flex"},width:{xs:"100%",lg:"auto"},gap:.5,alignItems:"center",justifyContent:"flex-start",py:{xs:2,lg:1},px:{xs:1,lg:.5},transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"14px"},"&:after":Object.assign({content:{xs:"none",lg:'""'},position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:"transparent.transparent"},b&&{height:"2px",backgroundColor:"text.primary"}),"&.Mui-disabled":{color:"disabled.tertiary"}}),s.getInteractiveStyle(Object.assign({color:"dark"===v.palette.mode?"onSurface.os300":"onSurface.os700","&&:after":{backgroundColor:"transparent.transparent"},"& .FlowHeaderNavigationLink-label":{opacity:"1"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"0"}},b&&{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}}),{color:"text.primary","&&:after":{backgroundColor:"text.primary"},"& .FlowHeaderNavigationLink-label":{opacity:"0"},"& .FlowHeaderNavigationLink-selectedLabel":{opacity:"1"}})),o.getFocusRingStyle(v)),{"&&:before":{borderRadius:"4px",top:{xs:"0",lg:"2px"},bottom:{xs:"0",lg:"-2px"}}}),g),ref:c,"data-testid":"HeaderNavigationLink"},m,{children:[(p||d)&&t.jsxs(r.Box,Object.assign({className:"FlowHeaderNavigationLink-labelWrapper",sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",position:"relative"},w)},O,{children:[t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-label",sx:Object.assign({position:"absolute",left:{xs:"0",lg:"auto"}},N)},H,{children:p||d})),t.jsx(r.Box,Object.assign({className:"FlowHeaderNavigationLink-selectedLabel",sx:Object.assign({fontWeight:"700",opacity:"0",position:"relative"},q),"aria-hidden":"true"},I,{children:p||d}))]})),_]}))})),c=a.forwardRef(((e,a)=>t.jsx(l,Object.assign({ref:a},e))));exports.HeaderNavigationLink=l,exports.HeaderOverheadItem=c;
 //# sourceMappingURL=HeaderNavigationLink.js.map

package/cjs/components/header/HeaderNavigationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../../src/components/header/HeaderNavigationLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ReactNode, ForwardedRef } from 'react';\nimport { ButtonBase, ButtonBaseProps, Box, BoxProps, useTheme } from '@mui/material';\nimport { ArrowTopRightIcon } from '@/src/components/icon/stroke/ArrowTopRightIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/theme/theme.typography';\n\nexport interface HeaderNavigationLinkProps extends ButtonBaseProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Marks item currently active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Indicates external link\n   * @default false\n   */\n  external?: boolean;\n  /**\n   * Expect icon component that will be rendered after the label\n   */\n  icon?: ReactNode | 'arrow-ne';\n  /**\n   * @deprecated no longer has any effect, remove the property\n   */\n  index?: number;\n  /**\n   * Properties applied to wrapper of label\n   */\n  labelWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to default label\n   */\n  labelProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to selected label\n   */\n  selectedLabelProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      icon,\n      active = false,\n      external = false,\n      index: _,\n      labelWrapperProps,\n      labelProps,\n      selectedLabelProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: labelWrapperSx, ...restLabelWrapper } = labelWrapperProps ?? {};\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: selectedLabelSx, ...restSelectedLabel } = selectedLabelProps ?? {};\n    // mapper to previous api\n    const linkIcon = useMemo(() => {\n      return icon === 'arrow-new' || external ? <ArrowTopRightIcon /> : icon;\n    }, [icon, external]);\n\n    return (\n      <ButtonBase\n        sx={{\n          ...theme.typography.list,\n          [theme.breakpoints.down('lg')]: {\n            // switch to 'large body' typography according to figma\n            ...getTypography('body', theme.direction === 'rtl', 'large'),\n          },\n          position: 'relative',\n          zIndex: '100',\n          // icon and text next to each other\n          display: { xs: 'flex', lg: 'inline-flex' },\n          width: { xs: '100%', lg: 'auto' },\n          gap: 0.5,\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          py: { xs: 2, lg: 1 },\n          px: { xs: 1, lg: 0.5 },\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // size of icon\n          '& .MuiSvgIcon-root': {\n            fontSize: '14px',\n          },\n          // bottom border\n          '&:after': {\n            content: { xs: 'none', lg: '\"\"' },\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            // move directly into border of appbar\n            bottom: '0',\n            height: '1px',\n            backgroundColor: 'transparent.transparent',\n            ...(active && {\n              height: '2px',\n              backgroundColor: 'text.primary',\n            }),\n          },\n          // disabled style\n          '&.Mui-disabled': {\n            color: 'disabled.tertiary',\n          },\n          // interactive style\n          ...getInteractiveStyle(\n            {\n              color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n              '&&:after': {\n                backgroundColor: 'transparent.transparent',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '1',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '0',\n              },\n              // active state is same as hover state\n              ...(active && {\n                color: 'text.primary',\n                '&&:after': {\n                  backgroundColor: 'text.primary',\n                },\n                '& .FlowHeaderNavigationLink-label': {\n                  opacity: '0',\n                },\n                '& .FlowHeaderNavigationLink-selectedLabel': {\n                  opacity: '1',\n                },\n              }),\n            },\n            {\n              color: 'text.primary',\n              '&&:after': {\n                backgroundColor: 'text.primary',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '0',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '1',\n              },\n            },\n          ),\n          ...getFocusRingStyle(theme),\n          // adjust focus ring\n          '&&:before': {\n            borderRadius: '4px',\n            // make sure top border is not cropped\n            top: { xs: '0', lg: '2px' },\n            bottom: { xs: '0', lg: '-2px' },\n          },\n          ...sx,\n        }}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        data-testid=\"HeaderNavigationLink\"\n        {...rest}\n      >\n        {(children || label) && (\n          <Box\n            className=\"FlowHeaderNavigationLink-labelWrapper\"\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              textAlign: 'center',\n              position: 'relative',\n              ...labelWrapperSx,\n            }}\n            {...restLabelWrapper}\n          >\n            <Box\n              className=\"FlowHeaderNavigationLink-label\"\n              sx={{\n                position: 'absolute',\n                left: { xs: '0', lg: 'auto' },\n                ...labelSx,\n              }}\n              {...restLabel}\n            >\n              {children || label}\n            </Box>\n            <Box\n              className=\"FlowHeaderNavigationLink-selectedLabel\"\n              sx={{\n                fontWeight: '700',\n                opacity: '0',\n                position: 'relative',\n                ...selectedLabelSx,\n              }}\n              aria-hidden=\"true\"\n              {...restSelectedLabel}\n            >\n              {children || label}\n            </Box>\n          </Box>\n        )}\n        {linkIcon}\n      </ButtonBase>\n    );\n  },\n);\n\nexport interface HeaderOverheadItemProps extends HeaderNavigationLinkProps {}\n/**\n * @deprecated remove this component, use HeaderNavigationLink instead\n */\nexport const HeaderOverheadItem: FC<HeaderOverheadItemProps> = forwardRef((props, ref) => {\n  return <HeaderNavigationLink ref={ref} {...props} />;\n});\n"],"names":["HeaderNavigationLink","forwardRef","_a","ref","sx","children","label","icon","active","external","index","_","labelWrapperProps","labelProps","selectedLabelProps","rest","__rest","theme","useTheme","_b","labelWrapperSx","restLabelWrapper","_c","labelSx","restLabel","_d","selectedLabelSx","restSelectedLabel","linkIcon","useMemo","_jsx","jsx","ArrowTopRightIcon","_jsxs","jsxs","ButtonBase","Object","assign","typography","list","breakpoints","down","getTypography","direction","position","zIndex","display","xs","lg","width","gap","alignItems","justifyContent","py","px","transition","fontSize","content","left","right","bottom","height","backgroundColor","color","getInteractiveStyle","palette","mode","opacity","getFocusRingStyle","borderRadius","top","Box","className","textAlign","fontWeight","HeaderOverheadItem","props"],"mappings":"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"}
+{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../../src/components/header/HeaderNavigationLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ReactNode, ForwardedRef } from 'react';\nimport { ButtonBase, ButtonBaseProps, Box, BoxProps, useTheme } from '@mui/material';\nimport { ArrowTopRightIcon } from '@/src/components/icon/stroke/ArrowTopRightIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport interface HeaderNavigationLinkProps extends ButtonBaseProps<ElementType> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Marks item currently active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Indicates external link\n   * @default false\n   */\n  external?: boolean;\n  /**\n   * Expect icon component that will be rendered after the label\n   */\n  icon?: ReactNode | 'arrow-ne';\n  /**\n   * @deprecated no longer has any effect, remove the property\n   */\n  index?: number;\n  /**\n   * Properties applied to wrapper of label\n   */\n  labelWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to default label\n   */\n  labelProps?: BoxProps<ElementType>;\n  /**\n   * Properties applied to selected label\n   */\n  selectedLabelProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const HeaderNavigationLink: FC<HeaderNavigationLinkProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      icon,\n      active = false,\n      external = false,\n      index: _,\n      labelWrapperProps,\n      labelProps,\n      selectedLabelProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: labelWrapperSx, ...restLabelWrapper } = labelWrapperProps ?? {};\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: selectedLabelSx, ...restSelectedLabel } = selectedLabelProps ?? {};\n    // mapper to previous api\n    const linkIcon = useMemo(() => {\n      return icon === 'arrow-new' || external ? <ArrowTopRightIcon /> : icon;\n    }, [icon, external]);\n\n    return (\n      <ButtonBase\n        sx={{\n          ...theme.typography.list,\n          [theme.breakpoints.down('lg')]: {\n            // switch to 'large body' typography according to figma\n            ...getTypography('body', theme.direction === 'rtl', 'large'),\n          },\n          position: 'relative',\n          zIndex: '100',\n          // icon and text next to each other\n          display: { xs: 'flex', lg: 'inline-flex' },\n          width: { xs: '100%', lg: 'auto' },\n          gap: 0.5,\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n          py: { xs: 2, lg: 1 },\n          px: { xs: 1, lg: 0.5 },\n          transition:\n            'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n          // size of icon\n          '& .MuiSvgIcon-root': {\n            fontSize: '14px',\n          },\n          // bottom border\n          '&:after': {\n            content: { xs: 'none', lg: '\"\"' },\n            position: 'absolute',\n            left: '0',\n            right: '0',\n            // move directly into border of appbar\n            bottom: '0',\n            height: '1px',\n            backgroundColor: 'transparent.transparent',\n            ...(active && {\n              height: '2px',\n              backgroundColor: 'text.primary',\n            }),\n          },\n          // disabled style\n          '&.Mui-disabled': {\n            color: 'disabled.tertiary',\n          },\n          // interactive style\n          ...getInteractiveStyle(\n            {\n              color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n              '&&:after': {\n                backgroundColor: 'transparent.transparent',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '1',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '0',\n              },\n              // active state is same as hover state\n              ...(active && {\n                color: 'text.primary',\n                '&&:after': {\n                  backgroundColor: 'text.primary',\n                },\n                '& .FlowHeaderNavigationLink-label': {\n                  opacity: '0',\n                },\n                '& .FlowHeaderNavigationLink-selectedLabel': {\n                  opacity: '1',\n                },\n              }),\n            },\n            {\n              color: 'text.primary',\n              '&&:after': {\n                backgroundColor: 'text.primary',\n              },\n              '& .FlowHeaderNavigationLink-label': {\n                opacity: '0',\n              },\n              '& .FlowHeaderNavigationLink-selectedLabel': {\n                opacity: '1',\n              },\n            },\n          ),\n          ...getFocusRingStyle(theme),\n          // adjust focus ring\n          '&&:before': {\n            borderRadius: '4px',\n            // make sure top border is not cropped\n            top: { xs: '0', lg: '2px' },\n            bottom: { xs: '0', lg: '-2px' },\n          },\n          ...sx,\n        }}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        data-testid=\"HeaderNavigationLink\"\n        {...rest}\n      >\n        {(children || label) && (\n          <Box\n            className=\"FlowHeaderNavigationLink-labelWrapper\"\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              textAlign: 'center',\n              position: 'relative',\n              ...labelWrapperSx,\n            }}\n            {...restLabelWrapper}\n          >\n            <Box\n              className=\"FlowHeaderNavigationLink-label\"\n              sx={{\n                position: 'absolute',\n                left: { xs: '0', lg: 'auto' },\n                ...labelSx,\n              }}\n              {...restLabel}\n            >\n              {children || label}\n            </Box>\n            <Box\n              className=\"FlowHeaderNavigationLink-selectedLabel\"\n              sx={{\n                fontWeight: '700',\n                opacity: '0',\n                position: 'relative',\n                ...selectedLabelSx,\n              }}\n              aria-hidden=\"true\"\n              {...restSelectedLabel}\n            >\n              {children || label}\n            </Box>\n          </Box>\n        )}\n        {linkIcon}\n      </ButtonBase>\n    );\n  },\n);\n\nexport interface HeaderOverheadItemProps extends HeaderNavigationLinkProps {}\n/**\n * @deprecated remove this component, use HeaderNavigationLink instead\n */\nexport const HeaderOverheadItem: FC<HeaderOverheadItemProps> = forwardRef((props, ref) => {\n  return <HeaderNavigationLink ref={ref} {...props} />;\n});\n"],"names":["HeaderNavigationLink","forwardRef","_a","ref","sx","children","label","icon","active","external","index","_","labelWrapperProps","labelProps","selectedLabelProps","rest","__rest","theme","useTheme","_b","labelWrapperSx","restLabelWrapper","_c","labelSx","restLabel","_d","selectedLabelSx","restSelectedLabel","linkIcon","useMemo","_jsx","ArrowTopRightIcon","_jsxs","ButtonBase","Object","assign","typography","list","breakpoints","down","getTypography","direction","position","zIndex","display","xs","lg","width","gap","alignItems","justifyContent","py","px","transition","fontSize","content","left","right","bottom","height","backgroundColor","color","getInteractiveStyle","palette","mode","opacity","getFocusRingStyle","borderRadius","top","Box","className","textAlign","fontWeight","HeaderOverheadItem","props"],"mappings":"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"}

package/cjs/components/header/HeaderNavigationMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/components/header/HeaderNavigationMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useRef, useState } from 'react';\nimport {\n  Menu,\n  MenuProps,\n  Collapse,\n  useMediaQuery,\n  Theme,\n  useTheme,\n  CollapseProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface HeaderNavigationMenuProps extends HeaderNavigationLinkProps {\n  /**\n   * Content of the menu, can be provided as children as well\n   */\n  menuItems?: ReactNode;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to menu on mobile\n   */\n  collapseProps?: CollapseProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the menu\n */\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = forwardRef(\n  (\n    { children, sx, label, icon, onClick, menuItems, menuProps, collapseProps, clickAwayListenerProps, ...rest },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [anchor, setAnchor] = useState(null);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: collapseSx, ...restCollapse } = collapseProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={!!anchor}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  // same code is applied to HeaderNavigationHero.tsx\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${anchor ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setAnchor((prev) => (!prev ? e.currentTarget : null));\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationMenu\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        {downLg ? (\n          <ClickAwayListener\n            onClickAway={(e) => {\n              console.log(e.target);\n              !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n                setAnchor(null);\n            }}\n            {...clickAwayListenerProps}\n          >\n            <Collapse\n              in={!!anchor}\n              sx={{\n                // style menu items inside\n                '& .MuiMenuItem-root': {\n                  ...getInteractiveStyle(\n                    {\n                      background: 'none',\n                      fontWeight: '300',\n                      color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    },\n                    {\n                      background: 'none',\n                      fontWeight: '700',\n                      color: 'currentColor',\n                    },\n                  ),\n                },\n                ...collapseSx,\n              }}\n              {...restCollapse}\n            >\n              {children || menuItems}\n            </Collapse>\n          </ClickAwayListener>\n        ) : (\n          <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n            {children || menuItems}\n          </Menu>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationMenu","forwardRef","_a","ref","children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps","rest","__rest","buttonRef","useRef","anchor","setAnchor","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","collapseSx","restCollapse","_jsxs","_jsx","HeaderNavigationLink","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","currentTarget","Object","assign","justifyContent","ClickAwayListener","onClickAway","console","log","target","current","contains","jsx","Collapse","in","getInteractiveStyle","background","fontWeight","Menu","open","anchorEl","onClose"],"mappings":"2PAsCa,MAAAA,EAAsDC,EAAUA,YAC3E,CACEC,EACAC,SADAC,SAAEA,EAAQC,GAAEA,EAAEC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,cAAEA,EAAaC,uBAAEA,KAA2BC,EAAtGC,EAAAA,OAAAZ,EAAA,CAAA,WAAA,KAAA,QAAA,OAAA,UAAA,YAAA,YAAA,gBAAA,2BAGA,MAAMa,EAAYC,EAAAA,UACXC,EAAQC,GAAaC,EAAAA,SAAS,MAC/BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCf,QAAAA,EAAiB,IAArDN,GAAIsB,GAAmDD,EAApCE,EAArBd,EAAAA,OAAAY,EAAA,CAAA,OAEN,OACEG,EAAAA,2BACEC,MAACC,EAAAA,oCACCC,SAAUf,EACVV,KACEA,GACEuB,MAACG,EAAAA,gBAAe,CACd5B,GAAI,CAEF,MAAO,CACL6B,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBf,EAAMkB,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUvB,EAAS,MAAQ,UACtCwB,WAAY,CACVN,GAAIf,EAAMsB,YAAYC,OAAO,YAAa,CACxCC,SAAUxB,EAAMsB,YAAYE,SAASC,WAEvCT,GAAI,WAMd5B,QAAUsC,IACRtC,SAAAA,EAAUsC,GACV5B,GAAW6B,GAAWA,EAAyB,KAAlBD,EAAEE,eAAsB,EAEvD3C,GACE4C,OAAAC,OAAA,CAAAC,eAAgB,CAAEhB,GAAI,gBAAiBC,GAAI,eACxC/B,GAELF,IAAKA,QAAAA,EAAOY,gBACA,wBACRF,EAEH,CAAAT,SAAAE,KAEFgB,EACCQ,EAAAA,IAACsB,EAAAA,kBAAiBH,OAAAC,OAAA,CAChBG,YAAcP,cACZQ,QAAQC,IAAIT,EAAEU,oBAC+C,QAA5D9B,EAA4C,UAA1CvB,SAA0C,IAAAD,EAAAA,EAAIa,SAAY,IAAAW,OAAA,EAAAA,EAAA+B,8BAASC,SAASZ,eAAAA,EAAGU,UAChFtC,EAAU,KAAK,GAEfN,EAEJ,CAAAR,SAAA0B,EAAA6B,IAACC,EAAQA,SAAAX,OAAAC,OAAA,CACPW,KAAM5C,EACNZ,GAAE4C,OAAAC,OAAA,CAEA,sBAAqBD,OAAAC,OAAA,CAAA,EAChBY,EAAAA,oBACD,CACEC,WAAY,OACZC,WAAY,MACZ3B,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,kBAAoB,mBAE7D,CACEwB,WAAY,OACZC,WAAY,MACZ3B,MAAO,mBAIVV,IAEDC,YAEHxB,GAAYK,QAIjBqB,EAAA6B,IAACM,EAAIA,KAAChB,OAAAC,OAAA,CAAAgB,OAAQjD,EAAQkD,SAAUlD,EAAQmD,QAAS,IAAMlD,EAAU,OAAWR,YACzEN,GAAYK,OAGhB"}
+{"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/components/header/HeaderNavigationMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useRef, useState } from 'react';\nimport {\n  Menu,\n  MenuProps,\n  Collapse,\n  useMediaQuery,\n  Theme,\n  useTheme,\n  CollapseProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n} from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { HeaderNavigationLink, HeaderNavigationLinkProps } from './HeaderNavigationLink';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface HeaderNavigationMenuProps extends HeaderNavigationLinkProps {\n  /**\n   * Content of the menu, can be provided as children as well\n   */\n  menuItems?: ReactNode;\n  /**\n   * Props applied to menu\n   */\n  menuProps?: MenuProps;\n  /**\n   * Props applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: ClickAwayListenerProps;\n  /**\n   * Props applied to menu on mobile\n   */\n  collapseProps?: CollapseProps;\n}\n\n/**\n * HeaderNavigationLink with the integration of the menu\n */\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = forwardRef(\n  (\n    { children, sx, label, icon, onClick, menuItems, menuProps, collapseProps, clickAwayListenerProps, ...rest },\n    ref,\n  ) => {\n    const buttonRef = useRef();\n    const [anchor, setAnchor] = useState(null);\n    const theme = useTheme();\n    const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n    const { sx: collapseSx, ...restCollapse } = collapseProps ?? {};\n\n    return (\n      <>\n        <HeaderNavigationLink\n          active={!!anchor}\n          icon={\n            icon || (\n              <ChevronDownIcon\n                sx={{\n                  // same code is applied to HeaderNavigationHero.tsx\n                  '&&&': {\n                    fontSize: { xs: '20px', lg: '14px' },\n                  },\n                  color: {\n                    xs: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    lg: 'currentColor',\n                  },\n                  transform: `rotate(${anchor ? '180' : '0'}deg)`,\n                  transition: {\n                    xs: theme.transitions.create('transform', {\n                      duration: theme.transitions.duration.shortest,\n                    }),\n                    lg: 'none',\n                  },\n                }}\n              />\n            )\n          }\n          onClick={(e) => {\n            onClick?.(e);\n            setAnchor((prev) => (!prev ? e.currentTarget : null));\n          }}\n          sx={{\n            justifyContent: { xs: 'space-between', lg: 'flex-start' },\n            ...sx,\n          }}\n          ref={ref ?? buttonRef}\n          data-testid=\"HeaderNavigationMenu\"\n          {...rest}\n        >\n          {label}\n        </HeaderNavigationLink>\n        {downLg ? (\n          <ClickAwayListener\n            onClickAway={(e) => {\n              console.log(e.target);\n              !((ref as React.RefObject<HTMLButtonElement>) ?? buttonRef)?.current?.contains(e?.target as Node) &&\n                setAnchor(null);\n            }}\n            {...clickAwayListenerProps}\n          >\n            <Collapse\n              in={!!anchor}\n              sx={{\n                // style menu items inside\n                '& .MuiMenuItem-root': {\n                  ...getInteractiveStyle(\n                    {\n                      background: 'none',\n                      fontWeight: '300',\n                      color: theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700',\n                    },\n                    {\n                      background: 'none',\n                      fontWeight: '700',\n                      color: 'currentColor',\n                    },\n                  ),\n                },\n                ...collapseSx,\n              }}\n              {...restCollapse}\n            >\n              {children || menuItems}\n            </Collapse>\n          </ClickAwayListener>\n        ) : (\n          <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n            {children || menuItems}\n          </Menu>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["HeaderNavigationMenu","forwardRef","_a","ref","children","sx","label","icon","onClick","menuItems","menuProps","collapseProps","clickAwayListenerProps","rest","__rest","buttonRef","useRef","anchor","setAnchor","useState","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_b","collapseSx","restCollapse","_jsxs","_jsx","HeaderNavigationLink","active","ChevronDownIcon","fontSize","xs","lg","color","palette","mode","transform","transition","transitions","create","duration","shortest","e","prev","currentTarget","Object","assign","justifyContent","ClickAwayListener","onClickAway","console","log","target","current","contains","Collapse","in","getInteractiveStyle","background","fontWeight","Menu","open","anchorEl","onClose"],"mappings":"2PAsCO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EACAC,SADAC,SAAEA,EAAQC,GAAEA,EAAEC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,cAAEA,EAAaC,uBAAEA,KAA2BC,EAAIC,EAAAA,OAAAZ,EAA1G,CAAA,WAAA,KAAA,QAAA,OAAA,UAAA,YAAA,YAAA,gBAAA,2BAGA,MAAMa,EAAYC,EAAAA,UACXC,EAAQC,GAAaC,EAAAA,SAAS,MAC/BC,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAAsCf,QAAAA,EAAiB,IAArDN,GAAIsB,GAAUD,EAAKE,EAAYd,EAAAA,OAAAY,EAAjC,CAAA,OAEN,OACEG,EAAAA,2BACEC,MAACC,EAAAA,oCACCC,SAAUf,EACVV,KACEA,GACEuB,MAACG,EAAAA,gBAAe,CACd5B,GAAI,CAEF,MAAO,CACL6B,SAAU,CAAEC,GAAI,OAAQC,GAAI,SAE9BC,MAAO,CACLF,GAA2B,SAAvBf,EAAMkB,QAAQC,KAAkB,kBAAoB,kBACxDH,GAAI,gBAENI,UAAW,UAAUvB,EAAS,MAAQ,UACtCwB,WAAY,CACVN,GAAIf,EAAMsB,YAAYC,OAAO,YAAa,CACxCC,SAAUxB,EAAMsB,YAAYE,SAASC,WAEvCT,GAAI,WAMd5B,QAAUsC,IACRtC,SAAAA,EAAUsC,GACV5B,GAAW6B,GAAWA,EAAyB,KAAlBD,EAAEE,eAAsB,EAEvD3C,GAAE4C,OAAAC,OAAA,CACAC,eAAgB,CAAEhB,GAAI,gBAAiBC,GAAI,eACxC/B,GAELF,IAAKA,QAAAA,EAAOY,gBACA,wBACRF,EAAI,CAAAT,SAEPE,KAEFgB,EACCQ,EAAAA,IAACsB,oBAAiBH,OAAAC,OAAA,CAChBG,YAAcP,cACZQ,QAAQC,IAAIT,EAAEU,oBAC6C,QAA1D9B,EAA4C,UAA1CvB,SAA0C,IAAAD,EAAAA,EAAIa,SAAU,IAAAW,OAAA,EAAAA,EAAE+B,8BAASC,SAASZ,eAAAA,EAAGU,UAChFtC,EAAU,KAAK,GAEfN,EAAsB,CAAAR,SAE1B0B,EAAAA,IAAC6B,EAAAA,SAAQV,OAAAC,OAAA,CACPU,KAAM3C,EACNZ,GAAE4C,OAAAC,OAAA,CAEA,sBAAqBD,OAAAC,OAAA,CAAA,EAChBW,EAAAA,oBACD,CACEC,WAAY,OACZC,WAAY,MACZ1B,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,kBAAoB,mBAE7D,CACEuB,WAAY,OACZC,WAAY,MACZ1B,MAAO,mBAIVV,IAEDC,YAEHxB,GAAYK,QAIjBqB,EAAAA,IAACkC,EAAAA,KAAIf,OAAAC,OAAA,CAACe,OAAQhD,EAAQiD,SAAUjD,EAAQkD,QAAS,IAAMjD,EAAU,OAAWR,YACzEN,GAAYK,OAGhB"}

package/cjs/components/helperTextContent/helperTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperTextContent.js","sources":["../../../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, textLeft, textLeftProps, textRight, textRightProps, ...rest }, ref) => {\n    const { sx: textLeftSx, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, ...restTextRight } = textRightProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '10px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {textLeft && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {textRight && (\n          <Box\n            aria-label={typeof textRight === 'string' ? `Characters entered ${textRight}` : undefined}\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            {...restTextRight}\n          >\n            {textRight}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","jsx","undefined"],"mappings":"iHA4Ba,MAAAA,EAAsDC,EAAUA,YAC3E,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAyBP,EAANQ,EAAIC,EAAAA,OAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAArBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAtBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhB,GACEe,OAAAC,OAAA,CAAAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAEH,CAAAN,SAAA,CAAAA,EACAE,GACCwB,EAACC,IAAAZ,qBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAEH,CAAAV,SAAAE,KAGJE,GACCsB,MAACX,EAAAA,gCACkC,iBAAdX,EAAyB,sBAAsBA,SAAcwB,EAChF3B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}
+{"version":3,"file":"helperTextContent.js","sources":["../../../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, textLeft, textLeftProps, textRight, textRightProps, ...rest }, ref) => {\n    const { sx: textLeftSx, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, ...restTextRight } = textRightProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '10px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {textLeft && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {textRight && (\n          <Box\n            aria-label={typeof textRight === 'string' ? `Characters entered ${textRight}` : undefined}\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            {...restTextRight}\n          >\n            {textRight}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","undefined"],"mappings":"iHA4BO,MAAMA,EAAsDC,EAAAA,YACjE,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAcP,EAAKQ,EAAIC,EAAAA,OAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAAYH,EAAAA,OAAAC,EAAjC,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAaN,EAAAA,OAAAI,EAAnC,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhB,GAAEe,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAEPA,EACAE,GACCwB,EAAAA,IAACX,qBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAAY,CAAAV,SAEfE,KAGJE,GACCsB,MAACX,EAAAA,gCACkC,iBAAdX,EAAyB,sBAAsBA,SAAcuB,EAChF1B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}

package/cjs/components/icon/FlowIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+export interface FlowIconProps extends SvgIconProps {
+    /**
+     * SVG of Flow icon in string, e.g. ActionsIcons.Heart.stroke
+     */
+    source?: string;
+}
+/**
+ * Renders Flow svg icon in string as @mui SvgIcon
+ */
+export declare const FlowIcon: React.FC<FlowIconProps>;

package/cjs/components/icon/FlowIcon.js

@@ -0,0 +1,2 @@
+"use strict";var l=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material");const o=r.forwardRef(((r,o)=>{var c,t,{source:n}=r,a=l.__rest(r,["source"]);return i.jsxs(e.SvgIcon,Object.assign({viewBox:"0 0 80 80",ref:o},a,{children:[(null!==(c=null==n?void 0:n.match(/<path[^>]+>/g))&&void 0!==c?c:[]).map(((l,r)=>{var e,o,c;const t=null===(e=l.match(/d="([^"]+)"/))||void 0===e?void 0:e[1],n=null===(o=l.match(/fill="([^"]+)"/))||void 0===o?void 0:o[1],a=null===(c=l.match(/opacity="([^"]+)"/))||void 0===c?void 0:c[1];return i.jsx("path",Object.assign({fillRule:"evenodd",clipRule:"evenodd",opacity:a},"currentColor"!==n&&{fill:n},{d:t}),r)})),(null!==(t=null==n?void 0:n.match(/<circle[^>]+>/g))&&void 0!==t?t:[]).map(((l,r)=>{var e,o,c,t;const n=null===(e=l.match(/fill="([^"]+)"/))||void 0===e?void 0:e[1],a=null===(o=l.match(/cx="([^"]+)"/))||void 0===o?void 0:o[1],u=null===(c=l.match(/cy="([^"]+)"/))||void 0===c?void 0:c[1],d=null===(t=l.match(/r="([^"]+)"/))||void 0===t?void 0:t[1];return i.jsx("circle",Object.assign({cx:a,cy:u,r:d},"currentColor"!==n&&{fill:n}),r)}))]}))}));exports.FlowIcon=o;
+//# sourceMappingURL=FlowIcon.js.map

package/cjs/components/icon/FlowIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowIcon.js","sources":["../../../../../src/components/icon/FlowIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\nexport interface FlowIconProps extends SvgIconProps {\n  /**\n   * SVG of Flow icon in string, e.g. ActionsIcons.Heart.stroke\n   */\n  source?: string;\n}\n\n/**\n * Renders Flow svg icon in string as @mui SvgIcon\n */\nexport const FlowIcon: React.FC<FlowIconProps> = forwardRef(({ source, ...rest }, ref) => {\n  return (\n    <SvgIcon viewBox=\"0 0 80 80\" ref={ref} {...rest}>\n      {(source?.match(/<path[^>]+>/g) ?? []).map((tag, i) => {\n        const d = tag.match(/d=\"([^\"]+)\"/)?.[1];\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const opacity = tag.match(/opacity=\"([^\"]+)\"/)?.[1];\n\n        return (\n          <path\n            key={i}\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            opacity={opacity}\n            {...(fill !== 'currentColor' && { fill: fill })}\n            d={d}\n          />\n        );\n      })}\n      {(source?.match(/<circle[^>]+>/g) ?? []).map((tag, i) => {\n        const fill = tag.match(/fill=\"([^\"]+)\"/)?.[1];\n        const cx = tag.match(/cx=\"([^\"]+)\"/)?.[1];\n        const cy = tag.match(/cy=\"([^\"]+)\"/)?.[1];\n        const r = tag.match(/r=\"([^\"]+)\"/)?.[1];\n\n        return <circle key={i} cx={cx} cy={cy} r={r} {...(fill !== 'currentColor' && { fill: fill })} />;\n      })}\n    </SvgIcon>\n  );\n});\n"],"names":["FlowIcon","forwardRef","_a","ref","source","rest","__rest","_jsxs","SvgIcon","Object","assign","viewBox","children","match","_b","map","tag","i","d","fill","opacity","_c","_jsx","fillRule","clipRule","cx","cy","r","_d"],"mappings":"iHAaO,MAAMA,EAAoCC,EAAAA,YAAW,CAACC,EAAqBC,cAArBC,OAAEA,GAAMF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAjB,YAC3D,OACEK,EAAAA,KAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYR,IAAKA,GAASE,EAAI,CAAAO,SAAA,EACd,UAA7BR,aAAM,EAANA,EAAQS,MAAM,uBAAe,IAAAC,EAAAA,EAAI,IAAIC,KAAI,CAACC,EAAKC,eAC/C,MAAMC,EAA4B,QAAxBhB,EAAAc,EAAIH,MAAM,sBAAc,IAAAX,OAAA,EAAAA,EAAG,GAC/BiB,EAAkC,QAA3BL,EAAAE,EAAIH,MAAM,yBAAiB,IAAAC,OAAA,EAAAA,EAAG,GACrCM,EAAwC,QAA9BC,EAAAL,EAAIH,MAAM,4BAAoB,IAAAQ,OAAA,EAAAA,EAAG,GAEjD,OACEC,EAAAA,IAAA,OAAAb,OAAAC,OAAA,CAEEa,SAAS,UACTC,SAAS,UACTJ,QAASA,GACK,iBAATD,GAA2B,CAAEA,KAAMA,GAAO,CAC/CD,EAAGA,IALED,EAML,KAG2B,QAA/BI,EAAAjB,aAAM,EAANA,EAAQS,MAAM,yBAAiB,IAAAQ,EAAAA,EAAI,IAAIN,KAAI,CAACC,EAAKC,iBACjD,MAAME,EAAkC,QAA3BjB,EAAAc,EAAIH,MAAM,yBAAiB,IAAAX,OAAA,EAAAA,EAAG,GACrCuB,EAA8B,QAAzBX,EAAAE,EAAIH,MAAM,uBAAe,IAAAC,OAAA,EAAAA,EAAG,GACjCY,EAA8B,QAAzBL,EAAAL,EAAIH,MAAM,uBAAe,IAAAQ,OAAA,EAAAA,EAAG,GACjCM,EAA4B,QAAxBC,EAAAZ,EAAIH,MAAM,sBAAc,IAAAe,OAAA,EAAAA,EAAG,GAErC,OAAON,EAAAA,IAAA,SAAAb,OAAAC,OAAA,CAAgBe,GAAIA,EAAIC,GAAIA,EAAIC,EAAGA,GAAiB,iBAATR,GAA2B,CAAEA,KAAMA,IAAjEF,EAA4E,OAE1F"}

package/cjs/components/icon/{icon.d.ts → Icon.d.ts}

@@ -17,8 +17,7 @@ export interface IconProps extends SvgIconProps {
     iconStyle?: 'regular' | 'filled';
 }
 /**
- * @description SkodaFlow Icon component.
- * @param props IconProps
- * @returns React Functional Component
+ * SkodaFlow Icon component
+ * ! Usage of component is not recommended as it increases bundle size
  */
 export declare const Icon: React.FC<IconProps>;

package/cjs/components/icon/{icon.js → Icon.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("./icon.definitions.js");const t=n.forwardRef(((t,o)=>{var{name:a,className:r,iconStyle:c}=t,l=e.__rest(t,["name","className","iconStyle"]);const m=n.useMemo((()=>{const e=a&&s.iconDefinitions.find((e=>[e.name,...e.altNames].includes(a)))||r&&s.iconDefinitions.find((e=>r.split(" ").some((i=>[e.name,...e.altNames].includes(i)))))||s.iconDefinitions.find((e=>"circle-question"===e.name));return"filled"===c?e.componentFilled:e.component}),[a,r,c]);return i.jsx(m,Object.assign({ref:o,"data-testid":"Icon",className:["sa-i",r,a].filter(Boolean).join(" ")},l))}));exports.Icon=t;
-//# sourceMappingURL=icon.js.map
+//# sourceMappingURL=Icon.js.map

package/cjs/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n  /**\n   * Name of the icon that should be used. Alternatively, provide name in the className property\n   */\n  name?: IconNameProp;\n  /**\n   * Style of vectors, regular (stroke) or filled format\n   * @default 'regular'\n   */\n  iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * SkodaFlow Icon component\n * ! Usage of component is not recommended as it increases bundle size\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n  // obtain SvgIcon component to be rendered\n  const IconComponent = useMemo(() => {\n    const definition =\n      // try to find by name\n      (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n      // try to find by className\n      (className &&\n        iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n      // fallback\n      iconDefinitions.find((item) => item.name === 'circle-question');\n    return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n  }, [name, className, iconStyle]);\n\n  return (\n    <IconComponent\n      ref={ref}\n      data-testid=\"Icon\"\n      className={['sa-i', className, name].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAwBO,MAAMA,EAA4BC,EAAAA,YAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAN,EAArC,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,SAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAAA,gBAAgBC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,kBAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAAA,gBAAgBC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAA,IAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EAAG,cACI,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB,GACJ"}

package/cjs/components/icon/filled/AISuggestionFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AISuggestionFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAAiDC,EAAUA,YAAC,CAACC,EAAOC,IAE7EC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}
+{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AISuggestionFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAiDC,EAAAA,YAAW,CAACC,EAAOC,IAE7EC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}

package/cjs/components/icon/filled/ATMFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ATMFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ATMFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ATMFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["ATMFilledIcon","forwardRef","props","ref","_jsx","jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMa,MAAAA,EAAwCC,EAAUA,YAAC,CAACC,EAAOC,IAEpEC,EAACC,IAAAC,UAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYN,IAAKA,GAASD,EACzC,CAAAQ,SAAAN,EAAAA,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE"}
+{"version":3,"file":"ATMFilledIcon.js","sources":["../../../../../../src/components/icon/filled/ATMFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const ATMFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M4 4H20V10H18V18C18 19.1046 17.1046 20 16 20H8C6.89543 20 6 19.1046 6 18V10H4V4ZM11.7 7.7998H9.19995V18.1998H11.7V7.7998Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["ATMFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,YAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,EAAK,CAAAO,SAC9CL,EAAAA,IAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}

package/cjs/components/icon/filled/AddFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AddFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AddFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AddFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMa,MAAAA,EAAwCC,EAAUA,YAAC,CAACC,EAAOC,IAEpEC,MAACC,EAAOA,QAAAC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAM,OAAA,CAAAK,EAAE"}
+{"version":3,"file":"AddFilledIcon.js","sources":["../../../../../../src/components/icon/filled/AddFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AddFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path d=\"M17.38 20.1H6.62C4.86 20.1 3.86 19.1 3.86 17.34V6.58C3.86 4.82 4.86 3.82 6.62 3.82H17.38C19.14 3.82 20.14 4.82 20.14 6.58V17.34C20.14 19.1 19.14 20.1 17.38 20.1ZM15.74 12.78V11.12H12.82V8.22H11.18V11.12H8.26V12.78H11.18V15.7H12.82V12.78H15.74Z\" />\n    </SvgIcon>\n  );\n});\n"],"names":["AddFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","d"],"mappings":"8FAMO,MAAMA,EAAwCC,EAAAA,YAAW,CAACC,EAAOC,IAEpEC,EAAAA,IAACC,EAAAA,QAAOC,OAAAC,OAAA,CAACC,QAAQ,YAAYL,IAAKA,GAASD,YACzCE,EAAAA,IAAA,OAAA,CAAMK,EAAE"}