@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

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

@@ -0,0 +1,74 @@
+import _styled from "@emotion/styled/base";
+import clsx from "clsx";
+import { forwardRef, useContext, useRef, useMemo, Children, isValidElement } from "react";
+import TableContext from "../TableContext.js";
+import TableSectionContext from "../TableSectionContext.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import useForkRef from "../../../hooks/useForkRef.js";
+import tableBodyClasses from "./tableBodyClasses.js";
+import { HvFocus } from "../../Focus/Focus.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).";
+}
+const tableSectionContext = {
+  type: "body",
+  filterClassName: "grid"
+};
+const defaultComponent = "tbody";
+const StyledTableBody = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV === "production" ? {
+  target: "e1i1hapa0"
+} : {
+  target: "e1i1hapa0",
+  label: "StyledTableBody"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14jhk00",
+  styles: "background-color:inherit;position:relative;z-index:0"
+} : {
+  name: "14jhk00",
+  styles: "background-color:inherit;position:relative;z-index:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVCb2R5Q2xhc3NlcywgSHZUYWJsZUJvZHlDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7XG4gIENoaWxkcmVuLFxuICBmb3J3YXJkUmVmLFxuICBpc1ZhbGlkRWxlbWVudCxcbiAgdXNlQ29udGV4dCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuLy8gaW1wb3J0IHsgSHZGb2N1cyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB1c2VGb3JrUmVmIH0gZnJvbSBcImhvb2tzXCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgSHZGb2N1cyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVCb2R5UHJvcHMgPSBPbWl0PEh2QmFzZVByb3BzLCBcImNoaWxkcmVuXCI+ICYge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59O1xuXG5jb25zdCB0YWJsZVNlY3Rpb25Db250ZXh0ID0ge1xuICB0eXBlOiBcImJvZHlcIixcbiAgZmlsdGVyQ2xhc3NOYW1lOiBcImdyaWRcIixcbn07XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRib2R5XCI7XG5cbmNvbnN0IFN0eWxlZFRhYmxlQm9keSA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChjKSh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSk7XG5cbi8qKlxuICogSHZUYWJsZUJvZHkgYWN0cyBhcyBhIGB0Ym9keWAgZWxlbWVudC5cbiAqIGBIdlRhYmxlQ2VsbGAgYW5kIGBIdlRhYmxlUm93YCBlbGVtZW50cyBpbiBpdCBpbmhlcml0IGJvZHktc3BlY2lmaWMgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQm9keSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVCb2R5UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2xhc3NlcyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgd2l0aE5hdmlnYXRpb24gPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgZXh0ZXJuYWxSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuXG4gICAgY29uc3QgYm9keVJlZiA9IHVzZVJlZihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZVJlZiA9IHVzZUZvcmtSZWYoZXh0ZXJuYWxSZWYsIGJvZHlSZWYpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRCb2R5IHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUJvZHkgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQm9keShDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlU2VjdGlvbkNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3RhYmxlU2VjdGlvbkNvbnRleHR9PlxuICAgICAgICA8VGFibGVCb2R5XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHRhYmxlQm9keUNsYXNzZXMucm9vdCwgY2xhc3Nlcz8ucm9vdCwgY2xhc3NOYW1lKX1cbiAgICAgICAgICByZWY9e2hhbmRsZVJlZn1cbiAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dncm91cFwifVxuICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgID5cbiAgICAgICAgICB7d2l0aE5hdmlnYXRpb25cbiAgICAgICAgICAgID8gQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoZWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChpc1ZhbGlkRWxlbWVudChlbGVtZW50KSkge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEh2Rm9jdXNcbiAgICAgICAgICAgICAgICAgICAgICBpZD17YG15LWlkLSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICByb290UmVmPXtib2R5UmVmfVxuICAgICAgICAgICAgICAgICAgICAgIGtleT17YHJvdy0ke2VsZW1lbnQua2V5fWB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RyYXRlZ3k9XCJncmlkXCJcbiAgICAgICAgICAgICAgICAgICAgICB1c2VBcnJvd3NcbiAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXJDbGFzcz17dGFibGVTZWN0aW9uQ29udGV4dC5maWx0ZXJDbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbkp1bXA9ezF9XG4gICAgICAgICAgICAgICAgICAgICAgZm9jdXNEaXNhYmxlZD17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2VsZW1lbnQucHJvcHMuc2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7ZWxlbWVudH1cbiAgICAgICAgICAgICAgICAgICAgPC9IdkZvY3VzPlxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIHsvKiB7Y2hpbGRyZW59ICovfVxuICAgICAgICA8L1RhYmxlQm9keT5cbiAgICAgIDwvVGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xuICB9XG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const HvTableBody = forwardRef(({
+  classes,
+  className,
+  component,
+  children,
+  withNavigation = false,
+  ...others
+}, externalRef) => {
+  var _a;
+  const tableContext = useContext(TableContext);
+  const bodyRef = useRef(null);
+  const handleRef = useForkRef(externalRef, bodyRef);
+  const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.TBody) || defaultComponent;
+  const TableBody = useMemo(() => StyledTableBody(Component), [Component]);
+  return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+    value: tableSectionContext,
+    children: /* @__PURE__ */ jsx(TableBody, {
+      className: clsx(tableBodyClasses.root, classes == null ? void 0 : classes.root, className),
+      ref: handleRef,
+      role: Component === defaultComponent ? null : "rowgroup",
+      ...others,
+      children: withNavigation ? Children.map(children, (element) => {
+        if (isValidElement(element)) {
+          return /* @__PURE__ */ jsx(HvFocus, {
+            id: `my-id-${element.key}`,
+            rootRef: bodyRef,
+            strategy: "grid",
+            useArrows: true,
+            filterClass: tableSectionContext.filterClassName,
+            navigationJump: 1,
+            focusDisabled: false,
+            selected: element.props.selected,
+            children: element
+          }, `row-${element.key}`);
+        }
+      }) : children
+    })
+  });
+});
+export {
+  HvTableBody
+};
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableBodyClasses, HvTableBodyClasses } from \".\";\nimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport TableContext from \"../TableContext\";\n// import { HvFocus } from \"components\";\nimport { useForkRef } from \"hooks\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { HvFocus } from \"components\";\n\nexport type HvTableBodyProps = 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  /** Sets whether or not there should be arrow navigation between the table rows */\n  withNavigation?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvTableBodyClasses;\n};\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n  styled(c)({\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n  (\n    {\n      classes,\n      className,\n      component,\n      children,\n      withNavigation = false,\n      ...others\n    },\n    externalRef\n  ) => {\n    const tableContext = useContext(TableContext);\n\n    const bodyRef = useRef(null);\n\n    const handleRef = useForkRef(externalRef, bodyRef);\n\n    const Component =\n      component || tableContext?.components?.TBody || defaultComponent;\n\n    const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n    return (\n      <TableSectionContext.Provider value={tableSectionContext}>\n        <TableBody\n          className={clsx(tableBodyClasses.root, classes?.root, className)}\n          ref={handleRef}\n          role={Component === defaultComponent ? null : \"rowgroup\"}\n          {...others}\n        >\n          {withNavigation\n            ? Children.map(children, (element) => {\n                if (isValidElement(element)) {\n                  return (\n                    <HvFocus\n                      id={`my-id-${element.key}`}\n                      rootRef={bodyRef}\n                      key={`row-${element.key}`}\n                      strategy=\"grid\"\n                      useArrows\n                      filterClass={tableSectionContext.filterClassName}\n                      navigationJump={1}\n                      focusDisabled={false}\n                      selected={element.props.selected}\n                    >\n                      {element}\n                    </HvFocus>\n                  );\n                }\n              })\n            : children}\n          {/* {children} */}\n        </TableBody>\n      </TableSectionContext.Provider>\n    );\n  }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","useArrows","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,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,CAIP;AAMSC,MAAAA,cAAcC,WACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,KACdC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,WAAWC,YAAY;AAEtCC,QAAAA,UAAUC,OAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,oBAACC,oBAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,8BACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,iBAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,SAASjC,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,eAAeD,OAAO,GAAG;AAC3B,qCACGE,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,WAAS;AAAA,YACTC,aAAaxD,oBAAoBE;AAAAA,YACjCuD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUX,QAAQY,MAAMD;AAAAA,YAASrC,UAEhC0B;AAAAA,UAAO,GARF,OAAMA,QAAQI,KAAK;AAAA,QAW/B;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAGe;AAEnC,CAAC;"}

package/dist/esm/components/Table/TableBody/tableBodyClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root"];
+const tableBodyClasses = getClasses(classKeys, "HvTableBody");
+const tableBodyClasses$1 = tableBodyClasses;
+export {
+  tableBodyClasses$1 as default
+};
+//# sourceMappingURL=tableBodyClasses.js.map

package/dist/esm/components/Table/TableBody/tableBodyClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableBodyClasses.js","sources":["../../../../../src/components/Table/TableBody/tableBodyClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTableBodyClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst tableBodyClasses = getClasses<HvTableBodyClasses>(\n  classKeys,\n  \"HvTableBody\"\n);\n\nexport default tableBodyClasses;\n"],"names":["classKeys","tableBodyClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

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

@@ -0,0 +1,247 @@
+import _styled from "@emotion/styled/base";
+import clsx from "clsx";
+import { forwardRef, useContext, useMemo } from "react";
+import { alpha, hexToRgb } from "@mui/material";
+import TableContext from "../TableContext.js";
+import { transientOptions } from "../../../utils/transientOptions.js";
+import TableSectionContext from "../TableSectionContext.js";
+import { capitalize } from "lodash";
+import { theme } from "@hitachivantara/uikit-styles";
+import { getBorderStyles } from "../utils/utils.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import tableCellClasses from "./tableCellClasses.js";
+import { HvThemeContext } from "../../../providers/ThemeProvider.js";
+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 = "td";
+const StyledTableCell = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e8848lx0"
+}, transientOptions) : _extends({}, {
+  target: "e8848lx0",
+  label: "StyledTableCell"
+}, transientOptions))(({
+  $variantList,
+  $variantListHead,
+  $stickyColumn,
+  $stickyColumnMostLeft,
+  $stickyColumnLeastRight,
+  $groupColumnMostLeft,
+  $groupColumnMostRight,
+  $resizable,
+  $resizing,
+  $align,
+  $variant,
+  $type,
+  $atmo1Color
+}) => ({
+  verticalAlign: "inherit",
+  textAlign: "left",
+  paddingTop: theme.space.xs,
+  paddingRight: theme.space.xs,
+  paddingBottom: theme.space.xs,
+  paddingLeft: theme.spacing(4),
+  borderBottom: `1px solid ${theme.colors.atmo4}`,
+  ...$resizable && {
+    borderRight: `solid 1px ${theme.colors.atmo4}`
+  },
+  ...$resizing && {
+    borderRight: `solid 2px ${theme.colors.acce1}`
+  },
+  ...$groupColumnMostLeft && {
+    borderLeft: `solid 1px ${theme.colors.atmo4}`,
+    "&:first-child": {
+      borderLeft: 0
+    }
+  },
+  ...$groupColumnMostRight && {
+    borderRight: `solid 1px ${theme.colors.atmo4}`,
+    "&:last-child": {
+      borderRight: 0
+    },
+    [`&+:not(.${tableCellClasses.stickyColumn})`]: {
+      borderLeft: 0
+    }
+  },
+  ...$align === "center" && {
+    textAlign: "center"
+  },
+  ...$align === "justify" && {
+    textAlign: "justify"
+  },
+  ...$align === "left" && {
+    textAlign: "left"
+  },
+  ...$align === "right" && {
+    textAlign: "right",
+    flexDirection: "row-reverse"
+  },
+  ...$variant === "checkbox" && {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    overflow: "hidden",
+    borderRight: `solid 1px ${theme.colors.atmo4}`
+  },
+  ...$variant === "actions" && {
+    padding: 0,
+    width: 32,
+    maxWidth: 32,
+    borderLeft: `solid 1px ${theme.colors.atmo4}`
+  },
+  ...$variant === "none" && {
+    padding: 0
+  },
+  ...$variant === "expand" && {
+    paddingLeft: 0,
+    paddingTop: 0,
+    paddingBottom: 0
+  },
+  ...$variant === "listcheckbox" && {
+    borderRight: `solid 2px ${theme.colors.atmo2}`,
+    padding: 0,
+    textAlign: "center",
+    width: 34,
+    maxWidth: 34
+  },
+  ...$variant === "listactions" && {
+    borderLeft: `solid 2px red`,
+    textAlign: "center",
+    width: 138,
+    maxWidth: 138
+  },
+  ...$type === "head" && {
+    height: 52,
+    verticalAlign: "top",
+    backgroundColor: $variantList ? "inherit" : theme.colors.atmo1,
+    borderTop: $variantList ? 0 : `1px solid ${theme.table.headerBorderTopColor}`,
+    borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,
+    ...theme.typography.label
+  },
+  ...$type === "body" && {
+    minHeight: 32,
+    "td&": {
+      height: 32
+    },
+    backgroundColor: "inherit",
+    ...theme.typography.body,
+    [`&.${tableCellClasses.sorted}`]: {
+      backgroundColor: alpha(hexToRgb($atmo1Color), 0.4)
+    }
+  },
+  ...$variantList && {
+    minHeight: 52,
+    "td&": {
+      height: 52
+    },
+    paddingTop: 0,
+    paddingBottom: 0,
+    ...$variant !== "listactions" && {
+      paddingRight: 0
+    },
+    ...$variant === "listactions" && {
+      paddingRight: theme.space.xs
+    },
+    ...$variant !== "listactions" && {
+      paddingLeft: 32
+    },
+    ...$variant === "listactions" && {
+      paddingLeft: 0
+    },
+    border: 0,
+    ...$type === "body" && {
+      ...getBorderStyles("cell", theme.table.rowBorderColor)
+    }
+  },
+  ...$stickyColumn && {
+    position: "sticky",
+    zIndex: 2,
+    backgroundColor: theme.colors.atmo2,
+    [`&.${tableCellClasses.groupColumnMostRight}+.${tableCellClasses.stickyColumn}`]: {
+      borderLeft: 0
+    },
+    [`&.${tableCellClasses.sorted}`]: {
+      backgroundColor: theme.colors.atmo2,
+      backgroundImage: `linear-gradient(to right, ${alpha(hexToRgb($atmo1Color), 0.4)}, ${alpha(hexToRgb($atmo1Color), 0.4)})`
+    }
+  },
+  ...$stickyColumnMostLeft && {
+    borderRight: `solid 1px ${theme.colors.atmo4}`
+  },
+  ...$stickyColumnLeastRight && {
+    borderLeft: `solid 1px ${theme.colors.atmo4}`
+  },
+  ...$variantListHead && {
+    backgroundColor: "inherit",
+    "td&": {
+      height: 16
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDZWxsL1RhYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVDZWxsQ2xhc3NlcywgSHZUYWJsZUNlbGxDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7XG4gIENTU1Byb3BlcnRpZXMsXG4gIGZvcndhcmRSZWYsXG4gIFRkSFRNTEF0dHJpYnV0ZXMsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgaGV4VG9SZ2IsIGFscGhhIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7XG4gIEh2VGFibGVDZWxsQWxpZ24sXG4gIEh2VGFibGVDZWxsVHlwZSxcbiAgSHZUYWJlbENlbGxWYXJpYW50LFxufSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuaW1wb3J0IHsgY2FwaXRhbGl6ZSB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgZ2V0Qm9yZGVyU3R5bGVzIH0gZnJvbSBcIi4uL3V0aWxzL3V0aWxzXCI7XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVDZWxsUHJvcHMgPSBPbWl0PFRkSFRNTEF0dHJpYnV0ZXM8SFRNTEVsZW1lbnQ+LCBcImFsaWduXCI+ICZcbiAgT21pdDxIdkJhc2VQcm9wcywgXCJjaGlsZHJlblwiPiAmIHtcbiAgICAvKiogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LiBEZWZhdWx0cyB0byB0ZC4gKi9cbiAgICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAgIC8qKiBJbmxpbmUgc3R5bGVzIHRvIGJlIGFwcGxpZWQgdG8gdGhlIHJvb3QgZWxlbWVudC4gKi9cbiAgICBzdHlsZT86IG9iamVjdDtcbiAgICAvKiogU2V0IHRoZSB0ZXh0LWFsaWduIG9uIHRoZSB0YWJsZSBjZWxsIGNvbnRlbnQuICovXG4gICAgYWxpZ24/OiBIdlRhYmxlQ2VsbEFsaWduO1xuICAgIC8qKiBTZXRzIHRoZSBjZWxsJ3MgdmFyaWFudC4gKi9cbiAgICB2YXJpYW50PzogSHZUYWJlbENlbGxWYXJpYW50IHwgXCJsaXN0Y2hlY2tib3hcIiB8IFwibGlzdGFjdGlvbnNcIjtcbiAgICAvKiogU3BlY2lmeSB0aGUgY2VsbCdzIHR5cGUuIFRoZSBwcm9wIGRlZmF1bHRzIHRvIHRoZSB2YWx1ZSBpbmhlcml0ZWQgZnJvbSB0aGUgcGFyZW50IFRhYmxlSGVhZCwgVGFibGVCb2R5LCBvciBUYWJsZUZvb3RlciBjb21wb25lbnRzLiAqL1xuICAgIHR5cGU/OiBIdlRhYmxlQ2VsbFR5cGU7XG4gICAgLyoqIFdoZXRoZXIgb3Igbm90IHRoZSBjZWxsIGlzIHBhcnQgb2YgYSBzb3J0ZWQgY29sdW1uLiAqL1xuICAgIHNvcnRlZD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgYSBzdGlja3kgY29sdW1uLiAqL1xuICAgIHN0aWNreUNvbHVtbj86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGxhc3Qgc3RpY2t5IHRvIHRoZSBsZWZ0IGNvbHVtbi4gKi9cbiAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdD86IGJvb2xlYW47XG4gICAgLyoqIFRoZSBjZWxsIGlzIHBhcnQgb2YgdGhlIGZpcnN0IHN0aWNreSB0byB0aGUgcmlnaHQgY29sdW1uLiAqL1xuICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBmaXJzdCBjb2x1bW4gaW4gdGhlIGdyb3VwLiAqL1xuICAgIGdyb3VwQ29sdW1uTW9zdExlZnQ/OiBib29sZWFuO1xuICAgIC8qKiBUaGUgY2VsbCBpcyBwYXJ0IG9mIHRoZSBsYXN0IGNvbHVtbiBpbiB0aGUgZ3JvdXAuICovXG4gICAgZ3JvdXBDb2x1bW5Nb3N0UmlnaHQ/OiBib29sZWFuO1xuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyByZXNpemFibGUgKi9cbiAgICByZXNpemFibGU/OiBib29sZWFuO1xuICAgIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgY2VsbCBpcyBiZWluZyByZXNpemVkICovXG4gICAgcmVzaXppbmc/OiBib29sZWFuO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2VGFibGVDZWxsQ2xhc3NlcztcbiAgfTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGRcIjtcblxudHlwZSBTdHlsZWRUYWJsZUNlbGxQcm9wcyA9IHtcbiAgJHZhcmlhbnRMaXN0OiBib29sZWFuO1xuICAkdmFyaWFudExpc3RIZWFkOiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uOiBib29sZWFuO1xuICAkc3RpY2t5Q29sdW1uTW9zdExlZnQ6IGJvb2xlYW47XG4gICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0OiBib29sZWFuO1xuICAkZ3JvdXBDb2x1bW5Nb3N0TGVmdDogYm9vbGVhbjtcbiAgJGdyb3VwQ29sdW1uTW9zdFJpZ2h0OiBib29sZWFuO1xuICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAkcmVzaXppbmc6IGJvb2xlYW47XG4gICRhbGlnbjogc3RyaW5nO1xuICAkdmFyaWFudDogc3RyaW5nO1xuICAkdHlwZTogc3RyaW5nO1xuICAkYXRtbzFDb2xvcjogc3RyaW5nO1xufTtcblxuY29uc3QgU3R5bGVkVGFibGVDZWxsID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkdmFyaWFudExpc3QsXG4gICAgICAkdmFyaWFudExpc3RIZWFkLFxuICAgICAgJHN0aWNreUNvbHVtbixcbiAgICAgICRzdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgJGdyb3VwQ29sdW1uTW9zdExlZnQsXG4gICAgICAkZ3JvdXBDb2x1bW5Nb3N0UmlnaHQsXG4gICAgICAkcmVzaXphYmxlLFxuICAgICAgJHJlc2l6aW5nLFxuICAgICAgJGFsaWduLFxuICAgICAgJHZhcmlhbnQsXG4gICAgICAkdHlwZSxcbiAgICAgICRhdG1vMUNvbG9yLFxuICAgIH06IFN0eWxlZFRhYmxlQ2VsbFByb3BzKSA9PiAoe1xuICAgICAgLy8gcm9vdFxuICAgICAgdmVydGljYWxBbGlnbjogXCJpbmhlcml0XCIsXG4gICAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZyg0KSxcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuXG4gICAgICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVzaXppbmcgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDJweCAke3RoZW1lLmNvbG9ycy5hY2NlMX1gLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkZ3JvdXBDb2x1bW5Nb3N0TGVmdCAmJiB7XG4gICAgICAgIGJvcmRlckxlZnQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgICBcIiY6Zmlyc3QtY2hpbGRcIjoge1xuICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkZ3JvdXBDb2x1bW5Nb3N0UmlnaHQgJiYge1xuICAgICAgICBib3JkZXJSaWdodDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuXG4gICAgICAgIC8vIGR1ZSB0byB0aGUgXCI6aGFzKClcIiBzZWxlY3RvciBub3QgYmVpbmcgc3VwcG9ydGVkIGluIGJyb3dzZXJzLFxuICAgICAgICAvLyB0aGlzIG5lZWQgdG8gYmUgbWFuYWdlZCB3aXRoIGlubGluZSBzdHlsZXNcbiAgICAgICAgLy8gVG8gYmUgdW5jb21tZW50ZWQgd2hlbiBub3QgbmVlZGVkIChzZWUgY29tbWVudCBpbiBzcmMvVGFibGUvaG9va3MvdXNlU3RpY2t5LmpzKVxuICAgICAgICAvLyBcIiY6bGFzdC1jaGlsZCwmOmhhcygrICRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0KVwiOiB7XG4gICAgICAgIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICAgICAgICBib3JkZXJSaWdodDogMCxcbiAgICAgICAgfSxcblxuICAgICAgICBbYCYrOm5vdCguJHt0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbn0pYF06IHtcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG5cbiAgICAgIC8vIGFsaWduXG4gICAgICAuLi4oJGFsaWduID09PSBcImNlbnRlclwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgfSksXG4gICAgICAuLi4oJGFsaWduID09PSBcImp1c3RpZnlcIiAmJiB7XG4gICAgICAgIHRleHRBbGlnbjogXCJqdXN0aWZ5XCIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkYWxpZ24gPT09IFwibGVmdFwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRhbGlnbiA9PT0gXCJyaWdodFwiICYmIHtcbiAgICAgICAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93LXJldmVyc2VcIixcbiAgICAgIH0pLFxuXG4gICAgICAvLyB2YXJpYW50XG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiY2hlY2tib3hcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIHdpZHRoOiAzMixcbiAgICAgICAgbWF4V2lkdGg6IDMyLFxuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImFjdGlvbnNcIiAmJiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIHdpZHRoOiAzMixcbiAgICAgICAgbWF4V2lkdGg6IDMyLFxuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMXB4ICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJub25lXCIgJiYge1xuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgfSksXG4gICAgICAuLi4oJHZhcmlhbnQgPT09IFwiZXhwYW5kXCIgJiYge1xuICAgICAgICBwYWRkaW5nTGVmdDogMCxcbiAgICAgICAgcGFkZGluZ1RvcDogMCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RjaGVja2JveFwiICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAycHggJHt0aGVtZS5jb2xvcnMuYXRtbzJ9YCxcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICB3aWR0aDogMzQsXG4gICAgICAgIG1heFdpZHRoOiAzNCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR2YXJpYW50ID09PSBcImxpc3RhY3Rpb25zXCIgJiYge1xuICAgICAgICBib3JkZXJMZWZ0OiBgc29saWQgMnB4IHJlZGAsIC8vJHt0aGVtZS5jb2xvcnMuYXRtbzJ9YCxcbiAgICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgICB3aWR0aDogMTM4LFxuICAgICAgICBtYXhXaWR0aDogMTM4LFxuICAgICAgfSksXG5cbiAgICAgIC8vIHR5cGVcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJoZWFkXCIgJiYge1xuICAgICAgICBoZWlnaHQ6IDUyLFxuICAgICAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJHZhcmlhbnRMaXN0ID8gXCJpbmhlcml0XCIgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIGJvcmRlclRvcDogJHZhcmlhbnRMaXN0XG4gICAgICAgICAgPyAwXG4gICAgICAgICAgOiBgMXB4IHNvbGlkICR7dGhlbWUudGFibGUuaGVhZGVyQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgICAgYm9yZGVyQm90dG9tOiAkdmFyaWFudExpc3QgPyAwIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCR0eXBlID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgIG1pbkhlaWdodDogMzIsXG4gICAgICAgIFwidGQmXCI6IHtcbiAgICAgICAgICBoZWlnaHQ6IDMyLFxuICAgICAgICB9LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuXG4gICAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhbHBoYShoZXhUb1JnYigkYXRtbzFDb2xvciksIDAuNCksXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkdmFyaWFudExpc3QgJiYge1xuICAgICAgICBtaW5IZWlnaHQ6IDUyLFxuICAgICAgICBcInRkJlwiOiB7XG4gICAgICAgICAgaGVpZ2h0OiA1MixcbiAgICAgICAgfSxcbiAgICAgICAgcGFkZGluZ1RvcDogMCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMCxcbiAgICAgICAgLi4uKCR2YXJpYW50ICE9PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nUmlnaHQ6IDAgfSksXG4gICAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyB9KSxcbiAgICAgICAgLi4uKCR2YXJpYW50ICE9PSBcImxpc3RhY3Rpb25zXCIgJiYgeyBwYWRkaW5nTGVmdDogMzIgfSksXG4gICAgICAgIC4uLigkdmFyaWFudCA9PT0gXCJsaXN0YWN0aW9uc1wiICYmIHsgcGFkZGluZ0xlZnQ6IDAgfSksXG4gICAgICAgIGJvcmRlcjogMCxcbiAgICAgICAgLi4uKCR0eXBlID09PSBcImJvZHlcIiAmJiB7XG4gICAgICAgICAgLi4uZ2V0Qm9yZGVyU3R5bGVzKFwiY2VsbFwiLCB0aGVtZS50YWJsZS5yb3dCb3JkZXJDb2xvciksXG4gICAgICAgIH0pLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkc3RpY2t5Q29sdW1uICYmIHtcbiAgICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgICAgIHpJbmRleDogMixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG5cbiAgICAgICAgW2AmLiR7dGFibGVDZWxsQ2xhc3Nlcy5ncm91cENvbHVtbk1vc3RSaWdodH0rLiR7dGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW59YF06XG4gICAgICAgICAge1xuICAgICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgICB9LFxuXG4gICAgICAgIFtgJi4ke3RhYmxlQ2VsbENsYXNzZXMuc29ydGVkfWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2FscGhhKFxuICAgICAgICAgICAgaGV4VG9SZ2IoJGF0bW8xQ29sb3IpLFxuICAgICAgICAgICAgMC40XG4gICAgICAgICAgKX0sICR7YWxwaGEoaGV4VG9SZ2IoJGF0bW8xQ29sb3IpLCAwLjQpfSlgLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbk1vc3RMZWZ0ICYmIHtcbiAgICAgICAgYm9yZGVyUmlnaHQ6IGBzb2xpZCAxcHggJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRzdGlja3lDb2x1bW5MZWFzdFJpZ2h0ICYmIHtcbiAgICAgICAgYm9yZGVyTGVmdDogYHNvbGlkIDFweCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkdmFyaWFudExpc3RIZWFkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgICAgICAgXCJ0ZCZcIjoge1xuICAgICAgICAgIGhlaWdodDogMTYsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIGBIdlRhYmxlQ2VsbGAgYWN0cyBhcyBhIGB0ZGAgZWxlbWVudCBhbmQgaW5oZXJpdHMgc3R5bGVzIGZyb20gaXRzIGNvbnRleHRcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVDZWxsID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUNlbGxQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIHN0eWxlLFxuICAgICAgY2xhc3NlcyxcbiAgICAgIGFsaWduID0gXCJpbmhlcml0XCIsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICB0eXBlOiB0eXBlUHJvcCxcbiAgICAgIHN0aWNreUNvbHVtbiA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbkxlYXN0UmlnaHQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdExlZnQgPSBmYWxzZSxcbiAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ID0gZmFsc2UsXG4gICAgICBzb3J0ZWQgPSBmYWxzZSxcbiAgICAgIHJlc2l6YWJsZSA9IGZhbHNlLFxuICAgICAgcmVzaXppbmcgPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgZXh0ZXJuYWxSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgeyBhY3RpdmVUaGVtZSwgc2VsZWN0ZWRNb2RlIH0gPSB1c2VDb250ZXh0KEh2VGhlbWVDb250ZXh0KTtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG4gICAgY29uc3QgdGFibGVTZWN0aW9uQ29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVTZWN0aW9uQ29udGV4dCk7XG5cbiAgICBjb25zdCB0eXBlID0gdHlwZVByb3AgfHwgdGFibGVTZWN0aW9uQ29udGV4dD8udHlwZSB8fCBcImJvZHlcIjtcblxuICAgIGNvbnN0IENvbXBvbmVudCA9XG4gICAgICBjb21wb25lbnQgfHwgdGFibGVDb250ZXh0Py5jb21wb25lbnRzPy5UZCB8fCBkZWZhdWx0Q29tcG9uZW50O1xuXG4gICAgY29uc3QgVGFibGVDZWxsID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZUNlbGwoQ29tcG9uZW50KSwgW0NvbXBvbmVudF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNlbGxcbiAgICAgICAgcmVmPXtleHRlcm5hbFJlZn1cbiAgICAgICAgcm9sZT17Q29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwiY2VsbFwifVxuICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlc1t0eXBlXSxcbiAgICAgICAgICBjbGFzc2VzICYmIGNsYXNzZXNbdHlwZV0sXG5cbiAgICAgICAgICBhbGlnbiAhPT0gXCJpbmhlcml0XCIgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYGFsaWduJHtjYXBpdGFsaXplKGFsaWduKX1gXSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uW2BhbGlnbiR7Y2FwaXRhbGl6ZShhbGlnbil9YF1cbiAgICAgICAgICAgICksXG4gICAgICAgICAgdmFyaWFudCAhPT0gXCJkZWZhdWx0XCIgJiZcbiAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgIHRhYmxlQ2VsbENsYXNzZXNbYHZhcmlhbnQke2NhcGl0YWxpemUodmFyaWFudCl9YF0sXG4gICAgICAgICAgICAgIGNsYXNzZXM/LltgdmFyaWFudCR7Y2FwaXRhbGl6ZSh2YXJpYW50KX1gXVxuICAgICAgICAgICAgKSxcblxuICAgICAgICAgIHRhYmxlQ29udGV4dC52YXJpYW50ID09PSBcImxpc3Ryb3dcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnZhcmlhbnRMaXN0LCBjbGFzc2VzPy52YXJpYW50TGlzdCksXG4gICAgICAgICAgdGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICB0eXBlICE9PSBcImJvZHlcIiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnZhcmlhbnRMaXN0SGVhZCwgY2xhc3Nlcz8udmFyaWFudExpc3RIZWFkKSxcbiAgICAgICAgICBzb3J0ZWQgJiYgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnNvcnRlZCwgY2xhc3Nlcz8uc29ydGVkKSxcblxuICAgICAgICAgIHN0aWNreUNvbHVtbiAmJlxuICAgICAgICAgICAgY2xzeCh0YWJsZUNlbGxDbGFzc2VzLnN0aWNreUNvbHVtbiwgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uKSxcbiAgICAgICAgICBzdGlja3lDb2x1bW5Nb3N0TGVmdCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5Nb3N0TGVmdCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uc3RpY2t5Q29sdW1uTW9zdExlZnRcbiAgICAgICAgICAgICksXG4gICAgICAgICAgc3RpY2t5Q29sdW1uTGVhc3RSaWdodCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zdGlja3lDb2x1bW5MZWFzdFJpZ2h0XG4gICAgICAgICAgICApLFxuXG4gICAgICAgICAgZ3JvdXBDb2x1bW5Nb3N0TGVmdCAmJlxuICAgICAgICAgICAgY2xzeChcbiAgICAgICAgICAgICAgdGFibGVDZWxsQ2xhc3Nlcy5ncm91cENvbHVtbk1vc3RMZWZ0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RMZWZ0XG4gICAgICAgICAgICApLFxuICAgICAgICAgIGdyb3VwQ29sdW1uTW9zdFJpZ2h0ICYmXG4gICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICB0YWJsZUNlbGxDbGFzc2VzLmdyb3VwQ29sdW1uTW9zdFJpZ2h0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5ncm91cENvbHVtbk1vc3RSaWdodFxuICAgICAgICAgICAgKSxcblxuICAgICAgICAgIHJlc2l6YWJsZSAmJiBjbHN4KHRhYmxlQ2VsbENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlc2l6aW5nICYmIGNsc3godGFibGVDZWxsQ2xhc3Nlcy5yZXNpemluZywgY2xhc3Nlcz8ucmVzaXppbmcpXG4gICAgICAgICl9XG4gICAgICAgICR2YXJpYW50TGlzdD17dGFibGVDb250ZXh0LnZhcmlhbnQgPT09IFwibGlzdHJvd1wifVxuICAgICAgICAkdmFyaWFudExpc3RIZWFkPXt0YWJsZUNvbnRleHQudmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiYgdHlwZSAhPT0gXCJib2R5XCJ9XG4gICAgICAgICRzb3J0ZWQ9e3NvcnRlZH1cbiAgICAgICAgJHN0aWNreUNvbHVtbj17c3RpY2t5Q29sdW1ufVxuICAgICAgICAkc3RpY2t5Q29sdW1uTW9zdExlZnQ9e3N0aWNreUNvbHVtbk1vc3RMZWZ0fVxuICAgICAgICAkc3RpY2t5Q29sdW1uTGVhc3RSaWdodD17c3RpY2t5Q29sdW1uTGVhc3RSaWdodH1cbiAgICAgICAgJGdyb3VwQ29sdW1uTW9zdExlZnQ9e2dyb3VwQ29sdW1uTW9zdExlZnR9XG4gICAgICAgICRncm91cENvbHVtbk1vc3RSaWdodD17Z3JvdXBDb2x1bW5Nb3N0UmlnaHR9XG4gICAgICAgICRyZXNpemFibGU9e3Jlc2l6YWJsZX1cbiAgICAgICAgJHJlc2l6aW5nPXtyZXNpemluZ31cbiAgICAgICAgJGFsaWduPXthbGlnbn1cbiAgICAgICAgJHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICR0eXBlPXt0eXBlfVxuICAgICAgICAkYXRtbzFDb2xvcj17XG4gICAgICAgICAgYWN0aXZlVGhlbWU/LmNvbG9ycz8ubW9kZXNbc2VsZWN0ZWRNb2RlXS5hdG1vMSB8fCB0aGVtZS5jb2xvcnMuYXRtbzFcbiAgICAgICAgfVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhYmxlQ2VsbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
+const HvTableCell = forwardRef(({
+  children,
+  component,
+  className,
+  style,
+  classes,
+  align = "inherit",
+  variant = "default",
+  type: typeProp,
+  stickyColumn = false,
+  stickyColumnMostLeft = false,
+  stickyColumnLeastRight = false,
+  groupColumnMostLeft = false,
+  groupColumnMostRight = false,
+  sorted = false,
+  resizable = false,
+  resizing = false,
+  ...others
+}, externalRef) => {
+  var _a, _b;
+  const {
+    activeTheme,
+    selectedMode
+  } = useContext(HvThemeContext);
+  const tableContext = useContext(TableContext);
+  const tableSectionContext = useContext(TableSectionContext);
+  const type = typeProp || (tableSectionContext == null ? void 0 : tableSectionContext.type) || "body";
+  const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.Td) || defaultComponent;
+  const TableCell = useMemo(() => StyledTableCell(Component), [Component]);
+  return /* @__PURE__ */ jsx(TableCell, {
+    ref: externalRef,
+    role: Component === defaultComponent ? null : "cell",
+    style,
+    className: clsx(className, tableCellClasses.root, classes == null ? void 0 : classes.root, tableCellClasses[type], classes && classes[type], align !== "inherit" && clsx(tableCellClasses[`align${capitalize(align)}`], classes == null ? void 0 : classes[`align${capitalize(align)}`]), variant !== "default" && clsx(tableCellClasses[`variant${capitalize(variant)}`], classes == null ? void 0 : classes[`variant${capitalize(variant)}`]), tableContext.variant === "listrow" && clsx(tableCellClasses.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx(tableCellClasses.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx(tableCellClasses.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx(tableCellClasses.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx(tableCellClasses.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx(tableCellClasses.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx(tableCellClasses.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx(tableCellClasses.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx(tableCellClasses.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx(tableCellClasses.resizing, classes == null ? void 0 : classes.resizing)),
+    $variantList: tableContext.variant === "listrow",
+    $variantListHead: tableContext.variant === "listrow" && type !== "body",
+    $sorted: sorted,
+    $stickyColumn: stickyColumn,
+    $stickyColumnMostLeft: stickyColumnMostLeft,
+    $stickyColumnLeastRight: stickyColumnLeastRight,
+    $groupColumnMostLeft: groupColumnMostLeft,
+    $groupColumnMostRight: groupColumnMostRight,
+    $resizable: resizable,
+    $resizing: resizing,
+    $align: align,
+    $variant: variant,
+    $type: type,
+    $atmo1Color: ((_b = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _b.modes[selectedMode].atmo1) || theme.colors.atmo1,
+    ...others,
+    children
+  });
+});
+export {
+  HvTableCell
+};
+//# sourceMappingURL=TableCell.js.map

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

@@ -0,0 +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  HvTabelCellVariant,\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?: object;\n    /** Set the text-align on the table cell content. */\n    align?: HvTableCellAlign;\n    /** Sets the cell's variant. */\n    variant?: HvTabelCellVariant | \"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 empty state 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-child\": {\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 && classes[type],\n\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\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\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\n          groupColumnMostLeft &&\n            clsx(\n              tableCellClasses.groupColumnMostLeft,\n              classes?.groupColumnMostLeft\n            ),\n          groupColumnMostRight &&\n            clsx(\n              tableCellClasses.groupColumnMostRight,\n              classes?.groupColumnMostRight\n            ),\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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"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "head", "body", "footer", "stickyColumn", "stickyColumnMostLeft", "stickyColumnLeastRight", "groupColumnMostLeft", "groupColumnMostRight", "sorted", "sortIcon", "alignLeft", "alignRight", "alignCenter", "alignJustify", "variantCheckbox", "variantExpand", "variantActions", "variantNone", "variantList", "variantListactions", "variantListcheckbox", "variantListHead", "resizable", "resizing"];
+const tableCellClasses = getClasses(classKeys, "HvTableCell");
+const tableCellClasses$1 = tableCellClasses;
+export {
+  tableCellClasses$1 as default
+};
+//# sourceMappingURL=tableCellClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableCellClasses.js","sources":["../../../../../src/components/Table/TableCell/tableCellClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTableCellClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the cell when it's in the table head. */\n  head?: string;\n  /** Styles applied to the cell when it's in the table body. */\n  body?: string;\n  /** Styles applied to the cell when it's in the table footer. */\n  footer?: string;\n  /** Styles applied to the cell when it's part of a sticky column. */\n  stickyColumn?: string;\n  /** Styles applied to the cell when it's part of the last sticky to the left column. */\n  stickyColumnMostLeft?: string;\n  /** Styles applied to the cell when it's part of the first right sticky column. */\n  stickyColumnLeastRight?: string;\n  /** Styles applied to the cell when it's part of the first column in the group. */\n  groupColumnMostLeft?: string;\n  /** Styles applied to the cell when it's part of the last column in the group. */\n  groupColumnMostRight?: string;\n  /** Styles applied to the cell when it's part of a sorted column. */\n  sorted?: string;\n  /** Styles applied to the sort icon. */\n  sortIcon?: string;\n  /** Styles applied to the component root when it is left aligned */\n  alignLeft?: string;\n  /** Styles applied to the component root when it is right aligned */\n  alignRight?: string;\n  /** Styles applied to the component root when it is center aligned */\n  alignCenter?: string;\n  /** Styles applied to the component root when it is justified */\n  alignJustify?: string;\n  /** Styles applied to the component root when its variant is checkbox */\n  variantCheckbox?: string;\n  /** Styles applied to the component root when its variant is expand */\n  variantExpand?: string;\n  /** Styles applied to the component root when its variant is actions */\n  variantActions?: string;\n  /** Styles applied to the component root when its variant is none */\n  variantNone?: string;\n  /** Styles applied to the component root when its variant is list */\n  variantList?: string;\n  /** Styles applied to the cell when its variant is list and actions. */\n  variantListactions?: string;\n  /** Styles applied to the cell when its variant is list and checkbox. */\n  variantListcheckbox?: string;\n  /** Styles applied to the cell when its variant is list and the type is head . */\n  variantListHead?: string;\n  /** Styles applied to the cell when it's part of a resizable column. */\n  resizable?: string;\n  /** Styles applied to the cell when it's part of a resizing column. */\n  resizing?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"head\",\n  \"body\",\n  \"footer\",\n  \"stickyColumn\",\n  \"stickyColumnMostLeft\",\n  \"stickyColumnLeastRight\",\n  \"groupColumnMostLeft\",\n  \"groupColumnMostRight\",\n  \"sorted\",\n  \"sortIcon\",\n  \"alignLeft\",\n  \"alignRight\",\n  \"alignCenter\",\n  \"alignJustify\",\n  \"variantCheckbox\",\n  \"variantExpand\",\n  \"variantActions\",\n  \"variantNone\",\n  \"variantList\",\n  \"variantListactions\",\n  \"variantListcheckbox\",\n  \"variantListHead\",\n  \"resizable\",\n  \"resizing\",\n];\n\nconst tableCellClasses = getClasses<HvTableCellClasses>(\n  classKeys,\n  \"HvTableCell\"\n);\n\nexport default tableCellClasses;\n"],"names":["classKeys","tableCellClasses","getClasses"],"mappings":";AAuDA,MAAMA,YAAsB,CAC1B,QACA,QACA,QACA,UACA,gBACA,wBACA,0BACA,uBACA,wBACA,UACA,YACA,aACA,cACA,eACA,gBACA,mBACA,iBACA,kBACA,eACA,eACA,sBACA,uBACA,mBACA,aACA,UAAU;AAGZ,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

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

@@ -0,0 +1,40 @@
+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).";
+}
+const StyledTableContainer = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV === "production" ? {
+  target: "e12doz4i0"
+} : {
+  target: "e12doz4i0",
+  label: "StyledTableContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zh4zxs",
+  styles: "width:100%;overflow:auto;padding-bottom:3px"
+} : {
+  name: "zh4zxs",
+  styles: "width:100%;overflow:auto;padding-bottom:3px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVDb250YWluZXIvVGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlQ29udGFpbmVyL1RhYmxlQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB0YWJsZUNvbnRhaW5lckNsYXNzZXMsIEh2VGFibGVDb250YWluZXJDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZUNvbnRhaW5lclByb3BzID0gT21pdDxIdkJhc2VQcm9wcywgXCJjaGlsZHJlblwiPiAmIHtcbiAgLyoqXG4gICAqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuXG4gICAqIERlZmF1bHRzIHRvIHRib2R5LlxuICAgKi9cbiAgY29tcG9uZW50PzogUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQ29udGFpbmVyQ2xhc3Nlcztcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlQ29udGFpbmVyID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIC8vIGV4dHJhIHBhZGRpbmcgdG8gYXZvaWQgY3V0dGluZyBmb2N1cyByaW5ncyBpbiB0aGUgbGFzdCBsaW5lXG4gICAgcGFkZGluZ0JvdHRvbTogMyxcbiAgfSk7XG5cbi8qKlxuICogSHZUYWJsZUNvbnRhaW5lciBpcyBhIGNvbnRhaW5lciBmb3IgdGhlIEh2VGFibGVcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVDb250YWluZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlQ29udGFpbmVyUHJvcHM+KFxuICAoeyBjbGFzc2VzLCBjbGFzc05hbWUsIGNvbXBvbmVudCwgLi4ub3RoZXJzIH0sIGV4dGVybmFsUmVmKSA9PiB7XG4gICAgY29uc3QgQ29tcG9uZW50ID0gY29tcG9uZW50IHx8IFwiZGl2XCI7XG5cbiAgICBjb25zdCBUYWJsZUNvbnRhaW5lciA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBTdHlsZWRUYWJsZUNvbnRhaW5lcihDb21wb25lbnQpLFxuICAgICAgW0NvbXBvbmVudF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNvbnRhaW5lclxuICAgICAgICByZWY9e2V4dGVybmFsUmVmfVxuICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVDb250YWluZXJDbGFzc2VzLnJvb3QsIGNsYXNzZXM/LnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAvPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const HvTableContainer = forwardRef(({
+  classes,
+  className,
+  component,
+  ...others
+}, 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
+  });
+});
+export {
+  HvTableContainer
+};
+//# sourceMappingURL=TableContainer.js.map

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

@@ -0,0 +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 empty state 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;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root"];
+const tableContainerClasses = getClasses(classKeys, "HvTableContainer");
+const tableContainerClasses$1 = tableContainerClasses;
+export {
+  tableContainerClasses$1 as default
+};
+//# sourceMappingURL=tableContainerClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableContainerClasses.js","sources":["../../../../../src/components/Table/TableContainer/tableContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTableContainerClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst tableContainerClasses = getClasses<HvTableContainerClasses>(\n  classKeys,\n  \"HvTableContainer\"\n);\n\nexport default tableContainerClasses;\n"],"names":["classKeys","tableContainerClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,wBAAwBC,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}

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

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+const TableContext = createContext({});
+const TableContext$1 = TableContext;
+export {
+  TableContext$1 as default
+};
+//# sourceMappingURL=TableContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sources":["../../../../src/components/Table/TableContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport type TableContextProps = {\n  components?: any;\n  variant?: string;\n};\n\nconst TableContext = createContext<TableContextProps>({});\n\nexport default TableContext;\n"],"names":["TableContext","createContext"],"mappings":";AAOA,MAAMA,eAAeC,cAAiC,CAAA,CAAE;AAExD,MAAA,iBAAeD;"}

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

@@ -0,0 +1,66 @@
+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) {
+    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 tableSectionContext = {
+  type: "head"
+};
+const defaultComponent = "thead";
+const StyledTableHead = (c) => /* @__PURE__ */ _styled(c, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e122w5bu0"
+}, transientOptions) : _extends({}, {
+  target: "e122w5bu0",
+  label: "StyledTableHead"
+}, transientOptions))(({
+  $stickyHeader
+}) => ({
+  ...$stickyHeader && {
+    position: "sticky",
+    zIndex: 3,
+    top: 0
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVIZWFkL1RhYmxlSGVhZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVIZWFkQ2xhc3NlcywgSHZUYWJsZUhlYWRDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNvbnRleHQsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgVGFibGVTZWN0aW9uQ29udGV4dCBmcm9tIFwiLi4vVGFibGVTZWN0aW9uQ29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlSGVhZFByb3BzID0gT21pdDxIdkJhc2VQcm9wcywgXCJjaGlsZHJlblwiPiAmIHtcbiAgLyoqXG4gICAqIENvbnRlbnQgdG8gYmUgcmVuZGVyZWRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuXG4gICAqIERlZmF1bHRzIHRvIHRoZWFkLlxuICAgKi9cbiAgY29tcG9uZW50PzogUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKlxuICAgKiBUaGUgdGFibGUgaGFzIHN0aWNreSBoZWFkZXJzLlxuICAgKi9cbiAgc3RpY2t5SGVhZGVyPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVIZWFkQ2xhc3Nlcztcbn07XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiaGVhZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGhlYWRcIjtcblxuY29uc3QgU3R5bGVkVGFibGVIZWFkID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKCh7ICRzdGlja3lIZWFkZXIgfTogeyAkc3RpY2t5SGVhZGVyOiBib29sZWFuIH0pID0+ICh7XG4gICAgLi4uKCRzdGlja3lIZWFkZXIgJiYge1xuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgICB6SW5kZXg6IDMsXG4gICAgICB0b3A6IDAsXG4gICAgfSksXG4gIH0pKTtcblxuLyoqXG4gKiBIdlRhYmxlSGVhZCBhY3RzIGFzIGEgYHRoZWFkYCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgaGVhZGVyLXNwZWNpZmljIHN0eWxlc1xuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZUhlYWQgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlSGVhZFByb3BzPihcbiAgKHsgY2xhc3NlcywgY2xhc3NOYW1lLCBjb21wb25lbnQsIHN0aWNreUhlYWRlciwgLi4ub3RoZXJzIH0sIGV4dGVybmFsUmVmKSA9PiB7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRIZWFkIHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUhlYWQgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlSGVhZChDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlU2VjdGlvbkNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3RhYmxlU2VjdGlvbkNvbnRleHR9PlxuICAgICAgICA8VGFibGVIZWFkXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHRhYmxlSGVhZENsYXNzZXMucm9vdCwgY2xhc3Nlcz8ucm9vdCwgY2xhc3NOYW1lKX1cbiAgICAgICAgICByZWY9e2V4dGVybmFsUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgJHN0aWNreUhlYWRlcj17c3RpY2t5SGVhZGVyfVxuICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgIC8+XG4gICAgICA8L1RhYmxlU2VjdGlvbkNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+const HvTableHead = forwardRef(({
+  classes,
+  className,
+  component,
+  stickyHeader,
+  ...others
+}, externalRef) => {
+  var _a;
+  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),
+      ref: externalRef,
+      role: Component === defaultComponent ? null : "rowgroup",
+      $stickyHeader: stickyHeader,
+      ...others
+    })
+  });
+});
+export {
+  HvTableHead
+};
+//# sourceMappingURL=TableHead.js.map

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

@@ -0,0 +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 empty state 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(tableHeadClasses.root, classes?.root, className)}\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,y1GAAA;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,KAAKC,iBAAiBC,MAAMrB,mCAASqB,MAAMpB,SAAS;AAAA,MAC/DqB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEiB;AAEnC,CAAC;"}