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

package/dist/cjs/components/Switch/Switch.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const Switch_styles = require("./Switch.styles.cjs");
 const switchClasses = require("./switchClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const BaseSwitch = require("../BaseSwitch/BaseSwitch.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
@@ -58,51 +58,18 @@ const HvSwitch = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Switch_styles.StyledFormElement, {
-    id,
-    name,
-    status: validationState,
-    disabled,
-    required,
-    readOnly,
-    className: clsx__default.default(className, switchClasses.default.root, classes == null ? void 0 : classes.root),
-    children: [label && /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledLabel, {
-      id: setId.setId(elementId, "label"),
-      htmlFor: setId.setId(elementId, "input"),
-      label,
-      className: clsx__default.default(switchClasses.default.label, classes == null ? void 0 : classes.label),
-      ...labelProps
-    }), /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledSwitchContainer, {
-      className: clsx__default.default(switchClasses.default.switchContainer, classes == null ? void 0 : classes.switchContainer, isStateInvalid && clsx__default.default(switchClasses.default.invalidSwitch, classes == null ? void 0 : classes.invalidSwitch)),
-      $invalid: isStateInvalid,
-      children: /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch.HvBaseSwitch, {
-        id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-        name,
-        disabled,
-        readOnly,
-        required,
-        onChange: onLocalChange,
-        value,
-        checked: isChecked,
-        inputProps: {
-          "aria-invalid": isStateInvalid ? true : void 0,
-          "aria-errormessage": errorMessageId,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy,
-          "aria-describedby": ariaDescribedBy,
-          ...inputProps
-        },
-        ...others
-      })
-    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
-      id: setId.setId(elementId, "error"),
-      className: clsx__default.default(switchClasses.default.error, classes == null ? void 0 : classes.error),
-      disableBorder: true,
-      disableAdornment: true,
-      hideText: true,
-      children: validationMessage
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Switch_styles.StyledFormElement, { id, name, status: validationState, disabled, required, readOnly, className: clsx__default.default(className, switchClasses.default.root, classes == null ? void 0 : classes.root), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledLabel, { id: setId.setId(elementId, "label"), htmlFor: setId.setId(elementId, "input"), label, className: clsx__default.default(switchClasses.default.label, classes == null ? void 0 : classes.label), ...labelProps }),
+    /* @__PURE__ */ jsxRuntime.jsx(Switch_styles.StyledSwitchContainer, { className: clsx__default.default(switchClasses.default.switchContainer, classes == null ? void 0 : classes.switchContainer, isStateInvalid && clsx__default.default(switchClasses.default.invalidSwitch, classes == null ? void 0 : classes.invalidSwitch)), $invalid: isStateInvalid, children: /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch.HvBaseSwitch, { id: label ? setId.setId(elementId, "input") : setId.setId(id, "input"), name, disabled, readOnly, required, onChange: onLocalChange, value, checked: isChecked, inputProps: {
+      "aria-invalid": isStateInvalid ? true : void 0,
+      "aria-errormessage": errorMessageId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      ...inputProps
+    }, ...others }) }),
+    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), className: clsx__default.default(switchClasses.default.error, classes == null ? void 0 : classes.error), disableBorder: true, disableAdornment: true, hideText: true, children: validationMessage })
+  ] });
 };
 exports.HvSwitch = HvSwitch;
 //# sourceMappingURL=Switch.cjs.map

package/dist/cjs/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport type HvSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvSwitchClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * The label of the form element.\n     *\n     * The form element must be labeled for accessibility reasons.\n     * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: HvLabelProps;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required on the form element.\n     */\n    required?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The status of the form element.\n     *\n     * Valid is correct, invalid is incorrect and standBy means no validations have run.\n     *\n     * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n     * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n     */\n    status?: HvFormStatus;\n    /**\n     * The error message to show when the validation status is \"invalid\".\n     *\n     * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the switch.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  HvWarningText,\n  HvBaseSwitch,\n  HvLabelProps,\n  HvFormStatus,\n} from \"components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n  StyledFormElement,\n  StyledLabel,\n  StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport type HvSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvSwitchClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * The label of the form element.\n     *\n     * The form element must be labeled for accessibility reasons.\n     * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: HvLabelProps;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required on the form element.\n     */\n    required?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The status of the form element.\n     *\n     * Valid is correct, invalid is incorrect and standBy means no validations have run.\n     *\n     * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n     * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n     */\n    status?: HvFormStatus;\n    /**\n     * The error message to show when the validation status is \"invalid\".\n     *\n     * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the switch.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, switchClasses.root, classes?.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(switchClasses.label, classes?.label)}\n          {...labelProps}\n        />\n      )}\n      <StyledSwitchContainer\n        className={clsx(\n          switchClasses.switchContainer,\n          classes?.switchContainer,\n          isStateInvalid &&\n            clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n        )}\n        $invalid={isStateInvalid}\n      >\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </StyledSwitchContainer>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(switchClasses.error, classes?.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","jsx","StyledLabel","StyledSwitchContainer","switchContainer","invalidSwitch","HvBaseSwitch","HvWarningText","error"],"mappings":"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"}

package/dist/cjs/components/Tab/Tab.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Tab_styles = require("./Tab.styles.cjs");
 const tabClasses = require("./tabClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvTab = ({
@@ -12,19 +12,22 @@ const HvTab = ({
   disabled = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tab_styles.StyledTab, {
-    classes: {
-      root: clsx__default.default(tabClasses.default.root, classes == null ? void 0 : classes.root),
-      selected: clsx__default.default(tabClasses.default.selected, classes == null ? void 0 : classes.selected),
-      disabled: clsx__default.default(tabClasses.default.disabled, classes == null ? void 0 : classes.disabled)
-    },
-    disableRipple: true,
-    disableTouchRipple: true,
-    focusVisibleClassName: clsx__default.default("HvIsFocusVisible", clsx__default.default(tabClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)),
-    disabled,
-    iconPosition,
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tab_styles.StyledTab,
+    {
+      classes: {
+        root: clsx__default.default(tabClasses.default.root, classes == null ? void 0 : classes.root),
+        selected: clsx__default.default(tabClasses.default.selected, classes == null ? void 0 : classes.selected),
+        disabled: clsx__default.default(tabClasses.default.disabled, classes == null ? void 0 : classes.disabled)
+      },
+      disableRipple: true,
+      disableTouchRipple: true,
+      focusVisibleClassName: clsx__default.default("HvIsFocusVisible", clsx__default.default(tabClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)),
+      disabled,
+      iconPosition,
+      ...others
+    }
+  );
 };
 exports.HvTab = HvTab;
 //# sourceMappingURL=Tab.cjs.map

package/dist/cjs/components/Tab/Tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport type HvTabProps = Omit<MuiTabProps, \"children\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** If `true`, the tab will be disabled. */\n    disabled?: boolean;\n    /** The icon element. */\n    icon?: React.ReactElement | string;\n    /** The label element. */\n    label?: React.ReactNode;\n    /** The position of the icon relative to the label. */\n    iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n    /** A Jss Object used to override or extend the component styles. */\n    classes?: HvTabClasses;\n  };\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;;;;;AAqBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,KACRC;AACO,MAAM;AAChB,wCACGC,WAAAA,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,cAAAA,QAAKC,WAAAA,QAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,cAAAA,QAAKC,WAAAA,QAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,cAAAA,QAAKC,WAAAA,QAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,cAAAA,QACrB,oBACAA,cAAAA,QAAKC,mBAAWK,cAAcZ,mCAASY,YAAY,CAAC;AAAA,IAEtDV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport type HvTabProps = Omit<MuiTabProps, \"children\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** If `true`, the tab will be disabled. */\n    disabled?: boolean;\n    /** The icon element. */\n    icon?: React.ReactElement | string;\n    /** The label element. */\n    label?: React.ReactNode;\n    /** The position of the icon relative to the label. */\n    iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n    /** A Jss Object used to override or extend the component styles. */\n    classes?: HvTabClasses;\n  };\n\nexport const HvTab = ({\n  classes,\n  iconPosition = \"top\",\n  disabled = false,\n  ...others\n}: HvTabProps) => {\n  return (\n    <StyledTab\n      classes={{\n        root: clsx(tabClasses.root, classes?.root),\n        selected: clsx(tabClasses.selected, classes?.selected),\n        disabled: clsx(tabClasses.disabled, classes?.disabled),\n      }}\n      disableRipple\n      disableTouchRipple\n      // Exposes the global class HvIsFocusVisible as a marker not to\n      // be styled directly, but only as helper in specific css queries\n      focusVisibleClassName={clsx(\n        \"HvIsFocusVisible\",\n        clsx(tabClasses.focusVisible, classes?.focusVisible)\n      )}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","jsx","StyledTab","root","clsx","tabClasses","selected","focusVisible"],"mappings":";;;;;;;;AAqBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,KACRC;AACO,MAAM;AAEd,SAAAC,2BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,QACPC,MAAMC,cAAAA,QAAKC,WAAAA,QAAWF,MAAMN,mCAASM,IAAI;AAAA,QACzCG,UAAUF,cAAAA,QAAKC,WAAAA,QAAWC,UAAUT,mCAASS,QAAQ;AAAA,QACrDP,UAAUK,cAAAA,QAAKC,WAAAA,QAAWN,UAAUF,mCAASE,QAAQ;AAAA,MACvD;AAAA,MACA,eAAa;AAAA,MACb,oBAAA;AAAA,MAGA,uBAAuBK,cAAAA,QACrB,oBACAA,cAAAA,QAAKC,mBAAWE,cAAcV,mCAASU,YAAY,CAAC;AAAA,MAEtD;AAAA,MACA;AAAA,MACIP,GAAAA;AAAAA,IAAAA;AAAAA,EAAAA;AAGV;;"}

package/dist/cjs/components/Table/Table.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const React = require("react");
 const TableContext = require("./TableContext.cjs");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableClasses = require("./tableClasses.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -95,18 +95,7 @@ const HvTable = React.forwardRef(({
     containerRef
   }), [components, variant, containerRef]);
   const Table = React.useMemo(() => StyledTable(components.Table), [components]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.default.Provider, {
-    value: tableContext,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Table, {
-      ref,
-      role: component === defaultComponent ? null : "table",
-      className: clsx__default.default(tableClasses.default.root, classes == null ? void 0 : classes.root, stickyHeader && clsx__default.default(tableClasses.default.stickyHeader, classes == null ? void 0 : classes.stickyHeader), stickyColumns && clsx__default.default(tableClasses.default.stickyColumns, classes == null ? void 0 : classes.stickyColumns), variant === "listrow" && clsx__default.default(tableClasses.default.listRow, classes == null ? void 0 : classes.listRow), className),
-      $stickyColumns: stickyColumns,
-      $stickyHeader: stickyHeader,
-      $listrow: variant === "listrow",
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.default.Provider, { value: tableContext, children: /* @__PURE__ */ jsxRuntime.jsx(Table, { ref, role: component === defaultComponent ? null : "table", className: clsx__default.default(tableClasses.default.root, classes == null ? void 0 : classes.root, stickyHeader && clsx__default.default(tableClasses.default.stickyHeader, classes == null ? void 0 : classes.stickyHeader), stickyColumns && clsx__default.default(tableClasses.default.stickyColumns, classes == null ? void 0 : classes.stickyColumns), variant === "listrow" && clsx__default.default(tableClasses.default.listRow, classes == null ? void 0 : classes.listRow), className), $stickyColumns: stickyColumns, $stickyHeader: stickyHeader, $listrow: variant === "listrow", ...others }) });
 });
 exports.HvTable = HvTable;
 //# sourceMappingURL=Table.cjs.map

package/dist/cjs/components/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../types\";\nimport { tableClasses, HvTableClasses } from \".\";\nimport { CSSProperties, forwardRef, useMemo, useRef } from \"react\";\nimport TableContext from \"./TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport type HvTableProps = HvBaseProps & {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n};\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../types\";\nimport { tableClasses, HvTableClasses } from \".\";\nimport { CSSProperties, forwardRef, useMemo, useRef } from \"react\";\nimport TableContext from \"./TableContext\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n  | \"center\"\n  | \"inherit\"\n  | \"justify\"\n  | \"left\"\n  | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n  | \"checkbox\"\n  | \"expand\"\n  | \"actions\"\n  | \"default\"\n  | \"none\";\n\nexport type HvTableProps = HvBaseProps & {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component?: React.ElementType;\n  /** Content to be rendered */\n  children: React.ReactNode;\n  /** Whether the `HvTable` has a sticky header row. */\n  stickyHeader?: boolean;\n  /** Whether the `HvTable` has sticky columns. */\n  stickyColumns?: boolean;\n  /** Whether the `HvTable` has the list row styles or the default. */\n  variant?: HvTableVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableClasses;\n};\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\nconst StyledTable = (c: any) =>\n  styled(\n    c,\n    transientOptions\n  )(\n    ({\n      $stickyHeader,\n      $stickyColumns,\n      $listrow,\n    }: {\n      $stickyHeader: boolean;\n      $stickyColumns: boolean;\n      $listrow: boolean;\n    }) => ({\n      position: \"relative\",\n      width: \"100%\",\n\n      ...(theme.typography.body as CSSProperties),\n\n      \"table&\": {\n        borderSpacing: 0,\n      },\n\n      \"& caption\": {\n        ...(theme.typography.body as CSSProperties),\n        padding: theme.space.xs,\n        textAlign: \"left\",\n        captionSide: \"bottom\",\n      },\n\n      ...($stickyHeader && {}),\n      ...($stickyColumns && {\n        backgroundColor: theme.colors.atmo2,\n      }),\n      ...($listrow && {\n        \"table&\": {\n          borderSpacing: `0 ${theme.space.xs}`,\n        },\n      }),\n    })\n  );\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n  (\n    {\n      classes,\n      className,\n      component = defaultComponent,\n      stickyHeader = false,\n      stickyColumns = false,\n      variant = \"default\",\n      ...others\n    },\n    ref\n  ) => {\n    const containerRef = useRef(ref);\n\n    const components = useMemo(\n      () => computeTablePartComponents(component),\n      [component]\n    );\n\n    const tableContext = useMemo(\n      () => ({ components, variant, containerRef }),\n      [components, variant, containerRef]\n    );\n\n    const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n    return (\n      <TableContext.Provider value={tableContext}>\n        <Table\n          ref={ref}\n          role={component === defaultComponent ? null : \"table\"}\n          className={clsx(\n            tableClasses.root,\n            classes?.root,\n            stickyHeader &&\n              clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n            stickyColumns &&\n              clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n            variant === \"listrow\" &&\n              clsx(tableClasses.listRow, classes?.listRow),\n            className\n          )}\n          $stickyColumns={stickyColumns}\n          $stickyHeader={stickyHeader}\n          $listrow={variant === \"listrow\"}\n          {...others}\n        />\n      </TableContext.Provider>\n    );\n  }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","jsx","TableContext","clsx","tableClasses","root","listRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAMA,mBAAmB;AAEzB,MAAMC,6BAA8BC,CAAkB,kBAAA;AACpD,MAAIA,kBAAkB,SAAS;AACtB,WAAA;AAAA,MACLC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IAAA;AAAA,EAER;AAEO,SAAA;AAAA,IACLL,OAAOD;AAAAA,IACPE,OAAOF;AAAAA,IACPG,OAAOH;AAAAA,IACPI,IAAIJ;AAAAA,IACJK,IAAIL;AAAAA,IACJM,IAAIN;AAAAA,EAAAA;AAER;AAEA,MAAMO,cAAcA,CAACC,MAEjBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,UAAU;AAAA,EACVC,OAAO;AAAA,EAEP,GAAIC,YAAAA,MAAMC,WAAWC;AAAAA,EAErB,UAAU;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EAEA,aAAa;AAAA,IACX,GAAIH,YAAAA,MAAMC,WAAWC;AAAAA,IACrBE,SAASJ,YAAAA,MAAMK,MAAMC;AAAAA,IACrBC,WAAW;AAAA,IACXC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIb,iBAAiB,CAAC;AAAA,EACtB,GAAIC,kBAAkB;AAAA,IACpBa,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAId,YAAY;AAAA,IACd,UAAU;AAAA,MACRM,eAAgB,KAAIH,YAAAA,MAAMK,MAAMC;AAAAA,IAClC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,aACH,eAAA,KAAA,6jOAAA;AAeUsB,MAAAA,UAAUC,iBACrB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,YAAYvC;AAAAA,EACZwC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,UAAU;AAAA,KACPC;AACL,GACAC,QACG;AACGC,QAAAA,eAAeC,aAAOF,GAAG;AAEzBG,QAAAA,aAAaC,MAAAA,QACjB,MAAM/C,2BAA2BsC,SAAS,GAC1C,CAACA,SAAS,CAAC;AAGPU,QAAAA,eAAeD,MAAAA,QACnB,OAAO;AAAA,IAAED;AAAAA,IAAYL;AAAAA,IAASG;AAAAA,EAC9B,IAAA,CAACE,YAAYL,SAASG,YAAY,CAAC;AAG/B1C,QAAAA,QAAQ6C,cAAQ,MAAMvC,YAAYsC,WAAW5C,KAAK,GAAG,CAAC4C,UAAU,CAAC;AAGrE,SAAAG,+BAACC,aAAAA,QAAa,UAAb,EAAsB,OAAOF,cAC5B,UAACC,2BAAA,IAAA,OAAA,EACC,KACA,MAAMX,cAAcvC,mBAAmB,OAAO,SAC9C,WAAWoD,cACTC,QAAAA,aAAAA,QAAaC,MACbjB,mCAASiB,MACTd,gBACEY,cAAAA,QAAKC,aAAab,QAAAA,cAAcH,mCAASG,YAAY,GACvDC,iBACEW,cAAAA,QAAKC,qBAAaZ,eAAeJ,mCAASI,aAAa,GACzDC,YAAY,aACVU,cAAAA,QAAKC,aAAAA,QAAaE,SAASlB,mCAASkB,OAAO,GAC7CjB,SAAS,GAEX,gBAAgBG,eAChB,eAAeD,cACf,UAAUE,YAAY,WAClBC,GAAAA,OAAO,CAAA,EAEf,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/Table/TableBody/TableBody.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const React = require("react");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useForkRef = require("../../../hooks/useForkRef.cjs");
 const tableBodyClasses = require("./tableBodyClasses.cjs");
 const Focus = require("../../Focus/Focus.cjs");
@@ -48,30 +48,11 @@ const HvTableBody = React.forwardRef(({
   const handleRef = useForkRef.default(externalRef, bodyRef);
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.TBody) || defaultComponent;
   const TableBody = React.useMemo(() => StyledTableBody(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, {
-    value: tableSectionContext,
-    children: /* @__PURE__ */ jsxRuntime.jsx(TableBody, {
-      className: clsx__default.default(tableBodyClasses.default.root, classes == null ? void 0 : classes.root, className),
-      ref: handleRef,
-      role: Component === defaultComponent ? null : "rowgroup",
-      ...others,
-      children: withNavigation ? React.Children.map(children, (element) => {
-        if (React.isValidElement(element)) {
-          return /* @__PURE__ */ jsxRuntime.jsx(Focus.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
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(TableBody, { className: clsx__default.default(tableBodyClasses.default.root, classes == null ? void 0 : classes.root, className), ref: handleRef, role: Component === defaultComponent ? null : "rowgroup", ...others, children: withNavigation ? React.Children.map(children, (element) => {
+    if (React.isValidElement(element)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Focus.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 }) });
 });
 exports.HvTableBody = HvTableBody;
 //# sourceMappingURL=TableBody.cjs.map

package/dist/cjs/components/Table/TableBody/TableBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.cjs","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 React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport TableContext from \"../TableContext\";\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 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        </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":";;;;;;;;;;;;;;;;;AAiCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,yCAAOD,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,iBACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,KACdC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAEtCC,QAAAA,UAAUC,aAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAAA,QAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,MAAAA,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,yCACtDc,WAAS;AAAA,MACRhB,WAAWsB,cAAKC,QAAAA,iBAAAA,QAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,MAASjC,SAAAA,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,MAAAA,eAAeD,OAAO,GAAG;AAC3B,gDACGE,MAAAA,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,CAEe;AAEnC,CAAC;;"}
+{"version":3,"file":"TableBody.cjs","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 React, {\n  Children,\n  forwardRef,\n  isValidElement,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\";\nimport TableContext from \"../TableContext\";\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 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        </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","clsx","tableBodyClasses","root","Children","element","isValidElement","HvFocus","key","props","selected"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,yCAAOD,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,iBACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,KACdC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAEtCC,QAAAA,UAAUC,aAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAAA,QAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,MAAAA,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAEvE,SACGK,2BAAAA,IAAAC,oBAAAA,QAAoB,UAApB,EAA6B,OAAOvC,qBACnC,UAACsC,2BAAA,IAAA,WAAA,EACC,WAAWE,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMvB,mCAASuB,MAAMtB,SAAS,GAC/D,KAAKW,WACL,MAAME,cAAc9B,mBAAmB,OAAO,YAC9C,GAAIqB,QAEHD,UAAAA,iBACGoB,MAAAA,SAAS7B,IAAIQ,UAAWsB,CAAY,YAAA;AAC9BC,QAAAA,MAAAA,eAAeD,OAAO,GAAG;AAEzB,aAAAN,2BAAAA,IAACQ,MAAAA,SACC,EAAA,IAAK,SAAQF,QAAQG,OACrB,SAASlB,SAET,UAAS,QACT,WAAS,MACT,aAAa7B,oBAAoBE,iBACjC,gBAAgB,GAChB,eAAe,OACf,UAAU0C,QAAQI,MAAMC,UAEvBL,UAAAA,QAAAA,GARK,OAAMA,QAAQG,KAStB;AAAA,IAEJ;AAAA,EAAA,CACD,IACDzB,UACN,EACF,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/Table/TableCell/TableCell.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const React = require("react");
@@ -10,7 +11,6 @@ const TableSectionContext = require("../TableSectionContext.cjs");
 const lodash = require("lodash");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const utils = require("../utils/utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableCellClasses = require("./tableCellClasses.cjs");
 const ThemeProvider = require("../../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -223,28 +223,7 @@ const HvTableCell = React.forwardRef(({
   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 = React.useMemo(() => StyledTableCell(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableCell, {
-    ref: externalRef,
-    role: Component === defaultComponent ? null : "cell",
-    style,
-    className: clsx__default.default(className, tableCellClasses.default.root, classes == null ? void 0 : classes.root, tableCellClasses.default[type], classes == null ? void 0 : classes[type], align !== "inherit" && clsx__default.default(tableCellClasses.default[`align${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`align${lodash.capitalize(align)}`]), variant !== "default" && clsx__default.default(tableCellClasses.default[`variant${lodash.capitalize(variant)}`], classes == null ? void 0 : classes[`variant${lodash.capitalize(variant)}`]), tableContext.variant === "listrow" && clsx__default.default(tableCellClasses.default.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx__default.default(tableCellClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx__default.default(tableCellClasses.default.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx__default.default(tableCellClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx__default.default(tableCellClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx__default.default(tableCellClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx__default.default(tableCellClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx__default.default(tableCellClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx__default.default(tableCellClasses.default.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx__default.default(tableCellClasses.default.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) || uikitStyles.theme.colors.atmo1,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableCell, { ref: externalRef, role: Component === defaultComponent ? null : "cell", style, className: clsx__default.default(className, tableCellClasses.default.root, classes == null ? void 0 : classes.root, tableCellClasses.default[type], classes == null ? void 0 : classes[type], align !== "inherit" && clsx__default.default(tableCellClasses.default[`align${lodash.capitalize(align)}`], classes == null ? void 0 : classes[`align${lodash.capitalize(align)}`]), variant !== "default" && clsx__default.default(tableCellClasses.default[`variant${lodash.capitalize(variant)}`], classes == null ? void 0 : classes[`variant${lodash.capitalize(variant)}`]), tableContext.variant === "listrow" && clsx__default.default(tableCellClasses.default.variantList, classes == null ? void 0 : classes.variantList), tableContext.variant === "listrow" && type !== "body" && clsx__default.default(tableCellClasses.default.variantListHead, classes == null ? void 0 : classes.variantListHead), sorted && clsx__default.default(tableCellClasses.default.sorted, classes == null ? void 0 : classes.sorted), stickyColumn && clsx__default.default(tableCellClasses.default.stickyColumn, classes == null ? void 0 : classes.stickyColumn), stickyColumnMostLeft && clsx__default.default(tableCellClasses.default.stickyColumnMostLeft, classes == null ? void 0 : classes.stickyColumnMostLeft), stickyColumnLeastRight && clsx__default.default(tableCellClasses.default.stickyColumnLeastRight, classes == null ? void 0 : classes.stickyColumnLeastRight), groupColumnMostLeft && clsx__default.default(tableCellClasses.default.groupColumnMostLeft, classes == null ? void 0 : classes.groupColumnMostLeft), groupColumnMostRight && clsx__default.default(tableCellClasses.default.groupColumnMostRight, classes == null ? void 0 : classes.groupColumnMostRight), resizable && clsx__default.default(tableCellClasses.default.resizable, classes == null ? void 0 : classes.resizable), resizing && clsx__default.default(tableCellClasses.default.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) || uikitStyles.theme.colors.atmo1, ...others, children });
 });
 exports.HvTableCell = HvTableCell;
 //# sourceMappingURL=TableCell.cjs.map

package/dist/cjs/components/Table/TableCell/TableCell.cjs.map

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

package/dist/cjs/components/Table/TableContainer/TableContainer.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableContainerClasses = require("./tableContainerClasses.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -33,11 +33,7 @@ const HvTableContainer = React.forwardRef(({
 }, externalRef) => {
   const Component = component || "div";
   const TableContainer = React.useMemo(() => StyledTableContainer(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContainer, {
-    ref: externalRef,
-    className: clsx__default.default(tableContainerClasses.default.root, classes == null ? void 0 : classes.root, className),
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableContainer, { ref: externalRef, className: clsx__default.default(tableContainerClasses.default.root, classes == null ? void 0 : classes.root, className), ...others });
 });
 exports.HvTableContainer = HvTableContainer;
 //# sourceMappingURL=TableContainer.cjs.map

package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableContainerClasses, HvTableContainerClasses } from \".\";\nimport { forwardRef, useMemo } from \"react\";\n\nexport type HvTableContainerProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n};\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;;;;;;AAoBA,MAAMA,uBAAuBA,CAACC,MAC5BC,yCAAOD,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,iBAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAcC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,wCACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,cAAKC,QAAAA,sBAAAA,QAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACJ;AAEN,CAAC;;"}
+{"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"../../../types\";\nimport { tableContainerClasses, HvTableContainerClasses } from \".\";\nimport { forwardRef, useMemo } from \"react\";\n\nexport type HvTableContainerProps = Omit<HvBaseProps, \"children\"> & {\n  /**\n   * Content to be rendered\n   */\n  children: React.ReactNode;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component?: React.ElementType;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTableContainerClasses;\n};\n\nconst StyledTableContainer = (c: any) =>\n  styled(c)({\n    width: \"100%\",\n    overflow: \"auto\",\n    // extra padding to avoid cutting focus rings in the last line\n    paddingBottom: 3,\n  });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n  ({ classes, className, component, ...others }, externalRef) => {\n    const Component = component || \"div\";\n\n    const TableContainer = useMemo(\n      () => StyledTableContainer(Component),\n      [Component]\n    );\n\n    return (\n      <TableContainer\n        ref={externalRef}\n        className={clsx(tableContainerClasses.root, classes?.root, className)}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","jsx","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;;;;;;AAoBA,MAAMA,uBAAuBA,CAACC,MAC5BC,yCAAOD,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,iBAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAcC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,SACGG,2BAAAA,IAAA,gBAAA,EACC,KAAKJ,aACL,WAAWK,cAAAA,QAAKC,sBAAsBC,QAAAA,MAAMX,mCAASW,MAAMV,SAAS,GAChEE,GAAAA,OACJ,CAAA;AAEN,CAAC;;"}

package/dist/cjs/components/Table/TableHead/TableHead.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const clsx = require("clsx");
 const React = require("react");
 const TableContext = require("../TableContext.cjs");
 const transientOptions = require("../../../utils/transientOptions.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const tableHeadClasses = require("./tableHeadClasses.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -54,16 +54,7 @@ const HvTableHead = React.forwardRef(({
   const tableContext = React.useContext(TableContext.default);
   const Component = component || ((_a = tableContext == null ? void 0 : tableContext.components) == null ? void 0 : _a.THead) || defaultComponent;
   const TableHead = React.useMemo(() => StyledTableHead(Component), [Component]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, {
-    value: tableSectionContext,
-    children: /* @__PURE__ */ jsxRuntime.jsx(TableHead, {
-      className: clsx__default.default(tableHeadClasses.default.root, classes == null ? void 0 : classes.root, className, stickyHeader && clsx__default.default(classes == null ? void 0 : classes.stickyHeader, tableHeadClasses.default.stickyHeader)),
-      ref: externalRef,
-      role: Component === defaultComponent ? null : "rowgroup",
-      $stickyHeader: stickyHeader,
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(TableSectionContext.default.Provider, { value: tableSectionContext, children: /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: clsx__default.default(tableHeadClasses.default.root, classes == null ? void 0 : classes.root, className, stickyHeader && clsx__default.default(classes == null ? void 0 : classes.stickyHeader, tableHeadClasses.default.stickyHeader)), ref: externalRef, role: Component === defaultComponent ? null : "rowgroup", $stickyHeader: stickyHeader, ...others }) });
 });
 exports.HvTableHead = HvTableHead;
 //# sourceMappingURL=TableHead.cjs.map