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

package/dist/legacy/ColorPicker/Picker/Picker.js

@@ -5,6 +5,10 @@ import { Saturation, ColorWrap, Hue } from "react-color/lib/components/common";
 import Fields from "../Fields";
 import useStyles from "./styles"; // eslint-disable-next-line react/prop-types
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+
 var Picker = function Picker(_ref) {
   var onChange = _ref.onChange,
       rgb = _ref.rgb,
@@ -13,37 +17,42 @@ var Picker = function Picker(_ref) {
       hex = _ref.hex;
   var classes = useStyles();
   var SaturationPointer = useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: clsx(classes.saturationPointer)
     });
   }, [classes.saturationPointer]);
   var HueSlider = useCallback(function () {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: clsx(classes.hueSlider)
     });
   }, [classes.hueSlider]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.pickers)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.saturation)
-  }, /*#__PURE__*/React.createElement(Saturation, {
-    hsl: hsl,
-    hsv: hsv,
-    onChange: onChange,
-    pointer: SaturationPointer
-  })), /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.hue)
-  }, /*#__PURE__*/React.createElement(Hue, {
-    direction: "vertical",
-    hsl: hsl,
-    onChange: onChange,
-    pointer: HueSlider
-  }))), /*#__PURE__*/React.createElement(Fields, {
-    rgb: rgb,
-    hsl: hsl,
-    hex: hex,
-    onChange: onChange
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.pickers),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: clsx(classes.saturation),
+        children: /*#__PURE__*/_jsx(Saturation, {
+          hsl: hsl,
+          hsv: hsv,
+          onChange: onChange,
+          pointer: SaturationPointer
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: clsx(classes.hue),
+        children: /*#__PURE__*/_jsx(Hue, {
+          direction: "vertical",
+          hsl: hsl,
+          onChange: onChange,
+          pointer: HueSlider
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Fields, {
+      rgb: rgb,
+      hsl: hsl,
+      hex: hex,
+      onChange: onChange
+    })]
+  });
 };
 
 export default ColorWrap(Picker);

package/dist/legacy/ColorPicker/Picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n  const classes = useStyles();\n\n  const SaturationPointer = useCallback(\n    () => <div className={clsx(classes.saturationPointer)} />,\n    [classes.saturationPointer]\n  );\n  const HueSlider = useCallback(\n    () => <div className={clsx(classes.hueSlider)} />,\n    [classes.hueSlider]\n  );\n\n  return (\n    <>\n      <div className={clsx(classes.pickers)}>\n        <div className={clsx(classes.saturation)}>\n          <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n        </div>\n        <div className={clsx(classes.hue)}>\n          <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n        </div>\n      </div>\n      <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n    </>\n  );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":"AAAA;AAEA,OAAOA,IAAP,MAAiB,MAAjB;AACA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,GAAhC,QAA2C,mCAA3C;AAEA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;EAAA,IAApBC,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACnD,IAAMC,OAAO,GAAGP,SAAS,EAAzB;EAEA,IAAMQ,iBAAiB,GAAGb,WAAW,CACnC;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAT;IAApB,EAAN;EAAA,CADmC,EAEnC,CAACF,OAAO,CAACE,iBAAT,CAFmC,CAArC;EAIA,IAAMC,SAAS,GAAGf,WAAW,CAC3B;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAT;IAApB,EAAN;EAAA,CAD2B,EAE3B,CAACJ,OAAO,CAACI,SAAT,CAF2B,CAA7B;EAKA,oBACE,uDACE;IAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAT;EAApB,gBACE;IAAK,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAT;EAApB,gBACE,oBAAC,UAAD;IAAY,GAAG,EAAET,GAAjB;IAAsB,GAAG,EAAEC,GAA3B;IAAgC,QAAQ,EAAEH,QAA1C;IAAoD,OAAO,EAAEM;EAA7D,EADF,CADF,eAIE;IAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAT;EAApB,gBACE,oBAAC,GAAD;IAAK,SAAS,EAAC,UAAf;IAA0B,GAAG,EAAEV,GAA/B;IAAoC,QAAQ,EAAEF,QAA9C;IAAwD,OAAO,EAAEQ;EAAjE,EADF,CAJF,CADF,eASE,oBAAC,MAAD;IAAQ,GAAG,EAAEP,GAAb;IAAkB,GAAG,EAAEC,GAAvB;IAA4B,GAAG,EAAEE,GAAjC;IAAsC,QAAQ,EAAEJ;EAAhD,EATF,CADF;AAaD,CAzBD;;AA2BA,eAAeL,SAAS,CAACI,MAAD,CAAxB"}
+{"version":3,"file":"Picker.js","names":["clsx","React","useCallback","Saturation","ColorWrap","Hue","Fields","useStyles","Picker","onChange","rgb","hsl","hsv","hex","classes","SaturationPointer","saturationPointer","HueSlider","hueSlider","pickers","saturation","hue"],"sources":["../../../../src/ColorPicker/Picker/Picker.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport clsx from \"clsx\";\nimport React, { useCallback } from \"react\";\nimport { Saturation, ColorWrap, Hue } from \"react-color/lib/components/common\";\n\nimport Fields from \"../Fields\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst Picker = ({ onChange, rgb, hsl, hsv, hex }) => {\n  const classes = useStyles();\n\n  const SaturationPointer = useCallback(\n    () => <div className={clsx(classes.saturationPointer)} />,\n    [classes.saturationPointer]\n  );\n  const HueSlider = useCallback(\n    () => <div className={clsx(classes.hueSlider)} />,\n    [classes.hueSlider]\n  );\n\n  return (\n    <>\n      <div className={clsx(classes.pickers)}>\n        <div className={clsx(classes.saturation)}>\n          <Saturation hsl={hsl} hsv={hsv} onChange={onChange} pointer={SaturationPointer} />\n        </div>\n        <div className={clsx(classes.hue)}>\n          <Hue direction=\"vertical\" hsl={hsl} onChange={onChange} pointer={HueSlider} />\n        </div>\n      </div>\n      <Fields rgb={rgb} hsl={hsl} hex={hex} onChange={onChange} />\n    </>\n  );\n};\n\nexport default ColorWrap(Picker);\n"],"mappings":"AAAA;AAEA,OAAOA,IAAP,MAAiB,MAAjB;AACA,OAAOC,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,UAAT,EAAqBC,SAArB,EAAgCC,GAAhC,QAA2C,mCAA3C;AAEA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;;;;;AACA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;EAAA,IAApBC,GAAoB,QAApBA,GAAoB;EAAA,IAAfC,GAAe,QAAfA,GAAe;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACnD,IAAMC,OAAO,GAAGP,SAAS,EAAzB;EAEA,IAAMQ,iBAAiB,GAAGb,WAAW,CACnC;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAT;IAApB,EAAN;EAAA,CADmC,EAEnC,CAACF,OAAO,CAACE,iBAAT,CAFmC,CAArC;EAIA,IAAMC,SAAS,GAAGf,WAAW,CAC3B;IAAA,oBAAM;MAAK,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAT;IAApB,EAAN;EAAA,CAD2B,EAE3B,CAACJ,OAAO,CAACI,SAAT,CAF2B,CAA7B;EAKA,oBACE;IAAA,wBACE;MAAK,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAT,CAApB;MAAA,wBACE;QAAK,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAT,CAApB;QAAA,uBACE,KAAC,UAAD;UAAY,GAAG,EAAET,GAAjB;UAAsB,GAAG,EAAEC,GAA3B;UAAgC,QAAQ,EAAEH,QAA1C;UAAoD,OAAO,EAAEM;QAA7D;MADF,EADF,eAIE;QAAK,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAT,CAApB;QAAA,uBACE,KAAC,GAAD;UAAK,SAAS,EAAC,UAAf;UAA0B,GAAG,EAAEV,GAA/B;UAAoC,QAAQ,EAAEF,QAA9C;UAAwD,OAAO,EAAEQ;QAAjE;MADF,EAJF;IAAA,EADF,eASE,KAAC,MAAD;MAAQ,GAAG,EAAEP,GAAb;MAAkB,GAAG,EAAEC,GAAvB;MAA4B,GAAG,EAAEE,GAAjC;MAAsC,QAAQ,EAAEJ;IAAhD,EATF;EAAA,EADF;AAaD,CAzBD;;AA2BA,eAAeL,SAAS,CAACI,MAAD,CAAxB"}

package/dist/legacy/ColorPicker/Picker/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 var styles = makeStyles(function () {
   return {
     pickers: {

package/dist/legacy/ColorPicker/Picker/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  pickers: {\n    display: \"flex\",\n  },\n  saturation: {\n    width: 180,\n    height: 180,\n    marginRight: 5,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  saturationPointer: {\n    width: \"6px\",\n    height: \"6px\",\n    boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)`,\n    borderRadius: \"50%\",\n    transform: \"translate(-3px, -3px)\",\n  },\n  sliders: {\n    padding: \"4px 0\",\n    flex: \"1\",\n  },\n  hue: {\n    width: 15,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  hueSlider: {\n    width: 12,\n    height: 6,\n    background: \"#fff\",\n    boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n    marginLeft: 1,\n    borderRadius: \"1px\",\n    transform: \"translate(0, -2px)\",\n  },\n  double: {\n    flex: \"2\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CADsB;IAI/BC,UAAU,EAAE;MACVC,KAAK,EAAE,GADG;MAEVC,MAAM,EAAE,GAFE;MAGVC,WAAW,EAAE,CAHH;MAIVC,QAAQ,EAAE,UAJA;MAKVC,QAAQ,EAAE;IALA,CAJmB;IAW/BC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KADU;MAEjBC,MAAM,EAAE,KAFS;MAGjBK,SAAS,6FAHQ;MAKjBC,YAAY,EAAE,KALG;MAMjBC,SAAS,EAAE;IANM,CAXY;IAmB/BC,OAAO,EAAE;MACPC,OAAO,EAAE,OADF;MAEPC,IAAI,EAAE;IAFC,CAnBsB;IAuB/BC,GAAG,EAAE;MACHZ,KAAK,EAAE,EADJ;MAEHG,QAAQ,EAAE,UAFP;MAGHC,QAAQ,EAAE;IAHP,CAvB0B;IA4B/BS,SAAS,EAAE;MACTb,KAAK,EAAE,EADE;MAETC,MAAM,EAAE,CAFC;MAGTa,UAAU,EAAE,MAHH;MAITR,SAAS,EAAE,0BAJF;MAKTS,UAAU,EAAE,CALH;MAMTR,YAAY,EAAE,KANL;MAOTC,SAAS,EAAE;IAPF,CA5BoB;IAqC/BQ,MAAM,EAAE;MACNL,IAAI,EAAE;IADA;EArCuB,CAAP;AAAA,CAAD,CAAzB;AA0CA,eAAef,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","pickers","display","saturation","width","height","marginRight","position","overflow","saturationPointer","boxShadow","borderRadius","transform","sliders","padding","flex","hue","hueSlider","background","marginLeft","double"],"sources":["../../../../src/ColorPicker/Picker/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = makeStyles(() => ({\n  pickers: {\n    display: \"flex\",\n  },\n  saturation: {\n    width: 180,\n    height: 180,\n    marginRight: 5,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  saturationPointer: {\n    width: \"6px\",\n    height: \"6px\",\n    boxShadow: `0 0 0 2px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),\n            0 0 1px 2px rgba(0,0,0,.4)`,\n    borderRadius: \"50%\",\n    transform: \"translate(-3px, -3px)\",\n  },\n  sliders: {\n    padding: \"4px 0\",\n    flex: \"1\",\n  },\n  hue: {\n    width: 15,\n    position: \"relative\",\n    overflow: \"visible\",\n  },\n  hueSlider: {\n    width: 12,\n    height: 6,\n    background: \"#fff\",\n    boxShadow: \"0 0 2px rgb(0 0 0 / 60%)\",\n    marginLeft: 1,\n    borderRadius: \"1px\",\n    transform: \"translate(0, -2px)\",\n  },\n  double: {\n    flex: \"2\",\n  },\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CADsB;IAI/BC,UAAU,EAAE;MACVC,KAAK,EAAE,GADG;MAEVC,MAAM,EAAE,GAFE;MAGVC,WAAW,EAAE,CAHH;MAIVC,QAAQ,EAAE,UAJA;MAKVC,QAAQ,EAAE;IALA,CAJmB;IAW/BC,iBAAiB,EAAE;MACjBL,KAAK,EAAE,KADU;MAEjBC,MAAM,EAAE,KAFS;MAGjBK,SAAS,6FAHQ;MAKjBC,YAAY,EAAE,KALG;MAMjBC,SAAS,EAAE;IANM,CAXY;IAmB/BC,OAAO,EAAE;MACPC,OAAO,EAAE,OADF;MAEPC,IAAI,EAAE;IAFC,CAnBsB;IAuB/BC,GAAG,EAAE;MACHZ,KAAK,EAAE,EADJ;MAEHG,QAAQ,EAAE,UAFP;MAGHC,QAAQ,EAAE;IAHP,CAvB0B;IA4B/BS,SAAS,EAAE;MACTb,KAAK,EAAE,EADE;MAETC,MAAM,EAAE,CAFC;MAGTa,UAAU,EAAE,MAHH;MAITR,SAAS,EAAE,0BAJF;MAKTS,UAAU,EAAE,CALH;MAMTR,YAAY,EAAE,KANL;MAOTC,SAAS,EAAE;IAPF,CA5BoB;IAqC/BQ,MAAM,EAAE;MACNL,IAAI,EAAE;IADA;EArCuB,CAAP;AAAA,CAAD,CAAzB;AA0CA,eAAef,MAAf"}

package/dist/legacy/ColorPicker/PresetColors/PresetColors.js

@@ -1,10 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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/es.array.map.js";
 import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import PropTypes from "prop-types";
 import { Swatch } from "react-color/lib/components/common";
 import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var SketchPresetColors = function SketchPresetColors(_ref) {
   var colors = _ref.colors,
       _ref$onClick = _ref.onClick,
@@ -18,24 +31,25 @@ export var SketchPresetColors = function SketchPresetColors(_ref) {
     }, e);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.colors
-  }, colors.map(function (colorObjOrString) {
-    var c = typeof colorObjOrString === "string" ? {
-      color: colorObjOrString
-    } : colorObjOrString;
-    var key = "".concat(c.color).concat(c.title || "");
-    return /*#__PURE__*/React.createElement("div", {
-      key: key,
-      className: classes.swatchWrap
-    }, /*#__PURE__*/React.createElement(Swatch, _extends({}, c, {
-      className: classes.swatch,
-      onClick: handleClick,
-      focusStyle: {
-        boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ".concat(c.color)
-      }
-    })));
-  }));
+  return /*#__PURE__*/_jsx("div", {
+    className: classes.colors,
+    children: colors.map(function (colorObjOrString) {
+      var c = typeof colorObjOrString === "string" ? {
+        color: colorObjOrString
+      } : colorObjOrString;
+      var key = "".concat(c.color).concat(c.title || "");
+      return /*#__PURE__*/_jsx("div", {
+        className: classes.swatchWrap,
+        children: /*#__PURE__*/_jsx(Swatch, _objectSpread(_objectSpread({}, c), {}, {
+          className: classes.swatch,
+          onClick: handleClick,
+          focusStyle: {
+            boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ".concat(c.color)
+          }
+        }))
+      }, key);
+    })
+  });
 };
 process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
   colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BJ,OAAO,CACL;MACEG,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACF;EAAxB,GACGA,MAAM,CAACO,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,EAAET,OAAO,CAACW;IAAlC,gBACE,oBAAC,MAAD,eACMJ,CADN;MAEE,SAAS,EAAEP,OAAO,CAACY,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,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;EAC7BhB,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;IACdV,KAAK,EAAEd,SAAS,CAACuB,MADH;IAEdP,KAAK,EAAEhB,SAAS,CAACuB;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BpB,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf"}
+{"version":3,"file":"PresetColors.js","names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAAoC;EAAA,IAAjCC,MAAiC,QAAjCA,MAAiC;EAAA,wBAAzBC,OAAyB;EAAA,IAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;EACpE,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC9BJ,OAAO,CACL;MACEG,GAAG,EAAHA,GADF;MAEEE,MAAM,EAAE;IAFV,CADK,EAKLD,CALK,CAAP;EAOD,CARD;;EAUA,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACF,MAAxB;IAAA,UACGA,MAAM,CAACO,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,EAAEV,OAAO,CAACW,UAAlC;QAAA,uBACE,KAAC,MAAD,kCACMJ,CADN;UAEE,SAAS,EAAEP,OAAO,CAACY,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,wCAAAZ,kBAAkB,CAACiB,SAAnB,GAA+B;EAC7BhB,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;IACdV,KAAK,EAAEd,SAAS,CAACuB,MADH;IAEdP,KAAK,EAAEhB,SAAS,CAACuB;EAFH,CAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;EAU7BpB,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf"}

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

@@ -1,4 +1,4 @@
-import { makeStyles } from "@material-ui/core";
+import { makeStyles } from "@mui/styles";
 var styles = makeStyles(function () {
   return {
     colors: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,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,CAAD,CAAzB;AAoBA,eAAeZ,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","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,SAASA,UAAT,QAA2B,aAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;EAAA,OAAO;IAC/BE,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,CAAD,CAAzB;AAoBA,eAAeZ,MAAf"}

package/dist/legacy/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/legacy/Drawer/Drawer.js

@@ -1,14 +1,27 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _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) { _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/es.string.anchor.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { Drawer, withStyles } from "@material-ui/core";
+import { Drawer } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import { HvButton, withTooltip, setId } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
@@ -18,6 +31,9 @@ import styles from "./styles";
  * content can be customized.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 var HvDrawer = function HvDrawer(_ref) {
   var className = _ref.className,
       classes = _ref.classes,
@@ -32,13 +48,13 @@ var HvDrawer = function HvDrawer(_ref) {
       others = _objectWithoutProperties(_ref, _excluded);
 
   var closeButtonDisplay = function closeButtonDisplay() {
-    return _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
+    return _Close || (_Close = /*#__PURE__*/_jsx(Close, {
       role: "presentation"
     }));
   };
 
   var CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
-  return /*#__PURE__*/React.createElement(Drawer, _extends({
+  return /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     id: id,
     anchor: anchor,
@@ -56,13 +72,16 @@ var HvDrawer = function HvDrawer(_ref) {
     onClose: function onClose(event, reason) {
       return _onClose(event, reason);
     }
-  }, others), /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "close"),
-    className: classes.closeButton,
-    category: "ghost",
-    onClick: _onClose,
-    "aria-label": buttonTitle
-  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children);
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(HvButton, {
+      id: setId(id, "close"),
+      className: classes.closeButton,
+      category: "ghost",
+      onClick: _onClose,
+      "aria-label": buttonTitle,
+      children: /*#__PURE__*/_jsx(CloseButtonTooltipWrapper, {})
+    }), children]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {

package/dist/legacy/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","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":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","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/legacy/Drawer/styles.js

@@ -1,5 +1,4 @@
-import { hexToRgb } from "@material-ui/core";
-import { alpha } from "@material-ui/core/styles";
+import { hexToRgb, alpha } from "@mui/material";
 
 var styles = function styles(theme) {
   return {

package/dist/legacy/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","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,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;IADP,CADa;IAIzBC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;AAmBA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","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,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,eAAhC;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;IADP,CADa;IAIzBC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;AAmBA,eAAejB,MAAf"}

package/dist/legacy/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";