@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/modern/Forms/Adornment/Adornment.js

@@ -1,12 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "icon", "showWhen", "onClick", "isVisible"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElementContext, HvFormElementDescriptorsContext } from "../FormElement";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const preventDefault = event => event.preventDefault();
 
@@ -46,7 +52,7 @@ const HvAdornment = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = useContext(HvFormElementDescriptorsContext);
   const displayIcon = isVisible !== null && isVisible !== void 0 ? isVisible : showWhen === "" || elementStatus === showWhen;
   const isClickable = !!onClick;
-  return isClickable ? /*#__PURE__*/React.createElement("button", _extends({
+  return isClickable ? /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
     id: id,
     ref: ref,
     type: "button",
@@ -56,16 +62,22 @@ const HvAdornment = /*#__PURE__*/React.forwardRef((props, ref) => {
     onClick: onClick,
     onMouseDown: preventDefault,
     onKeyDown: noop
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.icon
-  }, icon)) : /*#__PURE__*/React.createElement("div", _extends({
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.icon,
+      children: icon
+    })
+  })) : /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     ref: ref,
     className: clsx(className, classes.root, classes.adornment, classes.adornmentIcon, !displayIcon && classes.hideIcon),
     role: "presentation"
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: classes.icon
-  }, icon));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.icon,
+      children: icon
+    })
+  }));
 });
 process.env.NODE_ENV !== "production" ? HvAdornment.propTypes = {
   /**

package/dist/modern/Forms/Adornment/Adornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvFormElementDescriptorsContext","styles","preventDefault","event","noop","HvAdornment","forwardRef","props","ref","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","elementStatus","input","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","name"],"sources":["../../../../src/Forms/Adornment/Adornment.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext, HvFormElementDescriptorsContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nconst HvAdornment = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n\n  const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      ref={ref}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onMouseDown={preventDefault}\n      onKeyDown={noop}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentIcon, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n\nHvAdornment.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to all adornments\n     */\n    adornment: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentIcon: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to icon on action.\n     */\n    iconAction: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when it's supposed to be hidden.\n     */\n    hideIcon: PropTypes.string,\n  }),\n  /**\n   * The icon to be added into the input.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * When the adornment should be displayed.\n   */\n  showWhen: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * Function to be executed when this element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If this property is defined the adornment visibility will be exclusively controlled by this value.\n   */\n  isVisible: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvAdornment\" })(HvAdornment);\n"],"mappings":"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"}
+{"version":3,"file":"Adornment.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvFormElementDescriptorsContext","styles","preventDefault","event","noop","HvAdornment","forwardRef","props","ref","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","elementStatus","input","displayIcon","isClickable","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","name"],"sources":["../../../../src/Forms/Adornment/Adornment.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext, HvFormElementDescriptorsContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nconst HvAdornment = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n\n  const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      ref={ref}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onMouseDown={preventDefault}\n      onKeyDown={noop}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentIcon, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n\nHvAdornment.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to all adornments\n     */\n    adornment: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentIcon: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to icon on action.\n     */\n    iconAction: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when it's supposed to be hidden.\n     */\n    hideIcon: PropTypes.string,\n  }),\n  /**\n   * The icon to be added into the input.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * When the adornment should be displayed.\n   */\n  showWhen: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * Function to be executed when this element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If this property is defined the adornment visibility will be exclusively controlled by this value.\n   */\n  isVisible: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvAdornment\" })(HvAdornment);\n"],"mappings":"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"}

package/dist/modern/Forms/CharCounter/CharCounter.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvCharCounterClassKey = "root" | "counterDisabled" | "overloaded" | "gutter";
 

package/dist/modern/Forms/CharCounter/CharCounter.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["separator", "maxCharQuantity", "currentCharQuantity", "classes", "className", "id", "disabled", "disableGutter"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElementContext } from "../FormElement";
 import { HvTypography } from "../..";
 import { setId } from "../../utils";
@@ -16,6 +21,9 @@ import styles from "./styles";
  * By itself it doesn't block the user from going above the limit.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvCharCounter = props => {
   const {
     separator = "/",
@@ -38,22 +46,26 @@ const HvCharCounter = props => {
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     id: localId,
     className: clsx(className, classes.root, localDisabled && classes.counterDisabled, !disableGutter && classes.gutter),
     "aria-live": "polite",
     "aria-disabled": localDisabled
-  }, others), /*#__PURE__*/React.createElement(HvTypography, {
-    id: currentId,
-    className: clsx(localDisabled ? classes.counterDisabled : isOverloaded && classes.overloaded),
-    variant: "highlightText",
-    component: "label"
-  }, currentCharQuantity), /*#__PURE__*/React.createElement(HvTypography, {
-    id: maxQuantityId,
-    className: clsx(localDisabled ? classes.counterDisabled : isOverloaded && classes.overloaded),
-    variant: "normalText",
-    component: "label"
-  }, ` ${separator} ${maxCharQuantity}`));
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(HvTypography, {
+      id: currentId,
+      className: clsx(localDisabled ? classes.counterDisabled : isOverloaded && classes.overloaded),
+      variant: "highlightText",
+      component: "label",
+      children: currentCharQuantity
+    }), /*#__PURE__*/_jsx(HvTypography, {
+      id: maxQuantityId,
+      className: clsx(localDisabled ? classes.counterDisabled : isOverloaded && classes.overloaded),
+      variant: "normalText",
+      component: "label",
+      children: ` ${separator} ${maxCharQuantity}`
+    })]
+  }));
 };
 
 HvCharCounter.formElementType = "controlled";

package/dist/modern/Forms/CharCounter/CharCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvTypography","setId","styles","HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","localDisabled","localId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","overloaded","formElementType","propTypes","string","shape","isRequired","number","bool","name"],"sources":["../../../../src/Forms/CharCounter/CharCounter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nconst HvCharCounter = (props) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.counterDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"normalText\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvCharCounter.formElementType = \"controlled\";\n\nHvCharCounter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the char counter root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the char counter root container when the current char counter higher than the max.\n     */\n    overloaded: PropTypes.string,\n    /**\n     * Styles applied when the char counter is disabled.\n     */\n    counterDisabled: PropTypes.string,\n    /**\n     * Separation for the counter.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The string that separtes the current char quantity from the max quantity.\n   */\n  separator: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters.\n   */\n  maxCharQuantity: PropTypes.number.isRequired,\n  /**\n   * The current char quantity to be rendered.\n   */\n  currentCharQuantity: PropTypes.number,\n  /**\n   * If `true` the counter is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCharCounter\" })(HvCharCounter);\n"],"mappings":"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"}
+{"version":3,"file":"CharCounter.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvTypography","setId","styles","HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","localDisabled","localId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","overloaded","formElementType","propTypes","string","shape","isRequired","number","bool","name"],"sources":["../../../../src/Forms/CharCounter/CharCounter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nconst HvCharCounter = (props) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.counterDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"normalText\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvCharCounter.formElementType = \"controlled\";\n\nHvCharCounter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the char counter root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the char counter root container when the current char counter higher than the max.\n     */\n    overloaded: PropTypes.string,\n    /**\n     * Styles applied when the char counter is disabled.\n     */\n    counterDisabled: PropTypes.string,\n    /**\n     * Separation for the counter.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The string that separtes the current char quantity from the max quantity.\n   */\n  separator: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters.\n   */\n  maxCharQuantity: PropTypes.number.isRequired,\n  /**\n   * The current char quantity to be rendered.\n   */\n  currentCharQuantity: PropTypes.number,\n  /**\n   * If `true` the counter is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCharCounter\" })(HvCharCounter);\n"],"mappings":"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"}

package/dist/modern/Forms/FormElement/FormElement.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvFormStatus = "standBy" | "valid" | "invalid";
 

package/dist/modern/Forms/FormElement/FormElement.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "children", "id", "name", "value", "disabled", "required", "readOnly", "status"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useMemo } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import useUniqueId from "../../useUniqueId";
 import { findDescriptors } from "./utils/FormUtils";
 import { HvFormElementContextProvider } from "./context/FormElementContext";
@@ -21,6 +26,8 @@ import styles from "./styles";
  * the intent of also serving as building blocks for such cases.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvFormElement = props => {
   const {
     classes,
@@ -46,16 +53,21 @@ const HvFormElement = props => {
     elementReadOnly: readOnly
   }), [disabled, elementId, name, readOnly, required, status]);
   const descriptors = useMemo(() => findDescriptors(children), [children]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(HvFormElementContextProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(HvFormElementValueContextProvider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(HvFormElementDescriptorsContextProvider, {
-    value: descriptors
-  }, children))));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(HvFormElementContextProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(HvFormElementValueContextProvider, {
+        value: value,
+        children: /*#__PURE__*/_jsx(HvFormElementDescriptorsContextProvider, {
+          value: descriptors,
+          children: children
+        })
+      })
+    })
+  }));
 };
 
 HvFormElement.formElementType = "formelement";

package/dist/modern/Forms/FormElement/FormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.js","names":["React","useMemo","clsx","PropTypes","withStyles","useUniqueId","findDescriptors","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","styles","HvFormElement","props","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","contextValue","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","root","formElementType","propTypes","string","shape","isRequired","node","any","label","description","bool","oneOf","statusMessage","onChange","func"],"sources":["../../../../src/Forms/FormElement/FormElement.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport useUniqueId from \"../../useUniqueId\";\n\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport styles from \"./styles\";\n\n/**\n * The FormElement intends to establish the base API for form elements and also to\n * ensure state consistency among children in relation to ids, validation status, etc..\n *\n * FormElement and its provided building blocks can be used when implementing a custom\n * use case not covered by ready-to-use form elements.\n * Most of these form elements offer a Base version with minimal wiring and logic, with\n * the intent of also serving as building blocks for such cases.\n */\nconst HvFormElement = (props) => {\n  const {\n    classes,\n    className,\n\n    children,\n\n    id,\n    name,\n    value,\n\n    disabled = false,\n    required = false,\n    readOnly = false,\n\n    status = \"standBy\",\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n\nHvFormElement.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the FormElement.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Components that will receive the form context values.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name: PropTypes.string,\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\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 provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * Whether the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvFormElement\" })(HvFormElement);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,WAAP,MAAwB,mBAAxB;AAEA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,4BAAT,QAA6C,8BAA7C;AACA,SAASC,iCAAT,QAAkD,mCAAlD;AACA,SAASC,uCAAT,QAAwD,yCAAxD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,OADI;IAEJC,SAFI;IAIJC,QAJI;IAMJC,EANI;IAOJC,IAPI;IAQJC,KARI;IAUJC,QAAQ,GAAG,KAVP;IAWJC,QAAQ,GAAG,KAXP;IAYJC,QAAQ,GAAG,KAZP;IAcJC,MAAM,GAAG;EAdL,IAiBFV,KAjBJ;EAAA,MAgBKW,MAhBL,4BAiBIX,KAjBJ;;EAmBA,MAAMY,SAAS,GAAGnB,WAAW,CAACW,EAAD,EAAK,eAAL,CAA7B;EAEA,MAAMS,YAAY,GAAGxB,OAAO,CAC1B,OAAO;IACLuB,SADK;IAELE,WAAW,EAAET,IAFR;IAGLU,aAAa,EAAEL,MAHV;IAILM,eAAe,EAAET,QAJZ;IAKLU,eAAe,EAAET,QALZ;IAMLU,eAAe,EAAET;EANZ,CAAP,CAD0B,EAS1B,CAACF,QAAD,EAAWK,SAAX,EAAsBP,IAAtB,EAA4BI,QAA5B,EAAsCD,QAAtC,EAAgDE,MAAhD,CAT0B,CAA5B;EAYA,MAAMS,WAAW,GAAG9B,OAAO,CAAC,MAAMK,eAAe,CAACS,QAAD,CAAtB,EAAkC,CAACA,QAAD,CAAlC,CAA3B;EAEA,oBACE;IAAK,EAAE,EAAEC,EAAT;IAAa,SAAS,EAAEd,IAAI,CAACY,SAAD,EAAYD,OAAO,CAACmB,IAApB;EAA5B,GAA2DT,MAA3D,gBACE,oBAAC,4BAAD;IAA8B,KAAK,EAAEE;EAArC,gBACE,oBAAC,iCAAD;IAAmC,KAAK,EAAEP;EAA1C,gBACE,oBAAC,uCAAD;IAAyC,KAAK,EAAEa;EAAhD,GACGhB,QADH,CADF,CADF,CADF,CADF;AAWD,CA/CD;;AAiDAJ,aAAa,CAACsB,eAAd,GAAgC,aAAhC;AAEA,wCAAAtB,aAAa,CAACuB,SAAd,GAA0B;EACxB;AACF;AACA;EACEpB,SAAS,EAAEX,SAAS,CAACgC,MAJG;;EAKxB;AACF;AACA;EACEtB,OAAO,EAAEV,SAAS,CAACiC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAE7B,SAAS,CAACgC;EAJO,CAAhB,EAKNE,UAbqB;;EAexB;AACF;AACA;EACEtB,QAAQ,EAAEZ,SAAS,CAACmC,IAAV,CAAeD,UAlBD;;EAoBxB;AACF;AACA;EACErB,EAAE,EAAEb,SAAS,CAACgC,MAvBU;;EAyBxB;AACF;AACA;AACA;AACA;EACElB,IAAI,EAAEd,SAAS,CAACgC,MA9BQ;;EA+BxB;AACF;AACA;AACA;AACA;EACE;EACAjB,KAAK,EAAEf,SAAS,CAACoC,GArCO;;EAuCxB;AACF;AACA;AACA;AACA;AACA;EACEC,KAAK,EAAErC,SAAS,CAACmC,IA7CO;;EA8CxB;AACF;AACA;EACEG,WAAW,EAAEtC,SAAS,CAACmC,IAjDC;;EAmDxB;AACF;AACA;EACEnB,QAAQ,EAAEhB,SAAS,CAACuC,IAtDI;;EAuDxB;AACF;AACA;EACErB,QAAQ,EAAElB,SAAS,CAACuC,IA1DI;;EA2DxB;AACF;AACA;EACEtB,QAAQ,EAAEjB,SAAS,CAACuC,IA9DI;;EAgExB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,MAAM,EAAEnB,SAAS,CAACwC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAxEgB;;EAyExB;AACF;AACA;EACEC,aAAa,EAAEzC,SAAS,CAACgC,MA5ED;;EA8ExB;AACF;AACA;EACEU,QAAQ,EAAE1C,SAAS,CAAC2C;AAjFI,CAA1B;AAoFA,eAAe1C,UAAU,CAACM,MAAD,EAAS;EAAEO,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CN,aAA9C,CAAf"}
+{"version":3,"file":"FormElement.js","names":["React","useMemo","clsx","PropTypes","withStyles","useUniqueId","findDescriptors","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","styles","HvFormElement","props","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","contextValue","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","root","formElementType","propTypes","string","shape","isRequired","node","any","label","description","bool","oneOf","statusMessage","onChange","func"],"sources":["../../../../src/Forms/FormElement/FormElement.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\n\nimport useUniqueId from \"../../useUniqueId\";\n\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport styles from \"./styles\";\n\n/**\n * The FormElement intends to establish the base API for form elements and also to\n * ensure state consistency among children in relation to ids, validation status, etc..\n *\n * FormElement and its provided building blocks can be used when implementing a custom\n * use case not covered by ready-to-use form elements.\n * Most of these form elements offer a Base version with minimal wiring and logic, with\n * the intent of also serving as building blocks for such cases.\n */\nconst HvFormElement = (props) => {\n  const {\n    classes,\n    className,\n\n    children,\n\n    id,\n    name,\n    value,\n\n    disabled = false,\n    required = false,\n    readOnly = false,\n\n    status = \"standBy\",\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n\nHvFormElement.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the FormElement.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Components that will receive the form context values.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Component identifier.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name: PropTypes.string,\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\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 provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * Whether the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\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 the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvFormElement\" })(HvFormElement);\n"],"mappings":"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"}

package/dist/modern/Forms/InfoMessage/InfoMessage.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvInfoMessageClassKey = "root" | "infoDisabled" | "gutter";
 

package/dist/modern/Forms/InfoMessage/InfoMessage.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["label", "children", "classes", "className", "id", "disabled", "disableGutter"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElementContext } from "../FormElement";
 import { HvTypography } from "../..";
 import { setId } from "../../utils";
@@ -13,6 +18,8 @@ import styles from "./styles";
  * Provides the user with additional descriptive text for the form element.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvInfoMessage = props => {
   const {
     label,
@@ -31,12 +38,14 @@ const HvInfoMessage = props => {
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localId = id !== null && id !== void 0 ? id : setId(elementId, "description");
-  return /*#__PURE__*/React.createElement(HvTypography, _extends({
+  return /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
     id: localId,
     className: clsx(className, classes.root, localDisabled && classes.infoDisabled, !disableGutter && classes.gutter),
     variant: "normalText",
     component: "label"
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 HvInfoMessage.formElementType = "description";

package/dist/modern/Forms/InfoMessage/InfoMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvTypography","setId","styles","HvInfoMessage","props","label","children","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","localDisabled","localId","root","infoDisabled","gutter","formElementType","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Forms/InfoMessage/InfoMessage.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nconst HvInfoMessage = (props) => {\n  const {\n    label,\n    children,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <HvTypography\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.infoDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      variant=\"normalText\"\n      component=\"label\"\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvInfoMessage.formElementType = \"description\";\n\nHvInfoMessage.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the information text.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    infoDisabled: PropTypes.string,\n    /**\n     * Separation for the message.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The children to label.\n   * If defined the aria-labelledby prop will be overriden for this element id.\n   */\n  children: PropTypes.node,\n  /**\n   * The text to be shown by the label.\n   */\n  label: PropTypes.node,\n  /**\n   * If `true` the label is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvInfoMessage\" })(HvInfoMessage);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,oBAAT,QAAqC,gBAArC;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,SAJI;IAKJC,EALI;IAMJC,QANI;IAOJC,aAAa,GAAG;EAPZ,IASFP,KATJ;EAAA,MAQKQ,MARL,4BASIR,KATJ;;EAUA,MAAM;IAAES,SAAF;IAAaC;EAAb,IAAiCnB,UAAU,CAACI,oBAAD,CAAjD;EACA,MAAMgB,aAAa,GAAGL,QAAQ,IAAII,eAAlC;EACA,MAAME,OAAO,GAAGP,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAASR,KAAK,CAACY,SAAD,EAAY,aAAZ,CAA3B;EAEA,oBACE,oBAAC,YAAD;IACE,EAAE,EAAEG,OADN;IAEE,SAAS,EAAEnB,IAAI,CAACW,SAAD,EAAYD,OAAO,CAACU,IAApB,EACWF,aADX,IACZR,OAAO,CAACW,YADI,EAEK,CAACP,aAFN,IAEZJ,OAAO,CAACY,MAFI,CAFjB;IAME,OAAO,EAAC,YANV;IAOE,SAAS,EAAC;EAPZ,GAQMP,MARN,GAUGN,QAVH,CADF;AAcD,CA7BD;;AA+BAH,aAAa,CAACiB,eAAd,GAAgC,aAAhC;AAEA,wCAAAjB,aAAa,CAACkB,SAAd,GAA0B;EACxB;AACF;AACA;EACEb,SAAS,EAAEZ,SAAS,CAAC0B,MAJG;;EAKxB;AACF;AACA;EACEb,EAAE,EAAEb,SAAS,CAAC0B,MARU;;EASxB;AACF;AACA;EACEf,OAAO,EAAEX,SAAS,CAAC2B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAErB,SAAS,CAAC0B,MAJO;;IAKvB;AACJ;AACA;IACIJ,YAAY,EAAEtB,SAAS,CAAC0B,MARD;;IASvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAAC0B;EAZK,CAAhB,EAaNE,UAzBqB;;EA0BxB;AACF;AACA;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC6B,IA9BI;;EA+BxB;AACF;AACA;EACEpB,KAAK,EAAET,SAAS,CAAC6B,IAlCO;;EAmCxB;AACF;AACA;EACEf,QAAQ,EAAEd,SAAS,CAAC8B,IAtCI;;EAuCxB;AACF;AACA;EACEf,aAAa,EAAEf,SAAS,CAAC8B;AA1CD,CAA1B;AA6CA,eAAe5B,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CxB,aAA9C,CAAf"}
+{"version":3,"file":"InfoMessage.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","HvTypography","setId","styles","HvInfoMessage","props","label","children","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","localDisabled","localId","root","infoDisabled","gutter","formElementType","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Forms/InfoMessage/InfoMessage.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nconst HvInfoMessage = (props) => {\n  const {\n    label,\n    children,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <HvTypography\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.infoDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      variant=\"normalText\"\n      component=\"label\"\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvInfoMessage.formElementType = \"description\";\n\nHvInfoMessage.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the information text.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    infoDisabled: PropTypes.string,\n    /**\n     * Separation for the message.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The children to label.\n   * If defined the aria-labelledby prop will be overriden for this element id.\n   */\n  children: PropTypes.node,\n  /**\n   * The text to be shown by the label.\n   */\n  label: PropTypes.node,\n  /**\n   * If `true` the label is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvInfoMessage\" })(HvInfoMessage);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,oBAAT,QAAqC,gBAArC;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,SAJI;IAKJC,EALI;IAMJC,QANI;IAOJC,aAAa,GAAG;EAPZ,IASFP,KATJ;EAAA,MAQKQ,MARL,4BASIR,KATJ;;EAUA,MAAM;IAAES,SAAF;IAAaC;EAAb,IAAiCnB,UAAU,CAACI,oBAAD,CAAjD;EACA,MAAMgB,aAAa,GAAGL,QAAQ,IAAII,eAAlC;EACA,MAAME,OAAO,GAAGP,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAASR,KAAK,CAACY,SAAD,EAAY,aAAZ,CAA3B;EAEA,oBACE,KAAC,YAAD;IACE,EAAE,EAAEG,OADN;IAEE,SAAS,EAAEnB,IAAI,CAACW,SAAD,EAAYD,OAAO,CAACU,IAApB,EACWF,aADX,IACZR,OAAO,CAACW,YADI,EAEK,CAACP,aAFN,IAEZJ,OAAO,CAACY,MAFI,CAFjB;IAME,OAAO,EAAC,YANV;IAOE,SAAS,EAAC;EAPZ,GAQMP,MARN;IAAA,UAUGN;EAVH,GADF;AAcD,CA7BD;;AA+BAH,aAAa,CAACiB,eAAd,GAAgC,aAAhC;AAEA,wCAAAjB,aAAa,CAACkB,SAAd,GAA0B;EACxB;AACF;AACA;EACEb,SAAS,EAAEZ,SAAS,CAAC0B,MAJG;;EAKxB;AACF;AACA;EACEb,EAAE,EAAEb,SAAS,CAAC0B,MARU;;EASxB;AACF;AACA;EACEf,OAAO,EAAEX,SAAS,CAAC2B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAErB,SAAS,CAAC0B,MAJO;;IAKvB;AACJ;AACA;IACIJ,YAAY,EAAEtB,SAAS,CAAC0B,MARD;;IASvB;AACJ;AACA;IACIH,MAAM,EAAEvB,SAAS,CAAC0B;EAZK,CAAhB,EAaNE,UAzBqB;;EA0BxB;AACF;AACA;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC6B,IA9BI;;EA+BxB;AACF;AACA;EACEpB,KAAK,EAAET,SAAS,CAAC6B,IAlCO;;EAmCxB;AACF;AACA;EACEf,QAAQ,EAAEd,SAAS,CAAC8B,IAtCI;;EAuCxB;AACF;AACA;EACEf,aAAa,EAAEf,SAAS,CAAC8B;AA1CD,CAA1B;AA6CA,eAAe5B,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CxB,aAA9C,CAAf"}

package/dist/modern/Forms/Label/Label.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvLabelClassKey = "root" | "labelDisabled" | "childGutter";
 

package/dist/modern/Forms/Label/Label.js

@@ -1,13 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _span;
 
 const _excluded = ["label", "children", "classes", "className", "id", "disabled", "required", "htmlFor"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvFormElementContext } from "../FormElement";
 import { findDescriptors } from "../FormElement/utils/FormUtils";
 import { HvTypography } from "../..";
@@ -17,6 +22,10 @@ import styles from "./styles";
  * Provides the user with a recognizable name for a given form element.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
 const HvLabel = props => {
   var _findDescriptors, _findDescriptors$inpu, _findDescriptors$inpu2;
 
@@ -41,15 +50,20 @@ const HvLabel = props => {
   const localRequired = required || elementRequired;
   const localId = id !== null && id !== void 0 ? id : setId(elementId, "label");
   const forId = htmlForProp || ((_findDescriptors = findDescriptors(children)) === null || _findDescriptors === void 0 ? void 0 : (_findDescriptors$inpu = _findDescriptors.input) === null || _findDescriptors$inpu === void 0 ? void 0 : (_findDescriptors$inpu2 = _findDescriptors$inpu[0]) === null || _findDescriptors$inpu2 === void 0 ? void 0 : _findDescriptors$inpu2.id);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvTypography, _extends({
-    id: localId,
-    className: clsx(className, classes.root, localDisabled && classes.labelDisabled, children && label && classes.childGutter),
-    variant: "highlightText",
-    component: "label",
-    htmlFor: forId
-  }, others), label, localRequired && (_span || (_span = /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": "true"
-  }, "*")))), children);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(HvTypography, _objectSpread(_objectSpread({
+      id: localId,
+      className: clsx(className, classes.root, localDisabled && classes.labelDisabled, children && label && classes.childGutter),
+      variant: "highlightText",
+      component: "label",
+      htmlFor: forId
+    }, others), {}, {
+      children: [label, localRequired && (_span || (_span = /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        children: "*"
+      })))]
+    })), children]
+  });
 };
 
 HvLabel.formElementType = "label";

package/dist/modern/Forms/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","findDescriptors","HvTypography","setId","styles","HvLabel","props","label","children","classes","className","id","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","localDisabled","localRequired","localId","forId","input","root","labelDisabled","childGutter","formElementType","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Forms/Label/Label.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nconst HvLabel = (props) => {\n  const {\n    label,\n    children,\n    classes,\n    className,\n    id,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = props;\n  const { elementId, elementDisabled, elementRequired } = useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={clsx(className, classes.root, {\n          [classes.labelDisabled]: localDisabled,\n          [classes.childGutter]: children && label,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n\nHvLabel.formElementType = \"label\";\n\nHvLabel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the information text.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    labelDisabled: PropTypes.string,\n    /**\n     * Separation between the label and the children.\n     */\n    childGutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The children to label.\n   * If defined the aria-labelledby prop will be overriden for this element id.\n   */\n  children: PropTypes.node,\n  /**\n   * The text to be shown by the label.\n   */\n  label: PropTypes.node,\n  /**\n   * The id of the form element the label is bound to.\n   */\n  htmlFor: PropTypes.string,\n  /**\n   * If `true` the label is displayed with a disabled style.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label will indicate that the form element is required (an `*` after the label text).\n   */\n  required: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLabel\" })(HvLabel);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,oBAAT,QAAqC,gBAArC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,YAAT,QAA6B,OAA7B;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAIC,KAAD,IAAW;EAAA;;EACzB,MAAM;IACJC,KADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,SAJI;IAKJC,EALI;IAMJC,QANI;IAOJC,QAPI;IAQJC,OAAO,EAAEC;EARL,IAUFT,KAVJ;EAAA,MASKU,MATL,4BAUIV,KAVJ;;EAWA,MAAM;IAAEW,SAAF;IAAaC,eAAb;IAA8BC;EAA9B,IAAkDvB,UAAU,CAACI,oBAAD,CAAlE;EAEA,MAAMoB,aAAa,GAAGR,QAAQ,IAAIM,eAAlC;EACA,MAAMG,aAAa,GAAGR,QAAQ,IAAIM,eAAlC;EAEA,MAAMG,OAAO,GAAGX,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAASR,KAAK,CAACc,SAAD,EAAY,OAAZ,CAA3B;EAEA,MAAMM,KAAK,GAAGR,WAAW,yBAAId,eAAe,CAACO,QAAD,CAAnB,8EAAI,iBAA2BgB,KAA/B,oFAAI,sBAAmC,CAAnC,CAAJ,2DAAI,uBAAuCb,EAA3C,CAAzB;EAEA,oBACE,uDACE,oBAAC,YAAD;IACE,EAAE,EAAEW,OADN;IAEE,SAAS,EAAExB,IAAI,CAACY,SAAD,EAAYD,OAAO,CAACgB,IAApB,EACYL,aADZ,IACZX,OAAO,CAACiB,aADI,EAEUlB,QAFV,IAEsBD,KAFtB,IAEZE,OAAO,CAACkB,WAFI,CAFjB;IAME,OAAO,EAAC,eANV;IAOE,SAAS,EAAC,OAPZ;IAQE,OAAO,EAAEJ;EARX,GASMP,MATN,GAWGT,KAXH,EAYGc,aAAa,oCAAI;IAAM,eAAY;EAAlB,OAAJ,EAZhB,CADF,EAeGb,QAfH,CADF;AAmBD,CAxCD;;AA0CAH,OAAO,CAACuB,eAAR,GAA0B,OAA1B;AAEA,wCAAAvB,OAAO,CAACwB,SAAR,GAAoB;EAClB;AACF;AACA;EACEnB,SAAS,EAAEb,SAAS,CAACiC,MAJH;;EAKlB;AACF;AACA;EACEnB,EAAE,EAAEd,SAAS,CAACiC,MARI;;EASlB;AACF;AACA;EACErB,OAAO,EAAEZ,SAAS,CAACkC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAE5B,SAAS,CAACiC,MAJO;;IAKvB;AACJ;AACA;IACIJ,aAAa,EAAE7B,SAAS,CAACiC,MARF;;IASvB;AACJ;AACA;IACIH,WAAW,EAAE9B,SAAS,CAACiC;EAZA,CAAhB,EAaNE,UAzBe;;EA0BlB;AACF;AACA;AACA;EACExB,QAAQ,EAAEX,SAAS,CAACoC,IA9BF;;EA+BlB;AACF;AACA;EACE1B,KAAK,EAAEV,SAAS,CAACoC,IAlCC;;EAmClB;AACF;AACA;EACEnB,OAAO,EAAEjB,SAAS,CAACiC,MAtCD;;EAuClB;AACF;AACA;EACElB,QAAQ,EAAEf,SAAS,CAACqC,IA1CF;;EA2ClB;AACF;AACA;EACErB,QAAQ,EAAEhB,SAAS,CAACqC;AA9CF,CAApB;AAiDA,eAAenC,UAAU,CAACK,MAAD,EAAS;EAAE+B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwC9B,OAAxC,CAAf"}
+{"version":3,"file":"Label.js","names":["React","useContext","PropTypes","clsx","withStyles","HvFormElementContext","findDescriptors","HvTypography","setId","styles","HvLabel","props","label","children","classes","className","id","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","localDisabled","localRequired","localId","forId","input","root","labelDisabled","childGutter","formElementType","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Forms/Label/Label.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nconst HvLabel = (props) => {\n  const {\n    label,\n    children,\n    classes,\n    className,\n    id,\n    disabled,\n    required,\n    htmlFor: htmlForProp,\n    ...others\n  } = props;\n  const { elementId, elementDisabled, elementRequired } = useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <HvTypography\n        id={localId}\n        className={clsx(className, classes.root, {\n          [classes.labelDisabled]: localDisabled,\n          [classes.childGutter]: children && label,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n        htmlFor={forId}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </HvTypography>\n      {children}\n    </>\n  );\n};\n\nHvLabel.formElementType = \"label\";\n\nHvLabel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the information text.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    labelDisabled: PropTypes.string,\n    /**\n     * Separation between the label and the children.\n     */\n    childGutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The children to label.\n   * If defined the aria-labelledby prop will be overriden for this element id.\n   */\n  children: PropTypes.node,\n  /**\n   * The text to be shown by the label.\n   */\n  label: PropTypes.node,\n  /**\n   * The id of the form element the label is bound to.\n   */\n  htmlFor: PropTypes.string,\n  /**\n   * If `true` the label is displayed with a disabled style.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label will indicate that the form element is required (an `*` after the label text).\n   */\n  required: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLabel\" })(HvLabel);\n"],"mappings":"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"}

package/dist/modern/Forms/Suggestions/Suggestions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps, PopperProps } from "@material-ui/core";
+import { StandardProps, PopperProps } from "@mui/material";
 import { ListValueProp } from "../..";
 
 export type HvSuggestionsClassKey = "root" | "popper" | "list";

package/dist/modern/Forms/Suggestions/Suggestions.js

@@ -1,11 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "expanded", "anchorEl", "suggestionValues", "onClose", "onSuggestionSelected"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import OutsideClickHandler from "react-outside-click-handler";
-import { Popper, withStyles } from "@material-ui/core";
+import { Popper } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { HvSelectionList, HvListItem } from "../..";
 import { setId } from "../../utils";
 import { HvFormElementContext } from "../FormElement";
@@ -14,6 +20,8 @@ import styles from "./styles";
  * Allow text input boxes to trigger the display of one or more predictions of the user's intended value.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+
 const HvSuggestions = props => {
   const {
     id,
@@ -31,28 +39,33 @@ const HvSuggestions = props => {
     elementId
   } = useContext(HvFormElementContext);
   const localId = id !== null && id !== void 0 ? id : setId(elementId, "suggestions");
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: localId,
     className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement(Popper, {
-    open: expanded,
-    disablePortal: true,
-    anchorEl: anchorEl,
-    className: classes.popper
-  }, /*#__PURE__*/React.createElement(OutsideClickHandler, {
-    onOutsideClick: e => onClose === null || onClose === void 0 ? void 0 : onClose(e)
-  }, /*#__PURE__*/React.createElement(HvSelectionList, {
-    className: classes.list,
-    id: setId(localId, "list"),
-    onChange: onSuggestionSelected
-  }, suggestionValues === null || suggestionValues === void 0 ? void 0 : suggestionValues.map((item, i) => {
-    const itemKey = item.id || setId("item", i);
-    return /*#__PURE__*/React.createElement(HvListItem, {
-      key: itemKey,
-      value: item,
-      disabled: item.disabled || undefined
-    }, item.label);
-  })))));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(Popper, {
+      open: expanded,
+      disablePortal: true,
+      anchorEl: anchorEl,
+      className: classes.popper,
+      children: /*#__PURE__*/_jsx(OutsideClickHandler, {
+        onOutsideClick: e => onClose === null || onClose === void 0 ? void 0 : onClose(e),
+        children: /*#__PURE__*/_jsx(HvSelectionList, {
+          className: classes.list,
+          id: setId(localId, "list"),
+          onChange: onSuggestionSelected,
+          children: suggestionValues === null || suggestionValues === void 0 ? void 0 : suggestionValues.map((item, i) => {
+            const itemKey = item.id || setId("item", i);
+            return /*#__PURE__*/_jsx(HvListItem, {
+              value: item,
+              disabled: item.disabled || undefined,
+              children: item.label
+            }, itemKey);
+          })
+        })
+      })
+    })
+  }));
 };
 
 HvSuggestions.formElementType = "controlled";