@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

package/dist/ColorPicker/PresetColors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF;EAAxB,GACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;IAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;MAAEE,KAAK,EAAEF;IAAT,CAAvC,GAAqEA,gBADvE;IAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;IACA,oBACE;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,EAAEV,OAAO,CAACY;IAAlC,gBACE,6BAAC,cAAD,6BACMJ,CADN;MAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;MAGE,OAAO,EAAEX,WAHX;MAIE,UAAU,EAAE;QACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;MADC;IAJd,GADF,CADF;EAYD,CAhBA,CADH,CADF;AAqBD,CAlCM;;;AAoCP,wCAAAZ,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}
+{"version":3,"file":"PresetColors.js","names":["SketchPresetColors","colors","onClick","classes","useStyles","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","PropTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"sources":["../../../src/ColorPicker/PresetColors/PresetColors.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;;;AAEO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BL,OAAO,CACL;MACEI,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACF,MAAxB;IAAA,UACGA,MAAM,CAACQ,GAAP,CAAW,UAACC,gBAAD,EAAsB;MAChC,IAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;QAAEE,KAAK,EAAEF;MAAT,CAAvC,GAAqEA,gBADvE;MAEA,IAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;MACA,oBACE;QAAe,SAAS,EAAEX,OAAO,CAACY,UAAlC;QAAA,uBACE,qBAAC,cAAD,kCACMJ,CADN;UAEE,SAAS,EAAER,OAAO,CAACa,MAFrB;UAGE,OAAO,EAAEX,WAHX;UAIE,UAAU,EAAE;YACVY,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;UADC;QAJd;MADF,GAAUC,GAAV,CADF;IAYD,CAhBA;EADH,EADF;AAqBD,CAlCM;;;AAoCP,wCAAAb,kBAAkB,CAACkB,SAAnB,GAA+B;EAC7BjB,MAAM,EAAEkB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,MADQ,EAElBH,kBAAA,CAAUI,KAAV,CAAgB;IACdX,KAAK,EAAEO,kBAAA,CAAUG,MADH;IAEdR,KAAK,EAAEK,kBAAA,CAAUG;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BtB,OAAO,EAAEiB,kBAAA,CAAUM,IAAV,CAAeD;AAVK,CAA/B;eAaexB,kB"}

package/dist/ColorPicker/PresetColors/styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
-var styles = (0, _core.makeStyles)(function () {
+var styles = (0, _styles.makeStyles)(function () {
   return {
     colors: {
       display: "flex",

package/dist/ColorPicker/PresetColors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"sources":["../../../src/ColorPicker/PresetColors/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  colors: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    position: \"relative\",\n    width: \"calc(100% + 5px)\",\n    margin: \"-5px -3px\",\n    padding: 0,\n  },\n  swatchWrap: {\n    width: \"16px\",\n    height: \"16px\",\n    margin: 5,\n  },\n  swatch: {\n    borderRadius: \"3px\",\n    boxShadow: \"inset 0 0 0 1px rgba(0,0,0,.15)\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW;EAAA,OAAO;IAC/BC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,QAAQ,EAAE,MAFJ;MAGNC,QAAQ,EAAE,UAHJ;MAINC,KAAK,EAAE,kBAJD;MAKNC,MAAM,EAAE,WALF;MAMNC,OAAO,EAAE;IANH,CADuB;IAS/BC,UAAU,EAAE;MACVH,KAAK,EAAE,MADG;MAEVI,MAAM,EAAE,MAFE;MAGVH,MAAM,EAAE;IAHE,CATmB;IAc/BI,MAAM,EAAE;MACNC,YAAY,EAAE,KADR;MAENC,SAAS,EAAE;IAFL;EAduB,CAAP;AAAA,CAAX,CAAf;eAoBeb,M"}

package/dist/Drawer/Drawer.d.ts

@@ -1,4 +1,4 @@
-import { DrawerProps, StandardProps } from "@material-ui/core";
+import { DrawerProps, StandardProps } from "@mui/material";
 
 
 export type HvDrawerClassKey = "root" | "background" | "paper" | "closeButton";

package/dist/Drawer/Drawer.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 require("core-js/modules/es.string.anchor.js");
 
@@ -19,18 +33,26 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _Close;
 
 var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
 
+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) { (0, _defineProperty2.default)(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; }
+
 /**
  * The Drawer component provides a foundation to create a sliding pane.
  * It only provides the pane with a close button, the rest of the
@@ -50,13 +72,13 @@ var HvDrawer = function HvDrawer(_ref) {
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var closeButtonDisplay = function closeButtonDisplay() {
-    return _Close || (_Close = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
+    return _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {
       role: "presentation"
     }));
   };
 
   var CloseButtonTooltipWrapper = buttonTitle ? (0, _uikitReactCore.withTooltip)(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
-  return /*#__PURE__*/_react.default.createElement(_core.Drawer, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Drawer, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(classes.root, className),
     id: id,
     anchor: anchor,
@@ -74,13 +96,16 @@ var HvDrawer = function HvDrawer(_ref) {
     onClose: function onClose(event, reason) {
       return _onClose(event, reason);
     }
-  }, others), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    id: (0, _uikitReactCore.setId)(id, "close"),
-    className: classes.closeButton,
-    category: "ghost",
-    onClick: _onClose,
-    "aria-label": buttonTitle
-  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children);
+  }, others), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+      id: (0, _uikitReactCore.setId)(id, "close"),
+      className: classes.closeButton,
+      category: "ghost",
+      onClick: _onClose,
+      "aria-label": buttonTitle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonTooltipWrapper, {})
+    }), children]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
@@ -149,7 +174,7 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   buttonTitle: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDrawer"
 })(HvDrawer);
 

package/dist/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","withTooltip","clsx","root","paper","background","event","reason","setId","closeButton","propTypes","PropTypes","string","shape","isRequired","node","bool","func","oneOf","withStyles","styles","name"],"sources":["../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/Drawer/styles.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _core = require("@material-ui/core");
-
-var _styles = require("@material-ui/core/styles");
+var _material = require("@mui/material");
 
 var styles = function styles(theme) {
   return {
     background: {
-      background: (0, _styles.alpha)((0, _core.hexToRgb)(theme.hv.palette.atmosphere.atmo4), 0.8)
+      background: (0, _material.alpha)((0, _material.hexToRgb)(theme.hv.palette.atmosphere.atmo4), 0.8)
     },
     paper: {
       background: "".concat(theme.hv.palette.atmosphere.atmo1),

package/dist/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,aAAA,EAAM,IAAAC,cAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","background","alpha","hexToRgb","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAE,IAAAC,eAAA,EAAM,IAAAC,kBAAA,EAASH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD;IADF,CADa;IAIzBC,KAAK,EAAE;MACLP,UAAU,YAAKD,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEjB,KAAK,CAACkB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEnB,KAAK,CAACkB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;eAmBenB,M"}

package/dist/ImageCarousel/ImageCarousel.d.ts

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