@hitachivantara/uikit-react-core 5.82.1 → 5.82.3

package/dist/cjs/FormElement/FormElement.cjs

@@ -0,0 +1,35 @@
+"use strict";
+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 useUniqueId = require("../hooks/useUniqueId.cjs");
+const context = require("./context.cjs");
+const FormElement_styles = require("./FormElement.styles.cjs");
+const utils = require("./utils.cjs");
+const HvFormElement = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    children,
+    id: idProp,
+    name,
+    value,
+    disabled,
+    required,
+    readOnly,
+    status = "standBy",
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvFormElement", props);
+  const { classes, cx } = FormElement_styles.useClasses(classesProp);
+  const id = useUniqueId.useUniqueId(idProp);
+  const contextValue = React.useMemo(
+    () => ({ id, name, status, disabled, required, readOnly }),
+    [id, name, status, disabled, required, readOnly]
+  );
+  const descriptors = React.useMemo(() => utils.findDescriptors(children), [children]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementValueContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementDescriptorsContext.Provider, { value: descriptors, children }) }) }) });
+};
+HvFormElement.formElementType = "formelement";
+exports.formElementClasses = FormElement_styles.staticClasses;
+exports.HvFormElement = HvFormElement;

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

@@ -4,31 +4,31 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
 const InfoMessage_styles = require("./InfoMessage.styles.cjs");
-const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const HvInfoMessage = (props) => {
   const {
-    id,
+    id: idProp,
     classes: classesProp,
     className,
     children,
-    disabled,
+    disabled: disabledProp,
     disableGutter = false,
     ...others
   } = uikitReactUtils.useDefaultProps("HvInfoMessage", props);
   const { classes, cx } = InfoMessage_styles.useClasses(classesProp);
-  const { elementId, elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
-  const localDisabled = disabled || elementDisabled;
-  const localId = id ?? setId.setId(elementId, "description");
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const id = idProp ?? setId.setId(context$1.id, "description");
   return /* @__PURE__ */ jsxRuntime.jsx(
     Typography.HvTypography,
     {
-      id: localId,
+      id,
       className: cx(
         classes.root,
         {
-          [classes.infoDisabled]: !!localDisabled,
+          [classes.infoDisabled]: !!disabled,
           [classes.gutter]: !disableGutter
         },
         className

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

@@ -4,37 +4,37 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
-const FormUtils = require("../FormElement/utils/FormUtils.cjs");
+const context = require("../context.cjs");
+const utils = require("../utils.cjs");
 const Label_styles = require("./Label.styles.cjs");
-const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const HvLabel = (props) => {
   const {
-    id,
+    id: idProp,
     classes: classesProp,
     className,
     children,
     label,
-    disabled,
-    required,
+    disabled: disabledProp,
+    required: requiredProp,
     htmlFor: htmlForProp,
     ...others
   } = uikitReactUtils.useDefaultProps("HvLabel", props);
   const { classes, cx } = Label_styles.useClasses(classesProp);
-  const { elementId, elementDisabled, elementRequired } = React.useContext(FormElementContext.HvFormElementContext);
-  const localDisabled = disabled || elementDisabled;
-  const localRequired = required || elementRequired;
-  const localId = id ?? setId.setId(elementId, "label");
-  const forId = htmlForProp || FormUtils.findDescriptors(children)?.input?.[0]?.id;
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const required = requiredProp ?? context$1.required;
+  const id = idProp ?? setId.setId(context$1.id, "label");
+  const forId = htmlForProp || utils.findDescriptors(children)?.input?.[0]?.id;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       Typography.HvTypography,
       {
-        id: localId,
+        id,
         className: cx(
           classes.root,
           {
-            [classes.labelDisabled]: !!localDisabled,
+            [classes.labelDisabled]: !!disabled,
             [classes.childGutter]: !!(children && label)
           },
           className
@@ -45,7 +45,7 @@ const HvLabel = (props) => {
         ...others,
         children: [
           label,
-          localRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
         ]
       }
     ),

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

@@ -8,13 +8,13 @@ const utils = require("@mui/material/utils");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const document = require("../../utils/document.cjs");
 const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
 const Suggestions_styles = require("./Suggestions.styles.cjs");
 const SelectionList = require("../../SelectionList/SelectionList.cjs");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const HvSuggestions = React.forwardRef((props, extRef) => {
   const {
-    id,
+    id: idProp,
     className,
     classes: classesProp,
     expanded = false,
@@ -29,8 +29,8 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
   } = props;
   const { classes, cx } = Suggestions_styles.useClasses(classesProp);
   const { rootId } = uikitReactUtils.useTheme();
-  const { elementId } = React.useContext(FormElementContext.HvFormElementContext);
-  const localId = id ?? setId.setId(elementId, "suggestions");
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const id = idProp ?? setId.setId(context$1.id, "suggestions");
   const ref = React.useRef(null);
   const forkedRef = utils.useForkRef(ref, extRef);
   const [isOpen, setIsOpen] = React.useState(expanded);
@@ -40,7 +40,7 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      id: localId,
+      id,
       ref: forkedRef,
       className: cx(classes.root, className),
       ...others,
@@ -70,7 +70,7 @@ const HvSuggestions = React.forwardRef((props, extRef) => {
                 SelectionList.HvSelectionList,
                 {
                   className: classes.list,
-                  id: setId.setId(localId, "list"),
+                  id: setId.setId(id, "list"),
                   onChange: onSuggestionSelected,
                   children: suggestionValues?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { value: item, disabled: item.disabled, children: item.label }, item.id))
                 }

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

@@ -5,8 +5,8 @@ const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
 const WarningText_styles = require("./WarningText.styles.cjs");
-const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const HvWarningText = (props) => {
   const {
     children,
@@ -23,10 +23,10 @@ const HvWarningText = (props) => {
     ...others
   } = uikitReactUtils.useDefaultProps("HvWarningText", props);
   const { classes, cx } = WarningText_styles.useClasses(classesProp);
-  const { elementId, elementStatus, elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
-  const disabled = disabledProp || elementDisabled;
-  const visible = isVisibleProp ?? elementStatus === "invalid";
-  const id = idProp ?? setId.setId(elementId, "error");
+  const context$1 = React.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const visible = isVisibleProp ?? context$1.status === "invalid";
+  const id = idProp ?? setId.setId(context$1.id, "error");
   const showWarning = visible && !disabled;
   const adornment = adornmentProp || /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Fail, { size: "xs", className: classes.defaultIcon });
   return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/cjs/FormElement/context.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const HvFormElementContext = React.createContext(
+  {}
+);
+const HvFormElementDescriptorsContext = React.createContext({});
+const HvFormElementValueContext = React.createContext(void 0);
+exports.HvFormElementContext = HvFormElementContext;
+exports.HvFormElementDescriptorsContext = HvFormElementDescriptorsContext;
+exports.HvFormElementValueContext = HvFormElementValueContext;

package/dist/cjs/{Forms/FormElement/utils/FormUtils.cjs → FormElement/utils.cjs}

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const React__default = /* @__PURE__ */ _interopDefault(React);
 const findDescriptors = (children, descriptors = {
   input: [],
   label: [],
@@ -12,7 +10,7 @@ const findDescriptors = (children, descriptors = {
   // TODO: refactor this out
   HvCalendarHeader: []
 }) => {
-  React__default.default.Children.forEach(children, (child) => {
+  React.Children.forEach(children, (child) => {
     if (child?.type?.formElementType && child.props?.id) {
       descriptors[child.type.formElementType]?.push(
         {
@@ -37,27 +35,37 @@ const getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {
 };
 const buildFormElementPropsFromContext = (name, disabled, readOnly, required, context) => {
   return {
-    name: name || context?.elementName,
-    disabled: disabled !== void 0 ? disabled : context?.elementDisabled,
-    readOnly: readOnly !== void 0 ? readOnly : context?.elementReadOnly,
-    required: required !== void 0 ? required : context?.elementRequired,
-    status: context?.elementStatus
+    name: name || context?.name,
+    disabled: disabled ?? context?.disabled,
+    readOnly: readOnly ?? context?.readOnly,
+    required: required ?? context?.required,
+    status: context?.status
   };
 };
-const buildAriaPropsFromContext = (props, context, isInvalid, inputId) => {
+const buildAriaPropsFromContext = (props, context, isInvalid2, inputId) => {
   const arias = {
     "aria-labelledby": props?.["aria-labelledby"] !== void 0 ? props?.["aria-labelledby"] : getIdReferenceListFor("label", context?.descriptors, inputId),
     "aria-describedby": props?.["aria-describedby"] !== void 0 ? props?.["aria-describedby"] : getIdReferenceListFor("description", context?.descriptors),
     "aria-controls": props?.["aria-controls"] !== void 0 ? props?.["aria-controls"] : getIdReferenceListFor("controlled", context?.descriptors)
   };
-  if (isInvalid) {
-    arias["aria-invalid"] = isInvalid;
+  if (isInvalid2) {
+    arias["aria-invalid"] = isInvalid2;
     arias["aria-errormessage"] = props?.["aria-errormessage"] !== void 0 ? props?.["aria-errormessage"] : getIdReferenceFor("errormessage", context?.descriptors);
   }
   return arias;
 };
+const validationStates = Object.freeze({
+  standBy: "standBy",
+  valid: "valid",
+  invalid: "invalid"
+});
+const isValid = (state) => state === validationStates.valid;
+const isInvalid = (state) => state === validationStates.invalid;
 exports.buildAriaPropsFromContext = buildAriaPropsFromContext;
 exports.buildFormElementPropsFromContext = buildFormElementPropsFromContext;
 exports.findDescriptors = findDescriptors;
 exports.getIdReferenceFor = getIdReferenceFor;
 exports.getIdReferenceListFor = getIdReferenceListFor;
+exports.isInvalid = isInvalid;
+exports.isValid = isValid;
+exports.validationStates = validationStates;

package/dist/cjs/Input/Input.cjs

@@ -6,7 +6,7 @@ const utils = require("@mui/material/utils");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 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 useLabels = require("../hooks/useLabels.cjs");
@@ -14,14 +14,14 @@ const useUniqueId = require("../hooks/useUniqueId.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const setId = require("../utils/setId.cjs");
 const Input_styles = require("./Input.styles.cjs");
-const Adornment = require("../Forms/Adornment/Adornment.cjs");
+const Adornment = require("../FormElement/Adornment/Adornment.cjs");
+const utils$1 = require("../FormElement/utils.cjs");
 const BaseInput = require("../BaseInput/BaseInput.cjs");
-const Suggestions = require("../Forms/Suggestions/Suggestions.cjs");
 const Tooltip = require("../Tooltip/Tooltip.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 = {
   /** The label of the clear button. */
   clearButtonLabel: "Clear the text",
@@ -54,9 +54,9 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     name,
     value: valueProp,
     defaultValue = "",
-    required = false,
-    readOnly = false,
-    disabled = false,
+    required,
+    readOnly,
+    disabled,
     enablePortal = false,
     suggestOnFocus = false,
     label,
@@ -102,7 +102,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
   const isEmptyValue = value == null || value === "";
   const [validationState, setValidationState] = useControlled.useControlled(
     status,
-    validationStates.default.standBy
+    utils$1.validationStates.standBy
   );
   const [validationMessage, setValidationMessage] = useControlled.useControlled(
     statusMessage,
@@ -155,7 +155,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     validation,
     inputProps
   ));
-  const isStateInvalid = validationStates.isInvalid(validationState);
+  const isStateInvalid = utils$1.isInvalid(validationState);
   const [revealPassword, setRevealPassword] = React.useState(false);
   const realType = React.useMemo(() => {
     if (type === "password") {
@@ -213,7 +213,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
   };
   const onFocusHandler = (event) => {
     setFocused(true);
-    setValidationState(validationStates.default.standBy);
+    setValidationState(utils$1.validationStates.standBy);
     onFocus?.(event, value);
   };
   const getSuggestions = (li) => {
@@ -248,12 +248,12 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     }
   };
   const hasOnEnter = onEnter != null;
-  const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!hasOnEnter || type !== "search" || disableSearchButton || validationState !== validationStates.default.standBy);
+  const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!hasOnEnter || type !== "search" || disableSearchButton || validationState !== utils$1.validationStates.standBy);
   const showSearchIcon = type === "search" && !disableSearchButton;
   const showRevealPasswordButton = type === "password" && !disableRevealPassword;
   const handleClear = React.useCallback(
     (event) => {
-      setValidationState(validationStates.default.standBy);
+      setValidationState(utils$1.validationStates.standBy);
       changeInputValue(inputRef.current, "");
       if (canShowSuggestions && suggestOnFocus) event.stopPropagation();
       else {
@@ -295,7 +295,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     [onEnter, value]
   );
   const searchButton = React.useMemo(() => {
-    const reallyShowIt = showSearchIcon && (isEmptyValue || hasOnEnter && validationState === validationStates.default.standBy);
+    const reallyShowIt = showSearchIcon && (isEmptyValue || hasOnEnter && validationState === utils$1.validationStates.standBy);
     if (!reallyShowIt) {
       return null;
     }
@@ -356,7 +356,7 @@ const HvInput = React.forwardRef(function HvInput2(props, ref) {
     if (!showValidationIcon) {
       return null;
     }
-    if (!validationStates.isValid(validationState)) {
+    if (!utils$1.isValid(validationState)) {
       return null;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Success, { color: "positive", className: classes.icon });

package/dist/cjs/Input/Input.styles.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
-require("../Forms/Suggestions/Suggestions.cjs");
+const Suggestions_styles = require("../FormElement/Suggestions/Suggestions.styles.cjs");
+require("../FormElement/Suggestions/Suggestions.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
   root: { display: "block" },
   labelContainer: { display: "flex", alignItems: "flex-start" },

package/dist/cjs/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.cjs

@@ -11,7 +11,7 @@ const DateTimeValue_styles = require("./DateTimeValue.styles.cjs");
 const utils = require("./utils.cjs");
 const DatePicker = require("../../../../DatePicker/DatePicker.cjs");
 const TimePicker = require("../../../../TimePicker/TimePicker.cjs");
-const WarningText = require("../../../../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../../../../FormElement/WarningText/WarningText.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
 const dayjs__default = /* @__PURE__ */ _interopDefault(dayjs);

package/dist/cjs/Radio/Radio.cjs

@@ -8,10 +8,10 @@ const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const Radio_styles = require("./Radio.styles.cjs");
 const BaseRadio = require("../BaseRadio/BaseRadio.cjs");
-const validationStates = require("../Forms/FormElement/validationStates.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 HvRadio = React.forwardRef(
   function HvRadio2(props, ref) {
     const {
@@ -20,9 +20,9 @@ const HvRadio = React.forwardRef(
       id,
       name,
       value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
+      required,
+      readOnly,
+      disabled,
       label,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -34,7 +34,7 @@ const HvRadio = React.forwardRef(
       status = "standBy",
       statusMessage,
       "aria-errormessage": ariaErrorMessage,
-      semantic = false,
+      semantic,
       inputProps,
       onFocusVisible,
       onBlur,
@@ -57,10 +57,7 @@ const HvRadio = React.forwardRef(
       },
       [onBlur]
     );
-    const [isChecked, setIsChecked] = useControlled.useControlled(
-      checked,
-      Boolean(defaultChecked)
-    );
+    const [isChecked, setIsChecked] = useControlled.useControlled(checked, defaultChecked);
     const onLocalChange = React.useCallback(
       (evt, newChecked) => {
         setIsChecked(newChecked);
@@ -70,7 +67,7 @@ const HvRadio = React.forwardRef(
     );
     const canShowError = ariaErrorMessage == null && status !== void 0 && statusMessage !== void 0;
     const hasLabel = label != null;
-    const isStateInvalid = validationStates.isInvalid(status);
+    const isStateInvalid = utils.isInvalid(status);
     let errorMessageId;
     if (isStateInvalid) {
       errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;

package/dist/cjs/RadioGroup/RadioGroup.cjs

@@ -7,10 +7,10 @@ const useControlled = require("../hooks/useControlled.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const setId = require("../utils/setId.cjs");
 const RadioGroup_styles = require("./RadioGroup.styles.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 getValueFromSelectedChildren = (children) => {
   const childrenArray = React.Children.toArray(children);
   const childrenCount = childrenArray.length;
@@ -38,9 +38,9 @@ const HvRadioGroup = React.forwardRef(
       description,
       status,
       statusMessage,
-      required = false,
-      readOnly = false,
-      disabled = false,
+      required,
+      readOnly,
+      disabled,
       orientation = "vertical",
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,

package/dist/cjs/Select/Select.cjs

@@ -12,13 +12,13 @@ const generic = require("../types/generic.cjs");
 const document = require("../utils/document.cjs");
 const setId = require("../utils/setId.cjs");
 const Select_styles = require("./Select.styles.cjs");
+const FormElement = require("../FormElement/FormElement.cjs");
+const Label = require("../FormElement/Label/Label.cjs");
+const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
 const DropdownButton = require("../DropdownButton/DropdownButton.cjs");
 const Panel = require("../Panel/Panel.cjs");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
 const ListContainer = require("../ListContainer/ListContainer.cjs");
-const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const WarningText = require("../FormElement/WarningText/WarningText.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 function defaultRenderValue(options) {

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,9 +12,10 @@ 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);
@@ -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 = [],
@@ -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)