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

package/dist/modern/Banner/BannerContent/ActionContainer/ActionContainer.js

@@ -1,13 +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 = ["id", "classes", "onClose", "action", "actionCallback"];
+
+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, { oneOfType } from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import ActionsGeneric from "../../../ActionsGeneric";
 import HvButton from "../../../Button";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const ActionContainer = _ref => {
   let {
@@ -19,27 +26,31 @@ const ActionContainer = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.actionContainer
-  }, /*#__PURE__*/React.createElement(HvButton, _extends({
-    icon: true,
-    className: classes.closeAction,
-    category: "semantic",
-    "aria-label": "Close",
-    onClick: onClose,
-    tabIndex: 0
-  }, others), /*#__PURE__*/React.createElement(Close, {
-    iconSize: "XS",
-    className: classes.iconContainer,
-    color: "base2"
-  })), action && /*#__PURE__*/React.createElement("div", {
-    className: classes.actionsInnerContainer
-  }, /*#__PURE__*/React.createElement(ActionsGeneric, {
-    id: id,
-    category: "semantic",
-    actions: action,
-    actionsCallback: actionCallback
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes.actionContainer,
+    children: [/*#__PURE__*/_jsx(HvButton, _objectSpread(_objectSpread({
+      icon: true,
+      className: classes.closeAction,
+      category: "semantic",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0
+    }, others), {}, {
+      children: /*#__PURE__*/_jsx(Close, {
+        iconSize: "XS",
+        className: classes.iconContainer,
+        color: "base2"
+      })
+    })), action && /*#__PURE__*/_jsx("div", {
+      className: classes.actionsInnerContainer,
+      children: /*#__PURE__*/_jsx(ActionsGeneric, {
+        id: id,
+        category: "semantic",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? ActionContainer.propTypes = {

package/dist/modern/Banner/BannerContent/ActionContainer/ActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","names":["React","PropTypes","oneOfType","withStyles","Close","ActionsGeneric","HvButton","styles","ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAG,QAAiE;EAAA,IAAhE;IAAEC,EAAF;IAAMC,OAAN;IAAeC,OAAf;IAAwBC,MAAxB;IAAgCC;EAAhC,CAAgE;EAAA,IAAbC,MAAa;;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK;EAAxB,gBACE,oBAAC,QAAD;IACE,IAAI,MADN;IAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;IAGE,QAAQ,EAAC,UAHX;IAIE,cAAW,OAJb;IAKE,OAAO,EAAEL,OALX;IAME,QAAQ,EAAE;EANZ,GAOMG,MAPN,gBASE,oBAAC,KAAD;IAAO,QAAQ,EAAC,IAAhB;IAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;IAAuD,KAAK,EAAC;EAA7D,EATF,CADF,EAYGL,MAAM,iBACL;IAAK,SAAS,EAAEF,OAAO,CAACQ;EAAxB,gBACE,oBAAC,cAAD;IACE,EAAE,EAAET,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,MAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAER,SAAS,CAACmB,MAJY;;EAK1B;AACF;AACA;EACEV,OAAO,EAAET,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEX,OAAO,EAAEV,SAAS,CAACsB,IAZO;;EAa1B;AACF;AACA;EACEX,MAAM,EAAEV,SAAS,CAAC,CAChBD,SAAS,CAACuB,IADM,EAEhBvB,SAAS,CAACwB,OAAV,CACExB,SAAS,CAACyB,KAAV,CAAgB;IACdjB,EAAE,EAAER,SAAS,CAACmB,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAE3B,SAAS,CAACmB,MAAV,CAAiBO,UAFV;IAGdE,IAAI,EAAE5B,SAAS,CAACsB,IAHF;IAIdO,QAAQ,EAAE7B,SAAS,CAAC8B;EAJN,CAAhB,CADF,CAFgB,CAAD,CAhBS;;EA2B1B;AACF;AACA;EACElB,cAAc,EAAEZ,SAAS,CAACsB;AA9BA,CAA5B;AAiCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDxB,eAAlD,CAAf"}
+{"version":3,"file":"ActionContainer.js","names":["React","PropTypes","oneOfType","withStyles","Close","ActionsGeneric","HvButton","styles","ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,eAAe,GAAG,QAAiE;EAAA,IAAhE;IAAEC,EAAF;IAAMC,OAAN;IAAeC,OAAf;IAAwBC,MAAxB;IAAgCC;EAAhC,CAAgE;EAAA,IAAbC,MAAa;;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK,eAAxB;IAAA,wBACE,KAAC,QAAD;MACE,IAAI,MADN;MAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;MAGE,QAAQ,EAAC,UAHX;MAIE,cAAW,OAJb;MAKE,OAAO,EAAEL,OALX;MAME,QAAQ,EAAE;IANZ,GAOMG,MAPN;MAAA,uBASE,KAAC,KAAD;QAAO,QAAQ,EAAC,IAAhB;QAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;QAAuD,KAAK,EAAC;MAA7D;IATF,GADF,EAYGL,MAAM,iBACL;MAAK,SAAS,EAAEF,OAAO,CAACQ,qBAAxB;MAAA,uBACE,KAAC,cAAD;QACE,EAAE,EAAET,EADN;QAEE,QAAQ,EAAC,UAFX;QAGE,OAAO,EAAEG,MAHX;QAIE,eAAe,EAAEC;MAJnB;IADF,EAbJ;EAAA,EADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAER,SAAS,CAACmB,MAJY;;EAK1B;AACF;AACA;EACEV,OAAO,EAAET,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEX,OAAO,EAAEV,SAAS,CAACsB,IAZO;;EAa1B;AACF;AACA;EACEX,MAAM,EAAEV,SAAS,CAAC,CAChBD,SAAS,CAACuB,IADM,EAEhBvB,SAAS,CAACwB,OAAV,CACExB,SAAS,CAACyB,KAAV,CAAgB;IACdjB,EAAE,EAAER,SAAS,CAACmB,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAE3B,SAAS,CAACmB,MAAV,CAAiBO,UAFV;IAGdE,IAAI,EAAE5B,SAAS,CAACsB,IAHF;IAIdO,QAAQ,EAAE7B,SAAS,CAAC8B;EAJN,CAAhB,CADF,CAFgB,CAAD,CAhBS;;EA2B1B;AACF;AACA;EACElB,cAAc,EAAEZ,SAAS,CAACsB;AA9BA,CAA5B;AAiCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDxB,eAAlD,CAAf"}

package/dist/modern/Banner/BannerContent/BannerContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps, SnackbarContentProps } from "@material-ui/core";
+import { StandardProps, SnackbarContentProps } from "@mui/material";
 import {
   ActionsPositionProp,
   HvActionsGenericCommonProps,

package/dist/modern/Banner/BannerContent/BannerContent.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", "classes", "showIcon", "customIcon", "variant", "onClose", "actions", "actionsCallback", "actionsPosition", "content", "actionProps"];
+
+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, { oneOfType } from "prop-types";
 import clsx from "clsx";
-import { SnackbarContent, withStyles } from "@material-ui/core";
+import { SnackbarContent } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import iconVariant from "../../utils/iconVariant";
 import MessageContainer from "./MessageContainer";
 import ActionContainer from "./ActionContainer";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 const HvBannerContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     id,
@@ -31,34 +38,35 @@ const HvBannerContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   // number of actions, etc..
 
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.outContainer
-  }, /*#__PURE__*/React.createElement(SnackbarContent, _extends({
-    ref: ref,
-    id: id,
-    classes: {
-      root: classes.root,
-      message: classes.message,
-      action: classes.action
-    },
-    className: clsx(classes[variant], classes.baseVariant),
-    message: /*#__PURE__*/React.createElement(MessageContainer, _extends({
-      id: id,
-      icon: icon
-    }, effectiveActionsPosition === "inline" && {
-      actionsOnMessage: actions,
-      actionsOnMessageCallback: actionsCallback
-    }, {
-      message: content
-    })),
-    action: /*#__PURE__*/React.createElement(ActionContainer, _extends({
+  return /*#__PURE__*/_jsx("div", {
+    className: classes.outContainer,
+    children: /*#__PURE__*/_jsx(SnackbarContent, _objectSpread({
+      ref: ref,
       id: id,
-      onClose: onClose
-    }, effectiveActionsPosition === "bottom-right" && {
-      action: actions,
-      actionCallback: actionsCallback
-    }, actionProps))
-  }, others)));
+      classes: {
+        root: classes.root,
+        message: classes.message,
+        action: classes.action
+      },
+      className: clsx(classes[variant], classes.baseVariant),
+      message: /*#__PURE__*/_jsx(MessageContainer, _objectSpread(_objectSpread({
+        id: id,
+        icon: icon
+      }, effectiveActionsPosition === "inline" && {
+        actionsOnMessage: actions,
+        actionsOnMessageCallback: actionsCallback
+      }), {}, {
+        message: content
+      })),
+      action: /*#__PURE__*/_jsx(ActionContainer, _objectSpread(_objectSpread({
+        id: id,
+        onClose: onClose
+      }, effectiveActionsPosition === "bottom-right" && {
+        action: actions,
+        actionCallback: actionsCallback
+      }), actionProps))
+    }, others))
+  });
 });
 process.env.NODE_ENV !== "production" ? HvBannerContent.propTypes = {
   /**

package/dist/modern/Banner/BannerContent/BannerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContent","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","name"],"sources":["../../../../src/Banner/BannerContent/BannerContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContent = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    showIcon = false,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    content,\n    actionProps,\n    ...others\n  } = props;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n\n  // default to inline\n  // this might try to be more intelligent in the future,\n  // taking into account the content length, available space,\n  // number of actions, etc..\n  const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n  return (\n    <div className={classes.outContainer}>\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n          action: classes.action,\n        }}\n        className={clsx(classes[variant], classes.baseVariant)}\n        message={\n          <MessageContainer\n            id={id}\n            icon={icon}\n            {...(effectiveActionsPosition === \"inline\" && {\n              actionsOnMessage: actions,\n              actionsOnMessageCallback: actionsCallback,\n            })}\n            message={content}\n          />\n        }\n        action={\n          <ActionContainer\n            id={id}\n            onClose={onClose}\n            {...(effectiveActionsPosition === \"bottom-right\" && {\n              action: actions,\n              actionCallback: actionsCallback,\n            })}\n            {...actionProps}\n          />\n        }\n        {...others}\n      />\n    </div>\n  );\n});\n\nHvBannerContent.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * The message to display.\n   */\n  content: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * The props to pass down to the Action Container.\n   */\n  actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContent\" })(HvBannerContent);\n"],"mappings":"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"}
+{"version":3,"file":"BannerContent.js","names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContent","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","name"],"sources":["../../../../src/Banner/BannerContent/BannerContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContent = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    showIcon = false,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    content,\n    actionProps,\n    ...others\n  } = props;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n\n  // default to inline\n  // this might try to be more intelligent in the future,\n  // taking into account the content length, available space,\n  // number of actions, etc..\n  const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n  return (\n    <div className={classes.outContainer}>\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n          action: classes.action,\n        }}\n        className={clsx(classes[variant], classes.baseVariant)}\n        message={\n          <MessageContainer\n            id={id}\n            icon={icon}\n            {...(effectiveActionsPosition === \"inline\" && {\n              actionsOnMessage: actions,\n              actionsOnMessageCallback: actionsCallback,\n            })}\n            message={content}\n          />\n        }\n        action={\n          <ActionContainer\n            id={id}\n            onClose={onClose}\n            {...(effectiveActionsPosition === \"bottom-right\" && {\n              action: actions,\n              actionCallback: actionsCallback,\n            })}\n            {...actionProps}\n          />\n        }\n        {...others}\n      />\n    </div>\n  );\n});\n\nHvBannerContent.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * The message to display.\n   */\n  content: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * The props to pass down to the Action Container.\n   */\n  actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContent\" })(HvBannerContent);\n"],"mappings":"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"}

package/dist/modern/Banner/BannerContent/MessageContainer/MessageContainer.js

@@ -1,10 +1,13 @@
 import React from "react";
 import PropTypes, { oneOfType } from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import HvTypography from "../../../Typography";
 import ActionsGeneric from "../../../ActionsGeneric";
 import { setId } from "../../../utils";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 const MessageContainer = ({
   id,
@@ -13,20 +16,25 @@ const MessageContainer = ({
   actionsOnMessage,
   actionsOnMessageCallback,
   message
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("div", {
-  className: classes.iconContainer
-}, icon), /*#__PURE__*/React.createElement(HvTypography, {
-  id: setId(id, "message-text"),
-  className: classes.message
-}, message), actionsOnMessage && /*#__PURE__*/React.createElement("div", {
-  id: setId(id, "message-actions"),
-  className: classes.actionMessageContainer
-}, /*#__PURE__*/React.createElement(ActionsGeneric, {
-  id: id,
-  category: "semantic",
-  actions: actionsOnMessage,
-  actionsCallback: actionsOnMessageCallback
-})));
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [icon && /*#__PURE__*/_jsx("div", {
+    className: classes.iconContainer,
+    children: icon
+  }), /*#__PURE__*/_jsx(HvTypography, {
+    id: setId(id, "message-text"),
+    className: classes.message,
+    children: message
+  }), actionsOnMessage && /*#__PURE__*/_jsx("div", {
+    id: setId(id, "message-actions"),
+    className: classes.actionMessageContainer,
+    children: /*#__PURE__*/_jsx(ActionsGeneric, {
+      id: id,
+      category: "semantic",
+      actions: actionsOnMessage,
+      actionsCallback: actionsOnMessageCallback
+    })
+  })]
+});
 
 process.env.NODE_ENV !== "production" ? MessageContainer.propTypes = {
   /**

package/dist/modern/Banner/BannerContent/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\n  <>\n    {icon && <div className={classes.iconContainer}>{icon}</div>}\n    <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n      {message}\n    </HvTypography>\n    {actionsOnMessage && (\n      <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EACxBC,EADwB;EAExBC,OAFwB;EAGxBC,IAHwB;EAIxBC,gBAJwB;EAKxBC,wBALwB;EAMxBC;AANwB,CAAD,kBAQvB,0CACGH,IAAI,iBAAI;EAAK,SAAS,EAAED,OAAO,CAACK;AAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;EAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;EAA6C,SAAS,EAAEC,OAAO,CAACI;AAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;EAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;EAAuC,SAAS,EAAEC,OAAO,CAACM;AAA1D,gBACE,oBAAC,cAAD;EACE,EAAE,EAAEP,EADN;EAEE,QAAQ,EAAC,UAFX;EAGE,OAAO,EAAEG,gBAHX;EAIE,eAAe,EAAEC;AAJnB,EADF,CANJ,CARF;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}
+{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\n  <>\n    {icon && <div className={classes.iconContainer}>{icon}</div>}\n    <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n      {message}\n    </HvTypography>\n    {actionsOnMessage && (\n      <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EACxBC,EADwB;EAExBC,OAFwB;EAGxBC,IAHwB;EAIxBC,gBAJwB;EAKxBC,wBALwB;EAMxBC;AANwB,CAAD,kBAQvB;EAAA,WACGH,IAAI,iBAAI;IAAK,SAAS,EAAED,OAAO,CAACK,aAAxB;IAAA,UAAwCJ;EAAxC,EADX,eAEE,KAAC,YAAD;IAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;IAA6C,SAAS,EAAEC,OAAO,CAACI,OAAhE;IAAA,UACGA;EADH,EAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;IAAuC,SAAS,EAAEC,OAAO,CAACM,sBAA1D;IAAA,uBACE,KAAC,cAAD;MACE,EAAE,EAAEP,EADN;MAEE,QAAQ,EAAC,UAFX;MAGE,OAAO,EAAEG,gBAHX;MAIE,eAAe,EAAEC;IAJnB;EADF,EANJ;AAAA,EARF;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}

package/dist/modern/BaseCheckBox/BaseCheckBox.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, CheckboxProps } from "@material-ui/core";
+import { StandardProps, CheckboxProps } from "@mui/material";
 
 export type HvBaseCheckBoxClassKey = "root" | "disabled" | "focusVisible";
 

package/dist/modern/BaseCheckBox/BaseCheckBox.js

@@ -1,13 +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", "className", "id", "name", "value", "required", "readOnly", "disabled", "checked", "indeterminate", "defaultChecked", "semantic", "onChange", "inputProps", "onFocusVisible", "onBlur"];
+
+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, { useState, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { Checkbox, withStyles } from "@material-ui/core";
+import { Checkbox } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { Checkbox as CheckboxIcon, CheckboxCheck, CheckboxPartial } from "@hitachivantara/uikit-react-icons";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const getSelectorIcons = (classes, options) => {
   const {
     disabled,
@@ -16,15 +23,15 @@ export const getSelectorIcons = (classes, options) => {
   const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || undefined;
   const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || undefined;
   return {
-    checkbox: /*#__PURE__*/React.createElement(CheckboxIcon, {
+    checkbox: /*#__PURE__*/_jsx(CheckboxIcon, {
       color: color,
       className: classes.icon
     }),
-    checkboxPartial: /*#__PURE__*/React.createElement(CheckboxPartial, {
+    checkboxPartial: /*#__PURE__*/_jsx(CheckboxPartial, {
       color: color,
       className: classes.icon
     }),
-    checkboxChecked: /*#__PURE__*/React.createElement(CheckboxCheck, {
+    checkboxChecked: /*#__PURE__*/_jsx(CheckboxCheck, {
       color: checkedColor,
       className: classes.icon
     })
@@ -78,7 +85,7 @@ const HvBaseCheckbox = props => {
 
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /*#__PURE__*/React.createElement(Checkbox, _extends({
+  return /*#__PURE__*/_jsx(Checkbox, _objectSpread({
     id: id,
     name: name,
     className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),

package/dist/modern/BaseCheckBox/BaseCheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.js","names":["React","useState","useCallback","PropTypes","clsx","Checkbox","withStyles","CheckboxIcon","CheckboxCheck","CheckboxPartial","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseCheckBox/BaseCheckBox.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox, withStyles } from \"@material-ui/core\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"mappings":"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"}
+{"version":3,"file":"BaseCheckBox.js","names":["React","useState","useCallback","PropTypes","clsx","Checkbox","withStyles","CheckboxIcon","CheckboxCheck","CheckboxPartial","styles","getSelectorIcons","classes","options","disabled","semantic","color","undefined","checkedColor","checkbox","icon","checkboxPartial","checkboxChecked","HvBaseCheckbox","props","className","id","name","value","required","readOnly","checked","indeterminate","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","icons","onLocalChange","target","root","propTypes","string","shape","isRequired","any","bool","func","instanceOf","Object"],"sources":["../../../src/BaseCheckBox/BaseCheckBox.js"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Checkbox } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n  Checkbox as CheckboxIcon,\n  CheckboxCheck,\n  CheckboxPartial,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nexport const getSelectorIcons = (classes, options) => {\n  const { disabled, semantic } = options;\n  const color = (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base1\", \"base2\"]) || undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) || (semantic && [\"base2\", \"base1\"]) || undefined;\n\n  return {\n    checkbox: <CheckboxIcon color={color} className={classes.icon} />,\n    checkboxPartial: <CheckboxPartial color={color} className={classes.icon} />,\n    checkboxChecked: <CheckboxCheck color={checkedColor} className={classes.icon} />,\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nconst HvBaseCheckbox = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    indeterminate,\n    defaultChecked,\n\n    semantic = false,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons(classes, { disabled, semantic });\n\n  const onLocalChange = useCallback(\n    (evt) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <Checkbox\n      id={id}\n      name={name}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.focusVisible]: focusVisible,\n      })}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n\nHvBaseCheckbox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the input.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate: PropTypes.bool,\n\n  /**\n   * The callback fired when the checkbox is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvBaseCheckbox\" })(HvBaseCheckbox);\n"],"mappings":"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"}

package/dist/modern/BaseCheckBox/styles.js

@@ -12,7 +12,8 @@ const styles = theme => ({
     cursor: "pointer",
     "&:hover": {
       backgroundColor: theme.hv.palette.atmosphere.atmo3
-    }
+    },
+    borderRadius: 0
   },
   disabled: {
     // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled

package/dist/modern/BaseCheckBox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","disabled","pointerEvents","fill","atmo5","focusVisible"],"sources":["../../../src/BaseCheckBox/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,SAFJ;IAGJ,WAAW;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC;EAHP,CADmB;EAQzBC,QAAQ,EAAE;IACR;IACA,UAAU;MACRN,MAAM,EAAE,aADA;MAERO,aAAa,EAAE;IAFP,CAFF;IAMR,SAAS;MACP,uBAAuB;QACrBC,IAAI,EAAEX,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK;MADb;IADhB;EAND,CARe;EAqBzBC,YAAY,EAAE;IACZ,2BACKf,aADL;EADY;AArBW,CAAZ,CAAf;;AA4BA,eAAeC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo3","borderRadius","disabled","pointerEvents","fill","atmo5","focusVisible"],"sources":["../../../src/BaseCheckBox/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    padding: 0,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    borderRadius: 0,\n  },\n  disabled: {\n    // ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    \"$root&\": {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n  },\n\n  focusVisible: {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,CADL;IAEJC,MAAM,EAAE,SAFJ;IAGJ,WAAW;MACTC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC,CAHP;IAMJC,YAAY,EAAE;EANV,CADmB;EASzBC,QAAQ,EAAE;IACR;IACA,UAAU;MACRP,MAAM,EAAE,aADA;MAERQ,aAAa,EAAE;IAFP,CAFF;IAMR,SAAS;MACP,uBAAuB;QACrBC,IAAI,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM;MADb;IADhB;EAND,CATe;EAsBzBC,YAAY,EAAE;IACZ,2BACKhB,aADL;EADY;AAtBW,CAAZ,CAAf;;AA6BA,eAAeC,MAAf"}

package/dist/modern/BaseDropdown/BaseDropdown.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-import { PopperProps } from "@material-ui/core/Popper";
+import { StandardProps } from "@mui/material";
+import { PopperProps } from "@mui/material/Popper";
 
 export type HvBaseDropdownClassKey =
   | "root"