@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/modern/ToggleButton/ToggleButton.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 = ["defaultSelected", "selected", "notSelectedIcon", "selectedIcon", "onClick", "children"];
+
+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 "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { HvButton } from "..";
 import { useControlled } from "../utils";
 import styles from "./styles";
@@ -16,6 +21,7 @@ import styles from "./styles";
  * Only well known icons should be used, otherwise use a single checkbox for the same situation.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     defaultSelected,
@@ -34,12 +40,14 @@ const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     onClick === null || onClick === void 0 ? void 0 : onClick(e, !isSelected);
   };
 
-  return /*#__PURE__*/React.createElement(HvButton, _extends({
+  return /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
     ref: ref,
     icon: true,
     "aria-pressed": isSelected,
     onClick: onClickHandler
-  }, others), children || (!isSelected ? notSelectedIcon : selectedIcon));
+  }, others), {}, {
+    children: children || (!isSelected ? notSelectedIcon : selectedIcon)
+  }));
 });
 process.env.NODE_ENV !== "production" ? ToggleButton.propTypes = {
   /**

package/dist/modern/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","names":["React","PropTypes","withStyles","HvButton","useControlled","styles","ToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","Boolean","onClickHandler","e","propTypes","bool","node","func","name"],"sources":["../../../src/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvButton } from \"..\";\nimport { useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A two-state button that can be either off (not pressed) or on (pressed).\n * Wraps the Button component, but adds the aria-pressed attribute.\n *\n * Use when two instances are opposite and the on/off analogy doesn’t apply (Ex: Locked / Unlocked).\n * Only well known icons should be used, otherwise use a single checkbox for the same situation.\n */\n\nconst ToggleButton = React.forwardRef((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n  const [isSelected, setIsSelected] = useControlled(selected, Boolean(defaultSelected));\n\n  const onClickHandler = (e) => {\n    setIsSelected(!isSelected);\n    onClick?.(e, !isSelected);\n  };\n\n  return (\n    <HvButton ref={ref} icon aria-pressed={isSelected} onClick={onClickHandler} {...others}>\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n\nToggleButton.propTypes = {\n  /**\n   * When uncontrolled, defines the initial selected state.\n   */\n  defaultSelected: PropTypes.bool,\n  /**\n   * Defines if the button is selected.\n   * When defined the button state becomes controlled.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Icon for when not selected. Ignored if the component has children.\n   */\n  notSelectedIcon: PropTypes.node,\n  /**\n   * Icon for when selected. Ignored if the component has children.\n   */\n  selectedIcon: PropTypes.node,\n  /**\n   * Function called when icon is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The content of the button.\n   * When provided, it is its own responsibility to react to the selected state.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvToggleButton\" })(ToggleButton);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,QAAT,QAAyB,IAAzB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,YAAY,gBAAGN,KAAK,CAACO,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EACpD,MAAM;IACJC,eADI;IAEJC,QAFI;IAGJC,eAHI;IAIJC,YAAY,GAAG,IAJX;IAKJC,OALI;IAMJC;EANI,IAQFP,KARJ;EAAA,MAOKQ,MAPL,4BAQIR,KARJ;;EASA,MAAM,CAACS,UAAD,EAAaC,aAAb,IAA8Bd,aAAa,CAACO,QAAD,EAAWQ,OAAO,CAACT,eAAD,CAAlB,CAAjD;;EAEA,MAAMU,cAAc,GAAIC,CAAD,IAAO;IAC5BH,aAAa,CAAC,CAACD,UAAF,CAAb;IACAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGO,CAAH,EAAM,CAACJ,UAAP,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,QAAD;IAAU,GAAG,EAAER,GAAf;IAAoB,IAAI,MAAxB;IAAyB,gBAAcQ,UAAvC;IAAmD,OAAO,EAAEG;EAA5D,GAAgFJ,MAAhF,GACGD,QAAQ,KAAK,CAACE,UAAD,GAAcL,eAAd,GAAgCC,YAArC,CADX,CADF;AAKD,CAtBoB,CAArB;AAwBA,wCAAAP,YAAY,CAACgB,SAAb,GAAyB;EACvB;AACF;AACA;EACEZ,eAAe,EAAET,SAAS,CAACsB,IAJJ;;EAKvB;AACF;AACA;AACA;EACEZ,QAAQ,EAAEV,SAAS,CAACsB,IATG;;EAUvB;AACF;AACA;EACEX,eAAe,EAAEX,SAAS,CAACuB,IAbJ;;EAcvB;AACF;AACA;EACEX,YAAY,EAAEZ,SAAS,CAACuB,IAjBD;;EAkBvB;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IArBI;;EAsBvB;AACF;AACA;AACA;EACEV,QAAQ,EAAEd,SAAS,CAACuB;AA1BG,CAAzB;AA6BA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CpB,YAA/C,CAAf"}
+{"version":3,"file":"ToggleButton.js","names":["React","PropTypes","withStyles","HvButton","useControlled","styles","ToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","Boolean","onClickHandler","e","propTypes","bool","node","func","name"],"sources":["../../../src/ToggleButton/ToggleButton.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvButton } from \"..\";\nimport { useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A two-state button that can be either off (not pressed) or on (pressed).\n * Wraps the Button component, but adds the aria-pressed attribute.\n *\n * Use when two instances are opposite and the on/off analogy doesn’t apply (Ex: Locked / Unlocked).\n * Only well known icons should be used, otherwise use a single checkbox for the same situation.\n */\n\nconst ToggleButton = React.forwardRef((props, ref) => {\n  const {\n    defaultSelected,\n    selected,\n    notSelectedIcon,\n    selectedIcon = null,\n    onClick,\n    children,\n    ...others\n  } = props;\n  const [isSelected, setIsSelected] = useControlled(selected, Boolean(defaultSelected));\n\n  const onClickHandler = (e) => {\n    setIsSelected(!isSelected);\n    onClick?.(e, !isSelected);\n  };\n\n  return (\n    <HvButton ref={ref} icon aria-pressed={isSelected} onClick={onClickHandler} {...others}>\n      {children || (!isSelected ? notSelectedIcon : selectedIcon)}\n    </HvButton>\n  );\n});\n\nToggleButton.propTypes = {\n  /**\n   * When uncontrolled, defines the initial selected state.\n   */\n  defaultSelected: PropTypes.bool,\n  /**\n   * Defines if the button is selected.\n   * When defined the button state becomes controlled.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Icon for when not selected. Ignored if the component has children.\n   */\n  notSelectedIcon: PropTypes.node,\n  /**\n   * Icon for when selected. Ignored if the component has children.\n   */\n  selectedIcon: PropTypes.node,\n  /**\n   * Function called when icon is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The content of the button.\n   * When provided, it is its own responsibility to react to the selected state.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvToggleButton\" })(ToggleButton);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AAEA,SAASC,QAAT,QAAyB,IAAzB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAEA,MAAMC,YAAY,gBAAGN,KAAK,CAACO,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EACpD,MAAM;IACJC,eADI;IAEJC,QAFI;IAGJC,eAHI;IAIJC,YAAY,GAAG,IAJX;IAKJC,OALI;IAMJC;EANI,IAQFP,KARJ;EAAA,MAOKQ,MAPL,4BAQIR,KARJ;;EASA,MAAM,CAACS,UAAD,EAAaC,aAAb,IAA8Bd,aAAa,CAACO,QAAD,EAAWQ,OAAO,CAACT,eAAD,CAAlB,CAAjD;;EAEA,MAAMU,cAAc,GAAIC,CAAD,IAAO;IAC5BH,aAAa,CAAC,CAACD,UAAF,CAAb;IACAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGO,CAAH,EAAM,CAACJ,UAAP,CAAP;EACD,CAHD;;EAKA,oBACE,KAAC,QAAD;IAAU,GAAG,EAAER,GAAf;IAAoB,IAAI,MAAxB;IAAyB,gBAAcQ,UAAvC;IAAmD,OAAO,EAAEG;EAA5D,GAAgFJ,MAAhF;IAAA,UACGD,QAAQ,KAAK,CAACE,UAAD,GAAcL,eAAd,GAAgCC,YAArC;EADX,GADF;AAKD,CAtBoB,CAArB;AAwBA,wCAAAP,YAAY,CAACgB,SAAb,GAAyB;EACvB;AACF;AACA;EACEZ,eAAe,EAAET,SAAS,CAACsB,IAJJ;;EAKvB;AACF;AACA;AACA;EACEZ,QAAQ,EAAEV,SAAS,CAACsB,IATG;;EAUvB;AACF;AACA;EACEX,eAAe,EAAEX,SAAS,CAACuB,IAbJ;;EAcvB;AACF;AACA;EACEX,YAAY,EAAEZ,SAAS,CAACuB,IAjBD;;EAkBvB;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IArBI;;EAsBvB;AACF;AACA;AACA;EACEV,QAAQ,EAAEd,SAAS,CAACuB;AA1BG,CAAzB;AA6BA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CpB,YAA/C,CAAf"}

package/dist/modern/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps, StandardProps } from "@material-ui/core";
+import { TooltipProps, StandardProps } from "@mui/material";
 
 export type HvTooltipClassKey =
   | "tooltip"

package/dist/modern/Tooltip/Tooltip.js

@@ -1,14 +1,21 @@
-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 = ["className", "classes", "open", "enterDelay", "placement", "useSingle", "children", "title", "TransitionComponent", "TransitionProps"];
+
+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 from "react";
 import PropTypes from "prop-types";
-import { Fade, Tooltip, withStyles } from "@material-ui/core";
+import { Fade, Tooltip } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 /**
  * Tooltips display informative text when users hover over, focus on, or tap an element.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 const HvTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     className,
@@ -26,7 +33,7 @@ const HvTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
     ref: ref,
     open: open !== null && open !== void 0 ? open : undefined,
     enterDelay: enterDelay,
@@ -39,7 +46,9 @@ const HvTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
       popper: classes.popper
     },
     title: title
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 });
 process.env.NODE_ENV !== "production" ? HvTooltip.propTypes = {
   /**

package/dist/modern/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","PropTypes","Fade","Tooltip","withStyles","styles","HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","oneOf","number","node","any","object","name"],"sources":["../../../src/Tooltip/Tooltip.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nconst HvTooltip = React.forwardRef((props, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400 },\n    ...others\n  } = props;\n\n  return (\n    <Tooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n        popper: classes.popper,\n      }}\n      title={title}\n      {...others}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nHvTooltip.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the tooltip root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is single\n     *  */\n    tooltip: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is multi\n     *  */\n    tooltipMulti: PropTypes.string,\n    /**\n     * Styles applied to the popper component\n     *  */\n    popper: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the values wrapper.\n     */\n    valueWrapper: PropTypes.string,\n  }).isRequired,\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   * The component used for the transition\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionComponent: PropTypes.any,\n  /**\n   * Properties applied to the Transition element.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionProps: PropTypes.object,\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle: PropTypes.bool,\n  /**\n   * Node to apply the tooltip.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AAEA,MAAMC,SAAS,gBAAGN,KAAK,CAACO,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EACjD,MAAM;IACJC,SADI;IAEJC,OAFI;IAGJC,IAHI;IAIJC,UAAU,GAAG,GAJT;IAKJC,SAAS,GAAG,KALR;IAMJC,SAAS,GAAG,IANR;IAOJC,QAPI;IAQJC,KARI;IASJC,mBAAmB,GAAGhB,IATlB;IAUJiB,eAAe,GAAG;MAAEC,OAAO,EAAE;IAAX;EAVd,IAYFZ,KAZJ;EAAA,MAWKa,MAXL,4BAYIb,KAZJ;;EAcA,oBACE,oBAAC,OAAD;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAEG,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUU,SAFhB;IAGE,UAAU,EAAET,UAHd;IAIE,SAAS,EAAEC,SAJb;IAKE,mBAAmB,EAAEI,mBALvB;IAME,eAAe,EAAEC,eANnB;IAOE,SAAS,EAAET,SAPb;IAQE,OAAO,EAAE;MACPa,OAAO,EAAER,SAAS,GAAGJ,OAAO,CAACY,OAAX,GAAqBZ,OAAO,CAACa,YADxC;MAEPC,MAAM,EAAEd,OAAO,CAACc;IAFT,CARX;IAYE,KAAK,EAAER;EAZT,GAaMI,MAbN,GAeGL,QAfH,CADF;AAmBD,CAlCiB,CAAlB;AAoCA,wCAAAV,SAAS,CAACoB,SAAV,GAAsB;EACpB;AACF;AACA;EACEhB,SAAS,EAAET,SAAS,CAAC0B,MAJD;;EAKpB;AACF;AACA;EACEhB,OAAO,EAAEV,SAAS,CAAC2B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAE5B,SAAS,CAAC0B,MAJO;;IAKvB;AACJ;AACA;IACIJ,OAAO,EAAEtB,SAAS,CAAC0B,MARI;;IASvB;AACJ;AACA;IACIH,YAAY,EAAEvB,SAAS,CAAC0B,MAZD;;IAavB;AACJ;AACA;IACIF,MAAM,EAAExB,SAAS,CAAC0B,MAhBK;;IAiBvB;AACJ;AACA;IACIV,KAAK,EAAEhB,SAAS,CAAC0B,MApBM;;IAqBvB;AACJ;AACA;IACIG,eAAe,EAAE7B,SAAS,CAAC0B,MAxBJ;;IAyBvB;AACJ;AACA;IACII,MAAM,EAAE9B,SAAS,CAAC0B,MA5BK;;IA6BvB;AACJ;AACA;IACIK,KAAK,EAAE/B,SAAS,CAAC0B,MAhCM;;IAiCvB;AACJ;AACA;IACIM,cAAc,EAAEhC,SAAS,CAAC0B,MApCH;;IAqCvB;AACJ;AACA;IACIO,SAAS,EAAEjC,SAAS,CAAC0B,MAxCE;;IAyCvB;AACJ;AACA;IACIQ,YAAY,EAAElC,SAAS,CAAC0B;EA5CD,CAAhB,EA6CNS,UArDiB;;EAsDpB;AACF;AACA;EACExB,IAAI,EAAEX,SAAS,CAACoC,IAzDI;;EA0DpB;AACF;AACA;EACEvB,SAAS,EAAEb,SAAS,CAACqC,KAAV,CAAgB,CACzB,YADyB,EAEzB,cAFyB,EAGzB,QAHyB,EAIzB,UAJyB,EAKzB,YALyB,EAMzB,MANyB,EAOzB,WAPyB,EAQzB,aARyB,EASzB,OATyB,EAUzB,SAVyB,EAWzB,WAXyB,EAYzB,KAZyB,CAAhB,CA7DS;;EA2EpB;AACF;AACA;AACA;EACEzB,UAAU,EAAEZ,SAAS,CAACsC,MA/EF;;EAgFpB;AACF;AACA;EACEtB,KAAK,EAAEhB,SAAS,CAACuC,IAAV,CAAeJ,UAnFF;;EAoFpB;AACF;AACA;EACE;EACAlB,mBAAmB,EAAEjB,SAAS,CAACwC,GAxFX;;EAyFpB;AACF;AACA;EACE;EACAtB,eAAe,EAAElB,SAAS,CAACyC,MA7FP;;EA8FpB;AACF;AACA;EACE3B,SAAS,EAAEd,SAAS,CAACoC,IAjGD;;EAkGpB;AACF;AACA;EACErB,QAAQ,EAAEf,SAAS,CAACuC,IAAV,CAAeJ;AArGL,CAAtB;AAwGA,eAAehC,UAAU,CAACC,MAAD,EAAS;EAAEsC,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0CrC,SAA1C,CAAf"}
+{"version":3,"file":"Tooltip.js","names":["React","PropTypes","Fade","Tooltip","withStyles","styles","HvTooltip","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","oneOf","number","node","any","object","name"],"sources":["../../../src/Tooltip/Tooltip.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nconst HvTooltip = React.forwardRef((props, ref) => {\n  const {\n    className,\n    classes,\n    open,\n    enterDelay = 300,\n    placement = \"top\",\n    useSingle = true,\n    children,\n    title,\n    TransitionComponent = Fade,\n    TransitionProps = { timeout: 400 },\n    ...others\n  } = props;\n\n  return (\n    <Tooltip\n      ref={ref}\n      open={open ?? undefined}\n      enterDelay={enterDelay}\n      placement={placement}\n      TransitionComponent={TransitionComponent}\n      TransitionProps={TransitionProps}\n      className={className}\n      classes={{\n        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n        popper: classes.popper,\n      }}\n      title={title}\n      {...others}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nHvTooltip.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the tooltip root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is single\n     *  */\n    tooltip: PropTypes.string,\n    /**\n     * Styles applied to the tooltip class when it is multi\n     *  */\n    tooltipMulti: PropTypes.string,\n    /**\n     * Styles applied to the popper component\n     *  */\n    popper: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the values container.\n     */\n    valuesContainer: PropTypes.string,\n    /**\n     * Styles applied to the values.\n     */\n    values: PropTypes.string,\n    /**\n     * Styles applied to the color.\n     */\n    color: PropTypes.string,\n    /**\n     * Styles applied to the separator between color and title.\n     */\n    separatorColor: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the values wrapper.\n     */\n    valueWrapper: PropTypes.string,\n  }).isRequired,\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This property won't impact the enter touch delay (enterTouchDelay).\n   */\n  enterDelay: PropTypes.number,\n  /**\n   * Tooltip title. Zero-length titles string are never displayed.\n   */\n  title: PropTypes.node.isRequired,\n  /**\n   * The component used for the transition\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionComponent: PropTypes.any,\n  /**\n   * Properties applied to the Transition element.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  TransitionProps: PropTypes.object,\n  /**\n   * Defines if should use a single or multiline tooltip.\n   */\n  useSingle: PropTypes.bool,\n  /**\n   * Node to apply the tooltip.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"mappings":"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"}

package/dist/modern/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvTypographyKeys } from "..";
 
 export type HvTypographyClassKey = HvTypographyKeys | "root" | "noWrap";

package/dist/modern/Typography/Typography.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", "variant", "classes", "paragraph", "className", "component", "children", "noWrap"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 const defaultVariantMapping = {
   "5xlTitle": "h1",
   "4xlTitle": "h1",
@@ -42,11 +48,13 @@ const HvTypography = /*#__PURE__*/React.forwardRef((props, ref) => {
         others = _objectWithoutProperties(props, _excluded);
 
   const Component = component || (paragraph ? "p" : defaultVariantMapping[variant]) || "span";
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/_jsx(Component, _objectSpread(_objectSpread({
     id: id,
     ref: ref,
     className: clsx(className, classes.root, classes[variant], noWrap && classes.noWrap)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 });
 process.env.NODE_ENV !== "production" ? HvTypography.propTypes = {
   /**

package/dist/modern/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["React","PropTypes","clsx","withStyles","styles","defaultVariantMapping","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","sectionTitle","highlightText","normalText","placeholderText","link","disabledText","selectedNavText","vizText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","id","variant","classes","paragraph","className","component","children","noWrap","others","Component","root","propTypes","node","isRequired","shape","string","elementType","bool","oneOf","name"],"sources":["../../../src/Typography/Typography.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst defaultVariantMapping = {\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n};\n\nconst HvTypography = React.forwardRef((props, ref) => {\n  const {\n    id,\n    variant = \"normalText\",\n    classes,\n    paragraph = false,\n    className,\n    component,\n    children,\n    noWrap = false,\n    ...others\n  } = props;\n  const Component = component || (paragraph ? \"p\" : defaultVariantMapping[variant]) || \"span\";\n\n  return (\n    <Component\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes[variant], {\n        [classes.noWrap]: noWrap,\n      })}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTypography.propTypes = {\n  /**\n   * The text to be set.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root element\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the 5xlTitle variant\n     */\n    \"5xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 4xlTitle variant\n     */\n    \"4xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 3xlTitle variant.\n     */\n    \"3xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the xxlTitle variant\n     */\n    xxlTitle: PropTypes.string,\n    /**\n     * Styles applied to the xlTitle variant\n     */\n    xlTitle: PropTypes.string,\n    /**\n     * Styles applied to the lTitle variant\n     */\n    lTitle: PropTypes.string,\n    /**\n     * Styles applied to the mTitle variant\n     */\n    mTitle: PropTypes.string,\n    /**\n     * Styles applied to the sTitle variant\n     */\n    sTitle: PropTypes.string,\n    /**\n     * Styles applied to the xsTitle variant\n     */\n    xsTitle: PropTypes.string,\n    /**\n     * Styles applied to the xxsTitle variant\n     */\n    xxsTitle: PropTypes.string,\n    /**\n     * Styles applied to the highlightText variant\n     */\n    highlightText: PropTypes.string,\n    /**\n     * Styles applied to the normalText variant\n     */\n    normalText: PropTypes.string,\n    /**\n     * Styles applied to the placeholderText variant\n     */\n    placeholderText: PropTypes.string,\n    /**\n     * Styles applied to the link variant\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the disabledText variant\n     */\n    disabledText: PropTypes.string,\n    /**\n     * Styles applied to the selectedNavText variant\n     */\n    selectedNavText: PropTypes.string,\n    /**\n     * Styles applied to the vizText variant\n     */\n    vizText: PropTypes.string,\n    /**\n     * Styles applied to the vizTextDisabled variant\n     */\n    vizTextDisabled: PropTypes.string,\n    /**\n     * Styles applied to the xsInlineLink variant\n     */\n    xsInlineLink: PropTypes.string,\n    /**\n     * Styles applied to the root root element if noWrap is used\n     */\n    noWrap: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   * By default, it maps the variant to a good default headline component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The selected typography.\n   */\n  variant: PropTypes.oneOf([\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ]),\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTypography\" })(HvTypography);\n"],"mappings":"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"}
+{"version":3,"file":"Typography.js","names":["React","PropTypes","clsx","withStyles","styles","defaultVariantMapping","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","sectionTitle","highlightText","normalText","placeholderText","link","disabledText","selectedNavText","vizText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","id","variant","classes","paragraph","className","component","children","noWrap","others","Component","root","propTypes","node","isRequired","shape","string","elementType","bool","oneOf","name"],"sources":["../../../src/Typography/Typography.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst defaultVariantMapping = {\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n};\n\nconst HvTypography = React.forwardRef((props, ref) => {\n  const {\n    id,\n    variant = \"normalText\",\n    classes,\n    paragraph = false,\n    className,\n    component,\n    children,\n    noWrap = false,\n    ...others\n  } = props;\n  const Component = component || (paragraph ? \"p\" : defaultVariantMapping[variant]) || \"span\";\n\n  return (\n    <Component\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes[variant], {\n        [classes.noWrap]: noWrap,\n      })}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTypography.propTypes = {\n  /**\n   * The text to be set.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root element\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the 5xlTitle variant\n     */\n    \"5xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 4xlTitle variant\n     */\n    \"4xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the 3xlTitle variant.\n     */\n    \"3xlTitle\": PropTypes.string,\n    /**\n     * Styles applied to the xxlTitle variant\n     */\n    xxlTitle: PropTypes.string,\n    /**\n     * Styles applied to the xlTitle variant\n     */\n    xlTitle: PropTypes.string,\n    /**\n     * Styles applied to the lTitle variant\n     */\n    lTitle: PropTypes.string,\n    /**\n     * Styles applied to the mTitle variant\n     */\n    mTitle: PropTypes.string,\n    /**\n     * Styles applied to the sTitle variant\n     */\n    sTitle: PropTypes.string,\n    /**\n     * Styles applied to the xsTitle variant\n     */\n    xsTitle: PropTypes.string,\n    /**\n     * Styles applied to the xxsTitle variant\n     */\n    xxsTitle: PropTypes.string,\n    /**\n     * Styles applied to the highlightText variant\n     */\n    highlightText: PropTypes.string,\n    /**\n     * Styles applied to the normalText variant\n     */\n    normalText: PropTypes.string,\n    /**\n     * Styles applied to the placeholderText variant\n     */\n    placeholderText: PropTypes.string,\n    /**\n     * Styles applied to the link variant\n     */\n    link: PropTypes.string,\n    /**\n     * Styles applied to the disabledText variant\n     */\n    disabledText: PropTypes.string,\n    /**\n     * Styles applied to the selectedNavText variant\n     */\n    selectedNavText: PropTypes.string,\n    /**\n     * Styles applied to the vizText variant\n     */\n    vizText: PropTypes.string,\n    /**\n     * Styles applied to the vizTextDisabled variant\n     */\n    vizTextDisabled: PropTypes.string,\n    /**\n     * Styles applied to the xsInlineLink variant\n     */\n    xsInlineLink: PropTypes.string,\n    /**\n     * Styles applied to the root root element if noWrap is used\n     */\n    noWrap: PropTypes.string,\n  }),\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   * By default, it maps the variant to a good default headline component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The selected typography.\n   */\n  variant: PropTypes.oneOf([\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ]),\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvTypography\" })(HvTypography);\n"],"mappings":"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"}

package/dist/modern/UserPreferences/Action/Action.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvTypographyProps } from "../..";
 
 export type HvUserPreferenceActionClassKey = "root";

package/dist/modern/UserPreferences/Action/Action.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 = ["classes", "className", "id", "label", "icon", "onClick"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import { HvButton, HvTypography } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Action = _ref => {
   let {
@@ -28,15 +34,18 @@ const Action = _ref => {
     onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
   };
 
-  return /*#__PURE__*/React.createElement(HvButton, _extends({
+  return /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
     id: id,
     category: "ghost",
     className: clsx(className, classes.root),
     startIcon: icon,
     onClick: handleClick
-  }, others), /*#__PURE__*/React.createElement(HvTypography, {
-    variant: "normalText"
-  }, label));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsx(HvTypography, {
+      variant: "normalText",
+      children: label
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Action.propTypes = {

package/dist/modern/UserPreferences/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["React","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","Action","classes","className","id","label","icon","onClick","others","payload","handleClick","event","root","propTypes","string","shape","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Action/Action.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\n\nconst Action = ({ classes, className, id, label, icon, onClick, ...others }) => {\n  const payload = { id, label };\n\n  const handleClick = (event) => {\n    onClick?.(event, payload);\n  };\n\n  return (\n    <HvButton\n      id={id}\n      category=\"ghost\"\n      className={clsx(className, classes.root)}\n      startIcon={icon}\n      onClick={handleClick}\n      {...others}\n    >\n      <HvTypography variant=\"normalText\">{label}</HvTypography>\n    </HvButton>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Id to be applied to the action.\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 styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesAction\" })(Action);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,OAAvC;;AAEA,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,EAAtB;IAA0BC,KAA1B;IAAiCC,IAAjC;IAAuCC;EAAvC,CAAgE;EAAA,IAAbC,MAAa;;EAC9E,MAAMC,OAAO,GAAG;IAAEL,EAAF;IAAMC;EAAN,CAAhB;;EAEA,MAAMK,WAAW,GAAIC,KAAD,IAAW;IAC7BJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUF,OAAV,CAAP;EACD,CAFD;;EAIA,oBACE,oBAAC,QAAD;IACE,EAAE,EAAEL,EADN;IAEE,QAAQ,EAAC,OAFX;IAGE,SAAS,EAAER,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACU,IAApB,CAHjB;IAIE,SAAS,EAAEN,IAJb;IAKE,OAAO,EAAEI;EALX,GAMMF,MANN,gBAQE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCH,KAApC,CARF,CADF;AAYD,CAnBD;;AAqBA,wCAAAJ,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACET,EAAE,EAAET,SAAS,CAACmB,MAJG;;EAKjB;AACF;AACA;EACEX,SAAS,EAAER,SAAS,CAACmB,MARJ;;EASjB;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAJO,CAAhB,EAKNE,UAjBc;;EAkBjB;AACF;AACA;EACEX,KAAK,EAAEV,SAAS,CAACmB,MArBA;;EAsBjB;AACF;AACA;EACER,IAAI,EAAEX,SAAS,CAACsB,IAzBC;;EA0BjB;AACF;AACA;EACEV,OAAO,EAAEZ,SAAS,CAACuB;AA7BF,CAAnB;AAgCA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDlB,MAAxD,CAAf"}
+{"version":3,"file":"Action.js","names":["React","PropTypes","clsx","withStyles","styles","HvButton","HvTypography","Action","classes","className","id","label","icon","onClick","others","payload","handleClick","event","root","propTypes","string","shape","isRequired","node","func","name"],"sources":["../../../../src/UserPreferences/Action/Action.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport { HvButton, HvTypography } from \"../..\";\n\nconst Action = ({ classes, className, id, label, icon, onClick, ...others }) => {\n  const payload = { id, label };\n\n  const handleClick = (event) => {\n    onClick?.(event, payload);\n  };\n\n  return (\n    <HvButton\n      id={id}\n      category=\"ghost\"\n      className={clsx(className, classes.root)}\n      startIcon={icon}\n      onClick={handleClick}\n      {...others}\n    >\n      <HvTypography variant=\"normalText\">{label}</HvTypography>\n    </HvButton>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Id to be applied to the action.\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 styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesAction\" })(Action);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,OAAvC;;;AAEA,MAAMC,MAAM,GAAG,QAAiE;EAAA,IAAhE;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,EAAtB;IAA0BC,KAA1B;IAAiCC,IAAjC;IAAuCC;EAAvC,CAAgE;EAAA,IAAbC,MAAa;;EAC9E,MAAMC,OAAO,GAAG;IAAEL,EAAF;IAAMC;EAAN,CAAhB;;EAEA,MAAMK,WAAW,GAAIC,KAAD,IAAW;IAC7BJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUF,OAAV,CAAP;EACD,CAFD;;EAIA,oBACE,KAAC,QAAD;IACE,EAAE,EAAEL,EADN;IAEE,QAAQ,EAAC,OAFX;IAGE,SAAS,EAAER,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACU,IAApB,CAHjB;IAIE,SAAS,EAAEN,IAJb;IAKE,OAAO,EAAEI;EALX,GAMMF,MANN;IAAA,uBAQE,KAAC,YAAD;MAAc,OAAO,EAAC,YAAtB;MAAA,UAAoCH;IAApC;EARF,GADF;AAYD,CAnBD;;AAqBA,wCAAAJ,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACET,EAAE,EAAET,SAAS,CAACmB,MAJG;;EAKjB;AACF;AACA;EACEX,SAAS,EAAER,SAAS,CAACmB,MARJ;;EASjB;AACF;AACA;EACEZ,OAAO,EAAEP,SAAS,CAACoB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEjB,SAAS,CAACmB;EAJO,CAAhB,EAKNE,UAjBc;;EAkBjB;AACF;AACA;EACEX,KAAK,EAAEV,SAAS,CAACmB,MArBA;;EAsBjB;AACF;AACA;EACER,IAAI,EAAEX,SAAS,CAACsB,IAzBC;;EA0BjB;AACF;AACA;EACEV,OAAO,EAAEZ,SAAS,CAACuB;AA7BF,CAAnB;AAgCA,eAAerB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwDlB,MAAxD,CAAf"}

package/dist/modern/UserPreferences/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvUserPreferencesActionsClassKey = "root";
 

package/dist/modern/UserPreferences/Actions/Actions.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 = ["classes", "className", "children"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Actions = _ref => {
   let {
@@ -15,9 +21,11 @@ const Actions = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Actions.propTypes = {

package/dist/modern/UserPreferences/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","names":["React","PropTypes","clsx","withStyles","styles","Actions","classes","className","children","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../src/UserPreferences/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst Actions = ({ classes, className, children, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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 component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesActions\" })(Actions);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,QAAiD;EAAA,IAAhD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC;EAAtB,CAAgD;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAEP,IAAI,CAACK,SAAD,EAAYD,OAAO,CAACI,IAApB;EAApB,GAAmDD,MAAnD,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAH,OAAO,CAACM,SAAR,GAAoB;EAClB;AACF;AACA;EACEJ,SAAS,EAAEN,SAAS,CAACW,MAJH;;EAKlB;AACF;AACA;EACEN,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAET,SAAS,CAACW;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACEN,QAAQ,EAAEP,SAAS,CAACc;AAjBF,CAApB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;EAAEY,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDX,OAAzD,CAAf"}
+{"version":3,"file":"Actions.js","names":["React","PropTypes","clsx","withStyles","styles","Actions","classes","className","children","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../src/UserPreferences/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst Actions = ({ classes, className, children, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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 component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesActions\" })(Actions);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,OAAO,GAAG,QAAiD;EAAA,IAAhD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC;EAAtB,CAAgD;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAEP,IAAI,CAACK,SAAD,EAAYD,OAAO,CAACI,IAApB;EAApB,GAAmDD,MAAnD;IAAA,UACGD;EADH,GADF;AAKD,CAND;;AAQA,wCAAAH,OAAO,CAACM,SAAR,GAAoB;EAClB;AACF;AACA;EACEJ,SAAS,EAAEN,SAAS,CAACW,MAJH;;EAKlB;AACF;AACA;EACEN,OAAO,EAAEL,SAAS,CAACY,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAET,SAAS,CAACW;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACEN,QAAQ,EAAEP,SAAS,CAACc;AAjBF,CAApB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;EAAEY,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDX,OAAzD,CAAf"}

package/dist/modern/UserPreferences/Options/Group/Group.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvUserPreferenceActionsClassKey = "root" | "label";
 

package/dist/modern/UserPreferences/Options/Group/Group.js

@@ -1,14 +1,21 @@
-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", "label", "children", "labelProps"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import Typography from "../../../Typography";
 import withId from "../../../withId";
 import { setId } from "../../../utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const Group = _ref => {
   let {
@@ -22,18 +29,23 @@ const Group = _ref => {
       others = _objectWithoutProperties(_ref, _excluded);
 
   const labelId = setId(id, "grouplabel");
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/_jsxs("nav", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root),
     "aria-labelledby": label ? labelId : undefined
-  }, others), label && /*#__PURE__*/React.createElement(Typography, _extends({
-    component: "div",
-    id: labelId,
-    variant: "highlightText",
-    className: classes.label
-  }, labelProps), label), /*#__PURE__*/React.createElement("ul", {
-    className: classes.ul
-  }, children));
+  }, others), {}, {
+    children: [label && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+      component: "div",
+      id: labelId,
+      variant: "highlightText",
+      className: classes.label
+    }, labelProps), {}, {
+      children: label
+    })), /*#__PURE__*/_jsx("ul", {
+      className: classes.ul,
+      children: children
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Group.propTypes = {

package/dist/modern/UserPreferences/Options/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["React","PropTypes","clsx","withStyles","Typography","withId","setId","styles","Group","id","className","classes","label","children","labelProps","others","labelId","root","undefined","ul","propTypes","string","shape","isRequired","instanceOf","Object","node","name"],"sources":["../../../../../src/UserPreferences/Options/Group/Group.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../../../Typography\";\nimport withId from \"../../../withId\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst Group = ({ id, className, classes, label, children, labelProps, ...others }) => {\n  const labelId = setId(id, \"grouplabel\");\n\n  return (\n    <nav\n      id={id}\n      className={clsx(className, classes.root)}\n      aria-labelledby={label ? labelId : undefined}\n      {...others}\n    >\n      {label && (\n        <Typography\n          component=\"div\"\n          id={labelId}\n          variant=\"highlightText\"\n          className={classes.label}\n          {...labelProps}\n        >\n          {label}\n        </Typography>\n      )}\n      <ul className={classes.ul}>{children}</ul>\n    </nav>\n  );\n};\n\nGroup.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the ul component.\n     */\n    ul: PropTypes.string,\n  }).isRequired,\n  /**\n   * Label for the group.\n   */\n  label: PropTypes.string,\n  /**\n   * Props applied to the generated label.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesGroup\" })(withId(Group));\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,KAAK,GAAG,QAAwE;EAAA,IAAvE;IAAEC,EAAF;IAAMC,SAAN;IAAiBC,OAAjB;IAA0BC,KAA1B;IAAiCC,QAAjC;IAA2CC;EAA3C,CAAuE;EAAA,IAAbC,MAAa;;EACpF,MAAMC,OAAO,GAAGV,KAAK,CAACG,EAAD,EAAK,YAAL,CAArB;EAEA,oBACE;IACE,EAAE,EAAEA,EADN;IAEE,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACM,IAApB,CAFjB;IAGE,mBAAiBL,KAAK,GAAGI,OAAH,GAAaE;EAHrC,GAIMH,MAJN,GAMGH,KAAK,iBACJ,oBAAC,UAAD;IACE,SAAS,EAAC,KADZ;IAEE,EAAE,EAAEI,OAFN;IAGE,OAAO,EAAC,eAHV;IAIE,SAAS,EAAEL,OAAO,CAACC;EAJrB,GAKME,UALN,GAOGF,KAPH,CAPJ,eAiBE;IAAI,SAAS,EAAED,OAAO,CAACQ;EAAvB,GAA4BN,QAA5B,CAjBF,CADF;AAqBD,CAxBD;;AA0BA,wCAAAL,KAAK,CAACY,SAAN,GAAkB;EAChB;AACF;AACA;EACEV,SAAS,EAAET,SAAS,CAACoB,MAJL;;EAKhB;AACF;AACA;EACEZ,EAAE,EAAER,SAAS,CAACoB,MARE;;EAShB;AACF;AACA;EACEV,OAAO,EAAEV,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEhB,SAAS,CAACoB,MAJO;;IAKvB;AACJ;AACA;IACIT,KAAK,EAAEX,SAAS,CAACoB,MARM;;IASvB;AACJ;AACA;IACIF,EAAE,EAAElB,SAAS,CAACoB;EAZS,CAAhB,EAaNE,UAzBa;;EA0BhB;AACF;AACA;EACEX,KAAK,EAAEX,SAAS,CAACoB,MA7BD;;EA8BhB;AACF;AACA;EACEP,UAAU,EAAEb,SAAS,CAACuB,UAAV,CAAqBC,MAArB,CAjCI;;EAkChB;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB,IAAV,CAAeH;AArCT,CAAlB;AAwCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDtB,MAAM,CAACG,KAAD,CAA7D,CAAf"}
+{"version":3,"file":"Group.js","names":["React","PropTypes","clsx","withStyles","Typography","withId","setId","styles","Group","id","className","classes","label","children","labelProps","others","labelId","root","undefined","ul","propTypes","string","shape","isRequired","instanceOf","Object","node","name"],"sources":["../../../../../src/UserPreferences/Options/Group/Group.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport Typography from \"../../../Typography\";\nimport withId from \"../../../withId\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst Group = ({ id, className, classes, label, children, labelProps, ...others }) => {\n  const labelId = setId(id, \"grouplabel\");\n\n  return (\n    <nav\n      id={id}\n      className={clsx(className, classes.root)}\n      aria-labelledby={label ? labelId : undefined}\n      {...others}\n    >\n      {label && (\n        <Typography\n          component=\"div\"\n          id={labelId}\n          variant=\"highlightText\"\n          className={classes.label}\n          {...labelProps}\n        >\n          {label}\n        </Typography>\n      )}\n      <ul className={classes.ul}>{children}</ul>\n    </nav>\n  );\n};\n\nGroup.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 styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the ul component.\n     */\n    ul: PropTypes.string,\n  }).isRequired,\n  /**\n   * Label for the group.\n   */\n  label: PropTypes.string,\n  /**\n   * Props applied to the generated label.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesGroup\" })(withId(Group));\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,KAAK,GAAG,QAAwE;EAAA,IAAvE;IAAEC,EAAF;IAAMC,SAAN;IAAiBC,OAAjB;IAA0BC,KAA1B;IAAiCC,QAAjC;IAA2CC;EAA3C,CAAuE;EAAA,IAAbC,MAAa;;EACpF,MAAMC,OAAO,GAAGV,KAAK,CAACG,EAAD,EAAK,YAAL,CAArB;EAEA,oBACE;IACE,EAAE,EAAEA,EADN;IAEE,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACM,IAApB,CAFjB;IAGE,mBAAiBL,KAAK,GAAGI,OAAH,GAAaE;EAHrC,GAIMH,MAJN;IAAA,WAMGH,KAAK,iBACJ,KAAC,UAAD;MACE,SAAS,EAAC,KADZ;MAEE,EAAE,EAAEI,OAFN;MAGE,OAAO,EAAC,eAHV;MAIE,SAAS,EAAEL,OAAO,CAACC;IAJrB,GAKME,UALN;MAAA,UAOGF;IAPH,GAPJ,eAiBE;MAAI,SAAS,EAAED,OAAO,CAACQ,EAAvB;MAAA,UAA4BN;IAA5B,EAjBF;EAAA,GADF;AAqBD,CAxBD;;AA0BA,wCAAAL,KAAK,CAACY,SAAN,GAAkB;EAChB;AACF;AACA;EACEV,SAAS,EAAET,SAAS,CAACoB,MAJL;;EAKhB;AACF;AACA;EACEZ,EAAE,EAAER,SAAS,CAACoB,MARE;;EAShB;AACF;AACA;EACEV,OAAO,EAAEV,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEhB,SAAS,CAACoB,MAJO;;IAKvB;AACJ;AACA;IACIT,KAAK,EAAEX,SAAS,CAACoB,MARM;;IASvB;AACJ;AACA;IACIF,EAAE,EAAElB,SAAS,CAACoB;EAZS,CAAhB,EAaNE,UAzBa;;EA0BhB;AACF;AACA;EACEX,KAAK,EAAEX,SAAS,CAACoB,MA7BD;;EA8BhB;AACF;AACA;EACEP,UAAU,EAAEb,SAAS,CAACuB,UAAV,CAAqBC,MAArB,CAjCI;;EAkChB;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB,IAAV,CAAeH;AArCT,CAAlB;AAwCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDtB,MAAM,CAACG,KAAD,CAA7D,CAAf"}

package/dist/modern/UserPreferences/Options/Label/Label.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvTypographyProps } from "../../../Typography";
 
 export type HvLabelClassKey = "root";

package/dist/modern/UserPreferences/Options/Label/Label.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 = ["className", "children", "classes"];
+
+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 from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import Typography from "../../../Typography";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Label = _ref => {
   let {
@@ -16,11 +22,13 @@ const Label = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Typography, _extends({
+  return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
     component: "li",
     variant: "highlightText",
     className: clsx(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Label.propTypes = {

package/dist/modern/UserPreferences/Options/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport Typography from \"../../../Typography\";\n\nconst Label = ({ className, children, classes, ...others }) => (\n  <Typography\n    component=\"li\"\n    variant=\"highlightText\"\n    className={clsx(className, classes.root)}\n    {...others}\n  >\n    {children}\n  </Typography>\n);\n\nLabel.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesLabel\" })(Label);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;;AAEA,MAAMC,KAAK,GAAG;EAAA,IAAC;IAAEC,SAAF;IAAaC,QAAb;IAAuBC;EAAvB,CAAD;EAAA,IAAoCC,MAApC;;EAAA,oBACZ,oBAAC,UAAD;IACE,SAAS,EAAC,IADZ;IAEE,OAAO,EAAC,eAFV;IAGE,SAAS,EAAER,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACE,IAApB;EAHjB,GAIMD,MAJN,GAMGF,QANH,CADY;AAAA,CAAd;;AAWA,wCAAAF,KAAK,CAACM,SAAN,GAAkB;EAChB;AACF;AACA;EACEL,SAAS,EAAEN,SAAS,CAACY,MAJL;;EAKhB;AACF;AACA;EACEJ,OAAO,EAAER,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAba;;EAchB;AACF;AACA;EACEP,QAAQ,EAAEP,SAAS,CAACe,IAAV,CAAeD;AAjBT,CAAlB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDX,KAAvD,CAAf"}
+{"version":3,"file":"Label.js","names":["React","PropTypes","clsx","withStyles","styles","Typography","Label","className","children","classes","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../../src/UserPreferences/Options/Label/Label.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\nimport Typography from \"../../../Typography\";\n\nconst Label = ({ className, children, classes, ...others }) => (\n  <Typography\n    component=\"li\"\n    variant=\"highlightText\"\n    className={clsx(className, classes.root)}\n    {...others}\n  >\n    {children}\n  </Typography>\n);\n\nLabel.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferencesLabel\" })(Label);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;;;AAEA,MAAMC,KAAK,GAAG;EAAA,IAAC;IAAEC,SAAF;IAAaC,QAAb;IAAuBC;EAAvB,CAAD;EAAA,IAAoCC,MAApC;;EAAA,oBACZ,KAAC,UAAD;IACE,SAAS,EAAC,IADZ;IAEE,OAAO,EAAC,eAFV;IAGE,SAAS,EAAER,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACE,IAApB;EAHjB,GAIMD,MAJN;IAAA,UAMGF;EANH,GADY;AAAA,CAAd;;AAWA,wCAAAF,KAAK,CAACM,SAAN,GAAkB;EAChB;AACF;AACA;EACEL,SAAS,EAAEN,SAAS,CAACY,MAJL;;EAKhB;AACF;AACA;EACEJ,OAAO,EAAER,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAba;;EAchB;AACF;AACA;EACEP,QAAQ,EAAEP,SAAS,CAACe,IAAV,CAAeD;AAjBT,CAAlB;AAoBA,eAAeZ,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDX,KAAvD,CAAf"}

package/dist/modern/UserPreferences/Options/Option.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvTypographyProps } from "../../Typography";
 import { Payload } from "../Action";
 

package/dist/modern/UserPreferences/Options/Option.js

@@ -1,14 +1,20 @@
-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", "id", "className", "label", "icon", "onClick"];
+
+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 styles from "./styles";
 import { HvButton, HvTypography } from "../..";
 import WithId from "../../withId";
 import OptionsContext from "./OptionsContext";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const Option = _ref => {
   let {
@@ -37,15 +43,20 @@ const Option = _ref => {
     onClick === null || onClick === void 0 ? void 0 : onClick(event, payload);
   };
 
-  return /*#__PURE__*/React.createElement("li", {
-    className: classes.li
-  }, /*#__PURE__*/React.createElement(HvButton, _extends({
-    id: id,
-    category: "ghost",
-    className: clsx(className, classes.action, isSelected && classes.selected),
-    onClick: handleClick,
-    startIcon: icon
-  }, others), /*#__PURE__*/React.createElement(HvTypography, null, label)));
+  return /*#__PURE__*/_jsx("li", {
+    className: classes.li,
+    children: /*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
+      id: id,
+      category: "ghost",
+      className: clsx(className, classes.action, isSelected && classes.selected),
+      onClick: handleClick,
+      startIcon: icon
+    }, others), {}, {
+      children: /*#__PURE__*/_jsx(HvTypography, {
+        children: label
+      })
+    }))
+  });
 };
 
 process.env.NODE_ENV !== "production" ? Option.propTypes = {