npm - @hitachivantara/uikit-react-core - Versions diffs - 5.23.0 → 5.24.1 - Mend

@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (670) hide show

package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n HTMLAttributes,\n ThHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport styled from \"@emotion/styled\";\n\nimport { hexToRgb, alpha } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvTypographyProps } from \"@core/components/Typography\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport tableHeaderClasses, { HvTableHeaderClasses } from \"./tableHeaderClasses\";\nimport TableContext from \"../TableContext\";\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\";\n\nexport interface HvTableHeaderProps\n extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\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\ninterface 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 padding: theme.spacing([0, \"xs\", 0, 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.secondary}`,\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 } = useTheme();\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 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","padding","theme","spacing","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","secondary","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","width","maxWidth","borderTop","table","headerBorderTopColor","paddingTop","backgroundColor","atmo1","typography","transition","sortable","paddingLeft","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","useTheme","tableContext","useContext","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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"}
1	+ {"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n forwardRef,\n HTMLAttributes,\n ThHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { hexToRgb, alpha } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvButton } from \"@core/components/Button\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport { useClasses, staticClasses } from \"./TableHeader.styles\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\n\nexport { staticClasses as tableHeaderClasses };\n\nexport type HvTableHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableHeaderProps\n extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\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\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: classesProp,\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 { classes, cx, css } = useClasses(classesProp);\n\n const { activeTheme, selectedMode } = useTheme();\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 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 return (\n <Component\n ref={externalRef}\n role={role}\n scope={scope}\n style={style}\n className={cx(\n classes.root,\n classes[type],\n type === \"body\" &&\n css({\n [`&.${staticClasses.sorted}`]: {\n backgroundColor: alpha(\n hexToRgb(\n activeTheme?.colors?.modes[selectedMode].atmo1 \|\|\n theme.colors.atmo1\n ),\n 0.4\n ),\n },\n }),\n {\n [classes.groupColumnMostLeft]: groupColumnMostLeft,\n [classes.groupColumnMostRight]: groupColumnMostRight,\n [classes.sortable]: sortable,\n [classes.sorted]: sorted,\n [classes.resizable]: resizable,\n [classes.resizing]: resizing,\n [classes.stickyColumn]: stickyColumn,\n [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n [classes.variantList]: tableContext.variant === \"listrow\",\n [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n },\n className\n )}\n aria-sort={sortable ? sortDirection : undefined}\n {...others}\n >\n <div\n className={cx(classes.headerContent, {\n [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n })}\n >\n {isHeadCell && sortable && (\n <HvButton\n className={classes.sortButton}\n icon\n overrideIconColors={false}\n >\n <Sort className={classes.sortIcon} />\n </HvButton>\n )}\n <HvTypography\n component=\"div\"\n className={cx({\n [classes.headerText]: !paragraph,\n [classes.headerParagraph]: paragraph,\n [classes.sortableHeaderText]: sortable,\n })}\n variant=\"label\"\n {...headerTextProps}\n >\n {children}\n </HvTypography>\n {resizable && <div {...resizerProps} className={classes.resizer} />}\n </div>\n </Component>\n );\n }\n);\n"],"names":["defaultComponent","HvTableHeader","forwardRef","children","component","className","style","classes","classesProp","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","externalRef","cx","css","useClasses","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","Component","components","Th","role","paragraph","isParagraph","ref","root","staticClasses","backgroundColor","alpha","hexToRgb","colors","modes","atmo1","theme","variantList","capitalize","undefined","headerContent","HvButton","sortButton","icon","overrideIconColors","sortIcon","_jsx","HvTypography","headerText","headerParagraph","sortableHeaderText","resizer"],"mappings":"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"}

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs CHANGED Viewed

@@ -1,120 +1,197 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const React = require("react");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const tableHeaderClasses = require("./tableHeaderClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvTableHeader", {
+  root: {
+    "--first-row-cell-height": "52px",
+    "--cell-height": "32px",
+    height: "var(--cell-height)",
+    verticalAlign: "inherit",
+    textAlign: "left",
+    padding: uikitStyles.theme.spacing([0, "xs", 0, 32]),
+    borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`
+  },
+  head: {
+    paddingTop: 8,
+    verticalAlign: "top",
+    ...uikitStyles.theme.typography.label,
+    transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    borderBottom: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    "*:first-of-type > &": {
+      height: "var(--first-row-cell-height)",
+      borderTop: `1px solid ${uikitStyles.theme.table.headerBorderTopColor}`
+    },
+    "&$variantList": {
+      backgroundColor: "inherit",
+      borderBottom: 0,
+      "*:first-of-type > &": {
+        borderTop: 0
+      }
+    },
+    "&$sortable": {
+      verticalAlign: "initial",
+      paddingTop: 0,
+      paddingLeft: 0,
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.table.headerHoverColor,
+        "& $sortIcon": {
+          visibility: "visible"
+        }
+      },
+      "&:focus-within": {
+        backgroundColor: uikitStyles.theme.table.headerHoverColor,
+        "& $sortIcon": {
+          visibility: "visible"
         }
       }
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-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).";
-}
-const StyledHeaderContent = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "etcp1bl3"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "etcp1bl3",
-  label: "StyledHeaderContent"
-}, transientOptions.transientOptions))(({
-  $align
-}) => ({
-  display: "flex",
-  alignItems: "flex-start",
-  width: "100%",
-  // align
-  ...$align === "center" && {
-    justifyContent: "center"
   },
-  ...$align === "justify" && {
-    textAlign: "justify"
+  body: {
+    backgroundColor: "inherit",
+    ...uikitStyles.theme.typography.body,
+    "&$sortable:not($variantNone)": {
+      paddingLeft: 32
+    }
   },
-  ...$align === "left" && {
-    justifyContent: "flex-start"
+  footer: {},
+  stickyColumn: {
+    position: "sticky",
+    zIndex: 2,
+    "&$groupColumnMostRight+$stickyColumn": {
+      borderLeft: 0
+    }
   },
-  ...$align === "right" && {
-    justifyContent: "flex-end"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9UYWJsZUhlYWRlci9UYWJsZUhlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWYsIGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdlR5cG9ncmFwaHlQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQnV0dG9uXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IFBvbHltb3JwaGljUmVmIH0gZnJvbSBcIkBjb3JlL3R5cGVzL2dlbmVyaWNcIjtcblxuaW1wb3J0IHRhYmxlSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi90YWJsZUhlYWRlckNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlckNvbnRlbnQgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFsaWduIH06IHsgJGFsaWduOiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIC8vIGFsaWduXG4gIC4uLigkYWxpZ24gPT09IFwiY2VudGVyXCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJqdXN0aWZ5XCIgJiYge1xuICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gIH0pLFxuICAuLi4oJGFsaWduID09PSBcImxlZnRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2QnV0dG9uUHJvcHMsIHJlZj86IFBvbHltb3JwaGljUmVmPFwiYnV0dG9uXCI+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSlcbikoe1xuICBbYC4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5yb290fS4ke3RhYmxlSGVhZGVyQ2xhc3Nlcy5zb3J0YWJsZX1gXToge1xuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZUeXBvZ3JhcGh5UHJvcHMsIHJlZj86IFJlZjxIVE1MRWxlbWVudD4pID0+IHtcbiAgICByZXR1cm4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGhlYWRlclRleHQsXG4gICAgJGhlYWRlclBhcmFncmFwaCxcbiAgICAkc29ydGFibGVIZWFkZXJUZXh0LFxuICB9OiB7XG4gICAgJGhlYWRlclRleHQ6IGJvb2xlYW47XG4gICAgJGhlYWRlclBhcmFncmFwaDogYm9vbGVhbjtcbiAgICAkc29ydGFibGVIZWFkZXJUZXh0OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIC4uLigkaGVhZGVyVGV4dCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIH0pLFxuICAgIC4uLigkaGVhZGVyUGFyYWdyYXBoICYmIHtcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgZGlzcGxheTogXCItd2Via2l0LWJveFwiLFxuICAgICAgLy8gXCItd2Via2l0LWxpbmUtY2xhbXBcIjogMixcbiAgICAgIC8vIFwiLXdlYmtpdC1ib3gtb3JpZW50XCI6IFwidmVydGljYWxcIixcbiAgICB9KSxcbiAgICAuLi4oJHNvcnRhYmxlSGVhZGVyVGV4dCAmJiB7XG4gICAgICBwYWRkaW5nVG9wOiBcIjhweFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJlc2l6ZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogMTAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHJpZ2h0OiAwLFxuICB0b3A6IDAsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDUwJSlcIixcbiAgekluZGV4OiAxLFxuICB0b3VjaEFjdGlvbjogXCJub25lXCIsXG59KTtcbiJdfQ== */");
-const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "etcp1bl2"
-} : {
-  target: "etcp1bl2",
-  label: "StyledButton"
-})({
-  [`.${tableHeaderClasses.default.root}.${tableHeaderClasses.default.sortable}`]: {
-    boxShadow: "none",
-    backgroundColor: "transparent",
-    "&:hover": {
-      backgroundColor: "red"
+  stickyColumnMostLeft: {
+    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  stickyColumnLeastRight: {
+    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  groupColumnMostLeft: {
+    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  groupColumnMostRight: {
+    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`,
+    // due to the ":has()" selector not being supported in browsers,
+    // this need to be managed with inline styles
+    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)
+    // "&:last-child,&:has(+ $stickyColumnLeastRight)": {
+    "&:last-child": {
+      borderRight: 0
+    },
+    "&+:not($stickyColumn)": {
+      borderLeft: 0
     }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5cbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "etcp1bl1"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "etcp1bl1",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $headerText,
-  $headerParagraph,
-  $sortableHeaderText
-}) => ({
-  ...$headerText && {
+  },
+  headerContent: {
+    display: "flex",
+    alignItems: "flex-start",
+    width: "100%"
+  },
+  headerText: {
     overflow: "hidden",
     textOverflow: "ellipsis"
   },
-  ...$headerParagraph && {
+  headerParagraph: {
     overflow: "hidden",
     display: "-webkit-box"
-    // "-webkit-line-clamp": 2,
-    // "-webkit-box-orient": "vertical",
   },
-  ...$sortableHeaderText && {
+  sortableHeaderText: {
     paddingTop: "8px"
+  },
+  sorted: {
+    "& $sortIcon": {
+      visibility: "visible"
+    }
+  },
+  sortable: {},
+  sortButton: {
+    "$root$sortable &": {
+      boxShadow: "none",
+      backgroundColor: "transparent",
+      "&:hover": {
+        backgroundColor: "red"
+      }
+    }
+  },
+  sortIcon: {
+    display: "inline-flex",
+    visibility: "hidden"
+  },
+  alignLeft: {
+    textAlign: "left"
+  },
+  alignRight: {
+    textAlign: "right",
+    flexDirection: "row-reverse"
+  },
+  alignCenter: {
+    textAlign: "center"
+  },
+  alignJustify: {
+    textAlign: "justify"
+  },
+  alignFlexLeft: {
+    justifyContent: "flex-start"
+  },
+  alignFlexRight: {
+    justifyContent: "flex-end"
+  },
+  alignFlexCenter: {
+    justifyContent: "center"
+  },
+  alignFlexJustify: {
+    textAlign: "justify"
+  },
+  variantCheckbox: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  variantExpand: {},
+  variantActions: {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderLeft: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  variantNone: {
+    padding: 0
+  },
+  variantList: {
+    backgroundColor: "inherit",
+    borderBottom: 0,
+    height: 16,
+    ":first-of-type > &": {
+      borderTop: 0,
+      height: 16
+    }
+  },
+  resizable: {
+    borderRight: `solid 1px ${uikitStyles.theme.colors.atmo4}`
+  },
+  resizing: {
+    borderRight: `solid 2px ${uikitStyles.theme.colors.secondary}`
+  },
+  resizer: {
+    display: "inline-block",
+    width: 10,
+    height: "100%",
+    position: "absolute",
+    right: 0,
+    top: 0,
+    transform: "translateX(50%)",
+    zIndex: 1,
+    touchAction: "none"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5cbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */");
-const StyledResizer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "etcp1bl0"
-} : {
-  target: "etcp1bl0",
-  label: "StyledResizer"
-})(process.env.NODE_ENV === "production" ? {
-  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"
-} : {
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkZXIvVGFibGVIZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUmVmLCBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSwgSHZUeXBvZ3JhcGh5UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5cbmltcG9ydCB0YWJsZUhlYWRlckNsYXNzZXMgZnJvbSBcIi4vdGFibGVIZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXJDb250ZW50ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRhbGlnbiB9OiB7ICRhbGlnbjogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICAvLyBhbGlnblxuICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwianVzdGlmeVwiICYmIHtcbiAgICB0ZXh0QWxpZ246IFwianVzdGlmeVwiLFxuICB9KSxcbiAgLi4uKCRhbGlnbiA9PT0gXCJsZWZ0XCIgJiYge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgfSksXG4gIC4uLigkYWxpZ24gPT09IFwicmlnaHRcIiAmJiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgW2AuJHt0YWJsZUhlYWRlckNsYXNzZXMucm9vdH0uJHt0YWJsZUhlYWRlckNsYXNzZXMuc29ydGFibGV9YF06IHtcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmVkXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgZm9yd2FyZFJlZigocHJvcHM6IEh2VHlwb2dyYXBoeVByb3BzLCByZWY/OiBSZWY8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRoZWFkZXJUZXh0LFxuICAgICRoZWFkZXJQYXJhZ3JhcGgsXG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dCxcbiAgfToge1xuICAgICRoZWFkZXJUZXh0OiBib29sZWFuO1xuICAgICRoZWFkZXJQYXJhZ3JhcGg6IGJvb2xlYW47XG4gICAgJHNvcnRhYmxlSGVhZGVyVGV4dDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICAuLi4oJGhlYWRlclRleHQgJiYge1xuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICB9KSxcbiAgICAuLi4oJGhlYWRlclBhcmFncmFwaCAmJiB7XG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIGRpc3BsYXk6IFwiLXdlYmtpdC1ib3hcIixcbiAgICAgIC8vIFwiLXdlYmtpdC1saW5lLWNsYW1wXCI6IDIsXG4gICAgICAvLyBcIi13ZWJraXQtYm94LW9yaWVudFwiOiBcInZlcnRpY2FsXCIsXG4gICAgfSksXG4gICAgLi4uKCRzb3J0YWJsZUhlYWRlclRleHQgJiYge1xuICAgICAgcGFkZGluZ1RvcDogXCI4cHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSZXNpemVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IDEwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICByaWdodDogMCxcbiAgdG9wOiAwLFxuICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCg1MCUpXCIsXG4gIHpJbmRleDogMSxcbiAgdG91Y2hBY3Rpb246IFwibm9uZVwiLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.StyledButton = StyledButton;
-exports.StyledHeaderContent = StyledHeaderContent;
-exports.StyledResizer = StyledResizer;
-exports.StyledTypography = StyledTypography;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=TableHeader.styles.cjs.map

package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import ~~styled from \"@emotion/styled\";\nimport~~ { ~~Ref,~~ ~~forwardRef~~ } from \"~~react~~\";\n\nimport { ~~HvTypography,~~ ~~HvTypographyProps~~ } from \"@core/~~components~~/~~Typography~~\";\~~nimport~~ { ~~HvButton~~, ~~HvButtonProps~~ } ~~from~~ \"~~@core/components/Button~~\"~~;\nimport~~ { ~~transientOptions~~ } ~~from~~ \"~~@core/utils/transientOptions~~\"~~;\nimport~~ { ~~PolymorphicRef } from~~ \"~~@core/types/generic~~\";\n~~\nimport~~ ~~tableHeaderClasses~~ ~~from~~ \"~~./tableHeaderClasses~~\";\n~~\nexport~~ ~~const~~ ~~StyledHeaderContent~~ = ~~styled(~~\n \"~~div~~\",\n ~~transientOptions~~\n)(({ ~~$align~~ }: { ~~$align~~: ~~string~~ }) => ({\n ~~display~~: \"~~flex~~\",\n ~~alignItems~~: \"~~flex-start~~\",\n ~~width~~: \"~~100%\~~",\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(~~\n ~~forwardRef((props~~: ~~HvButtonProps, ref?: PolymorphicRef<\~~"~~button~~\">) => {\n ~~return~~ ~~<HvButton~~ {~~...props}~~ ~~ref=~~{~~ref~~} ~~/>;\n~~ })\n~~)({\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 ~~forwardRef((props~~: ~~HvTypographyProps~~, ~~ref?:~~ ~~Ref<HTMLElement>)~~ => {\~~n return~~ ~~<HvTypography~~ ~~{...props~~} ~~ref=~~{~~ref}~~ ~~/>;\n~~ }),\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~~","~~width~~","~~justifyContent~~","~~textAlign~~","~~StyledButton~~","~~_styled~~","~~forwardRef~~","~~props~~","~~ref~~","~~HvButton~~","~~tableHeaderClasses~~","~~root~~","~~sortable~~","~~boxShadow~~","~~backgroundColor~~","~~StyledTypography~~","~~HvTypography~~","$headerText","$headerParagraph","$sortableHeaderText","~~overflow~~","~~textOverflow~~","~~paddingTop~~","~~StyledResizer~~","~~name~~","~~styles~~","~~map~~","~~toString~~","~~_EMOTION_STRINGIFIED_CSS_ERROR__~~"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUaA~~,~~MAAAA,+DACX~~,~~OAAKC~~,~~QAAAC~~,~~IAAAC~~,~~4BAAAC~~,~~SAAA~~,~~IAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~GACLC~~,~~iBAAgB~~,~~gBAAA~~,~~IAAAF~~,~~SAAA~~,~~IAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~EAAAE~~,~~OAAA~~;AAAA,~~GAAhBD~~,~~iBAAAA~~,~~gBAAgB~~,~~CAClB~~,EAAE,CAAC;AAAA,~~EAAEE~~;~~AAA2B~~,~~OAAO~~;AAAA,~~EACrCC~~,~~SAAS~~;AAAA,~~EACTC~~,YAAY;AAAA,~~EACZC~~,~~OAAO~~;AAAA;AAAA,~~EAEP~~,~~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~~,~~y/GAAA;AAEI~~,~~MAAMW~~,~~eAAeC~~,~~iCAAAA~~,~~QAC1BC~~,~~MAAAA~~,~~WAAW~~,~~CAACC~~,~~OAAsBC~~,~~QAAmC~~;~~AACnE~~,~~wCAAQC~~,~~OAAAA~~,~~UAAQ~~;AAAA,~~IAAA~~,~~GAAKF~~;~~AAAAA~~,~~IAAOC~~;AAAAA,~~EAAAA~~,~~CAAW~~;~~AACzC~~,CAAC,~~GAACjB~~,~~QAAAC~~,~~IAAAC~~,~~aAAA~~,~~eAAA~~;AAAA,~~EAAAE~~,~~QAAA~~;AAAA,~~IAAA~~;AAAA,~~EAAAA~~,~~QAAA~~;AAAA,~~EAAAE~~,~~OAAA~~;AAAA,~~CACJ~~,~~EAAE~~;AAAA,~~EACA~~,~~CAAE~~,~~IAAGa~~,~~2BAAmBC~~,~~QAAQD~~,~~mBAAAA~~,~~QAAmBE~~,~~UAAU~~,~~GAAG~~;AAAA,~~IAC9DC~~,~~WAAW~~;AAAA,~~IACXC~~,~~iBAAiB~~;AAAA,~~IACjB~~,~~WAAW~~;AAAA,~~MACTA~~,~~iBAAiB~~;AAAA,~~IACnB~~;AAAA,EACF;~~AACF~~,~~GAACvB~~,~~QAAAC~~,~~IAAAC~~,~~aAAC~~,~~eAAA~~,~~KAAA~~,~~y/GAAA~~;~~AAEK~~,~~MAAMsB~~,~~mBAAmBV~~,~~iCAAAA~~,~~QAC9BC~~,~~MAAAA~~,~~WAAW~~,~~CAACC~~,~~OAA0BC~~,~~QAA2B~~;~~AAC/D~~,~~wCAAQQ~~,~~WAAAA~~,~~cAAY~~;AAAA,~~IAAA~~,~~GAAKT~~;~~AAAAA~~,~~IAAOC~~;~~AAAAA~~,~~EAAAA~~,~~CAAW~~;~~AAC7C~~,~~CAAC~~,~~GAACjB~~,~~QAAAC~~,~~IAAAC~~,~~4BAAAC~~,~~SAAA~~,~~IAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~GACFC~~,~~iBAAgB~~,~~gBAAA~~,~~IAAAF~~,~~SAAA~~,~~IAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~EAAAE~~,~~OAAA~~;AAAA,~~GAAhBD~~,~~iBAAAA~~,~~gBAAgB~~,~~CAClB~~,~~EACE~~,~~CAAC~~;AAAA,~~EACCqB~~;~~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,~~IACVrB~~,SAAS;AAAA;AAAA;AAAA,~~EAGX~~;AAAA,~~EACA~~,~~GAAIoB~~,~~uBAAuB~~;AAAA,~~IACzBG~~,~~YAAY~~;AAAA,~~EACd~~;~~AACF~~,~~IAAE~~/B,~~QAAAC~~,~~IAAAC~~,~~0hHACJ~~;~~AAEO~~,~~MAAM8B~~,~~gBAAuBlB~~,~~iCAAA~~,~~QAAA~~,~~OAAKd~~,~~QAAAC~~,~~IAAAC~~,~~aAAA~~,~~eAAA~~;AAAA,~~EAAAE~~,~~QAAA~~;AAAA,~~IAAA~~;AAAA,~~EAAAA~~,~~QAAA~~;AAAA,~~EAAAE~~,~~OAAA~~;AAAA,~~CAAA~~,~~EAACN~~,~~QAAAC~~,~~IAAAC~~,~~aAAA~~,~~eAAA~~;AAAA,~~EAAA+B~~,~~MAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~IAAA~~;AAAA,~~EAAAD~~,~~MAAA~~;AAAA,~~EAAAC~~,~~QAAA~~;AAAA,~~EAAAC~~,~~KAAA~~;AAAA,~~EAAAC~~,~~UAAAC~~;AAAA,~~CAUzC;;;;;~~"}
1	+ {"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing([0, \"xs\", 0, 32]),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n },\n head: {\n paddingTop: 8,\n verticalAlign: \"top\",\n ...theme.typography.label,\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n backgroundColor: theme.colors.atmo1,\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n \":first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: `1px solid ${theme.table.headerBorderTopColor}`,\n },\n\n \"&$variantList\": {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n \":first-of-type > &\": {\n borderTop: 0,\n },\n },\n\n \"&$sortable\": {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: theme.table.headerHoverColor,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: theme.table.headerHoverColor,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n },\n },\n body: {\n backgroundColor: \"inherit\",\n ...theme.typography.body,\n \"&$sortable:not($variantNone)\": {\n paddingLeft: 32,\n },\n },\n footer: {},\n stickyColumn: {\n position: \"sticky\",\n zIndex: 2,\n\n \"&$groupColumnMostRight+$stickyColumn\": {\n borderLeft: 0,\n },\n },\n stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\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($stickyColumn)\": {\n borderLeft: 0,\n },\n },\n headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n sortableHeaderText: { paddingTop: \"8px\" },\n sorted: {\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n sortable: {},\n sortButton: {\n \"$root$sortable &\": {\n boxShadow: \"none\",\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: \"red\",\n },\n },\n },\n sortIcon: { display: \"inline-flex\", visibility: \"hidden\" },\n alignLeft: { textAlign: \"left\" },\n alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n alignCenter: { textAlign: \"center\" },\n alignJustify: { textAlign: \"justify\" },\n alignFlexLeft: { justifyContent: \"flex-start\" },\n alignFlexRight: { justifyContent: \"flex-end\" },\n alignFlexCenter: { justifyContent: \"center\" },\n alignFlexJustify: { textAlign: \"justify\" },\n variantCheckbox: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n variantExpand: {},\n variantActions: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n variantNone: { padding: 0 },\n variantList: {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n },\n resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },\n resizer: {\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});\n"],"names":["staticClasses","useClasses","createClasses","root","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","head","paddingTop","typography","label","transition","backgroundColor","atmo1","borderTop","table","headerBorderTopColor","paddingLeft","cursor","headerHoverColor","visibility","body","footer","stickyColumn","position","zIndex","borderLeft","stickyColumnMostLeft","borderRight","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","headerContent","display","alignItems","width","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","sorted","sortable","sortButton","boxShadow","sortIcon","alignLeft","alignRight","flexDirection","alignCenter","alignJustify","alignFlexLeft","justifyContent","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","maxWidth","variantExpand","variantActions","variantNone","variantList","resizable","resizing","secondary","resizer","right","top","transform","touchAction"],"mappings":"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"}

package/dist/cjs/components/Table/TableRow/TableRow.cjs CHANGED Viewed

@@ -1,59 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const checkValidHexColorValue = require("../../../utils/checkValidHexColorValue.cjs");
 const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
 const theme = require("../../../utils/theme.cjs");
-const transientOptions = require("../../../utils/transientOptions.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
 const defaultComponent = "tr";
-const StyledTableRow = (c) => /* @__PURE__ */ _styled__default.default(c, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1cjstvf0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1cjstvf0",
-  label: "StyledTableRow"
-}, transientOptions.transientOptions))(({
-  $striped,
-  $stripedColorEven,
-  $stripedColorOdd
-}) => ({
-  ...$striped && {
-    "&:nth-of-type(even)": {
-      backgroundColor: $stripedColorEven,
-      "&:hover": {
-        backgroundColor: uikitStyles.theme.table.rowHoverColor
-      }
-    },
-    "&:nth-of-type(odd)": {
-      backgroundColor: $stripedColorOdd,
-      "&:hover": {
-        backgroundColor: uikitStyles.theme.table.rowHoverColor
-      }
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVSb3cvVGFibGVSb3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlUm93L1RhYmxlUm93LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgRXh0cmFjdE5hbWVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2NsYXNzZXNcIjtcbmltcG9ydCB7IGNoZWNrVmFsaWRIZXhDb2xvclZhbHVlIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2NoZWNrVmFsaWRIZXhDb2xvclZhbHVlXCI7XG5pbXBvcnQgeyBoZXhUb1JnYkEgfSBmcm9tIFwiQGNvcmUvdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBnZXRWYXJWYWx1ZSB9IGZyb20gXCJAY29yZS91dGlscy90aGVtZVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJAY29yZS9ob29rcy91c2VUaGVtZVwiO1xuXG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gZnJvbSBcIi4vVGFibGVSb3cuc3R5bGVzXCI7XG5cbmV4cG9ydCB7IHN0YXRpY0NsYXNzZXMgYXMgdGFibGVSb3dDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVSb3dDbGFzc2VzID0gRXh0cmFjdE5hbWVzPHR5cGVvZiB1c2VDbGFzc2VzPjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlUm93UHJvcHNcbiAgZXh0ZW5kcyBIdkJhc2VQcm9wczxIVE1MVGFibGVSb3dFbGVtZW50LCBcImNoaWxkcmVuXCI+IHtcbiAgLyoqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWQgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC4gRGVmYXVsdHMgdG8gdGJvZHkuICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IHdpbGwgc2hhZGUgb24gaG92ZXIuICovXG4gIGhvdmVyPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyB3aWxsIGhhdmUgdGhlIHNlbGVjdGVkIHNoYWRpbmcuICovXG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIHRhYmxlIHJvdyBpcyBleHBhbmRlZC4gKi9cbiAgZXhwYW5kZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgdGFibGUgcm93IGJhY2tncm91bmQgaXMgc3RyaXBlZC4gKi9cbiAgc3RyaXBlZD86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlUm93Q2xhc3Nlcztcbn1cblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidHJcIjtcblxuY29uc3QgU3R5bGVkVGFibGVSb3cgPSAoYzogYW55KSA9PlxuICBzdHlsZWQoXG4gICAgYyxcbiAgICB0cmFuc2llbnRPcHRpb25zXG4gICkoXG4gICAgKHtcbiAgICAgICRzdHJpcGVkLFxuICAgICAgJHN0cmlwZWRDb2xvckV2ZW4sXG4gICAgICAkc3RyaXBlZENvbG9yT2RkLFxuICAgIH06IHtcbiAgICAgICRzdHJpcGVkOiBib29sZWFuO1xuICAgICAgJHN0cmlwZWRDb2xvckV2ZW46IHN0cmluZztcbiAgICAgICRzdHJpcGVkQ29sb3JPZGQ6IHN0cmluZztcbiAgICB9KSA9PiAoe1xuICAgICAgLi4uKCRzdHJpcGVkICYmIHtcbiAgICAgICAgXCImOm50aC1vZi10eXBlKGV2ZW4pXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRzdHJpcGVkQ29sb3JFdmVuLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYmxlLnJvd0hvdmVyQ29sb3IsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOm50aC1vZi10eXBlKG9kZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJHN0cmlwZWRDb2xvck9kZCxcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWJsZS5yb3dIb3ZlckNvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG5jb25zdCBnZXRTdHJpcGVkQ29sb3IgPSAoY29sb3I/OiBzdHJpbmcsIG9wYWNpdHk6IG51bWJlciA9IDAuNikgPT4ge1xuICByZXR1cm4gY2hlY2tWYWxpZEhleENvbG9yVmFsdWUoY29sb3IpID8gaGV4VG9SZ2JBKGNvbG9yLCBvcGFjaXR5KSA6IGNvbG9yO1xufTtcblxuLyoqXG4gKiBgSHZUYWJsZVJvd2AgYWN0cyBhcyBhIGB0cmAgZWxlbWVudCBhbmQgaW5oZXJpdHMgc3R5bGVzIGZyb20gaXRzIGNvbnRleHRcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVSb3cgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlUm93UHJvcHM+KFxuICAocHJvcHMsIGV4dGVybmFsUmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY2xhc3NlczogY2xhc3Nlc1Byb3AsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQsXG4gICAgICBob3ZlciA9IGZhbHNlLFxuICAgICAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgICAgIGV4cGFuZGVkID0gZmFsc2UsXG4gICAgICBzdHJpcGVkID0gZmFsc2UsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9ID0gcHJvcHM7XG4gICAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG4gICAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlLCByb290SWQgfSA9IHVzZVRoZW1lKCk7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuICAgIGNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlU2VjdGlvbkNvbnRleHQpO1xuXG4gICAgY29uc3QgW2V2ZW4sIHNldEV2ZW5dID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICAgIGNvbnN0IFtvZGQsIHNldE9kZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgICBjb25zdCB0eXBlID0gdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IGlzTGlzdCA9IHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UciB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVSb3cgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlUm93KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIGNvbnN0IFtzdHJpcGVkQ29sb3JFdmVuLCBzZXRTdHJpcGVkQ29sb3JFdmVuXSA9IHVzZVN0YXRlKFxuICAgICAgZ2V0U3RyaXBlZENvbG9yKGV2ZW4pXG4gICAgKTtcbiAgICBjb25zdCBbc3RyaXBlZENvbG9yT2RkLCBzZXRTdHJpcGVkQ29sb3JPZGRdID0gdXNlU3RhdGUoXG4gICAgICBnZXRTdHJpcGVkQ29sb3Iob2RkKVxuICAgICk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0RXZlbihnZXRWYXJWYWx1ZSh0aGVtZS50YWJsZS5yb3dTdHJpcGVkQmFja2dyb3VuZENvbG9yRXZlbiwgcm9vdElkKSk7XG4gICAgICBzZXRPZGQoZ2V0VmFyVmFsdWUodGhlbWUudGFibGUucm93U3RyaXBlZEJhY2tncm91bmRDb2xvck9kZCwgcm9vdElkKSk7XG5cbiAgICAgIHNldFN0cmlwZWRDb2xvckV2ZW4oZ2V0U3RyaXBlZENvbG9yKGV2ZW4pKTtcbiAgICAgIHNldFN0cmlwZWRDb2xvck9kZChnZXRTdHJpcGVkQ29sb3Iob2RkKSk7XG4gICAgfSwgW2FjdGl2ZVRoZW1lPy5jb2xvcnM/Lm1vZGVzW3NlbGVjdGVkTW9kZV0sIGV2ZW4sIG9kZCwgcm9vdElkXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlUm93XG4gICAgICAgIHJlZj17ZXh0ZXJuYWxSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgdGFibGVTZWN0aW9uQ29udGV4dC5maWx0ZXJDbGFzc05hbWUsXG4gICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5bdHlwZV0sXG4gICAgICAgICAge1xuICAgICAgICAgICAgW2NsYXNzZXMuaG92ZXJdOiBob3ZlcixcbiAgICAgICAgICAgIFtjbGFzc2VzLnNlbGVjdGVkXTogc2VsZWN0ZWQsXG4gICAgICAgICAgICBbY2xhc3Nlcy5leHBhbmRlZF06IGV4cGFuZGVkLFxuICAgICAgICAgICAgW2NsYXNzZXMuc3RyaXBlZF06IHN0cmlwZWQsXG4gICAgICAgICAgICBbY2xhc3Nlcy52YXJpYW50TGlzdF06IGlzTGlzdCAmJiB0eXBlID09PSBcImJvZHlcIixcbiAgICAgICAgICAgIFtjbGFzc2VzLnZhcmlhbnRMaXN0SGVhZF06IGlzTGlzdCAmJiB0eXBlID09PSBcImhlYWRcIixcbiAgICAgICAgICB9XG4gICAgICAgICl9XG4gICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd1wifVxuICAgICAgICAkc3RyaXBlZD17c3RyaXBlZH1cbiAgICAgICAgJHN0cmlwZWRDb2xvckV2ZW49e3N0cmlwZWRDb2xvckV2ZW59XG4gICAgICAgICRzdHJpcGVkQ29sb3JPZGQ9e3N0cmlwZWRDb2xvck9kZH1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
 const getStripedColor = (color, opacity = 0.6) => {
   return checkValidHexColorValue.checkValidHexColorValue(color) ? hexToRgbA.hexToRgbA(color, opacity) : color;
 };
@@ -71,7 +28,8 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
   } = props;
   const {
     classes,
-    cx
+    cx,
+    css
   } = TableRow_styles.useClasses(classesProp);
   const {
     activeTheme,
@@ -85,7 +43,6 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
   const type = (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
   const isList = tableContext.variant === "listrow";
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Tr) || defaultComponent;
-  const TableRow = React.useMemo(() => StyledTableRow(Component), [Component]);
   const [stripedColorEven, setStripedColorEven] = React.useState(getStripedColor(even));
   const [stripedColorOdd, setStripedColorOdd] = React.useState(getStripedColor(odd));
   React.useEffect(() => {
@@ -94,20 +51,30 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
     setStripedColorEven(getStripedColor(even));
     setStripedColorOdd(getStripedColor(odd));
   }, [(_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode], even, odd, rootId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableRow, {
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, {
     ref: externalRef,
-    className: cx(tableSectionContext.filterClassName, className, classes.root, classes == null ? void 0 : classes[type], {
+    className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
+      "&:nth-of-type(even)": {
+        backgroundColor: stripedColorEven,
+        "&:hover": {
+          backgroundColor: uikitStyles.theme.table.rowHoverColor
+        }
+      },
+      "&:nth-of-type(odd)": {
+        backgroundColor: stripedColorOdd,
+        "&:hover": {
+          backgroundColor: uikitStyles.theme.table.rowHoverColor
+        }
+      }
+    }), {
       [classes.hover]: hover,
       [classes.selected]: selected,
       [classes.expanded]: expanded,
       [classes.striped]: striped,
       [classes.variantList]: isList && type === "body",
       [classes.variantListHead]: isList && type === "head"
-    }),
+    }, className),
     role: Component === defaultComponent ? null : "row",
-    $striped: striped,
-    $stripedColorEven: stripedColorEven,
-    $stripedColorOdd: stripedColorOdd,
     ...others
   });
 });