@hitachivantara/uikit-react-core 5.82.2 → 5.82.4

package/dist/cjs/SelectionList/SelectionList.cjs

@@ -10,11 +10,11 @@ const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const multiSelectionEventHandler = require("../utils/multiSelectionEventHandler.cjs");
 const setId = require("../utils/setId.cjs");
 const SelectionList_styles = require("./SelectionList.styles.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const getValueFromSelectedChildren = (children, multiple) => {
   const selectedValues = React.Children.toArray(children).map((child) => {
     const childIsControlled = child?.props?.selected !== void 0;
@@ -32,9 +32,9 @@ const HvSelectionList = React.forwardRef(function HvSelectionList2(props, ref) {
     name,
     value: valueProp,
     defaultValue,
-    required = false,
-    readOnly = false,
-    disabled = false,
+    required,
+    readOnly,
+    disabled,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,

package/dist/cjs/Slider/Slider.cjs

@@ -5,7 +5,6 @@ const React = require("react");
 const Slider = require("rc-slider");
 const Tooltip = require("rc-tooltip");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const document = require("../utils/document.cjs");
@@ -13,13 +12,14 @@ const setId = require("../utils/setId.cjs");
 const Slider_styles = require("./Slider.styles.cjs");
 const SliderInput = require("./SliderInput/SliderInput.cjs");
 const utils = require("./utils.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const utils$1 = require("../FormElement/utils.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slider__default = /* @__PURE__ */ _interopDefault(Slider);
 const Tooltip__default = /* @__PURE__ */ _interopDefault(Tooltip);
-const HvSlider = React.forwardRef((props, ref) => {
+const HvSlider = React.forwardRef(function HvSlider2(props, ref) {
   const {
     id,
     className,
@@ -35,9 +35,9 @@ const HvSlider = React.forwardRef((props, ref) => {
     requiredMessage = "The value is required",
     outOfRangeMessage = "The value is out of range",
     noOverlap = true,
-    hideInput = false,
-    required = false,
-    readOnly = false,
+    hideInput,
+    required,
+    readOnly,
     markProperties = [],
     defaultValues = [void 0],
     values: valuesProp = [],
@@ -163,7 +163,7 @@ const HvSlider = React.forwardRef((props, ref) => {
           minPointValue,
           stepValue
         );
-      }, void 0);
+      });
       return {
         knobsPosition: newKnobsPosition,
         knobsValues: knobsValues2
@@ -179,13 +179,13 @@ const HvSlider = React.forwardRef((props, ref) => {
       if (required && (knobValue == null || Number.isNaN(knobValue))) {
         invalid = true;
         requiredMsg = true;
-        return validationStates.default.invalid;
+        return utils$1.validationStates.invalid;
       }
       if (knobValue < minPointValue || knobValue > maxPointValue) {
         invalid = true;
-        return validationStates.default.invalid;
+        return utils$1.validationStates.invalid;
       }
-      return validationStates.default.valid;
+      return utils$1.validationStates.valid;
     });
     setValidationState([...newValidationState]);
     if (invalid) {

package/dist/cjs/Slider/utils.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const Slider_styles = require("./Slider.styles.cjs");
+const utils = require("../FormElement/utils.cjs");
 const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
 const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
 const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
@@ -206,7 +206,7 @@ const ensureValuesConsistency = (knobPositions, inputIndex) => {
 };
 const convertStatusToArray = (length, status) => {
   const result = {
-    arrayDefaultStatus: Array.from({ length }, () => validationStates.default.standBy)
+    arrayDefaultStatus: Array.from({ length }, () => utils.validationStates.standBy)
   };
   if (status == null) {
     return result;
@@ -220,12 +220,12 @@ const convertStatusToArray = (length, status) => {
 };
 const statusArrayToFormStatus = (arrayStatus) => {
   const invalid = arrayStatus.some(
-    (status) => status === validationStates.default.invalid
+    (status) => status === utils.validationStates.invalid
   );
-  if (invalid) return validationStates.default.invalid;
-  const valid = arrayStatus.some((status) => status === validationStates.default.valid);
-  if (valid) return validationStates.default.valid;
-  return validationStates.default.standBy;
+  if (invalid) return utils.validationStates.invalid;
+  const valid = arrayStatus.some((status) => status === utils.validationStates.valid);
+  if (valid) return utils.validationStates.valid;
+  return utils.validationStates.standBy;
 };
 const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
   (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.cjs

@@ -10,7 +10,7 @@ const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
 const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
-const HvSnackbarContent = React.forwardRef((props, ref) => {
+const HvSnackbarContent = React.forwardRef(function HvSnackbarContent2(props, ref) {
   const {
     className,
     id,

package/dist/cjs/SnackbarProvider/SnackbarProvider.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const notistack = require("notistack");
 const SnackbarProvider_styles = require("./SnackbarProvider.styles.cjs");
 const SnackbarContent = require("../Snackbar/SnackbarContent/SnackbarContent.cjs");
-const HvNotistackSnackMessage = React.forwardRef((props, ref) => {
+const HvNotistackSnackMessage = React.forwardRef(function HvNotistackSnackMessage2(props, ref) {
   const { id, message, variant = "success", snackbarContentProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
     SnackbarContent.HvSnackbarContent,

package/dist/cjs/Switch/Switch.cjs

@@ -4,15 +4,15 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const Switch_styles = require("./Switch.styles.cjs");
 const BaseSwitch = require("../BaseSwitch/BaseSwitch.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const utils = require("../FormElement/utils.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const isSemantical = (color) => ["positive", "negative", "warning"].includes(color);
 const HvSwitch = React.forwardRef(
   function HvSwitch2(props, ref) {
@@ -22,9 +22,9 @@ const HvSwitch = React.forwardRef(
       id,
       name,
       value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
+      required,
+      readOnly,
+      disabled,
       label,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -42,10 +42,7 @@ const HvSwitch = React.forwardRef(
     } = uikitReactUtils.useDefaultProps("HvSwitch", props);
     const { classes, cx, css } = Switch_styles.useClasses(classesProp);
     const elementId = useUniqueId.useUniqueId(id);
-    const [isChecked, setIsChecked] = useControlled.useControlled(
-      checked,
-      Boolean(defaultChecked)
-    );
+    const [isChecked, setIsChecked] = useControlled.useControlled(checked, defaultChecked);
     const [validationState, setValidationState] = useControlled.useControlled(
       status,
       "standBy"
@@ -66,7 +63,7 @@ const HvSwitch = React.forwardRef(
       [onChange, required, setIsChecked, setValidationState, value]
     );
     const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = validationStates.isInvalid(validationState);
+    const isStateInvalid = utils.isInvalid(validationState);
     let errorMessageId;
     if (isStateInvalid) {
       errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useForkRef = require("../../hooks/useForkRef.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
@@ -13,14 +14,15 @@ const tableSectionContext = {
 };
 const defaultComponent = "tbody";
 const HvTableBody = React.forwardRef(
-  ({
-    classes: classesProp,
-    className,
-    component,
-    children,
-    withNavigation = false,
-    ...others
-  }, externalRef) => {
+  function HvTableBody2(props, externalRef) {
+    const {
+      classes: classesProp,
+      className,
+      component,
+      children,
+      withNavigation = false,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvTableBody", props);
     const { classes, cx } = TableBody_styles.useClasses(classesProp);
     const tableContext = React.useContext(TableContext.default);
     const bodyRef = React.useRef(null);

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

@@ -9,7 +9,7 @@ const TableSectionContext = require("../TableSectionContext.cjs");
 const TableCell_styles = require("./TableCell.styles.cjs");
 const defaultComponent = "td";
 const HvTableCell = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableCell2(props, ref) {
     const {
       children,
       component,
@@ -37,7 +37,7 @@ const HvTableCell = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
-        ref: externalRef,
+        ref,
         role: Component === defaultComponent ? null : "cell",
         style,
         className: cx(

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

@@ -2,15 +2,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const TableContainer_styles = require("./TableContainer.styles.cjs");
 const HvTableContainer = React.forwardRef(
-  ({ classes: classesProp, className, component, ...others }, externalRef) => {
+  function HvTableContainer2(props, ref) {
+    const {
+      classes: classesProp,
+      className,
+      component,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvTableContainer", props);
     const { classes, cx } = TableContainer_styles.useClasses(classesProp);
     const Component = component || "div";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
-        ref: externalRef,
+        ref,
         className: cx(classes.root, className),
         ...others
       }

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableHead_styles = require("./TableHead.styles.cjs");
@@ -10,7 +11,14 @@ const tableSectionContext = {
 };
 const defaultComponent = "thead";
 const HvTableHead = React.forwardRef(
-  ({ classes: classesProp, className, component, stickyHeader, ...others }, externalRef) => {
+  function HvTableHead2(props, ref) {
+    const {
+      classes: classesProp,
+      className,
+      component,
+      stickyHeader,
+      ...others
+    } = uikitReactUtils.useDefaultProps("HvTableHead", props);
     const { classes, cx } = TableHead_styles.useClasses(classesProp);
     const tableContext = React.useContext(TableContext.default);
     const Component = component || tableContext?.components?.THead || defaultComponent;
@@ -22,7 +30,7 @@ const HvTableHead = React.forwardRef(
           { [classes.stickyHeader]: stickyHeader },
           className
         ),
-        ref: externalRef,
+        ref,
         role: Component === defaultComponent ? null : "rowgroup",
         ...others
       }

package/dist/cjs/Table/TableHeader/TableHeader.cjs

@@ -12,7 +12,7 @@ const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const defaultComponent = "th";
 const HvTableHeader = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableHeader2(props, ref) {
     const {
       children,
       component,
@@ -55,7 +55,7 @@ const HvTableHeader = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Component,
       {
-        ref: externalRef,
+        ref,
         role,
         scope,
         style,

package/dist/cjs/Table/TableRow/TableRow.cjs

@@ -8,7 +8,7 @@ const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
 const defaultComponent = "tr";
 const HvTableRow = React.forwardRef(
-  (props, externalRef) => {
+  function HvTableRow2(props, ref) {
     const {
       classes: classesProp,
       className,
@@ -28,7 +28,7 @@ const HvTableRow = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
-        ref: externalRef,
+        ref,
         className: cx(
           tableSectionContext.filterClassName,
           classes.root,

package/dist/cjs/TableSection/TableSection.styles.cjs

@@ -40,7 +40,9 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSect
       borderBottomRightRadius: "inherit"
     },
     [`& .${TableContainer_styles.staticClasses.root}`]: {
-      paddingBottom: 0
+      paddingBottom: 0,
+      borderTopLeftRadius: "inherit",
+      borderTopRightRadius: "inherit"
     },
     [`& .${TableHeader_styles.staticClasses.head}`]: {
       backgroundColor: uikitStyles.theme.colors.atmo2,
@@ -77,7 +79,9 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSect
       margin: 0,
       backgroundColor: uikitStyles.theme.colors.atmo2,
       padding: uikitStyles.theme.space.xs,
-      borderTop: `1px solid ${uikitStyles.theme.colors.atmo3}`
+      borderTop: `1px solid ${uikitStyles.theme.colors.atmo3}`,
+      borderBottomLeftRadius: "inherit",
+      borderBottomRightRadius: "inherit"
     },
     [`& .${Pagination_styles.staticClasses.pageSizeOptions}`]: {
       left: uikitStyles.theme.space.sm

package/dist/cjs/TagsInput/TagsInput.cjs

@@ -6,24 +6,24 @@ const utils = require("@mui/material/utils");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const validations = require("../BaseInput/validations.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const Suggestions = require("../FormElement/Suggestions/Suggestions.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useIsMounted = require("../hooks/useIsMounted.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
 const TagsInput_styles = require("./TagsInput.styles.cjs");
-const CharCounter = require("../Forms/CharCounter/CharCounter.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const CharCounter = require("../FormElement/CharCounter/CharCounter.cjs");
+const utils$1 = require("../FormElement/utils.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const Tag = require("../Tag/Tag.cjs");
 const BaseInput_styles = require("../BaseInput/BaseInput.styles.cjs");
 const Input = require("../Input/Input.cjs");
-const Suggestions = require("../Forms/Suggestions/Suggestions.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const HvTagsInput = React.forwardRef(
   function HvTagsInput2(props, ref) {
     const {
@@ -33,9 +33,9 @@ const HvTagsInput = React.forwardRef(
       name,
       value: valueProp,
       defaultValue = [],
-      readOnly = false,
-      disabled = false,
-      required = false,
+      readOnly,
+      disabled,
+      required,
       label: textAreaLabel,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -47,21 +47,21 @@ const HvTagsInput = React.forwardRef(
       onBlur,
       onFocus,
       placeholder,
-      hideCounter = false,
+      hideCounter,
       middleCountLabel = "/",
       maxTagsQuantity,
       resizable = true,
       inputProps,
       countCharProps,
-      multiline = false,
+      multiline,
       status,
       statusMessage,
       validationMessages,
       commitTagOn = ["Enter"],
-      commitOnBlur = false,
+      commitOnBlur,
       suggestionListCallback,
       suggestionValidation,
-      suggestionsLoose = false,
+      suggestionsLoose,
       ...others
     } = uikitReactUtils.useDefaultProps("HvTagsInput", props);
     const { classes, cx, css } = TagsInput_styles.useClasses(classesProp);
@@ -101,11 +101,11 @@ const HvTagsInput = React.forwardRef(
     const performValidation = React.useCallback(
       (currValue) => {
         if (maxTagsQuantity !== null && maxTagsQuantity !== void 0 && currValue.length > maxTagsQuantity) {
-          setValidationState(validationStates.default.invalid);
+          setValidationState(utils$1.validationStates.invalid);
           setValidationMessage(errorMessages.maxCharError);
           setStateValid(false);
         } else {
-          setValidationState(validationStates.default.valid);
+          setValidationState(utils$1.validationStates.valid);
           setValidationMessage("");
           setStateValid(true);
         }
@@ -286,7 +286,7 @@ const HvTagsInput = React.forwardRef(
     const onDeleteTagHandler = React.useCallback(
       (event, i) => {
         deleteTag(i, event, true);
-        setValidationState(validationStates.default.standBy);
+        setValidationState(utils$1.validationStates.standBy);
       },
       [deleteTag, setValidationState]
     );

package/dist/cjs/TagsInput/TagsInput.styles.cjs

@@ -4,7 +4,7 @@ const Chip = require("@mui/material/Chip");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const BaseInput_styles = require("../BaseInput/BaseInput.styles.cjs");
-const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
+const Suggestions_styles = require("../FormElement/Suggestions/Suggestions.styles.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTagsInput", {
   input: {
     width: "100%",

package/dist/cjs/TextArea/TextArea.cjs

@@ -5,17 +5,17 @@ const React = require("react");
 const utils = require("@mui/material/utils");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const validations = require("../BaseInput/validations.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const TextArea_styles = require("./TextArea.styles.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
-const CharCounter = require("../Forms/CharCounter/CharCounter.cjs");
+const utils$1 = require("../FormElement/utils.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
+const CharCounter = require("../FormElement/CharCounter/CharCounter.cjs");
 const BaseInput = require("../BaseInput/BaseInput.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const HvTextArea = React.forwardRef(function HvTextArea2(props, ref) {
   const {
     id,
@@ -37,14 +37,14 @@ const HvTextArea = React.forwardRef(function HvTextArea2(props, ref) {
     middleCountLabel = "/",
     countCharProps = {},
     inputProps = {},
-    required = false,
-    readOnly = false,
-    disabled = false,
-    autoFocus = false,
-    resizable = false,
-    autoScroll = false,
-    hideCounter = false,
-    blockMax = false,
+    required,
+    readOnly,
+    disabled,
+    autoFocus,
+    resizable,
+    autoScroll,
+    hideCounter,
+    blockMax,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
@@ -64,14 +64,14 @@ const HvTextArea = React.forwardRef(function HvTextArea2(props, ref) {
   const [autoScrolling, setAutoScrolling] = React.useState(autoScroll);
   const [validationState, setValidationState] = useControlled.useControlled(
     status,
-    validationStates.default.standBy
+    utils$1.validationStates.standBy
   );
   const [validationMessage, setValidationMessage] = useControlled.useControlled(
     statusMessage,
     ""
   );
   const [value, setValue] = useControlled.useControlled(valueProp, defaultValue);
-  const isStateInvalid = validationStates.isInvalid(validationState);
+  const isStateInvalid = utils$1.isInvalid(validationState);
   const isEmptyValue = value == null || value === "";
   const hasLabel = label != null;
   const hasDescription = description != null;
@@ -125,7 +125,7 @@ const HvTextArea = React.forwardRef(function HvTextArea2(props, ref) {
   };
   const onFocusHandler = (event) => {
     setFocused(true);
-    setValidationState(validationStates.default.standBy);
+    setValidationState(utils$1.validationStates.standBy);
     onFocus?.(event, value);
   };
   const isScrolledDown = React.useCallback(() => {

package/dist/cjs/TimePicker/TimePicker.cjs

@@ -14,11 +14,11 @@ const setId = require("../utils/setId.cjs");
 const Placeholder = require("./Placeholder.cjs");
 const TimePicker_styles = require("./TimePicker.styles.cjs");
 const Unit = require("./Unit/Unit.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const toTime = (value) => {
   if (!value) return value;
   const { hours, minutes, seconds } = value;
@@ -31,9 +31,9 @@ const HvTimePicker = React.forwardRef(
       className,
       id: idProp,
       name,
-      required = false,
-      disabled = false,
-      readOnly = false,
+      required,
+      disabled,
+      readOnly,
       label,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,

package/dist/cjs/VerticalNavigation/TreeView/TreeViewItem.cjs

@@ -20,7 +20,7 @@ const preventSelection = (event, disabled) => {
   }
 };
 const HvVerticalNavigationTreeViewItem = React.forwardRef(
-  (props, ref) => {
+  function HvVerticalNavigationTreeViewItem2(props, ref) {
     const {
       id: idProp,
       className,