@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0-next.9

package/dist/esm/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableCellClasses, HvTableCellClasses } from \".\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { capitalize } from \"lodash\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"providers\";\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport type HvTableCellProps = Omit<TdHTMLAttributes<HTMLElement>, \"align\"> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n    /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** Whether or not the cell is part of a sorted column. */\n    sorted?: boolean;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableCellClasses;\n  };\n\nconst defaultComponent = \"td\";\n\ntype StyledTableCellProps = {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variantList,\n      $variantListHead,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $resizable,\n      $resizing,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableCellProps) => ({\n      // root\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: theme.space.xs,\n      paddingRight: theme.space.xs,\n      paddingBottom: theme.space.xs,\n      paddingLeft: theme.spacing(4),\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n        \"&:first-of-type\": {\n          borderLeft: 0,\n        },\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n\n        [`&+:not(.${tableCellClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        overflow: \"hidden\",\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      ...($variant === \"expand\" && {\n        paddingLeft: 0,\n        paddingTop: 0,\n        paddingBottom: 0,\n      }),\n      ...($variant === \"listcheckbox\" && {\n        borderRight: `solid 2px ${theme.colors.atmo2}`,\n        padding: 0,\n        textAlign: \"center\",\n        width: 34,\n        maxWidth: 34,\n      }),\n      ...($variant === \"listactions\" && {\n        borderLeft: `solid 2px red`, //${theme.colors.atmo2}`,\n        textAlign: \"center\",\n        width: 138,\n        maxWidth: 138,\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        height: 52,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($type === \"body\" && {\n        minHeight: 32,\n        \"td&\": {\n          height: 32,\n        },\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        minHeight: 52,\n        \"td&\": {\n          height: 52,\n        },\n        paddingTop: 0,\n        paddingBottom: 0,\n        ...($variant !== \"listactions\" && { paddingRight: 0 }),\n        ...($variant === \"listactions\" && { paddingRight: theme.space.xs }),\n        ...($variant !== \"listactions\" && { paddingLeft: 32 }),\n        ...($variant === \"listactions\" && { paddingLeft: 0 }),\n        border: 0,\n        ...($type === \"body\" && {\n          ...getBorderStyles(\"cell\", theme.table.rowBorderColor),\n        }),\n      }),\n\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n        backgroundColor: theme.colors.atmo2,\n\n        [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: theme.colors.atmo2,\n          backgroundImage: `linear-gradient(to right, ${alpha(\n            hexToRgb($atmo1Color),\n            0.4\n          )}, ${alpha(hexToRgb($atmo1Color), 0.4)})`,\n        },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n\n      ...($variantListHead && {\n        backgroundColor: \"inherit\",\n        \"td&\": {\n          height: 16,\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={clsx(\n          className,\n          tableCellClasses.root,\n          classes?.root,\n          tableCellClasses[type],\n          classes?.[type],\n          align !== \"inherit\" &&\n            clsx(\n              tableCellClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableCellClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableCellClasses.variantList, classes?.variantList),\n          tableContext.variant === \"listrow\" &&\n            type !== \"body\" &&\n            clsx(tableCellClasses.variantListHead, classes?.variantListHead),\n          sorted && clsx(tableCellClasses.sorted, classes?.sorted),\n          stickyColumn &&\n            clsx(tableCellClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableCellClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableCellClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          groupColumnMostLeft &&\n            clsx(\n              tableCellClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableCellClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          resizable && clsx(tableCellClasses.resizable, classes?.resizable),\n          resizing && clsx(tableCellClasses.resizing, classes?.resizing)\n        )}\n        $variantList={tableContext.variant === \"listrow\"}\n        $variantListHead={tableContext.variant === \"listrow\" && type !== \"body\"}\n        $sorted={sorted}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $resizable={resizable}\n        $resizing={resizing}\n        $align={align}\n        $variant={variant}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$variantList","$variantListHead","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$groupColumnMostLeft","$groupColumnMostRight","$resizable","$resizing","$align","$variant","$type","$atmo1Color","verticalAlign","textAlign","paddingTop","theme","space","xs","paddingRight","paddingBottom","paddingLeft","spacing","borderBottom","colors","atmo4","borderRight","acce1","borderLeft","tableCellClasses","stickyColumn","flexDirection","padding","width","maxWidth","overflow","atmo2","height","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","typography","minHeight","body","sorted","alpha","hexToRgb","border","getBorderStyles","rowBorderColor","position","zIndex","groupColumnMostRight","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","TableCell","useMemo","ref","role","clsx","root","capitalize","variantList","variantListHead","$sorted","modes"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableCellClasses, HvTableCellClasses } from \".\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TdHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { capitalize } from \"lodash\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"providers\";\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport type HvTableCellProps = Omit<TdHTMLAttributes<HTMLElement>, \"align\"> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n    /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** Whether or not the cell is part of a sorted column. */\n    sorted?: boolean;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableCellClasses;\n  };\n\nconst defaultComponent = \"td\";\n\ntype StyledTableCellProps = {\n  $variantList: boolean;\n  $variantListHead: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableCell = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $variantList,\n      $variantListHead,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $resizable,\n      $resizing,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableCellProps) => ({\n      // root\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: theme.space.xs,\n      paddingRight: theme.space.xs,\n      paddingBottom: theme.space.xs,\n      paddingLeft: theme.spacing(4),\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n\n        \"&:first-of-type\": {\n          borderLeft: 0,\n        },\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n\n        [`&+:not(.${tableCellClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        overflow: \"hidden\",\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      ...($variant === \"expand\" && {\n        paddingLeft: 0,\n        paddingTop: 0,\n        paddingBottom: 0,\n      }),\n      ...($variant === \"listcheckbox\" && {\n        borderRight: `solid 2px ${theme.colors.atmo2}`,\n        padding: 0,\n        textAlign: \"center\",\n        width: 34,\n        maxWidth: 34,\n      }),\n      ...($variant === \"listactions\" && {\n        borderLeft: `solid 2px red`, //${theme.colors.atmo2}`,\n        textAlign: \"center\",\n        width: 138,\n        maxWidth: 138,\n      }),\n\n      // type\n      ...($type === \"head\" && {\n        height: 52,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n      }),\n      ...($type === \"body\" && {\n        minHeight: 32,\n        \"td&\": {\n          height: 32,\n        },\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        minHeight: 52,\n        \"td&\": {\n          height: 52,\n        },\n        paddingTop: 0,\n        paddingBottom: 0,\n        ...($variant !== \"listactions\" && { paddingRight: 0 }),\n        ...($variant === \"listactions\" && { paddingRight: theme.space.xs }),\n        ...($variant !== \"listactions\" && { paddingLeft: 32 }),\n        ...($variant === \"listactions\" && { paddingLeft: 0 }),\n        border: 0,\n        ...($type === \"body\" && {\n          ...getBorderStyles(\"cell\", theme.table.rowBorderColor),\n        }),\n      }),\n\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n        backgroundColor: theme.colors.atmo2,\n\n        [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n\n        [`&.${tableCellClasses.sorted}`]: {\n          backgroundColor: theme.colors.atmo2,\n          backgroundImage: `linear-gradient(to right, ${alpha(\n            hexToRgb($atmo1Color),\n            0.4\n          )}, ${alpha(hexToRgb($atmo1Color), 0.4)})`,\n        },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n\n      ...($variantListHead && {\n        backgroundColor: \"inherit\",\n        \"td&\": {\n          height: 16,\n        },\n      }),\n    })\n  );\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sorted = false,\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n\n    const Component =\n      component || tableContext?.components?.Td || defaultComponent;\n\n    const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n    return (\n      <TableCell\n        ref={externalRef}\n        role={Component === defaultComponent ? null : \"cell\"}\n        style={style}\n        className={clsx(\n          className,\n          tableCellClasses.root,\n          classes?.root,\n          tableCellClasses[type],\n          classes?.[type],\n          align !== \"inherit\" &&\n            clsx(\n              tableCellClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableCellClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableCellClasses.variantList, classes?.variantList),\n          tableContext.variant === \"listrow\" &&\n            type !== \"body\" &&\n            clsx(tableCellClasses.variantListHead, classes?.variantListHead),\n          sorted && clsx(tableCellClasses.sorted, classes?.sorted),\n          stickyColumn &&\n            clsx(tableCellClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableCellClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableCellClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          groupColumnMostLeft &&\n            clsx(\n              tableCellClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableCellClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          resizable && clsx(tableCellClasses.resizable, classes?.resizable),\n          resizing && clsx(tableCellClasses.resizing, classes?.resizing)\n        )}\n        $variantList={tableContext.variant === \"listrow\"}\n        $variantListHead={tableContext.variant === \"listrow\" && type !== \"body\"}\n        $sorted={sorted}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $resizable={resizable}\n        $resizing={resizing}\n        $align={align}\n        $variant={variant}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        {children}\n      </TableCell>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$variantList","$variantListHead","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$groupColumnMostLeft","$groupColumnMostRight","$resizable","$resizing","$align","$variant","$type","$atmo1Color","verticalAlign","textAlign","paddingTop","theme","space","xs","paddingRight","paddingBottom","paddingLeft","spacing","borderBottom","colors","atmo4","borderRight","acce1","borderLeft","tableCellClasses","stickyColumn","flexDirection","padding","width","maxWidth","overflow","atmo2","height","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","typography","minHeight","body","sorted","alpha","hexToRgb","border","getBorderStyles","rowBorderColor","position","zIndex","groupColumnMostRight","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","TableCell","useMemo","clsx","root","capitalize","variantList","variantListHead","modes"],"mappings":"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"}

package/dist/esm/components/Table/TableContainer/TableContainer.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { forwardRef, useMemo } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import tableContainerClasses from "./tableContainerClasses.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
@@ -28,11 +28,7 @@ const HvTableContainer = forwardRef(({
 }, externalRef) => {
   const Component = component || "div";
   const TableContainer = useMemo(() => StyledTableContainer(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableContainer, {
-    ref: externalRef,
-    className: clsx(tableContainerClasses.root, classes == null ? void 0 : classes.root, className),
-    ...others
-  });
+  return /* @__PURE__ */ jsx(TableContainer, { ref: externalRef, className: clsx(tableContainerClasses.root, classes == null ? void 0 : classes.root, className), ...others });
 });
 export {
   HvTableContainer

package/dist/esm/components/Table/TableContainer/TableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableContainerClasses, HvTableContainerClasses } from \".\";\nimport { forwardRef, useMemo } from \"react\";\n\nexport type HvTableContainerProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n};\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;AAoBA,MAAMA,uBAAuBA,CAACC,MAC5BC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKP;AAKSC,MAAAA,mBAAmBC,WAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAcC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,6BACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,KAAKC,sBAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"TableContainer.js","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableContainerClasses, HvTableContainerClasses } from \".\";\nimport { forwardRef, useMemo } from \"react\";\n\nexport type HvTableContainerProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n};\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;AAoBA,MAAMA,uBAAuBA,CAACC,MAC5BC,wBAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKP;AAKSC,MAAAA,mBAAmBC,WAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAcC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,SACG,oBAAA,gBAAA,EACC,KAAKD,aACL,WAAWI,KAAKC,sBAAsBC,MAAMV,mCAASU,MAAMT,SAAS,GAChEE,GAAAA,OACJ,CAAA;AAEN,CAAC;"}

package/dist/esm/components/Table/TableHead/TableHead.js

@@ -1,10 +1,10 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { forwardRef, useContext, useMemo } from "react";
 import TableContext from "../TableContext.js";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import TableSectionContext from "../TableSectionContext.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import tableHeadClasses from "./tableHeadClasses.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -49,16 +49,7 @@ const HvTableHead = forwardRef(({
   const tableContext = useContext(TableContext);
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.THead) || defaultComponent;
   const TableHead = useMemo(() => StyledTableHead(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
-    value: tableSectionContext,
-    children: /* @__PURE__ */ jsx(TableHead, {
-      className: clsx(tableHeadClasses.root, classes == null ? void 0 : classes.root, className, stickyHeader && clsx(classes == null ? void 0 : classes.stickyHeader, tableHeadClasses.stickyHeader)),
-      ref: externalRef,
-      role: Component === defaultComponent ? null : "rowgroup",
-      $stickyHeader: stickyHeader,
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsx(TableSectionContext.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsx(TableHead, { className: clsx(tableHeadClasses.root, classes == null ? void 0 : classes.root, className, stickyHeader && clsx(classes == null ? void 0 : classes.stickyHeader, tableHeadClasses.stickyHeader)), ref: externalRef, role: Component === defaultComponent ? null : "rowgroup", $stickyHeader: stickyHeader, ...others }) });
 });
 export {
   HvTableHead

package/dist/esm/components/Table/TableHead/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeadClasses, HvTableHeadClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport type HvTableHeadProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n};\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhHAAA;AAMQS,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,KAAiBC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,WAAWC,YAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,8BACtDN,WAAS;AAAA,MACRX,WAAWkB,KACTC,iBAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,KAAKnB,mCAASG,cAAciB,iBAAiBjB,YAAY,CAAC;AAAA,MAE9DmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEiB;AAEnC,CAAC;"}
+{"version":3,"file":"TableHead.js","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeadClasses, HvTableHeadClasses } from \".\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport type HvTableHeadProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to thead.\n   */\n  component?: React.ElementType;\n  /**\n   * The table has sticky headers.\n   */\n  stickyHeader?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableHeadClasses;\n};\n\nconst tableSectionContext = {\n  type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n    ...($stickyHeader && {\n      position: \"sticky\",\n      zIndex: 3,\n      top: 0,\n    }),\n  }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n  ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n    const tableContext = useContext(TableContext);\n\n    const Component =\n      component || tableContext?.components?.THead || defaultComponent;\n\n    const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableHead\n          className={clsx(\n            tableHeadClasses.root,\n            classes?.root,\n            className,\n            stickyHeader &&\n              clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n          )}\n          ref={externalRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          $stickyHeader={stickyHeader}\n          {...others}\n        />\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","clsx","tableHeadClasses","root"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,wBAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhHAAA;AAMQS,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,KAAiBC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,WAAWC,YAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAEvE,SACG,oBAAA,oBAAoB,UAApB,EAA6B,OAAO3B,qBACnC,UAAA,oBAAC,WACC,EAAA,WAAWgC,KACTC,iBAAiBC,MACjBhB,mCAASgB,MACTf,WACAE,gBACEW,KAAKd,mCAASG,cAAcY,iBAAiBZ,YAAY,CAAC,GAE9D,KAAKE,aACL,MAAMI,cAAczB,mBAAmB,OAAO,YAC9C,eAAemB,cACXC,GAAAA,QAAO,EAEf,CAAA;AAEJ,CAAC;"}

package/dist/esm/components/Table/TableHeader/TableHeader.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { forwardRef, useContext, useMemo } from "react";
 import clsx from "clsx";
@@ -9,7 +10,6 @@ import { transientOptions } from "../../../utils/transientOptions.js";
 import TableSectionContext from "../TableSectionContext.js";
 import { getSortIcon, isParagraph } from "./utils.js";
 import { StyledHeaderContent, StyledButton, StyledTypography, StyledResizer } from "./TableHeader.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import tableHeaderClasses from "./tableHeaderClasses.js";
 import { HvThemeContext } from "../../../providers/ThemeProvider.js";
 function _extends() {
@@ -226,54 +226,11 @@ const HvTableHeader = forwardRef(({
   const role = Component === defaultComponent ? null : isHeadCell ? "columnheader" : "rowheader";
   const paragraph = isParagraph(children);
   const TableHeader = StyledTableHeader(Component);
-  return /* @__PURE__ */ jsx(TableHeader, {
-    ref: externalRef,
-    role,
-    scope,
-    style,
-    className: clsx(className, tableHeaderClasses.root, classes == null ? void 0 : classes.root, tableHeaderClasses[type], classes == null ? void 0 : classes[type], groupColumnMostLeft && clsx(tableHeaderClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx(tableHeaderClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), sortable && clsx(tableHeaderClasses.sortable, classes == null ? void 0 : classes.sortable), sorted && clsx(tableHeaderClasses.sorted, classes == null ? void 0 : classes.sorted), resizable && clsx(tableHeaderClasses.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx(tableHeaderClasses.resizing, classes == null ? void 0 : classes.resizing), stickyColumn && clsx(tableHeaderClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx(tableHeaderClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx(tableHeaderClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), tableContext.variant === "listrow" && clsx(tableHeaderClasses.variantList, classes == null ? void 0 : classes.variantList), align !== "inherit" && clsx(tableHeaderClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`]), variant !== "default" && clsx(tableHeaderClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`])),
-    "aria-sort": sortable ? sortDirection : void 0,
-    $sortable: sortable,
-    $sorted: sorted,
-    $resizable: resizable,
-    $resizing: resizing,
-    $groupColumnMostLeft: groupColumnMostLeft,
-    $groupColumnMostRight: groupColumnMostRight,
-    $stickyColumn: stickyColumn,
-    $stickyColumnMostLeft: stickyColumnMostLeft,
-    $stickyColumnLeastRight: stickyColumnLeastRight,
-    $align: align,
-    $variant: variant,
-    $variantList: tableContext.variant === "listrow",
-    $type: type,
-    $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1,
-    ...others,
-    children: /* @__PURE__ */ jsxs(StyledHeaderContent, {
-      className: clsx(tableHeaderClasses.headerContent, classes == null ? void 0 : classes.headerContent, align !== "inherit" && clsx(tableHeaderClasses[`alignFlex${capitalize(align)}`], classes == null ? void 0 : classes[`alignFlex${capitalize(align)}`])),
-      $align: align,
-      children: [isHeadCell && sortable && /* @__PURE__ */ jsx(StyledButton, {
-        className: clsx(tableHeaderClasses.sortButton, classes == null ? void 0 : classes.sortButton),
-        icon: true,
-        variant: "secondaryGhost",
-        overrideIconColors: false,
-        children: /* @__PURE__ */ jsx(SortComponent, {
-          className: clsx(tableHeaderClasses.sortIcon, classes == null ? void 0 : classes.sortIcon)
-        })
-      }), /* @__PURE__ */ jsx(StyledTypography, {
-        component: "div",
-        className: clsx(!paragraph && clsx(tableHeaderClasses.headerText, classes == null ? void 0 : classes.headerText), paragraph && clsx(tableHeaderClasses.headerParagraph, classes == null ? void 0 : classes.headerParagraph), sortable && clsx(tableHeaderClasses.sortableHeaderText, classes == null ? void 0 : classes.sortableHeaderText)),
-        variant: "label",
-        $headerText: !paragraph,
-        $headerParagraph: paragraph,
-        $sortableHeaderText: sortable,
-        ...headerTextProps,
-        children
-      }), resizable && /* @__PURE__ */ jsx(StyledResizer, {
-        ...resizerProps,
-        className: clsx(tableHeaderClasses.resizer, classes == null ? void 0 : classes.resizer)
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(TableHeader, { ref: externalRef, role, scope, style, className: clsx(className, tableHeaderClasses.root, classes == null ? void 0 : classes.root, tableHeaderClasses[type], classes == null ? void 0 : classes[type], groupColumnMostLeft && clsx(tableHeaderClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx(tableHeaderClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), sortable && clsx(tableHeaderClasses.sortable, classes == null ? void 0 : classes.sortable), sorted && clsx(tableHeaderClasses.sorted, classes == null ? void 0 : classes.sorted), resizable && clsx(tableHeaderClasses.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx(tableHeaderClasses.resizing, classes == null ? void 0 : classes.resizing), stickyColumn && clsx(tableHeaderClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx(tableHeaderClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx(tableHeaderClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), tableContext.variant === "listrow" && clsx(tableHeaderClasses.variantList, classes == null ? void 0 : classes.variantList), align !== "inherit" && clsx(tableHeaderClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`]), variant !== "default" && clsx(tableHeaderClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`])), "aria-sort": sortable ? sortDirection : void 0, $sortable: sortable, $sorted: sorted, $resizable: resizable, $resizing: resizing, $groupColumnMostLeft: groupColumnMostLeft, $groupColumnMostRight: groupColumnMostRight, $stickyColumn: stickyColumn, $stickyColumnMostLeft: stickyColumnMostLeft, $stickyColumnLeastRight: stickyColumnLeastRight, $align: align, $variant: variant, $variantList: tableContext.variant === "listrow", $type: type, $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1, ...others, children: /* @__PURE__ */ jsxs(StyledHeaderContent, { className: clsx(tableHeaderClasses.headerContent, classes == null ? void 0 : classes.headerContent, align !== "inherit" && clsx(tableHeaderClasses[`alignFlex${capitalize(align)}`], classes == null ? void 0 : classes[`alignFlex${capitalize(align)}`])), $align: align, children: [
+    isHeadCell && sortable && /* @__PURE__ */ jsx(StyledButton, { className: clsx(tableHeaderClasses.sortButton, classes == null ? void 0 : classes.sortButton), icon: true, variant: "secondaryGhost", overrideIconColors: false, children: /* @__PURE__ */ jsx(SortComponent, { className: clsx(tableHeaderClasses.sortIcon, classes == null ? void 0 : classes.sortIcon) }) }),
+    /* @__PURE__ */ jsx(StyledTypography, { component: "div", className: clsx(!paragraph && clsx(tableHeaderClasses.headerText, classes == null ? void 0 : classes.headerText), paragraph && clsx(tableHeaderClasses.headerParagraph, classes == null ? void 0 : classes.headerParagraph), sortable && clsx(tableHeaderClasses.sortableHeaderText, classes == null ? void 0 : classes.sortableHeaderText)), variant: "label", $headerText: !paragraph, $headerParagraph: paragraph, $sortableHeaderText: sortable, ...headerTextProps, children }),
+    resizable && /* @__PURE__ */ jsx(StyledResizer, { ...resizerProps, className: clsx(tableHeaderClasses.resizer, classes == null ? void 0 : classes.resizer) })
+  ] }) });
 });
 export {
   HvTableHeader

package/dist/esm/components/Table/TableHeader/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { capitalize } from \"lodash\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeaderClasses, HvTableHeaderClasses } from \".\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport { HvThemeContext } from \"providers\";\nimport { HvTypographyProps } from \"../../Typography\";\n\nexport type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** The scope of cells that the header element relates to. */\n    scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant;\n    /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is sorted */\n    sorted?: boolean;\n    /** Whether or not the cell is sortable */\n    sortable?: boolean;\n    /** Set sort direction icon and aria-sort. */\n    sortDirection?: \"ascending\" | \"descending\" | false;\n    /** Extra props to be passed onto the text in the header. */\n    headerTextProps?: HvTypographyProps;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** The resize props injected in the resize handler */\n    resizerProps?: HTMLAttributes<HTMLDivElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableHeaderClasses;\n  };\n\nconst defaultComponent = \"th\";\n\ntype StyledTableHeaderProps = {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: 0,\n      paddingRight: theme.space.xs,\n      paddingBottom: 0,\n      paddingLeft: 32,\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        // \":first-of-type\": {\n        height: \"var(--first-row-cell-height)\",\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        // },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","paddingTop","paddingRight","theme","space","xs","paddingBottom","paddingLeft","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","acce1","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","padding","width","maxWidth","borderTop","table","headerBorderTopColor","backgroundColor","atmo1","typography","transition","sortable","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  ThHTMLAttributes,\n  useContext,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport { capitalize } from \"lodash\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableHeaderClasses, HvTableHeaderClasses } from \".\";\nimport TableContext from \"../TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n  StyledHeaderContent,\n  StyledResizer,\n  StyledButton,\n  StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n  HvTableCellAlign,\n  HvTableCellType,\n  HvTableCellVariant,\n} from \"../Table\";\nimport { HvThemeContext } from \"providers\";\nimport { HvTypographyProps } from \"../../Typography\";\n\nexport type HvTableHeaderProps = ThHTMLAttributes<HTMLElement> &\n  Omit<HvBaseProps, \"children\"> & {\n    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n    component?: React.ElementType;\n    /** Content to be rendered */\n    children?: React.ReactNode;\n    /** The scope of cells that the header element relates to. */\n    scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTableCellVariant;\n    /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n    type?: HvTableCellType;\n    /** The cell is part of a sticky column. */\n    stickyColumn?: boolean;\n    /** The cell is part of the last sticky to the left column. */\n    stickyColumnMostLeft?: boolean;\n    /** The cell is part of the first sticky to the right column. */\n    stickyColumnLeastRight?: boolean;\n    /** The cell is part of the first column in the group. */\n    groupColumnMostLeft?: boolean;\n    /** The cell is part of the last column in the group. */\n    groupColumnMostRight?: boolean;\n    /** Whether or not the cell is sorted */\n    sorted?: boolean;\n    /** Whether or not the cell is sortable */\n    sortable?: boolean;\n    /** Set sort direction icon and aria-sort. */\n    sortDirection?: \"ascending\" | \"descending\" | false;\n    /** Extra props to be passed onto the text in the header. */\n    headerTextProps?: HvTypographyProps;\n    /** Whether or not the cell is resizable */\n    resizable?: boolean;\n    /** Whether or not the cell is being resized */\n    resizing?: boolean;\n    /** The resize props injected in the resize handler */\n    resizerProps?: HTMLAttributes<HTMLDivElement>;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTableHeaderClasses;\n  };\n\nconst defaultComponent = \"th\";\n\ntype StyledTableHeaderProps = {\n  $sorted: boolean;\n  $resizable: boolean;\n  $resizing: boolean;\n  $groupColumnMostLeft: boolean;\n  $groupColumnMostRight: boolean;\n  $stickyColumn: boolean;\n  $stickyColumnMostLeft: boolean;\n  $stickyColumnLeastRight: boolean;\n  $variantList: boolean;\n  $align: string;\n  $variant: string;\n  $type: string;\n  $atmo1Color: string;\n};\n\nconst StyledTableHeader = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $sorted,\n      $resizable,\n      $resizing,\n      $groupColumnMostLeft,\n      $groupColumnMostRight,\n      $stickyColumn,\n      $stickyColumnMostLeft,\n      $stickyColumnLeastRight,\n      $variantList,\n      $align,\n      $variant,\n      $type,\n      $atmo1Color,\n    }: StyledTableHeaderProps) => ({\n      // root\n      \"--first-row-cell-height\": \"52px\",\n      \"--cell-height\": \"32px\",\n      height: \"var(--cell-height)\",\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      paddingTop: 0,\n      paddingRight: theme.space.xs,\n      paddingBottom: 0,\n      paddingLeft: 32,\n      borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n      ...($sorted && {\n        [`& .${tableHeaderClasses.sortIcon}`]: {\n          visibility: \"visible\",\n        },\n      }),\n      ...($resizable && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($resizing && {\n        borderRight: `solid 2px ${theme.colors.acce1}`,\n      }),\n      ...($groupColumnMostLeft && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($groupColumnMostRight && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n        // due to the \":has()\" selector not being supported in browsers,\n        // this need to be managed with inline styles\n        // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n        // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n        \"&:last-child\": {\n          borderRight: 0,\n        },\n        [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n          borderLeft: 0,\n        },\n      }),\n      ...($stickyColumn && {\n        position: \"sticky\",\n        zIndex: 2,\n\n        [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n          {\n            borderLeft: 0,\n          },\n      }),\n      ...($stickyColumnMostLeft && {\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($stickyColumnLeastRight && {\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      // align\n      ...($align === \"center\" && {\n        textAlign: \"center\",\n      }),\n      ...($align === \"justify\" && {\n        textAlign: \"justify\",\n      }),\n      ...($align === \"left\" && {\n        textAlign: \"left\",\n      }),\n      ...($align === \"right\" && {\n        textAlign: \"right\",\n        flexDirection: \"row-reverse\",\n      }),\n      // variant\n      ...($variant === \"checkbox\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderRight: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"actions\" && {\n        padding: 0,\n        width: 32,\n        maxWidth: 32,\n        borderLeft: `solid 1px ${theme.colors.atmo4}`,\n      }),\n      ...($variant === \"none\" && {\n        padding: 0,\n      }),\n      // type\n      ...($type === \"head\" && {\n        // \":first-of-type\": {\n        height: \"var(--first-row-cell-height)\",\n        borderTop: $variantList\n          ? 0\n          : `1px solid ${theme.table.headerBorderTopColor}`,\n        // },\n\n        paddingTop: 8,\n        verticalAlign: \"top\",\n\n        backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n        borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n        ...(theme.typography.label as CSSProperties),\n\n        transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n        [`&.${tableHeaderClasses.sortable}`]: {\n          verticalAlign: \"initial\",\n          paddingTop: 0,\n          paddingLeft: 0,\n          cursor: \"pointer\",\n\n          \"&:hover\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n          \"&:focus-within\": {\n            backgroundColor: theme.table.headerHoverColor,\n\n            [`& .${tableHeaderClasses.sortIcon}`]: {\n              visibility: \"visible\",\n            },\n          },\n        },\n      }),\n      ...($type === \"body\" && {\n        backgroundColor: \"inherit\",\n        ...(theme.typography.body as CSSProperties),\n\n        [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n          {\n            paddingLeft: 32,\n          },\n        [`&.${tableHeaderClasses.sorted}`]: {\n          backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n        },\n      }),\n      ...($variantList && {\n        backgroundColor: \"inherit\",\n        borderBottom: 0,\n        height: 16,\n        \":first-of-type > &\": {\n          borderTop: 0,\n          height: 16,\n        },\n      }),\n    })\n  );\n\nconst StyledSort = (c: any) =>\n  styled(c)({\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n  (\n    {\n      children,\n      component,\n      className,\n      style,\n      classes,\n      scope: scopeProp,\n      align = \"inherit\",\n      variant = \"default\",\n      type: typeProp,\n      stickyColumn = false,\n      stickyColumnMostLeft = false,\n      stickyColumnLeastRight = false,\n      groupColumnMostLeft = false,\n      groupColumnMostRight = false,\n      sortDirection = \"none\",\n      sorted,\n      sortable,\n      headerTextProps,\n      resizerProps = {},\n      resizable = false,\n      resizing = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const { activeTheme, selectedMode } = useContext(HvThemeContext);\n    const tableContext = useContext(TableContext);\n    const tableSectionContext = useContext(TableSectionContext);\n\n    const type = typeProp || tableSectionContext?.type || \"body\";\n    const isHeadCell = type === \"head\";\n\n    const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n    const Sort = useMemo(\n      () => getSortIcon(sorted && sortDirection),\n      [sorted, sortDirection]\n    );\n\n    const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n    const Component =\n      component || tableContext?.components?.Th || defaultComponent;\n\n    const role =\n      Component === defaultComponent\n        ? null\n        : isHeadCell\n        ? \"columnheader\"\n        : \"rowheader\";\n    const paragraph = isParagraph(children);\n\n    const TableHeader = StyledTableHeader(Component);\n\n    return (\n      <TableHeader\n        ref={externalRef}\n        role={role}\n        scope={scope}\n        style={style}\n        className={clsx(\n          className,\n          tableHeaderClasses.root,\n          classes?.root,\n          tableHeaderClasses[type],\n          classes?.[type],\n          groupColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableHeaderClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\n          sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n          sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n          resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n          resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n          stickyColumn &&\n            clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n          stickyColumnMostLeft &&\n            clsx(\n              tableHeaderClasses.stickyColumnMostLeft,\n              classes?.stickyColumnMostLeft\n            ),\n          stickyColumnLeastRight &&\n            clsx(\n              tableHeaderClasses.stickyColumnLeastRight,\n              classes?.stickyColumnLeastRight\n            ),\n          tableContext.variant === \"listrow\" &&\n            clsx(tableHeaderClasses.variantList, classes?.variantList),\n          align !== \"inherit\" &&\n            clsx(\n              tableHeaderClasses[`align${capitalize(align)}`],\n              classes?.[`align${capitalize(align)}`]\n            ),\n          variant !== \"default\" &&\n            clsx(\n              tableHeaderClasses[`variant${capitalize(variant)}`],\n              classes?.[`variant${capitalize(variant)}`]\n            )\n        )}\n        aria-sort={sortable ? sortDirection : undefined}\n        $sortable={sortable}\n        $sorted={sorted}\n        $resizable={resizable}\n        $resizing={resizing}\n        $groupColumnMostLeft={groupColumnMostLeft}\n        $groupColumnMostRight={groupColumnMostRight}\n        $stickyColumn={stickyColumn}\n        $stickyColumnMostLeft={stickyColumnMostLeft}\n        $stickyColumnLeastRight={stickyColumnLeastRight}\n        $align={align}\n        $variant={variant}\n        $variantList={tableContext.variant === \"listrow\"}\n        $type={type}\n        $atmo1Color={\n          activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n        }\n        {...others}\n      >\n        <StyledHeaderContent\n          className={clsx(\n            tableHeaderClasses.headerContent,\n            classes?.headerContent,\n            align !== \"inherit\" &&\n              clsx(\n                tableHeaderClasses[`alignFlex${capitalize(align)}`],\n                classes?.[`alignFlex${capitalize(align)}`]\n              )\n          )}\n          $align={align}\n        >\n          {isHeadCell && sortable && (\n            <StyledButton\n              className={clsx(\n                tableHeaderClasses.sortButton,\n                classes?.sortButton\n              )}\n              icon\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n            >\n              <SortComponent\n                className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n              />\n            </StyledButton>\n          )}\n          <StyledTypography\n            component=\"div\"\n            className={clsx(\n              !paragraph &&\n                clsx(tableHeaderClasses.headerText, classes?.headerText),\n              paragraph &&\n                clsx(\n                  tableHeaderClasses.headerParagraph,\n                  classes?.headerParagraph\n                ),\n              sortable &&\n                clsx(\n                  tableHeaderClasses.sortableHeaderText,\n                  classes?.sortableHeaderText\n                )\n            )}\n            variant=\"label\"\n            $headerText={!paragraph}\n            $headerParagraph={paragraph}\n            $sortableHeaderText={sortable}\n            {...headerTextProps}\n          >\n            {children}\n          </StyledTypography>\n          {resizable && (\n            <StyledResizer\n              {...resizerProps}\n              className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n            />\n          )}\n        </StyledHeaderContent>\n      </TableHeader>\n    );\n  }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","paddingTop","paddingRight","theme","space","xs","paddingBottom","paddingLeft","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","acce1","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","padding","width","maxWidth","borderTop","table","headerBorderTopColor","backgroundColor","atmo1","typography","transition","sortable","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useContext","HvThemeContext","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","clsx","root","variantList","capitalize","undefined","modes","headerContent","sortButton","headerText","headerParagraph","sortableHeaderText","resizer"],"mappings":"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"}

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { transientOptions } from "../../../utils/transientOptions.js";
 import tableHeaderClasses from "./tableHeaderClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../../Button/Button.js";
 import { HvTypography } from "../../Typography/Typography.js";
 function _extends() {
@@ -44,10 +44,8 @@ const StyledHeaderContent = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
   ...$align === "right" && {
     justifyContent: "flex-end"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcbi8vIGltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICAvLyBUT0RPXG4gIC8vIFwiJHJvb3Qkc29ydGFibGUgJlwiOiB7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
-const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcbi8vIGltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICBwYWRkaW5nVG9wOiA0LFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPikoe1xuICAvLyBUT0RPXG4gIC8vIFwiJHJvb3Qkc29ydGFibGUgJlwiOiB7XG4gIFtgLiR7dGFibGVIZWFkZXJDbGFzc2VzLnJvb3R9LiR7dGFibGVIZWFkZXJDbGFzc2VzLnNvcnRhYmxlfWBdOiB7XG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "etcp1bl2"
 } : {
   target: "etcp1bl2",
@@ -60,10 +58,8 @@ const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvBu
       backgroundColor: "red"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "etcp1bl1"
 }, transientOptions) : _extends({}, {
   target: "etcp1bl1",
@@ -79,14 +75,12 @@ const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(
   },
   ...$headerParagraph && {
     overflow: "hidden",
-    display: "-webkit-box",
-    "-webkit-line-clamp": 2,
-    "-webkit-box-orient": "vertical"
+    display: "-webkit-box"
   },
   ...$sortableHeaderText && {
     paddingTop: "8px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */");
 const StyledResizer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "etcp1bl0"
 } : {
@@ -98,7 +92,7 @@ const StyledResizer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
 } : {
   name: "w65b5p",
   styles: "display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24sIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG4vLyBpbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgcGFkZGluZ1RvcDogNCxcbiAgLy8gYWxpZ25cbiAgLi4uKCRhbGlnbiA9PT0gXCJjZW50ZXJcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgdGV4dEFsaWduOiBcImp1c3RpZnlcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcInJpZ2h0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4pKHtcbiAgLy8gVE9ET1xuICAvLyBcIiRyb290JHNvcnRhYmxlICZcIjoge1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkaGVhZGVyVGV4dCxcbiAgICAkaGVhZGVyUGFyYWdyYXBoLFxuICAgICRzb3J0YWJsZUhlYWRlclRleHQsXG4gIH06IHtcbiAgICAkaGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgICAkaGVhZGVyUGFyYWdyYXBoOiBib29sZWFuO1xuICAgICRzb3J0YWJsZUhlYWRlclRleHQ6IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgLi4uKCRoZWFkZXJUZXh0ICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgfSksXG4gICAgLi4uKCRoZWFkZXJQYXJhZ3JhcGggJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICBkaXNwbGF5OiBcIi13ZWJraXQtYm94XCIsXG4gICAgICAvLyBcIi13ZWJraXQtbGluZS1jbGFtcFwiOiAyLFxuICAgICAgLy8gXCItd2Via2l0LWJveC1vcmllbnRcIjogXCJ2ZXJ0aWNhbFwiLFxuICAgIH0pLFxuICAgIC4uLigkc29ydGFibGVIZWFkZXJUZXh0ICYmIHtcbiAgICAgIHBhZGRpbmdUb3A6IFwiOHB4XCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmVzaXplciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiAxMCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcmlnaHQ6IDAsXG4gIHRvcDogMCxcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoNTAlKVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvdWNoQWN0aW9uOiBcIm5vbmVcIixcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export {

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n// import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  paddingTop: 4,\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled((props) => <HvButton {...props} />)({\n  // TODO\n  // \"$root$sortable &\": {\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  (props) => <HvTypography {...props} />,\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      \"-webkit-line-clamp\": 2,\n      \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","paddingTop","justifyContent","textAlign","StyledButton","_styled","props","_jsx","HvButton","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","HvTypography","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EAEZ,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mGAAA;AAEI,MAAMW,eAAeC,wBAAQC,CAAUC,UAAAA,oBAACC,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAGrE,CAAE,IAAGY,mBAAmBC,QAAQD,mBAAmBE,aAAa;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mGAAA;AAEK,MAAMqB,mBAAmBT,wBAC7BC,CAAUC,UAAAA,oBAACQ,cAAY;AAAA,EAAA,GAAKT;AAAK,CAAA,GAAIf,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCoB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVpB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,EACxB;AAAA,EACA,GAAImB,uBAAuB;AAAA,IACzBjB,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,6mGAAA;AAEM,MAAM4B,gBAAuB,wBAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;"}
+{"version":3,"file":"TableHeader.styles.js","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tableHeaderClasses from \"./tableHeaderClasses\";\n// import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledHeaderContent = styled(\n  \"div\",\n  transientOptions\n)(({ $align }: { $align: string }) => ({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n  paddingTop: 4,\n  // align\n  ...($align === \"center\" && {\n    justifyContent: \"center\",\n  }),\n  ...($align === \"justify\" && {\n    textAlign: \"justify\",\n  }),\n  ...($align === \"left\" && {\n    justifyContent: \"flex-start\",\n  }),\n  ...($align === \"right\" && {\n    justifyContent: \"flex-end\",\n  }),\n}));\n\nexport const StyledButton = styled((props) => <HvButton {...props} />)({\n  // TODO\n  // \"$root$sortable &\": {\n  [`.${tableHeaderClasses.root}.${tableHeaderClasses.sortable}`]: {\n    boxShadow: \"none\",\n    backgroundColor: \"transparent\",\n    \"&:hover\": {\n      backgroundColor: \"red\",\n    },\n  },\n});\n\nexport const StyledTypography = styled(\n  (props) => <HvTypography {...props} />,\n  transientOptions\n)(\n  ({\n    $headerText,\n    $headerParagraph,\n    $sortableHeaderText,\n  }: {\n    $headerText: boolean;\n    $headerParagraph: boolean;\n    $sortableHeaderText: boolean;\n  }) => ({\n    ...($headerText && {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    }),\n    ...($headerParagraph && {\n      overflow: \"hidden\",\n      display: \"-webkit-box\",\n      // \"-webkit-line-clamp\": 2,\n      // \"-webkit-box-orient\": \"vertical\",\n    }),\n    ...($sortableHeaderText && {\n      paddingTop: \"8px\",\n    }),\n  })\n);\n\nexport const StyledResizer = styled(\"div\")({\n  display: \"inline-block\",\n  width: 10,\n  height: \"100%\",\n  position: \"absolute\",\n  right: 0,\n  top: 0,\n  transform: \"translateX(50%)\",\n  zIndex: 1,\n  touchAction: \"none\",\n});\n"],"names":["StyledHeaderContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$align","display","alignItems","paddingTop","justifyContent","textAlign","StyledButton","props","tableHeaderClasses","root","sortable","boxShadow","backgroundColor","StyledTypography","_styled","$headerText","$headerParagraph","$sortableHeaderText","overflow","textOverflow","StyledResizer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA2B,OAAO;AAAA,EACrCC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EAEZ,GAAIH,WAAW,YAAY;AAAA,IACzBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,aAAa;AAAA,IAC1BK,WAAW;AAAA,EACb;AAAA,EACA,GAAIL,WAAW,UAAU;AAAA,IACvBI,gBAAgB;AAAA,EAClB;AAAA,EACA,GAAIJ,WAAW,WAAW;AAAA,IACxBI,gBAAgB;AAAA,EAClB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnGAAA;AAEUW,MAAAA,eAAuBC,wBAAAA,CAAAA,UAAW,oBAAA,UAAA,EAAaA,GAAAA,MAAAA,CAAS,GAAAd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAGrE,CAAE,IAAGS,mBAAmBC,QAAQD,mBAAmBE,aAAa;AAAA,IAC9DC,WAAW;AAAA,IACXC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTA,iBAAiB;AAAA,IACnB;AAAA,EACF;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qnGAAA;AAEK,MAAMkB,mBAAmBC,wBAC7BP,CAAU,UAAA,oBAAC,mBAAiBA,UAASd,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACtCC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCiB;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACL,GAAIF,eAAe;AAAA,IACjBG,UAAU;AAAA,IACVC,cAAc;AAAA,EAChB;AAAA,EACA,GAAIH,oBAAoB;AAAA,IACtBE,UAAU;AAAA,IACVjB,SAAS;AAAA,EAGX;AAAA,EACA,GAAIgB,uBAAuB;AAAA,IACzBd,YAAY;AAAA,EACd;AACF,IAAEV,QAAAC,IAAAC,aACH,eAAA,KAAA,qnGAAA;AAEM,MAAMyB,gBAAuB,wBAAA,OAAK3B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA0B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUxC;"}

package/dist/esm/components/Table/TableRow/TableRow.js

@@ -1,3 +1,4 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import clsx from "clsx";
 import { alpha, hexToRgb } from "@mui/material";
@@ -7,7 +8,6 @@ import { transientOptions } from "../../../utils/transientOptions.js";
 import TableSectionContext from "../TableSectionContext.js";
 import { theme } from "@hitachivantara/uikit-styles";
 import { getBorderStyles } from "../utils/utils.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import tableRowClasses from "./tableRowClasses.js";
 import { HvThemeContext } from "../../../providers/ThemeProvider.js";
 function _extends() {
@@ -127,20 +127,7 @@ const HvTableRow = forwardRef(({
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
   const TableRow = useMemo(() => StyledTableRow(Component), [Component]);
-  return /* @__PURE__ */ jsx(TableRow, {
-    ref: externalRef,
-    className: clsx(className, tableSectionContext.filterClassName, tableRowClasses.root, classes == null ? void 0 : classes.root, tableRowClasses[type], classes == null ? void 0 : classes[type], hover && clsx(tableRowClasses.hover, classes == null ? void 0 : classes.hover), selected && clsx(tableRowClasses.selected, classes == null ? void 0 : classes.selected), expanded && clsx(tableRowClasses.expanded, classes == null ? void 0 : classes.expanded), striped && clsx(tableRowClasses.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx(tableRowClasses.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx(tableRowClasses.variantListHead, classes == null ? void 0 : classes.variantListHead)),
-    role: Component === defaultComponent ? null : "row",
-    $hover: hover,
-    $selected: selected,
-    $expanded: expanded,
-    $striped: striped,
-    $variantList: isList && type === "body",
-    $variantListHead: isList && type === "head",
-    $type: type,
-    $stripedColor: alpha(hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1), 0.6),
-    ...others
-  });
+  return /* @__PURE__ */ jsx(TableRow, { ref: externalRef, className: clsx(className, tableSectionContext.filterClassName, tableRowClasses.root, classes == null ? void 0 : classes.root, tableRowClasses[type], classes == null ? void 0 : classes[type], hover && clsx(tableRowClasses.hover, classes == null ? void 0 : classes.hover), selected && clsx(tableRowClasses.selected, classes == null ? void 0 : classes.selected), expanded && clsx(tableRowClasses.expanded, classes == null ? void 0 : classes.expanded), striped && clsx(tableRowClasses.striped, classes == null ? void 0 : classes.striped), isList && type === "body" && clsx(tableRowClasses.variantList, classes == null ? void 0 : classes.variantList), isList && type === "head" && clsx(tableRowClasses.variantListHead, classes == null ? void 0 : classes.variantListHead)), role: Component === defaultComponent ? null : "row", $hover: hover, $selected: selected, $expanded: expanded, $striped: striped, $variantList: isList && type === "body", $variantListHead: isList && type === "head", $type: type, $stripedColor: alpha(hexToRgb(((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1), 0.6), ...others });
 });
 export {
   HvTableRow