@hitachivantara/uikit-react-lab 3.38.0

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

@@ -0,0 +1,37 @@
+import { makeStyles } from "@material-ui/core";
+var styles = makeStyles(function () {
+  return {
+    fields: {
+      width: "100%",
+      display: "flex",
+      paddingTop: 10,
+      paddingBottom: 20,
+      marginRight: 5
+    },
+    single: {
+      width: 40,
+      paddingLeft: 5,
+      "& input": {
+        marginLeft: 5,
+        marginRight: 5
+      },
+      "& label": {
+        paddingLeft: 5
+      }
+    },
+    double: {
+      width: 80,
+      "& input": {
+        textTransform: "uppercase",
+        marginLeft: 5,
+        marginRight: 5
+      },
+      "& label": {
+        paddingLeft: 5
+      },
+      paddingRight: 20
+    }
+  };
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/Fields/styles.js"],"names":["makeStyles","styles","fields","width","display","paddingTop","paddingBottom","marginRight","single","paddingLeft","marginLeft","double","textTransform","paddingRight"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;AAAA,SAAO;AAC/BE,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENC,MAAAA,OAAO,EAAE,MAFH;AAGNC,MAAAA,UAAU,EAAE,EAHN;AAINC,MAAAA,aAAa,EAAE,EAJT;AAKNC,MAAAA,WAAW,EAAE;AALP,KADuB;AAQ/BC,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE,EADD;AAENM,MAAAA,WAAW,EAAE,CAFP;AAGN,iBAAW;AACTC,QAAAA,UAAU,EAAE,CADH;AAETH,QAAAA,WAAW,EAAE;AAFJ,OAHL;AAON,iBAAW;AACTE,QAAAA,WAAW,EAAE;AADJ;AAPL,KARuB;AAmB/BE,IAAAA,MAAM,EAAE;AACNR,MAAAA,KAAK,EAAE,EADD;AAEN,iBAAW;AACTS,QAAAA,aAAa,EAAE,WADN;AAETF,QAAAA,UAAU,EAAE,CAFH;AAGTH,QAAAA,WAAW,EAAE;AAHJ,OAFL;AAON,iBAAW;AACTE,QAAAA,WAAW,EAAE;AADJ,OAPL;AAUNI,MAAAA,YAAY,EAAE;AAVR;AAnBuB,GAAP;AAAA,CAAD,CAAzB;AAiCA,eAAeZ,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  fields: {\n    width: \"100%\",\n    display: \"flex\",\n    paddingTop: 10,\n    paddingBottom: 20,\n    marginRight: 5,\n  },\n  single: {\n    width: 40,\n    paddingLeft: 5,\n    \"& input\": {\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n  },\n  double: {\n    width: 80,\n    \"& input\": {\n      textTransform: \"uppercase\",\n      marginLeft: 5,\n      marginRight: 5,\n    },\n    \"& label\": {\n      paddingLeft: 5,\n    },\n    paddingRight: 20,\n  },\n}));\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,50 @@
+/* eslint-disable no-param-reassign */
+import clsx from "clsx";
+import React, { useCallback } from "react";
+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
+
+var Picker = function Picker(_ref) {
+  var onChange = _ref.onChange,
+      rgb = _ref.rgb,
+      hsl = _ref.hsl,
+      hsv = _ref.hsv,
+      hex = _ref.hex;
+  var classes = useStyles();
+  var SaturationPointer = useCallback(function () {
+    return /*#__PURE__*/React.createElement("div", {
+      className: clsx(classes.saturationPointer)
+    });
+  }, [classes.saturationPointer]);
+  var HueSlider = useCallback(function () {
+    return /*#__PURE__*/React.createElement("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
+  }));
+};
+
+export default ColorWrap(Picker);
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/Picker/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"],"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;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,GAAyB,QAAzBA,GAAyB;AAAA,MAApBC,GAAoB,QAApBA,GAAoB;AAAA,MAAfC,GAAe,QAAfA,GAAe;AAAA,MAAVC,GAAU,QAAVA,GAAU;AACnD,MAAMC,OAAO,GAAGP,SAAS,EAAzB;AAEA,MAAMQ,iBAAiB,GAAGb,WAAW,CACnC;AAAA,wBAAM;AAAK,MAAA,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACE,iBAAT;AAApB,MAAN;AAAA,GADmC,EAEnC,CAACF,OAAO,CAACE,iBAAT,CAFmC,CAArC;AAIA,MAAMC,SAAS,GAAGf,WAAW,CAC3B;AAAA,wBAAM;AAAK,MAAA,SAAS,EAAEF,IAAI,CAACc,OAAO,CAACI,SAAT;AAApB,MAAN;AAAA,GAD2B,EAE3B,CAACJ,OAAO,CAACI,SAAT,CAF2B,CAA7B;AAKA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAElB,IAAI,CAACc,OAAO,CAACK,OAAT;AAApB,kBACE;AAAK,IAAA,SAAS,EAAEnB,IAAI,CAACc,OAAO,CAACM,UAAT;AAApB,kBACE,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAET,GAAjB;AAAsB,IAAA,GAAG,EAAEC,GAA3B;AAAgC,IAAA,QAAQ,EAAEH,QAA1C;AAAoD,IAAA,OAAO,EAAEM;AAA7D,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEf,IAAI,CAACc,OAAO,CAACO,GAAT;AAApB,kBACE,oBAAC,GAAD;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,GAAG,EAAEV,GAA/B;AAAoC,IAAA,QAAQ,EAAEF,QAA9C;AAAwD,IAAA,OAAO,EAAEQ;AAAjE,IADF,CAJF,CADF,eASE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEP,GAAb;AAAkB,IAAA,GAAG,EAAEC,GAAvB;AAA4B,IAAA,GAAG,EAAEE,GAAjC;AAAsC,IAAA,QAAQ,EAAEJ;AAAhD,IATF,CADF;AAaD,CAzBD;;AA2BA,eAAeL,SAAS,CAACI,MAAD,CAAxB","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"],"file":"Picker.js"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Picker";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/Picker/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB","sourcesContent":["export { default } from \"./Picker\";\n"],"file":"index.js"}

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

@@ -0,0 +1,45 @@
+import { makeStyles } from "@material-ui/core";
+var styles = makeStyles(function () {
+  return {
+    pickers: {
+      display: "flex"
+    },
+    saturation: {
+      width: 180,
+      height: 180,
+      marginRight: 5,
+      position: "relative",
+      overflow: "visible"
+    },
+    saturationPointer: {
+      width: "6px",
+      height: "6px",
+      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)",
+      borderRadius: "50%",
+      transform: "translate(-3px, -3px)"
+    },
+    sliders: {
+      padding: "4px 0",
+      flex: "1"
+    },
+    hue: {
+      width: 15,
+      position: "relative",
+      overflow: "visible"
+    },
+    hueSlider: {
+      width: 12,
+      height: 6,
+      background: "#fff",
+      boxShadow: "0 0 2px rgb(0 0 0 / 60%)",
+      marginLeft: 1,
+      borderRadius: "1px",
+      transform: "translate(0, -2px)"
+    },
+    double: {
+      flex: "2"
+    }
+  };
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/Picker/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"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;AAAA,SAAO;AAC/BE,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AADF,KADsB;AAI/BC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,GADG;AAEVC,MAAAA,MAAM,EAAE,GAFE;AAGVC,MAAAA,WAAW,EAAE,CAHH;AAIVC,MAAAA,QAAQ,EAAE,UAJA;AAKVC,MAAAA,QAAQ,EAAE;AALA,KAJmB;AAW/BC,IAAAA,iBAAiB,EAAE;AACjBL,MAAAA,KAAK,EAAE,KADU;AAEjBC,MAAAA,MAAM,EAAE,KAFS;AAGjBK,MAAAA,SAAS,6FAHQ;AAKjBC,MAAAA,YAAY,EAAE,KALG;AAMjBC,MAAAA,SAAS,EAAE;AANM,KAXY;AAmB/BC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,OADF;AAEPC,MAAAA,IAAI,EAAE;AAFC,KAnBsB;AAuB/BC,IAAAA,GAAG,EAAE;AACHZ,MAAAA,KAAK,EAAE,EADJ;AAEHG,MAAAA,QAAQ,EAAE,UAFP;AAGHC,MAAAA,QAAQ,EAAE;AAHP,KAvB0B;AA4B/BS,IAAAA,SAAS,EAAE;AACTb,MAAAA,KAAK,EAAE,EADE;AAETC,MAAAA,MAAM,EAAE,CAFC;AAGTa,MAAAA,UAAU,EAAE,MAHH;AAITR,MAAAA,SAAS,EAAE,0BAJF;AAKTS,MAAAA,UAAU,EAAE,CALH;AAMTR,MAAAA,YAAY,EAAE,KANL;AAOTC,MAAAA,SAAS,EAAE;AAPF,KA5BoB;AAqC/BQ,IAAAA,MAAM,EAAE;AACNL,MAAAA,IAAI,EAAE;AADA;AArCuB,GAAP;AAAA,CAAD,CAAzB;AA0CA,eAAef,MAAf","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"],"file":"styles.js"}

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

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.concat.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { Swatch } from "react-color/lib/components/common";
+import useStyles from "./styles";
+export var SketchPresetColors = function SketchPresetColors(_ref) {
+  var colors = _ref.colors,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+  var classes = useStyles();
+
+  var handleClick = function handleClick(hex, e) {
+    onClick({
+      hex: hex,
+      source: "hex"
+    }, 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)
+      }
+    })));
+  }));
+};
+SketchPresetColors.propTypes = {
+  colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    color: PropTypes.string,
+    title: PropTypes.string
+  })])).isRequired,
+  onClick: PropTypes.func.isRequired
+};
+export default SketchPresetColors;
+//# sourceMappingURL=PresetColors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/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"],"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;AAAA,MAAjCC,MAAiC,QAAjCA,MAAiC;AAAA,0BAAzBC,OAAyB;AAAA,MAAzBA,OAAyB,6BAAf,YAAM,CAAE,CAAO;AACpE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,MAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GAAG,EAAHA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAW,UAACC,gBAAD,EAAsB;AAChC,QAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,QAAMG,GAAG,aAAMF,CAAC,CAACC,KAAR,SAAgBD,CAAC,CAACG,KAAF,IAAW,EAA3B,CAAT;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,qDAA8CN,CAAC,CAACC,KAAhD;AADC;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCPX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","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"],"file":"PresetColors.js"}

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

@@ -0,0 +1,2 @@
+export { default } from "./PresetColors";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from \"./PresetColors\";\n"],"file":"index.js"}

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

@@ -0,0 +1,24 @@
+import { makeStyles } from "@material-ui/core";
+var styles = makeStyles(function () {
+  return {
+    colors: {
+      display: "flex",
+      flexWrap: "wrap",
+      position: "relative",
+      width: "calc(100% + 5px)",
+      margin: "-5px -3px",
+      padding: 0
+    },
+    swatchWrap: {
+      width: "16px",
+      height: "16px",
+      margin: 5
+    },
+    swatch: {
+      borderRadius: "3px",
+      boxShadow: "inset 0 0 0 1px rgba(0,0,0,.15)"
+    }
+  };
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/styles.js"],"names":["makeStyles","styles","colors","display","flexWrap","position","width","margin","padding","swatchWrap","height","swatch","borderRadius","boxShadow"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,IAAMC,MAAM,GAAGD,UAAU,CAAC;AAAA,SAAO;AAC/BE,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,QAAQ,EAAE,MAFJ;AAGNC,MAAAA,QAAQ,EAAE,UAHJ;AAINC,MAAAA,KAAK,EAAE,kBAJD;AAKNC,MAAAA,MAAM,EAAE,WALF;AAMNC,MAAAA,OAAO,EAAE;AANH,KADuB;AAS/BC,IAAAA,UAAU,EAAE;AACVH,MAAAA,KAAK,EAAE,MADG;AAEVI,MAAAA,MAAM,EAAE,MAFE;AAGVH,MAAAA,MAAM,EAAE;AAHE,KATmB;AAc/BI,IAAAA,MAAM,EAAE;AACNC,MAAAA,YAAY,EAAE,KADR;AAENC,MAAAA,SAAS,EAAE;AAFL;AAduB,GAAP;AAAA,CAAD,CAAzB;AAoBA,eAAeZ,MAAf","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"],"file":"styles.js"}

package/dist/legacy/ColorPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ColorPicker";
+export * from "./ColorPicker";

package/dist/legacy/ColorPicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ColorPicker";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ColorPicker/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB","sourcesContent":["export { default } from \"./ColorPicker\";\n"],"file":"index.js"}

package/dist/legacy/ColorPicker/styles.js

@@ -0,0 +1,38 @@
+var styles = function styles() {
+  return {
+    headerColorValue: {
+      textTransform: "uppercase"
+    },
+    headerColorIcon: {
+      width: 24,
+      "& svg": {
+        marginLeft: 0
+      }
+    },
+    panel: {
+      width: "100%",
+      minWidth: 240,
+      display: "flex",
+      justifyContent: "center",
+      padding: "20px 15px 20px 20px"
+    },
+    colorPicker: {
+      width: 205
+    },
+    presetColors: {
+      borderTop: "none !important"
+    },
+    labelContainer: {
+      display: "flex",
+      alignItems: "flex-start"
+    },
+    label: {
+      paddingBottom: "6px",
+      display: "block"
+    },
+    description: {}
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ColorPicker/styles.js"],"names":["styles","headerColorValue","textTransform","headerColorIcon","width","marginLeft","panel","minWidth","display","justifyContent","padding","colorPicker","presetColors","borderTop","labelContainer","alignItems","label","paddingBottom","description"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,aAAa,EAAE;AADC,KADE;AAIpBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,EADQ;AAEf,eAAS;AACPC,QAAAA,UAAU,EAAE;AADL;AAFM,KAJG;AAUpBC,IAAAA,KAAK,EAAE;AACLF,MAAAA,KAAK,EAAE,MADF;AAELG,MAAAA,QAAQ,EAAE,GAFL;AAGLC,MAAAA,OAAO,EAAE,MAHJ;AAILC,MAAAA,cAAc,EAAE,QAJX;AAKLC,MAAAA,OAAO,EAAE;AALJ,KAVa;AAiBpBC,IAAAA,WAAW,EAAE;AACXP,MAAAA,KAAK,EAAE;AADI,KAjBO;AAoBpBQ,IAAAA,YAAY,EAAE;AACZC,MAAAA,SAAS,EAAE;AADC,KApBM;AAuBpBC,IAAAA,cAAc,EAAE;AACdN,MAAAA,OAAO,EAAE,MADK;AAEdO,MAAAA,UAAU,EAAE;AAFE,KAvBI;AA2BpBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,KADV;AAELT,MAAAA,OAAO,EAAE;AAFJ,KA3Ba;AA+BpBU,IAAAA,WAAW,EAAE;AA/BO,GAAP;AAAA,CAAf;;AAkCA,eAAelB,MAAf","sourcesContent":["const styles = () => ({\n  headerColorValue: {\n    textTransform: \"uppercase\",\n  },\n  headerColorIcon: {\n    width: 24,\n    \"& svg\": {\n      marginLeft: 0,\n    },\n  },\n  panel: {\n    width: \"100%\",\n    minWidth: 240,\n    display: \"flex\",\n    justifyContent: \"center\",\n    padding: \"20px 15px 20px 20px\",\n  },\n  colorPicker: {\n    width: 205,\n  },\n  presetColors: {\n    borderTop: \"none !important\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Drawer/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { DrawerProps, StandardProps } from "@material-ui/core";
+
+
+export type HvDrawerClassKey = "root" | "background" | "paper" | "closeButton";
+
+export interface HvDrawerProps extends StandardProps<DrawerProps, HvDrawerClassKey> {
+    /**
+   * Title for the button close.
+   */
+     buttonTitle?: string;
+}
+
+export default function HvDrawer(props: HvDrawerProps): JSX.Element | null;

package/dist/legacy/Drawer/Drawer.js

@@ -0,0 +1,133 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
+import "core-js/modules/es.string.anchor.js";
+import React from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { Drawer, withStyles } from "@material-ui/core";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import { HvButton, withTooltip, setId } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+/**
+ * The Drawer component provides a foundation to create a sliding pane.
+ * It only provides the pane with a close button, the rest of the
+ * content can be customized.
+ */
+
+var HvDrawer = function HvDrawer(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      children = _ref.children,
+      open = _ref.open,
+      _onClose = _ref.onClose,
+      _ref$anchor = _ref.anchor,
+      anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
+      _ref$buttonTitle = _ref.buttonTitle,
+      buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var closeButtonDisplay = function closeButtonDisplay() {
+    return /*#__PURE__*/React.createElement(Close, {
+      role: "presentation"
+    });
+  };
+
+  var CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
+  return /*#__PURE__*/React.createElement(Drawer, _extends({
+    className: clsx(classes.root, className),
+    id: id,
+    anchor: anchor,
+    open: open,
+    PaperProps: {
+      classes: {
+        root: classes.paper
+      }
+    },
+    BackdropProps: {
+      classes: {
+        root: classes.background
+      }
+    },
+    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);
+};
+
+HvDrawer.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the background (outside) of the component.
+     */
+    background: PropTypes.string,
+
+    /**
+     * Style applied to the component (root).
+     */
+    paper: PropTypes.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Components of the Drawer.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Current state of the Drawer.
+   */
+  open: PropTypes.bool.isRequired,
+
+  /**
+   * Function executed on close.
+   * Extended from Modal from material-ui
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: PropTypes.func.isRequired,
+
+  /**
+   * The side the drawer opens from.
+   */
+  anchor: PropTypes.oneOf(["left", "top", "right", "bottom"]),
+
+  /**
+   * Title for the button close.
+   */
+  buttonTitle: PropTypes.string
+};
+export default withStyles(styles, {
+  name: "HvDrawer"
+})(HvDrawer);
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Drawer/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"],"mappings":"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","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"],"file":"Drawer.js"}

package/dist/legacy/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Drawer";
+export * from "./Drawer";

package/dist/legacy/Drawer/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Drawer";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Drawer/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB","sourcesContent":["export { default } from \"./Drawer\";\n"],"file":"index.js"}

package/dist/legacy/Drawer/styles.js

@@ -0,0 +1,26 @@
+import { hexToRgb } from "@material-ui/core";
+import { alpha } from "@material-ui/core/styles";
+
+var styles = function styles(theme) {
+  return {
+    background: {
+      background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8)
+    },
+    paper: {
+      background: "".concat(theme.hv.palette.atmosphere.atmo1),
+      padding: "0px",
+      overflow: "auto",
+      boxShadow: theme.hv.shadows[1]
+    },
+    closeButton: {
+      padding: 0,
+      minWidth: "inherit",
+      position: "absolute",
+      top: theme.hvSpacing("sm"),
+      right: theme.hvSpacing("sm")
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Drawer/styles.js"],"names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;AADP,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,KAJkB;AAUzBC,IAAAA,WAAW,EAAE;AACXJ,MAAAA,OAAO,EAAE,CADE;AAEXK,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,GAAZ;AAAA,CAAf;;AAmBA,eAAejB,MAAf","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"],"file":"styles.js"}

package/dist/legacy/FormComposer/FormComposer.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+interface FormGroup {
+  title: string;
+  children: React.ReactNode;
+}
+
+export type HvFormComposerClassKey =
+  | "root"
+  | "title"
+  | "mainContainer"
+  | "navContainer"
+  | "componentContainer"
+  | "footer";
+
+export interface HvFormComposerProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFormComposerClassKey> {
+  /**
+   * Main title to be displayed.
+   */
+  mainTitle?: string;
+  /**
+   * The group of component that will be added to the Form composer.
+   */
+  groups: FormGroup[];
+  /**
+   * Shows navigation bar.
+   */
+  hasNavigation?: boolean;
+  /**
+   * Shows footer.
+   */
+  hasFooter?: boolean;
+  /**
+   * Content to be shown on the footer.
+   */
+  footerContent?: React.ReactNode;
+}
+
+export default function HvFormComposer(props: HvFormComposerProps): JSX.Element | null;