@hitachivantara/uikit-react-core 5.82.2 → 5.82.4

package/dist/cjs/BaseDropdown/BaseDropdown.cjs

@@ -16,7 +16,7 @@ const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
 const BaseDropdownPanel = require("./BaseDropdownPanel.cjs");
 const context = require("./context.cjs");
 const Typography = require("../Typography/Typography.cjs");
-const BaseDropdown = React.forwardRef((props, ref) => {
+const BaseDropdown = React.forwardRef(function BaseDropdown2(props, ref) {
   const {
     id: idProp,
     className,

package/dist/cjs/BaseInput/BaseInput.cjs

@@ -4,13 +4,12 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const react = require("@emotion/react");
 const MuiInput = require("@mui/material/Input");
-const utils = require("@mui/material/utils");
+const utils$1 = require("@mui/material/utils");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const BaseInput_styles = require("./BaseInput.styles.cjs");
-const FormUtils = require("../Forms/FormElement/utils/FormUtils.cjs");
-const FormElementContext = require("../Forms/FormElement/context/FormElementContext.cjs");
-const FormElementDescriptorsContext = require("../Forms/FormElement/context/FormElementDescriptorsContext.cjs");
+const context = require("../FormElement/context.cjs");
+const utils = require("../FormElement/utils.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiInput__default = /* @__PURE__ */ _interopDefault(MuiInput);
 const baseInputStyles = react.css({
@@ -49,28 +48,28 @@ const HvBaseInput = React.forwardRef(function HvBaseInput2(props, ref) {
     onChange,
     type = "text",
     placeholder,
-    multiline = false,
-    resizable = false,
-    invalid = false,
+    multiline,
+    resizable,
+    invalid,
     inputRef,
     inputProps = {},
     ...others
   } = uikitReactUtils.useDefaultProps("HvBaseInput", props);
   const { classes, cx } = BaseInput_styles.useClasses(classesProp);
-  const formElementContext = React.useContext(FormElementContext.HvFormElementContext);
-  const formElementProps = FormUtils.buildFormElementPropsFromContext(
+  const formElementContext = React.useContext(context.HvFormElementContext);
+  const formElementProps = utils.buildFormElementPropsFromContext(
     name,
     disabled,
     readOnly,
     required,
     formElementContext
   );
-  const forkedRef = utils.useForkRef(ref, inputRef);
+  const forkedRef = utils$1.useForkRef(ref, inputRef);
   const localInvalid = invalid || formElementProps.status === "invalid";
   const formElementDescriptorsContext = React.useContext(
-    FormElementDescriptorsContext.HvFormElementDescriptorsContext
+    context.HvFormElementDescriptorsContext
   );
-  const ariaProps = FormUtils.buildAriaPropsFromContext(
+  const ariaProps = utils.buildAriaPropsFromContext(
     inputProps,
     formElementDescriptorsContext,
     localInvalid,

package/dist/cjs/BaseInput/validations.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const utils = require("../FormElement/utils.cjs");
 const isNumeric = (num) => (
   // to prevent Number( <spaces> ) = 0
   num.trim().length > 0 && !Number.isNaN(Number(num))
@@ -27,9 +27,9 @@ const computeValidationType = (type) => {
 const hasBuiltInValidations = (required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || inputProps?.required != null || inputProps?.minLength != null || inputProps?.maxLength != null || inputProps?.min != null || inputProps?.max != null || inputProps?.type != null && inputProps?.type !== "text" && inputProps?.type !== "password" || inputProps?.pattern != null;
 const computeValidationState = (inputValidity, isEmptyValue) => {
   if (inputValidity.valid && isEmptyValue) {
-    return validationStates.default.standBy;
+    return utils.validationStates.standBy;
   }
-  return inputValidity.valid ? validationStates.default.valid : validationStates.default.invalid;
+  return inputValidity.valid ? utils.validationStates.valid : utils.validationStates.invalid;
 };
 const computeValidationMessage = (inputValidity, errorMessages) => {
   if (inputValidity.valid) {

package/dist/cjs/Calendar/Calendar.cjs

@@ -7,14 +7,13 @@ const setId = require("../utils/setId.cjs");
 const Calendar_styles = require("./Calendar.styles.cjs");
 const utils = require("./utils.cjs");
 const SingleCalendar = require("./SingleCalendar/SingleCalendar.cjs");
-const FormElementContext = require("../Forms/FormElement/context/FormElementContext.cjs");
-const FormElementValueContext = require("../Forms/FormElement/context/FormElementValueContext.cjs");
+const context = require("../FormElement/context.cjs");
 const HvCalendar = (props) => {
   const {
     classes: classesProp,
-    id,
+    id: idProp,
     locale = "en-US",
-    value,
+    value: valueProp,
     visibleMonth,
     visibleYear,
     rightVisibleMonth,
@@ -29,19 +28,19 @@ const HvCalendar = (props) => {
     ...others
   } = uikitReactUtils.useDefaultProps("HvCalendar", props);
   const { classes } = Calendar_styles.useClasses(classesProp);
-  const { elementId } = React.useContext(FormElementContext.HvFormElementContext);
-  const elementValue = React.useContext(FormElementValueContext.HvFormElementValueContext);
-  const localValue = value ?? elementValue;
-  const localId = id ?? setId.setId(elementId, "single-calendar");
-  const rangeMode = utils.isRange(localValue);
-  const rightCalendarId = setId.setId(localId, "single-calendar-right");
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const elementValue = React.useContext(context.HvFormElementValueContext);
+  const value = valueProp ?? elementValue;
+  const id = idProp ?? setId.setId(context$1.id, "single-calendar");
+  const rangeMode = utils.isRange(value);
+  const rightCalendarId = setId.setId(id, "single-calendar-right");
   const clampedMonth = visibleMonth && visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;
   const singleCalendar = /* @__PURE__ */ jsxRuntime.jsx(
     SingleCalendar.HvSingleCalendar,
     {
-      id: localId,
+      id,
       locale,
-      value: localValue,
+      value,
       visibleMonth: clampedMonth,
       visibleYear,
       minimumDate,
@@ -60,9 +59,9 @@ const HvCalendar = (props) => {
       SingleCalendar.HvSingleCalendar,
       {
         className: classes.singleCalendar,
-        id: localId,
+        id,
         locale,
-        value: localValue,
+        value,
         visibleMonth: clampedMonth,
         visibleYear,
         minimumDate,
@@ -82,7 +81,7 @@ const HvCalendar = (props) => {
         className: classes.singleCalendar,
         id: rightCalendarId,
         locale,
-        value: localValue,
+        value,
         visibleMonth: rightVisibleMonth,
         visibleYear: rightVisibleYear,
         minimumDate,

package/dist/cjs/Calendar/CalendarHeader/CalendarHeader.cjs

@@ -11,10 +11,8 @@ const keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
 const CalendarHeader_styles = require("./CalendarHeader.styles.cjs");
-const FormElementValueContext = require("../../Forms/FormElement/context/FormElementValueContext.cjs");
+const context = require("../../FormElement/context.cjs");
 const Input = require("../../Input/Input.cjs");
-const FormElementContext = require("../../Forms/FormElement/context/FormElementContext.cjs");
-const FormElementDescriptorsContext = require("../../Forms/FormElement/context/FormElementDescriptorsContext.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const dayjs__default = /* @__PURE__ */ _interopDefault(dayjs);
@@ -26,7 +24,7 @@ dayjs__default.default.extend(localizedFormat__default.default);
 dayjs__default.default.extend(customParseFormat__default.default);
 const HvCalendarHeader = (props) => {
   const {
-    id,
+    id: idProp,
     value,
     locale = "en-US",
     classes: classesProp,
@@ -37,9 +35,9 @@ const HvCalendarHeader = (props) => {
     invalidDateLabel = "Invalid Date"
   } = uikitReactUtils.useDefaultProps("HvCalendarHeader", props);
   const { classes, cx } = CalendarHeader_styles.useClasses(classesProp);
-  const { elementId } = React.useContext(FormElementContext.HvFormElementContext);
-  const elementValue = React.useContext(FormElementValueContext.HvFormElementValueContext);
-  const { label } = React.useContext(FormElementDescriptorsContext.HvFormElementDescriptorsContext);
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const elementValue = React.useContext(context.HvFormElementValueContext);
+  const { label } = React.useContext(context.HvFormElementDescriptorsContext);
   let localValue = value ?? elementValue ?? "";
   if (utils.isRange(localValue)) {
     localValue = showEndDate ? localValue.endDate : localValue.startDate;
@@ -48,7 +46,7 @@ const HvCalendarHeader = (props) => {
   const [editedValue, setEditedValue] = React.useState(null);
   const [displayValue, setDisplayValue] = React.useState("");
   const [weekdayDisplay, setWeekdayDisplay] = React.useState("");
-  const localId = id ?? setId.setId(elementId, "calendarHeader");
+  const id = idProp ?? setId.setId(context$1.id, "calendarHeader");
   const inputValue = editedValue ?? displayValue;
   const localeFormat = dayjs__default.default().locale(locale).localeData().longDateFormat("L");
   const [isValidValue, setIsValidValue] = React.useState(
@@ -114,7 +112,7 @@ const HvCalendarHeader = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      id: localId,
+      id,
       className: cx(classes.root, {
         [classes.invalid]: isInvalid
       }),
@@ -124,7 +122,7 @@ const HvCalendarHeader = (props) => {
           Input.HvInput,
           {
             type: "text",
-            id: setId.setId(localId, "header-input"),
+            id: setId.setId(id, "header-input"),
             className: classes.headerDate,
             classes: {
               input: classes.input,

package/dist/cjs/Card/Card.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Card_styles = require("./Card.styles.cjs");
-const HvCard = React.forwardRef((props, ref) => {
+const HvCard = React.forwardRef(function HvCard2(props, ref) {
   const {
     classes: classesProp,
     style,

package/dist/cjs/CheckBox/CheckBox.cjs

@@ -7,11 +7,11 @@ const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const CheckBox_styles = require("./CheckBox.styles.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const utils = require("../FormElement/utils.cjs");
 const BaseCheckBox = require("../BaseCheckBox/BaseCheckBox.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const HvCheckBox = React.forwardRef(
   function HvCheckBox2(props, ref) {
     const {
@@ -27,11 +27,11 @@ const HvCheckBox = React.forwardRef(
       labelProps,
       inputProps,
       value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
-      semantic = false,
-      defaultChecked = false,
+      required,
+      readOnly,
+      disabled,
+      semantic,
+      defaultChecked,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
@@ -57,7 +57,7 @@ const HvCheckBox = React.forwardRef(
       checked !== void 0 ? indeterminate : void 0,
       Boolean(indeterminate)
     );
-    const isStateInvalid = validationStates.isInvalid(validationState);
+    const isStateInvalid = utils.isInvalid(validationState);
     const onChangeCallback = React.useCallback(
       (event, newChecked) => {
         setIsChecked(() => {

package/dist/cjs/CheckBoxGroup/CheckBoxGroup.cjs

@@ -8,11 +8,11 @@ const useUniqueId = require("../hooks/useUniqueId.cjs");
 const multiSelectionEventHandler = require("../utils/multiSelectionEventHandler.cjs");
 const setId = require("../utils/setId.cjs");
 const CheckBoxGroup_styles = require("./CheckBoxGroup.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 CheckBox = require("../CheckBox/CheckBox.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const computeSelectAllState = (selected, total) => {
   if (selected === 0) {
     return "none";
@@ -44,10 +44,10 @@ const HvCheckBoxGroup = React.forwardRef(
       statusMessage,
       defaultValue,
       value: valueProp,
-      required = false,
-      readOnly = false,
-      disabled = false,
-      showSelectAll = false,
+      required,
+      readOnly,
+      disabled,
+      showSelectAll,
       orientation = "vertical",
       selectAllLabel = "All",
       selectAllConjunctionLabel = "/",

package/dist/cjs/ColorPicker/ColorPicker.cjs

@@ -12,9 +12,9 @@ const ColorPicker_styles = require("./ColorPicker.styles.cjs");
 const PresetColors = require("./PresetColors/PresetColors.cjs");
 const Picker = require("./Picker/Picker.cjs");
 const SavedColors = require("./SavedColors/SavedColors.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 Typography = require("../Typography/Typography.cjs");
 const Panel = require("../Panel/Panel.cjs");
@@ -27,8 +27,8 @@ const HvColorPicker = React.forwardRef(
     const {
       id,
       name,
-      required = false,
-      disabled = false,
+      required,
+      disabled,
       label,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -73,10 +73,7 @@ const HvColorPicker = React.forwardRef(
     } = uikitReactUtils.useDefaultProps("HvColorPicker", props);
     const { classes, css, cx } = ColorPicker_styles.useClasses(classesProp);
     const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-    const [isOpen, setIsOpen] = useControlled.useControlled(
-      expanded,
-      Boolean(defaultExpanded)
-    );
+    const [isOpen, setIsOpen] = useControlled.useControlled(expanded, defaultExpanded);
     const [color, setColor] = useControlled.useControlled(value, defaultValue);
     const [savedColors, setSavedColors] = useControlled.useControlled(
       savedColorsValue,

package/dist/cjs/ColorPicker/Fields/Fields.cjs

@@ -66,12 +66,12 @@ const Fields = (props) => {
         },
         event
       );
-    } else if (data.r || data.g || data.b) {
+    } else if (data.r !== void 0 || data.g !== void 0 || data.b !== void 0) {
       onChange(
         {
-          r: data.r || rgb?.r,
-          g: data.g || rgb?.g,
-          b: data.b || rgb?.b,
+          r: data.r ?? rgb?.r,
+          g: data.g ?? rgb?.g,
+          b: data.b ?? rgb?.b,
           source: "rgb"
         },
         event

package/dist/cjs/ColorPicker/Picker/Picker.cjs

@@ -19,14 +19,22 @@ const Component = (props) => {
     classes: classesProp
   } = uikitReactUtils.useDefaultProps("HvColorPickerPicker", props);
   const { activeTheme } = uikitReactUtils.useTheme();
-  const { classes } = Picker_styles.useClasses(classesProp);
+  const { classes, cx } = Picker_styles.useClasses(classesProp);
   const SaturationPointer = React.useCallback(
     () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.saturationPointer }),
     [classes?.saturationPointer]
   );
   const HueSlider = React.useCallback(
-    () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes?.hueSlider }),
-    [classes?.hueSlider]
+    () => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cx(
+          classes?.hueSlider,
+          activeTheme?.colorPicker.hueDirection
+        )
+      }
+    ),
+    [activeTheme?.colorPicker.hueDirection, classes?.hueSlider, cx]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     title && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.title, variant: "caption1", children: title }),

package/dist/cjs/ColorPicker/Picker/Picker.styles.cjs

@@ -50,7 +50,12 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses(name, {
     marginLeft: "0px",
     border: "2px solid #fff",
     borderRadius: uikitStyles.theme.radii.circle,
-    transform: "translate(0, -2px)"
+    "&.vertical": {
+      transform: "translate(0px, -2px)"
+    },
+    "&.horizontal": {
+      transform: "translate(-6px, -2px)"
+    }
   },
   title: {
     fontWeight: uikitStyles.theme.fontWeights.semibold,

package/dist/cjs/Controls/context/ControlsContext.cjs

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
-const HvControlsContext = React__default.default.createContext({});
+const HvControlsContext = React.createContext({});
 const HvControlsContextProvider = HvControlsContext.Provider;
 HvControlsContext.Consumer;
 exports.HvControlsContext = HvControlsContext;

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const utils = require("@mui/material/utils");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const utils$2 = require("../Calendar/utils.cjs");
+const utils$3 = require("../Calendar/utils.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
@@ -16,12 +16,12 @@ const useVisibleDate = require("./useVisibleDate.cjs");
 const utils$1 = require("./utils.cjs");
 const Calendar = require("../Calendar/Calendar.cjs");
 const Button = require("../Button/Button.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const utils$2 = 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 BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const ActionBar = require("../ActionBar/ActionBar.cjs");
 const DEFAULT_LABELS = {
   /** Apply button label. */
@@ -40,8 +40,8 @@ const HvDatePicker = React.forwardRef(
       className,
       id,
       name,
-      required = false,
-      disabled = false,
+      required,
+      disabled,
       readOnly,
       label,
       "aria-label": ariaLabel,
@@ -66,8 +66,8 @@ const HvDatePicker = React.forwardRef(
       startAdornment,
       horizontalPlacement = "right",
       locale: localeProp,
-      showActions = false,
-      showClear = false,
+      showActions,
+      showClear,
       disablePortal = true,
       escapeWithReference = true,
       dropdownProps = {},
@@ -126,7 +126,7 @@ const HvDatePicker = React.forwardRef(
       setEndDate(endDate ?? startDate, true);
       onChange?.(startDate, endDate);
       setValidationState(() => {
-        if (required && (!utils$2.isDate(startDate) || rangeMode && !utils$2.isDate(endDate))) {
+        if (required && (!utils$3.isDate(startDate) || rangeMode && !utils$3.isDate(endDate))) {
           return "invalid";
         }
         return "valid";
@@ -159,7 +159,7 @@ const HvDatePicker = React.forwardRef(
       focusTarget.current?.focus();
     };
     const handleDateChange = (event, newDate) => {
-      if (!utils$2.isDate(newDate)) return;
+      if (!utils$3.isDate(newDate)) return;
       const autoSave = !showActions && !rangeMode;
       if (rangeMode) {
         if (!startDate || startDate && endDate || newDate < startDate) {
@@ -174,7 +174,7 @@ const HvDatePicker = React.forwardRef(
       if (autoSave) {
         onChange?.(newDate);
         setValidationState(() => {
-          if (required && !utils$2.isDate(newDate)) {
+          if (required && !utils$3.isDate(newDate)) {
             return "invalid";
           }
           return "valid";
@@ -183,7 +183,7 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleInputDateChange = (event, newDate, position) => {
-      if (!utils$2.isDate(newDate)) return;
+      if (!utils$3.isDate(newDate)) return;
       if (!rangeMode) {
         handleDateChange(event, newDate);
         return;
@@ -237,7 +237,7 @@ const HvDatePicker = React.forwardRef(
     const hasLabel = label != null;
     const hasDescription = description != null;
     const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = validationStates.isInvalid(validationState);
+    const isStateInvalid = utils$2.isInvalid(validationState);
     let errorMessageId;
     if (isStateInvalid) {
       errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -19,7 +19,7 @@ const DEFAULT_LABELS = {
   dropdownMenu: "Dropdown menu"
 };
 const HeaderComponent = React.forwardRef(
-  (props, ref) => {
+  function HeaderComponent2(props, ref) {
     const { open, icon, disabled, ...others } = props;
     const { popperPlacement } = context.useBaseDropdownContext();
     return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/Dropdown/Dropdown.cjs

@@ -12,12 +12,12 @@ const setId = require("../utils/setId.cjs");
 const Dropdown_styles = require("./Dropdown.styles.cjs");
 const utils = require("./utils.cjs");
 const List = require("./List/List.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const utils$2 = 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 BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const DEFAULT_LABELS = {
   /** Label for overwrite the default header behavior. */
@@ -39,9 +39,9 @@ const HvDropdown = generic.fixedForwardRef(function HvDropdown2(props, ref) {
     className,
     id,
     name,
-    required = false,
-    disabled = false,
-    readOnly = false,
+    required,
+    disabled,
+    readOnly,
     label,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -201,7 +201,7 @@ const HvDropdown = generic.fixedForwardRef(function HvDropdown2(props, ref) {
   const hasLabel = label != null;
   const hasDescription = description != null;
   const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-  const isStateInvalid = validationStates.isInvalid(validationState);
+  const isStateInvalid = utils$2.isInvalid(validationState);
   let errorMessageId;
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;

package/dist/cjs/FileUploader/DropZone/DropZone.cjs

@@ -9,8 +9,8 @@ const helpers = require("../../utils/helpers.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
 const DropZone_styles = require("./DropZone.styles.cjs");
-const Label = require("../../Forms/Label/Label.cjs");
-const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
+const Label = require("../../FormElement/Label/Label.cjs");
+const InfoMessage = require("../../FormElement/InfoMessage/InfoMessage.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 function validateAccept(file, acceptAttr) {
   if (!file || !acceptAttr) return true;

package/dist/cjs/FilterGroup/FilterGroup.cjs

@@ -10,10 +10,10 @@ const setId = require("../utils/setId.cjs");
 const FilterGroup_styles = require("./FilterGroup.styles.cjs");
 const FilterGroupContext = require("./FilterGroupContext.cjs");
 const FilterContent = require("./FilterContent/FilterContent.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const DEFAULT_LABELS = {
   /** Apply button label. */
   applyLabel: "Apply",
@@ -36,8 +36,8 @@ const HvFilterGroup = React.forwardRef(
       className,
       id,
       name,
-      required = false,
-      disabled = false,
+      required,
+      disabled,
       label,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,

package/dist/cjs/{Forms → FormElement}/Adornment/Adornment.cjs

@@ -3,27 +3,26 @@ 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 context = require("../context.cjs");
 const Adornment_styles = require("./Adornment.styles.cjs");
-const FormElementDescriptorsContext = require("../FormElement/context/FormElementDescriptorsContext.cjs");
 const ButtonBase = require("../../ButtonBase/ButtonBase.cjs");
-const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const noop = () => {
 };
-const HvAdornment = React.forwardRef((props, ref) => {
+const HvAdornment = React.forwardRef(function HvAdornment2(props, ref) {
   const {
     id,
     classes: classesProp,
     className,
     icon,
-    showWhen = void 0,
+    showWhen,
     onClick,
-    isVisible = void 0,
+    isVisible,
     ...others
   } = uikitReactUtils.useDefaultProps("HvAdornment", props);
   const { classes, cx } = Adornment_styles.useClasses(classesProp);
-  const { elementStatus = "", elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
-  const { input } = React.useContext(FormElementDescriptorsContext.HvFormElementDescriptorsContext);
-  const displayIcon = isVisible ?? (showWhen === void 0 || elementStatus === showWhen);
+  const { status, disabled } = React.useContext(context.HvFormElementContext);
+  const { input } = React.useContext(context.HvFormElementDescriptorsContext);
+  const displayIcon = isVisible ?? (showWhen == null || status === showWhen);
   const isClickable = !!onClick;
   return isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
     ButtonBase.HvButtonBase,
@@ -40,14 +39,14 @@ const HvAdornment = React.forwardRef((props, ref) => {
         classes.adornmentButton,
         {
           [classes.hideIcon]: !displayIcon,
-          [classes.disabled]: elementDisabled
+          [classes.disabled]: disabled
         },
         className
       ),
       onClick,
       onMouseDown: (event) => event.preventDefault(),
       onKeyDown: noop,
-      disabled: elementDisabled,
+      disabled,
       ...others,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon })
     }
@@ -62,7 +61,7 @@ const HvAdornment = React.forwardRef((props, ref) => {
         classes.adornmentIcon,
         {
           [classes.hideIcon]: !displayIcon,
-          [classes.disabled]: elementDisabled
+          [classes.disabled]: disabled
         },
         className
       ),