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

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","jsx","StyledLabel","StyledSwitchContainer","switchContainer","invalidSwitch","HvBaseSwitch","HvWarningText","error"],"mappings":";;;;;;;;;;;;;;;AAiIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,OAEGC;AAAAA,EACDrB,IAAAA;AAEEsB,QAAAA,YAAYC,YAAAA,QAAYpB,IAAI,UAAU;AAEtC,QAAA,CAACqB,WAAWC,YAAY,IAAIC,cAAAA,cAChCZ,SACAa,QAAQZ,cAAc,CAAC;AAGzB,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIH,cAAAA,cAC5CT,QACA,SAAS;AAGX,QAAM,CAACa,iBAAiB,IAAIJ,cAAAA,cAAcR,eAAe,UAAU;AAEnE,QAAMa,gBAAgBC,MAAAA,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbnB,UAAAA,YAAY,CAAC4B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAY7B;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUmB,cAAcI,oBAAoBxB,KAAK,CAAC;AAOzD8B,QAAAA,eACJhB,oBAAoB,SAClBF,WAAWmB,UAAalB,kBAAkBkB,UACzCnB,WAAWmB,UAAa9B;AAEvB+B,QAAAA,iBAAiBC,2BAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAAA,MAAMlB,WAAW,OAAO,IACxBH;AAAAA,EACN;AAEA,yCACGsB,cACC,mBAAA,EAAA,IACA,MACA,QAAQb,iBACR,UACA,UACA,UACA,WAAWc,cAAAA,QAAKxC,WAAWyC,cAAAA,QAAcC,MAAM3C,mCAAS2C,IAAI,GAE3DnC,UAAAA;AAAAA,IACC,SAAAoC,2BAAAA,IAACC,6BACC,IAAIN,YAAMlB,WAAW,OAAO,GAC5B,SAASkB,YAAMlB,WAAW,OAAO,GACjC,OACA,WAAWoB,cAAAA,QAAKC,cAAAA,QAAclC,OAAOR,mCAASQ,KAAK,GACnD,GAAII,YAEP;AAAA,mCACAkC,cAAAA,uBACC,EAAA,WAAWL,cAAAA,QACTC,cAAAA,QAAcK,iBACd/C,mCAAS+C,iBACTX,kBACEK,cAAAA,QAAKC,sBAAcM,eAAehD,mCAASgD,aAAa,CAAC,GAE7D,UAAUZ,gBAEV,UAAAQ,2BAAA,IAACK,WACC,cAAA,EAAA,IAAIzC,QAAQ+B,YAAMlB,WAAW,OAAO,IAAIkB,MAAAA,MAAMrC,IAAI,OAAO,GACzD,MACA,UACA,UACA,UACA,UAAU4B,eACV,OACA,SAASP,WACT,YAAY;AAAA,MACV,gBAAgBa,iBAAiB,OAAOD;AAAAA,MACxC,qBAAqBG;AAAAA,MACrB,cAAc7B;AAAAA,MACd,mBAAmBC;AAAAA,MACnB,oBAAoBC;AAAAA,MACpB,GAAGQ;AAAAA,IAAAA,GAEDC,GAAAA,OAAO,CAAA,GAEf;AAAA,IACCc,+CACEgB,2BACC,EAAA,IAAIX,MAAAA,MAAMlB,WAAW,OAAO,GAC5B,WAAWoB,cAAAA,QAAKC,sBAAcS,OAAOnD,mCAASmD,KAAK,GACnD,eAAa,MACb,kBAAgB,MAChB,UAAQ,MAEPtB,UACH,kBAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}
+{"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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"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
@@ -35,7 +35,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
 } : {
   name: "1bj7yge",
   styles: "display:inline-flex;flex-direction:column;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
@@ -45,7 +45,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
   label: "StyledLabel"
 })({
   marginBottom: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledSwitchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ejak3960"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -61,9 +61,9 @@ const StyledSwitchContainer = /* @__PURE__ */ _styled__default.default("div", pr
   borderBottom: "1px solid transparent",
   ...$invalid && {
     paddingBottom: uikitStyles.theme.switch.invalidPaddingBottom,
-    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`
+    borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdHJhbnNwYXJlbnRcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnN3aXRjaC5pbnZhbGlkUGFkZGluZ0JvdHRvbSxcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgfSksXG59KSk7XG4iXX0= */");
 exports.StyledFormElement = StyledFormElement;
 exports.StyledLabel = StyledLabel;
 exports.StyledSwitchContainer = StyledSwitchContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvLabel, HvFormElement } from \"components\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  borderBottom: \"1px solid transparent\",\n\n  ...($invalid && {\n    paddingBottom: theme.switch.invalidPaddingBottom,\n    borderBottom: `1px solid ${theme.colors.sema4}`,\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,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,CAIpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6lDAAA;AAEWc,MAAAA,iEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,YAAAA,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,YAAAA,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,6lDAAA;;;;"}
+{"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvLabel, HvFormElement } from \"components\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-flex\",\n  flexDirection: \"column\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  borderBottom: \"1px solid transparent\",\n\n  ...($invalid && {\n    paddingBottom: theme.switch.invalidPaddingBottom,\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,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,CAIpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,imDAAA;AAEWc,MAAAA,iEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,YAAAA,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,YAAAA,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,imDAAA;;;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,22 +12,19 @@ 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","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;;"}
+{"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,EACX,GAAGC;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;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const material = require("@mui/material");
@@ -12,6 +12,7 @@ const StyledTab = /* @__PURE__ */ _styled__default.default(material.Tab, process
   target: "evi6req0",
   label: "StyledTab"
 })({
+  // Root
   marginTop: "3px",
   padding: uikitStyles.theme.tab.padding,
   minWidth: 70,
@@ -43,14 +44,15 @@ const StyledTab = /* @__PURE__ */ _styled__default.default(material.Tab, process
   "&:focus": {
     outline: "none"
   },
+  // Override Mui styling: https://mui.com/material-ui/api/tab/#css
   "&.Mui-selected": {
-    color: uikitStyles.theme.colors.acce1,
+    color: uikitStyles.theme.colors.secondary,
     letterSpacing: uikitStyles.theme.typography.label.letterSpacing,
     lineHeight: uikitStyles.theme.typography.label.lineHeight,
     fontWeight: uikitStyles.theme.typography.label.fontWeight
   },
   "&.Mui-disabled": {
-    color: uikitStyles.theme.colors.atmo5,
+    color: uikitStyles.theme.colors.secondary_60,
     cursor: "not-allowed",
     pointerEvents: "all",
     opacity: 1,
@@ -61,6 +63,6 @@ const StyledTab = /* @__PURE__ */ _styled__default.default(material.Tab, process
   "& .MuiTab-iconWrapper": {
     margin: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFiL1RhYi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU15QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYi9UYWIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgVGFiIGFzIE11aVRhYiB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQoTXVpVGFiKSh7XG4gIC8vIFJvb3RcbiAgbWFyZ2luVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nOiB0aGVtZS50YWIucGFkZGluZyxcbiAgbWluV2lkdGg6IDcwLFxuICBtaW5IZWlnaHQ6IDMyLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBvcGFjaXR5OiAxLFxuICBcIiY6OmFmdGVyXCI6IHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiBcImNhbGMoMTAwJSAtIDFweClcIixcbiAgICBoZWlnaHQ6IFwiMXB4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYi5ob3ZlckJhY2tncm91bmRDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnRhYi5ob3ZlckJhY2tncm91bmRCb3JkZXJSYWRpdXMsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICBoZWlnaHQ6IFwiMXB4XCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYi5ob3ZlclVuZGVybGluZUJhY2tncm91bmRDb2xvcixcbiAgICB9LFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWIvI2Nzc1xuICBcIiYuTXVpLXNlbGVjdGVkXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIGxldHRlclNwYWNpbmc6IHRoZW1lLnR5cG9ncmFwaHkubGFiZWwubGV0dGVyU3BhY2luZyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LmxhYmVsLmxpbmVIZWlnaHQsXG4gICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS5sYWJlbC5mb250V2VpZ2h0LFxuICB9LFxuICBcIiYuTXVpLWRpc2FibGVkXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwiYWxsXCIsXG4gICAgb3BhY2l0eTogMSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgXCImIC5NdWlUYWItaWNvbldyYXBwZXJcIjoge1xuICAgIG1hcmdpbjogMCxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFiL1RhYi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU15QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYi9UYWIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgVGFiIGFzIE11aVRhYiB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQoTXVpVGFiKSh7XG4gIC8vIFJvb3RcbiAgbWFyZ2luVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nOiB0aGVtZS50YWIucGFkZGluZyxcbiAgbWluV2lkdGg6IDcwLFxuICBtaW5IZWlnaHQ6IDMyLFxuICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBvcGFjaXR5OiAxLFxuICBcIiY6OmFmdGVyXCI6IHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGxlZnQ6IDAsXG4gICAgdG9wOiBcImNhbGMoMTAwJSAtIDFweClcIixcbiAgICBoZWlnaHQ6IFwiMXB4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYi5ob3ZlckJhY2tncm91bmRDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnRhYi5ob3ZlckJhY2tncm91bmRCb3JkZXJSYWRpdXMsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICBoZWlnaHQ6IFwiMXB4XCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnRhYi5ob3ZlclVuZGVybGluZUJhY2tncm91bmRDb2xvcixcbiAgICB9LFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWIvI2Nzc1xuICBcIiYuTXVpLXNlbGVjdGVkXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS50eXBvZ3JhcGh5LmxhYmVsLmxldHRlclNwYWNpbmcsXG4gICAgbGluZUhlaWdodDogdGhlbWUudHlwb2dyYXBoeS5sYWJlbC5saW5lSGVpZ2h0LFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkubGFiZWwuZm9udFdlaWdodCxcbiAgfSxcbiAgXCImLk11aS1kaXNhYmxlZFwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJhbGxcIixcbiAgICBvcGFjaXR5OiAxLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxuICBcIiYgLk11aVRhYi1pY29uV3JhcHBlclwiOiB7XG4gICAgbWFyZ2luOiAwLFxuICB9LFxufSk7XG4iXX0= */");
 exports.StyledTab = StyledTab;
 //# sourceMappingURL=Tab.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.cjs","sources":["../../../../src/components/Tab/Tab.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledTab = styled(MuiTab)({\n  // Root\n  marginTop: \"3px\",\n  padding: theme.tab.padding,\n  minWidth: 70,\n  minHeight: 32,\n  textTransform: \"none\",\n  fontFamily: theme.fontFamily.body,\n  ...(theme.typography.body as CSSProperties),\n  opacity: 1,\n  \"&::after\": {\n    position: \"absolute\",\n    left: 0,\n    top: \"calc(100% - 1px)\",\n    height: \"1px\",\n    width: \"100%\",\n    backgroundColor: theme.colors.atmo4,\n    content: \"''\",\n  },\n  \"&:hover\": {\n    backgroundColor: theme.tab.hoverBackgroundColor,\n    borderRadius: theme.tab.hoverBackgroundBorderRadius,\n    \"&::after\": {\n      height: \"1px\",\n      backgroundColor: theme.tab.hoverUnderlineBackgroundColor,\n    },\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n\n  // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n  \"&.Mui-selected\": {\n    color: theme.colors.acce1,\n    letterSpacing: theme.typography.label.letterSpacing,\n    lineHeight: theme.typography.label.lineHeight,\n    fontWeight: theme.typography.label.fontWeight,\n  },\n  \"&.Mui-disabled\": {\n    color: theme.colors.atmo5,\n    cursor: \"not-allowed\",\n    pointerEvents: \"all\",\n    opacity: 1,\n    \"&:hover\": {\n      background: \"none\",\n    },\n  },\n  \"& .MuiTab-iconWrapper\": {\n    margin: 0,\n  },\n});\n"],"names":["StyledTab","MuiTab","process","env","NODE_ENV","target","label","marginTop","padding","theme","tab","minWidth","minHeight","textTransform","fontFamily","body","typography","opacity","position","left","top","height","width","backgroundColor","colors","atmo4","content","hoverBackgroundColor","borderRadius","hoverBackgroundBorderRadius","hoverUnderlineBackgroundColor","outlineStyles","outline","color","acce1","letterSpacing","lineHeight","fontWeight","atmo5","cursor","pointerEvents","background","margin"],"mappings":";;;;;;;;AAMO,MAAMA,YAAmBC,iCAAAA,QAAAA,SAAAA,KAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAEtCC,WAAW;AAAA,EACXC,SAASC,YAAAA,MAAMC,IAAIF;AAAAA,EACnBG,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAC7B,GAAIN,YAAAA,MAAMO,WAAWD;AAAAA,EACrBE,SAAS;AAAA,EACT,YAAY;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,iBAAiBd,YAAAA,MAAMe,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTH,iBAAiBd,YAAAA,MAAMC,IAAIiB;AAAAA,IAC3BC,cAAcnB,YAAAA,MAAMC,IAAImB;AAAAA,IACxB,YAAY;AAAA,MACVR,QAAQ;AAAA,MACRE,iBAAiBd,YAAAA,MAAMC,IAAIoB;AAAAA,IAC7B;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA,EAGA,kBAAkB;AAAA,IAChBC,OAAOxB,YAAAA,MAAMe,OAAOU;AAAAA,IACpBC,eAAe1B,YAAMO,MAAAA,WAAWV,MAAM6B;AAAAA,IACtCC,YAAY3B,YAAMO,MAAAA,WAAWV,MAAM8B;AAAAA,IACnCC,YAAY5B,YAAMO,MAAAA,WAAWV,MAAM+B;AAAAA,EACrC;AAAA,EACA,kBAAkB;AAAA,IAChBJ,OAAOxB,YAAAA,MAAMe,OAAOc;AAAAA,IACpBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfvB,SAAS;AAAA,IACT,WAAW;AAAA,MACTwB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBC,QAAQ;AAAA,EACV;AACF,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iFAAA;;"}
+{"version":3,"file":"Tab.styles.cjs","sources":["../../../../src/components/Tab/Tab.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledTab = styled(MuiTab)({\n  // Root\n  marginTop: \"3px\",\n  padding: theme.tab.padding,\n  minWidth: 70,\n  minHeight: 32,\n  textTransform: \"none\",\n  fontFamily: theme.fontFamily.body,\n  ...(theme.typography.body as CSSProperties),\n  opacity: 1,\n  \"&::after\": {\n    position: \"absolute\",\n    left: 0,\n    top: \"calc(100% - 1px)\",\n    height: \"1px\",\n    width: \"100%\",\n    backgroundColor: theme.colors.atmo4,\n    content: \"''\",\n  },\n  \"&:hover\": {\n    backgroundColor: theme.tab.hoverBackgroundColor,\n    borderRadius: theme.tab.hoverBackgroundBorderRadius,\n    \"&::after\": {\n      height: \"1px\",\n      backgroundColor: theme.tab.hoverUnderlineBackgroundColor,\n    },\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n\n  // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n  \"&.Mui-selected\": {\n    color: theme.colors.secondary,\n    letterSpacing: theme.typography.label.letterSpacing,\n    lineHeight: theme.typography.label.lineHeight,\n    fontWeight: theme.typography.label.fontWeight,\n  },\n  \"&.Mui-disabled\": {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n    pointerEvents: \"all\",\n    opacity: 1,\n    \"&:hover\": {\n      background: \"none\",\n    },\n  },\n  \"& .MuiTab-iconWrapper\": {\n    margin: 0,\n  },\n});\n"],"names":["StyledTab","MuiTab","process","env","NODE_ENV","target","label","marginTop","padding","theme","tab","minWidth","minHeight","textTransform","fontFamily","body","typography","opacity","position","left","top","height","width","backgroundColor","colors","atmo4","content","hoverBackgroundColor","borderRadius","hoverBackgroundBorderRadius","hoverUnderlineBackgroundColor","outlineStyles","outline","color","secondary","letterSpacing","lineHeight","fontWeight","secondary_60","cursor","pointerEvents","background","margin"],"mappings":";;;;;;;;AAMO,MAAMA,YAAmBC,iCAAAA,QAAAA,SAAAA,KAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA;AAAA,EAEtCC,WAAW;AAAA,EACXC,SAASC,YAAAA,MAAMC,IAAIF;AAAAA,EACnBG,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAC7B,GAAIN,YAAAA,MAAMO,WAAWD;AAAAA,EACrBE,SAAS;AAAA,EACT,YAAY;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,iBAAiBd,YAAAA,MAAMe,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTH,iBAAiBd,YAAAA,MAAMC,IAAIiB;AAAAA,IAC3BC,cAAcnB,YAAAA,MAAMC,IAAImB;AAAAA,IACxB,YAAY;AAAA,MACVR,QAAQ;AAAA,MACRE,iBAAiBd,YAAAA,MAAMC,IAAIoB;AAAAA,IAC7B;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTC,SAAS;AAAA,EACX;AAAA;AAAA,EAGA,kBAAkB;AAAA,IAChBC,OAAOxB,YAAAA,MAAMe,OAAOU;AAAAA,IACpBC,eAAe1B,YAAMO,MAAAA,WAAWV,MAAM6B;AAAAA,IACtCC,YAAY3B,YAAMO,MAAAA,WAAWV,MAAM8B;AAAAA,IACnCC,YAAY5B,YAAMO,MAAAA,WAAWV,MAAM+B;AAAAA,EACrC;AAAA,EACA,kBAAkB;AAAA,IAChBJ,OAAOxB,YAAAA,MAAMe,OAAOc;AAAAA,IACpBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfvB,SAAS;AAAA,IACT,WAAW;AAAA,MACTwB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBC,QAAQ;AAAA,EACV;AACF,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6jFAAA;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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);
@@ -77,7 +77,7 @@ const StyledTable = (c) => /* @__PURE__ */ _styled__default.default(c, process.e
       borderSpacing: `0 ${uikitStyles.theme.space.xs}`
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB0YWJsZUNsYXNzZXMsIEh2VGFibGVDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIGZvcndhcmRSZWYsIHVzZU1lbW8sIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFRhYmxlQ29udGV4dCBmcm9tIFwiLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlVmFyaWFudCA9IFwibGlzdHJvd1wiIHwgXCJkZWZhdWx0XCI7XG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbEFsaWduID1cbiAgfCBcImNlbnRlclwiXG4gIHwgXCJpbmhlcml0XCJcbiAgfCBcImp1c3RpZnlcIlxuICB8IFwibGVmdFwiXG4gIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxUeXBlID0gXCJib2R5XCIgfCBcImZvb3RlclwiIHwgXCJoZWFkXCI7XG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbFZhcmlhbnQgPVxuICB8IFwiY2hlY2tib3hcIlxuICB8IFwiZXhwYW5kXCJcbiAgfCBcImFjdGlvbnNcIlxuICB8IFwiZGVmYXVsdFwiXG4gIHwgXCJub25lXCI7XG5cbmV4cG9ydCB0eXBlIEh2VGFibGVQcm9wcyA9IEh2QmFzZVByb3BzICYge1xuICAvKipcbiAgICogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byBgdGFibGVgLlxuICAgKlxuICAgKiBXaGVuIHVzaW5nIG5vbi10YWJsZSBlbGVtZW50cywgbGF5b3V0IGlzIHVwIHRvIHRoZSBkZXZlbG9wZXIgdXNpbmcgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBhIHN0aWNreSBoZWFkZXIgcm93LiAqL1xuICBzdGlja3lIZWFkZXI/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBzdGlja3kgY29sdW1ucy4gKi9cbiAgc3RpY2t5Q29sdW1ucz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIHRoZSBsaXN0IHJvdyBzdHlsZXMgb3IgdGhlIGRlZmF1bHQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlVmFyaWFudDtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVDbGFzc2VzO1xufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGFibGVcIjtcblxuY29uc3QgY29tcHV0ZVRhYmxlUGFydENvbXBvbmVudHMgPSAocm9vdENvbXBvbmVudCkgPT4ge1xuICBpZiAocm9vdENvbXBvbmVudCA9PT0gXCJ0YWJsZVwiKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIFRhYmxlOiBcInRhYmxlXCIsXG4gICAgICBUSGVhZDogXCJ0aGVhZFwiLFxuICAgICAgVEJvZHk6IFwidGJvZHlcIixcbiAgICAgIFRyOiBcInRyXCIsXG4gICAgICBUaDogXCJ0aFwiLFxuICAgICAgVGQ6IFwidGRcIixcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBUYWJsZTogcm9vdENvbXBvbmVudCxcbiAgICBUSGVhZDogcm9vdENvbXBvbmVudCxcbiAgICBUQm9keTogcm9vdENvbXBvbmVudCxcbiAgICBUcjogcm9vdENvbXBvbmVudCxcbiAgICBUaDogcm9vdENvbXBvbmVudCxcbiAgICBUZDogcm9vdENvbXBvbmVudCxcbiAgfTtcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkc3RpY2t5SGVhZGVyLFxuICAgICAgJHN0aWNreUNvbHVtbnMsXG4gICAgICAkbGlzdHJvdyxcbiAgICB9OiB7XG4gICAgICAkc3RpY2t5SGVhZGVyOiBib29sZWFuO1xuICAgICAgJHN0aWNreUNvbHVtbnM6IGJvb2xlYW47XG4gICAgICAkbGlzdHJvdzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcblxuICAgICAgXCJ0YWJsZSZcIjoge1xuICAgICAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgICAgfSxcblxuICAgICAgXCImIGNhcHRpb25cIjoge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgICAgY2FwdGlvblNpZGU6IFwiYm90dG9tXCIsXG4gICAgICB9LFxuXG4gICAgICAuLi4oJHN0aWNreUhlYWRlciAmJiB7fSksXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbnMgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRsaXN0cm93ICYmIHtcbiAgICAgICAgXCJ0YWJsZSZcIjoge1xuICAgICAgICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pXG4gICk7XG5cbi8qKlxuICogQSBUYWJsZSBnYXRoZXJzIHJlbGF0aW9uYWwgZGF0YSwgaXQgZGlzcGxheXMgdmFsdWVzIGFycmFuZ2VkIHRvIGFsbG93IHF1aWNrIG51bWVyaWNhbCBhbmFseXNpc1xuICogbGlrZSBjb21wYXJpc29uIGFuZCBzb3J0aW5nLlxuICpcbiAqICoqSHZUYWJsZSoqIGNvbXBvbmVudCBvZmZlcnMgYSBzZXQgb2YgSFRNTC1lcXVpdmFsZW50IGVsZW1lbnRzLCAqKnN0eWxlZCB0byBEZXNpZ24gU3lzdGVtJ3Mgc3BlY2lmaWNhdGlvbioqLFxuICogZm9yIGJ1aWxkaW5nIHRhYmxlcy5cbiAqIFlvdSBjYW4gcmVseSBvbiB0aGVzZSAqKmVsZW1lbnRzKiogd2hlbiB5b3VyIHRhYmxlIGRvZXNu4oCZdCBoYXZlIG1hbnkgaW50ZXJhY3Rpb25zIG9yIHlvdSBuZWVkIGl0IHRvIGJlIHZlcnkgbGlnaHR3ZWlnaHQuXG4gKlxuICogRm9yIGJldHRlciBkYXRhIGhhbmRsaW5nIGFuZCAqKmFkdmFuY2VkIGZlYXR1cmVzKiogd2UgcmVjb21tZW5kIHRoZSB1c2Ugb2YgdGhlIHV0aWxpdHkgaG9va3MgY29sbGVjdGlvbiAuXG4gKiBTZWUgdGhlIDxhIGhyZWY9XCI/aWQ9bGFiLXRhYmxlLWhvb2tzLS1tYWluJnZpZXdNb2RlPWRvY3NcIiB0YXJnZXQ9XCJfc2VsZlwiPlRhYmxlIEhvb2tzIGRvY3VtZW50YXRpb248L2E+IGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogKipQTEVBU0UgTk9URSoqOiBUaGlzIFRhYmxlIGltcGxlbWVudGF0aW9uIGlzIHN0aWxsIGEgV0lQLiBUaGVyZSBtaWdodCBiZSBicmVha2luZyBjaGFuZ2VzLlxuICovXG5leHBvcnQgY29uc3QgSHZUYWJsZSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50ID0gZGVmYXVsdENvbXBvbmVudCxcbiAgICAgIHN0aWNreUhlYWRlciA9IGZhbHNlLFxuICAgICAgc3RpY2t5Q29sdW1ucyA9IGZhbHNlLFxuICAgICAgdmFyaWFudCA9IFwiZGVmYXVsdFwiLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKHJlZik7XG5cbiAgICBjb25zdCBjb21wb25lbnRzID0gdXNlTWVtbyhcbiAgICAgICgpID0+IGNvbXB1dGVUYWJsZVBhcnRDb21wb25lbnRzKGNvbXBvbmVudCksXG4gICAgICBbY29tcG9uZW50XVxuICAgICk7XG5cbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gKHsgY29tcG9uZW50cywgdmFyaWFudCwgY29udGFpbmVyUmVmIH0pLFxuICAgICAgW2NvbXBvbmVudHMsIHZhcmlhbnQsIGNvbnRhaW5lclJlZl1cbiAgICApO1xuXG4gICAgY29uc3QgVGFibGUgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlKGNvbXBvbmVudHMuVGFibGUpLCBbY29tcG9uZW50c10pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWJsZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3RhYmxlQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHJvbGU9e2NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInRhYmxlXCJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgdGFibGVDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgICAgc3RpY2t5SGVhZGVyICYmXG4gICAgICAgICAgICAgIGNsc3godGFibGVDbGFzc2VzLnN0aWNreUhlYWRlciwgY2xhc3Nlcz8uc3RpY2t5SGVhZGVyKSxcbiAgICAgICAgICAgIHN0aWNreUNvbHVtbnMgJiZcbiAgICAgICAgICAgICAgY2xzeCh0YWJsZUNsYXNzZXMuc3RpY2t5Q29sdW1ucywgY2xhc3Nlcz8uc3RpY2t5Q29sdW1ucyksXG4gICAgICAgICAgICB2YXJpYW50ID09PSBcImxpc3Ryb3dcIiAmJlxuICAgICAgICAgICAgICBjbHN4KHRhYmxlQ2xhc3Nlcy5saXN0Um93LCBjbGFzc2VzPy5saXN0Um93KSxcbiAgICAgICAgICAgIGNsYXNzTmFtZVxuICAgICAgICAgICl9XG4gICAgICAgICAgJHN0aWNreUNvbHVtbnM9e3N0aWNreUNvbHVtbnN9XG4gICAgICAgICAgJHN0aWNreUhlYWRlcj17c3RpY2t5SGVhZGVyfVxuICAgICAgICAgICRsaXN0cm93PXt2YXJpYW50ID09PSBcImxpc3Ryb3dcIn1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgPC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRhYmxlQ2xhc3NlcywgSHZUYWJsZUNsYXNzZXMgfSBmcm9tIFwiLlwiO1xuaW1wb3J0IHtcbiAgQ1NTUHJvcGVydGllcyxcbiAgZm9yd2FyZFJlZixcbiAgVGFibGVIVE1MQXR0cmlidXRlcyxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4vVGFibGVDb250ZXh0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZVZhcmlhbnQgPSBcImxpc3Ryb3dcIiB8IFwiZGVmYXVsdFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxBbGlnbiA9XG4gIHwgXCJjZW50ZXJcIlxuICB8IFwiaW5oZXJpdFwiXG4gIHwgXCJqdXN0aWZ5XCJcbiAgfCBcImxlZnRcIlxuICB8IFwicmlnaHRcIjtcbmV4cG9ydCB0eXBlIEh2VGFibGVDZWxsVHlwZSA9IFwiYm9keVwiIHwgXCJmb290ZXJcIiB8IFwiaGVhZFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxWYXJpYW50ID1cbiAgfCBcImNoZWNrYm94XCJcbiAgfCBcImV4cGFuZFwiXG4gIHwgXCJhY3Rpb25zXCJcbiAgfCBcImRlZmF1bHRcIlxuICB8IFwibm9uZVwiO1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlUHJvcHMgPSBUYWJsZUhUTUxBdHRyaWJ1dGVzPEhUTUxUYWJsZUVsZW1lbnQ+ICYge1xuICAvKipcbiAgICogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byBgdGFibGVgLlxuICAgKlxuICAgKiBXaGVuIHVzaW5nIG5vbi10YWJsZSBlbGVtZW50cywgbGF5b3V0IGlzIHVwIHRvIHRoZSBkZXZlbG9wZXIgdXNpbmcgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogQ29udGVudCB0byBiZSByZW5kZXJlZCAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBhIHN0aWNreSBoZWFkZXIgcm93LiAqL1xuICBzdGlja3lIZWFkZXI/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgYEh2VGFibGVgIGhhcyBzdGlja3kgY29sdW1ucy4gKi9cbiAgc3RpY2t5Q29sdW1ucz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIHRoZSBsaXN0IHJvdyBzdHlsZXMgb3IgdGhlIGRlZmF1bHQuICovXG4gIHZhcmlhbnQ/OiBIdlRhYmxlVmFyaWFudDtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVDbGFzc2VzO1xufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGFibGVcIjtcblxuY29uc3QgY29tcHV0ZVRhYmxlUGFydENvbXBvbmVudHMgPSAocm9vdENvbXBvbmVudCkgPT4ge1xuICBpZiAocm9vdENvbXBvbmVudCA9PT0gXCJ0YWJsZVwiKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIFRhYmxlOiBcInRhYmxlXCIsXG4gICAgICBUSGVhZDogXCJ0aGVhZFwiLFxuICAgICAgVEJvZHk6IFwidGJvZHlcIixcbiAgICAgIFRyOiBcInRyXCIsXG4gICAgICBUaDogXCJ0aFwiLFxuICAgICAgVGQ6IFwidGRcIixcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIHtcbiAgICBUYWJsZTogcm9vdENvbXBvbmVudCxcbiAgICBUSGVhZDogcm9vdENvbXBvbmVudCxcbiAgICBUQm9keTogcm9vdENvbXBvbmVudCxcbiAgICBUcjogcm9vdENvbXBvbmVudCxcbiAgICBUaDogcm9vdENvbXBvbmVudCxcbiAgICBUZDogcm9vdENvbXBvbmVudCxcbiAgfTtcbn07XG5cbmNvbnN0IFN0eWxlZFRhYmxlID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKFxuICAgIGMsXG4gICAgdHJhbnNpZW50T3B0aW9uc1xuICApKFxuICAgICh7XG4gICAgICAkc3RpY2t5SGVhZGVyLFxuICAgICAgJHN0aWNreUNvbHVtbnMsXG4gICAgICAkbGlzdHJvdyxcbiAgICB9OiB7XG4gICAgICAkc3RpY2t5SGVhZGVyOiBib29sZWFuO1xuICAgICAgJHN0aWNreUNvbHVtbnM6IGJvb2xlYW47XG4gICAgICAkbGlzdHJvdzogYm9vbGVhbjtcbiAgICB9KSA9PiAoe1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcblxuICAgICAgXCJ0YWJsZSZcIjoge1xuICAgICAgICBib3JkZXJTcGFjaW5nOiAwLFxuICAgICAgfSxcblxuICAgICAgXCImIGNhcHRpb25cIjoge1xuICAgICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICAgICAgY2FwdGlvblNpZGU6IFwiYm90dG9tXCIsXG4gICAgICB9LFxuXG4gICAgICAuLi4oJHN0aWNreUhlYWRlciAmJiB7fSksXG4gICAgICAuLi4oJHN0aWNreUNvbHVtbnMgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRsaXN0cm93ICYmIHtcbiAgICAgICAgXCJ0YWJsZSZcIjoge1xuICAgICAgICAgIGJvcmRlclNwYWNpbmc6IGAwICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pXG4gICk7XG5cbi8qKlxuICogQSBUYWJsZSBnYXRoZXJzIHJlbGF0aW9uYWwgZGF0YSwgaXQgZGlzcGxheXMgdmFsdWVzIGFycmFuZ2VkIHRvIGFsbG93IHF1aWNrIG51bWVyaWNhbCBhbmFseXNpc1xuICogbGlrZSBjb21wYXJpc29uIGFuZCBzb3J0aW5nLlxuICpcbiAqICoqSHZUYWJsZSoqIGNvbXBvbmVudCBvZmZlcnMgYSBzZXQgb2YgSFRNTC1lcXVpdmFsZW50IGVsZW1lbnRzLCAqKnN0eWxlZCB0byBEZXNpZ24gU3lzdGVtJ3Mgc3BlY2lmaWNhdGlvbioqLFxuICogZm9yIGJ1aWxkaW5nIHRhYmxlcy5cbiAqIFlvdSBjYW4gcmVseSBvbiB0aGVzZSAqKmVsZW1lbnRzKiogd2hlbiB5b3VyIHRhYmxlIGRvZXNu4oCZdCBoYXZlIG1hbnkgaW50ZXJhY3Rpb25zIG9yIHlvdSBuZWVkIGl0IHRvIGJlIHZlcnkgbGlnaHR3ZWlnaHQuXG4gKlxuICogRm9yIGJldHRlciBkYXRhIGhhbmRsaW5nIGFuZCAqKmFkdmFuY2VkIGZlYXR1cmVzKiogd2UgcmVjb21tZW5kIHRoZSB1c2Ugb2YgdGhlIHV0aWxpdHkgaG9va3MgY29sbGVjdGlvbiAuXG4gKiBTZWUgdGhlIDxhIGhyZWY9XCI/aWQ9bGFiLXRhYmxlLWhvb2tzLS1tYWluJnZpZXdNb2RlPWRvY3NcIiB0YXJnZXQ9XCJfc2VsZlwiPlRhYmxlIEhvb2tzIGRvY3VtZW50YXRpb248L2E+IGZvciBtb3JlIGRldGFpbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZVByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGNsYXNzZXMsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBjb21wb25lbnQgPSBkZWZhdWx0Q29tcG9uZW50LFxuICAgICAgc3RpY2t5SGVhZGVyID0gZmFsc2UsXG4gICAgICBzdGlja3lDb2x1bW5zID0gZmFsc2UsXG4gICAgICB2YXJpYW50ID0gXCJkZWZhdWx0XCIsXG4gICAgICAuLi5vdGhlcnNcbiAgICB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYocmVmKTtcblxuICAgIGNvbnN0IGNvbXBvbmVudHMgPSB1c2VNZW1vKFxuICAgICAgKCkgPT4gY29tcHV0ZVRhYmxlUGFydENvbXBvbmVudHMoY29tcG9uZW50KSxcbiAgICAgIFtjb21wb25lbnRdXG4gICAgKTtcblxuICAgIGNvbnN0IHRhYmxlQ29udGV4dCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiAoeyBjb21wb25lbnRzLCB2YXJpYW50LCBjb250YWluZXJSZWYgfSksXG4gICAgICBbY29tcG9uZW50cywgdmFyaWFudCwgY29udGFpbmVyUmVmXVxuICAgICk7XG5cbiAgICBjb25zdCBUYWJsZSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGUoY29tcG9uZW50cy5UYWJsZSksIFtjb21wb25lbnRzXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVDb250ZXh0fT5cbiAgICAgICAgPFRhYmxlXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgcm9sZT17Y29tcG9uZW50ID09PSBkZWZhdWx0Q29tcG9uZW50ID8gbnVsbCA6IFwidGFibGVcIn1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICB0YWJsZUNsYXNzZXMucm9vdCxcbiAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICBzdGlja3lIZWFkZXIgJiZcbiAgICAgICAgICAgICAgY2xzeCh0YWJsZUNsYXNzZXMuc3RpY2t5SGVhZGVyLCBjbGFzc2VzPy5zdGlja3lIZWFkZXIpLFxuICAgICAgICAgICAgc3RpY2t5Q29sdW1ucyAmJlxuICAgICAgICAgICAgICBjbHN4KHRhYmxlQ2xhc3Nlcy5zdGlja3lDb2x1bW5zLCBjbGFzc2VzPy5zdGlja3lDb2x1bW5zKSxcbiAgICAgICAgICAgIHZhcmlhbnQgPT09IFwibGlzdHJvd1wiICYmXG4gICAgICAgICAgICAgIGNsc3godGFibGVDbGFzc2VzLmxpc3RSb3csIGNsYXNzZXM/Lmxpc3RSb3cpLFxuICAgICAgICAgICAgY2xhc3NOYW1lXG4gICAgICAgICAgKX1cbiAgICAgICAgICAkc3RpY2t5Q29sdW1ucz17c3RpY2t5Q29sdW1uc31cbiAgICAgICAgICAkc3RpY2t5SGVhZGVyPXtzdGlja3lIZWFkZXJ9XG4gICAgICAgICAgJGxpc3Ryb3c9e3ZhcmlhbnQgPT09IFwibGlzdHJvd1wifVxuICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgIC8+XG4gICAgICA8L1RhYmxlQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xuICB9XG4pO1xuIl19 */");
 const HvTable = React.forwardRef(({
   classes,
   className,
@@ -95,7 +95,18 @@ 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","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;;"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { tableClasses, HvTableClasses } from \".\";\nimport {\n  CSSProperties,\n  forwardRef,\n  TableHTMLAttributes,\n  useMemo,\n  useRef,\n} 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 = TableHTMLAttributes<HTMLTableElement> & {\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 */\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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"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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");
@@ -31,7 +31,7 @@ const StyledTableBody = (c) => /* @__PURE__ */ _styled__default.default(c, proce
 } : {
   name: "14jhk00",
   styles: "background-color:inherit;position:relative;z-index:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVCb2R5Q2xhc3NlcywgSHZUYWJsZUJvZHlDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB7IHVzZUZvcmtSZWYgfSBmcm9tIFwiaG9va3NcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZUJvZHlQcm9wcyA9IE9taXQ8SHZCYXNlUHJvcHMsIFwiY2hpbGRyZW5cIj4gJiB7XG4gIC8qKlxuICAgKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGNvbXBvbmVudCB1c2VkIGZvciB0aGUgcm9vdCBub2RlLiBFaXRoZXIgYSBzdHJpbmcgdG8gdXNlIGEgSFRNTCBlbGVtZW50IG9yIGEgY29tcG9uZW50LlxuICAgKiBEZWZhdWx0cyB0byB0Ym9keS5cbiAgICovXG4gIGNvbXBvbmVudD86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICAvKiogU2V0cyB3aGV0aGVyIG9yIG5vdCB0aGVyZSBzaG91bGQgYmUgYXJyb3cgbmF2aWdhdGlvbiBiZXR3ZWVuIHRoZSB0YWJsZSByb3dzICovXG4gIHdpdGhOYXZpZ2F0aW9uPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2VGFibGVCb2R5Q2xhc3Nlcztcbn07XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiYm9keVwiLFxuICBmaWx0ZXJDbGFzc05hbWU6IFwiZ3JpZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGJvZHlcIjtcblxuY29uc3QgU3R5bGVkVGFibGVCb2R5ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICB9KTtcblxuLyoqXG4gKiBIdlRhYmxlQm9keSBhY3RzIGFzIGEgYHRib2R5YCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgYm9keS1zcGVjaWZpYyBzdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVCb2R5ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUJvZHlQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICB3aXRoTmF2aWdhdGlvbiA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG5cbiAgICBjb25zdCBib2R5UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlUmVmID0gdXNlRm9ya1JlZihleHRlcm5hbFJlZiwgYm9keVJlZik7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVEJvZHkgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQm9keSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVCb2R5KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVTZWN0aW9uQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVCb2R5Q2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgPlxuICAgICAgICAgIHt3aXRoTmF2aWdhdGlvblxuICAgICAgICAgICAgPyBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8SHZGb2N1c1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtgbXktaWQtJHtlbGVtZW50LmtleX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHJvb3RSZWY9e2JvZHlSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtgcm93LSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHJhdGVneT1cImdyaWRcIlxuICAgICAgICAgICAgICAgICAgICAgIHVzZUFycm93c1xuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlckNsYXNzPXt0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uSnVtcD17MX1cbiAgICAgICAgICAgICAgICAgICAgICBmb2N1c0Rpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17ZWxlbWVudC5wcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtlbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0h2Rm9jdXM+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgPC9UYWJsZVNlY3Rpb25Db250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdGFibGVCb2R5Q2xhc3NlcywgSHZUYWJsZUJvZHlDbGFzc2VzIH0gZnJvbSBcIi5cIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuLi9UYWJsZUNvbnRleHRcIjtcbmltcG9ydCB7IHVzZUZvcmtSZWYgfSBmcm9tIFwiaG9va3NcIjtcbmltcG9ydCBUYWJsZVNlY3Rpb25Db250ZXh0IGZyb20gXCIuLi9UYWJsZVNlY3Rpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IHR5cGUgSHZUYWJsZUJvZHlQcm9wcyA9IEh2QmFzZVByb3BzPFxuICBIVE1MVGFibGVTZWN0aW9uRWxlbWVudCxcbiAgeyBjaGlsZHJlbiB9XG4+ICYge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59O1xuXG5jb25zdCB0YWJsZVNlY3Rpb25Db250ZXh0ID0ge1xuICB0eXBlOiBcImJvZHlcIixcbiAgZmlsdGVyQ2xhc3NOYW1lOiBcImdyaWRcIixcbn07XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRib2R5XCI7XG5cbmNvbnN0IFN0eWxlZFRhYmxlQm9keSA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChjKSh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcImluaGVyaXRcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIHpJbmRleDogMCxcbiAgfSk7XG5cbi8qKlxuICogSHZUYWJsZUJvZHkgYWN0cyBhcyBhIGB0Ym9keWAgZWxlbWVudC5cbiAqIGBIdlRhYmxlQ2VsbGAgYW5kIGBIdlRhYmxlUm93YCBlbGVtZW50cyBpbiBpdCBpbmhlcml0IGJvZHktc3BlY2lmaWMgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBIdlRhYmxlQm9keSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEh2VGFibGVCb2R5UHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2xhc3NlcyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgd2l0aE5hdmlnYXRpb24gPSBmYWxzZSxcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgZXh0ZXJuYWxSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlQ29udGV4dChUYWJsZUNvbnRleHQpO1xuXG4gICAgY29uc3QgYm9keVJlZiA9IHVzZVJlZihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZVJlZiA9IHVzZUZvcmtSZWYoZXh0ZXJuYWxSZWYsIGJvZHlSZWYpO1xuXG4gICAgY29uc3QgQ29tcG9uZW50ID1cbiAgICAgIGNvbXBvbmVudCB8fCB0YWJsZUNvbnRleHQ/LmNvbXBvbmVudHM/LlRCb2R5IHx8IGRlZmF1bHRDb21wb25lbnQ7XG5cbiAgICBjb25zdCBUYWJsZUJvZHkgPSB1c2VNZW1vKCgpID0+IFN0eWxlZFRhYmxlQm9keShDb21wb25lbnQpLCBbQ29tcG9uZW50XSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFRhYmxlU2VjdGlvbkNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3RhYmxlU2VjdGlvbkNvbnRleHR9PlxuICAgICAgICA8VGFibGVCb2R5XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHRhYmxlQm9keUNsYXNzZXMucm9vdCwgY2xhc3Nlcz8ucm9vdCwgY2xhc3NOYW1lKX1cbiAgICAgICAgICByZWY9e2hhbmRsZVJlZn1cbiAgICAgICAgICByb2xlPXtDb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJyb3dncm91cFwifVxuICAgICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICAgID5cbiAgICAgICAgICB7d2l0aE5hdmlnYXRpb25cbiAgICAgICAgICAgID8gQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoZWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChpc1ZhbGlkRWxlbWVudChlbGVtZW50KSkge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEh2Rm9jdXNcbiAgICAgICAgICAgICAgICAgICAgICBpZD17YG15LWlkLSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICByb290UmVmPXtib2R5UmVmfVxuICAgICAgICAgICAgICAgICAgICAgIGtleT17YHJvdy0ke2VsZW1lbnQua2V5fWB9XG4gICAgICAgICAgICAgICAgICAgICAgc3RyYXRlZ3k9XCJncmlkXCJcbiAgICAgICAgICAgICAgICAgICAgICB1c2VBcnJvd3NcbiAgICAgICAgICAgICAgICAgICAgICBmaWx0ZXJDbGFzcz17dGFibGVTZWN0aW9uQ29udGV4dC5maWx0ZXJDbGFzc05hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgbmF2aWdhdGlvbkp1bXA9ezF9XG4gICAgICAgICAgICAgICAgICAgICAgZm9jdXNEaXNhYmxlZD17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWQ9e2VsZW1lbnQucHJvcHMuc2VsZWN0ZWR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7ZWxlbWVudH1cbiAgICAgICAgICAgICAgICAgICAgPC9IdkZvY3VzPlxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8L1RhYmxlQm9keT5cbiAgICAgIDwvVGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlcj5cbiAgICApO1xuICB9XG4pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const HvTableBody = React.forwardRef(({
@@ -48,11 +48,30 @@ 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","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;;"}
+{"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 = HvBaseProps<\n  HTMLTableSectionElement,\n  { children }\n> & {\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":";;;;;;;;;;;;;;;;;AAoCA,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,EACjB,GAAGC;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;;"}