@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/legacy/Pagination/utils.js

@@ -10,10 +10,9 @@ export var getSafePage = function getSafePage(inPage, page, pages) {
 };
 export var usePageInput = function usePageInput(initialPage) {
   var _useState = useState(initialPage + 1),
-      _useState2 = _slicedToArray(_useState, 2),
-      page = _useState2[0],
-      setPage = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    page = _useState2[0],
+    setPage = _useState2[1];
   var handleChange = useCallback(function (evt, newPage) {
     return setPage(newPage);
   }, []);

package/dist/legacy/Pagination/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["useCallback","useState","setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","handleChange","evt","newPage"],"sources":["../../../src/Pagination/utils.js"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition) => (condition ? \"atmo5\" : undefined);\n\nexport const getSafePage = (inPage, page, pages) =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage) => {\n  const [page, setPage] = useState(initialPage + 1);\n\n  const handleChange = useCallback((evt, newPage) => setPage(newPage), []);\n\n  return [page, handleChange];\n};\n"],"mappings":";;;AAAA,SAASA,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,SAAD;EAAA,OAAgBA,SAAS,GAAG,OAAH,GAAaC,SAAtC;AAAA,CAAjB;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,IAAT,EAAeC,KAAf;EAAA,OACzBC,MAAM,CAACC,KAAP,CAAaJ,MAAb,IAAuBC,IAAvB,GAA8BI,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASP,MAAT,EAAiB,CAAjB,CAAT,EAA8BE,KAAK,GAAG,CAAtC,CADL;AAAA,CAApB;AAGP,OAAO,IAAMM,YAAY,GAAG,SAAfA,YAAe,CAACC,WAAD,EAAiB;EAC3C,gBAAwBd,QAAQ,CAACc,WAAW,GAAG,CAAf,CAAhC;EAAA;EAAA,IAAOR,IAAP;EAAA,IAAaS,OAAb;;EAEA,IAAMC,YAAY,GAAGjB,WAAW,CAAC,UAACkB,GAAD,EAAMC,OAAN;IAAA,OAAkBH,OAAO,CAACG,OAAD,CAAzB;EAAA,CAAD,EAAqC,EAArC,CAAhC;EAEA,OAAO,CAACZ,IAAD,EAAOU,YAAP,CAAP;AACD,CANM"}
+{"version":3,"file":"utils.js","names":["useCallback","useState","setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","handleChange","evt","newPage"],"sources":["../../../src/Pagination/utils.js"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition) => (condition ? \"atmo5\" : undefined);\n\nexport const getSafePage = (inPage, page, pages) =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage) => {\n  const [page, setPage] = useState(initialPage + 1);\n\n  const handleChange = useCallback((evt, newPage) => setPage(newPage), []);\n\n  return [page, handleChange];\n};\n"],"mappings":";;;AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAGC,SAAS;AAAA,CAAC;AAExE,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,MAAM,EAAEC,IAAI,EAAEC,KAAK;EAAA,OAC7CC,MAAM,CAACC,KAAK,CAACJ,MAAM,CAAC,GAAGC,IAAI,GAAGI,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,MAAM,EAAE,CAAC,CAAC,EAAEE,KAAK,GAAG,CAAC,CAAC;AAAA;AAExE,OAAO,IAAMM,YAAY,GAAG,SAAfA,YAAY,CAAIC,WAAW,EAAK;EAC3C,gBAAwBd,QAAQ,CAACc,WAAW,GAAG,CAAC,CAAC;IAAA;IAA1CR,IAAI;IAAES,OAAO;EAEpB,IAAMC,YAAY,GAAGjB,WAAW,CAAC,UAACkB,GAAG,EAAEC,OAAO;IAAA,OAAKH,OAAO,CAACG,OAAO,CAAC;EAAA,GAAE,EAAE,CAAC;EAExE,OAAO,CAACZ,IAAI,EAAEU,YAAY,CAAC;AAC7B,CAAC"}

package/dist/legacy/Panel/Panel.js

@@ -8,32 +8,27 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "className", "classes", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import { Box } from "@mui/material";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
+
 /**
  * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).
  * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.
  * Regardless of its content, a panel look and feel should be consistent.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var HvPanel = function HvPanel(props) {
   var id = props.id,
-      className = props.className,
-      classes = props.classes,
-      children = props.children,
-      others = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    classes = props.classes,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsx(Box, _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root)
@@ -41,23 +36,19 @@ var HvPanel = function HvPanel(props) {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * The content of the panel.
    */
   children: PropTypes.node,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */

package/dist/legacy/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["React","clsx","PropTypes","Box","withStyles","styles","HvPanel","props","id","className","classes","children","others","root","propTypes","string","node","shape","isRequired","name"],"sources":["../../../src/Panel/Panel.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nconst HvPanel = (props) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <Box id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </Box>\n  );\n};\n\nHvPanel.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The content of the panel.\n   */\n  children: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvPanel\" })(HvPanel);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;;;;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,EAAR,GAAwDD,KAAxD,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAAwDF,KAAxD,CAAYE,SAAZ;EAAA,IAAuBC,OAAvB,GAAwDH,KAAxD,CAAuBG,OAAvB;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,4BAAwDL,KAAxD;;EAEA,oBACE,KAAC,GAAD;IAAK,EAAE,EAAEC,EAAT;IAAa,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACG,IAApB;EAA5B,GAA2DD,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CARD;;AAUA,wCAAAL,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,EAAE,EAAEN,SAAS,CAACa,MAJI;;EAKlB;AACF;AACA;EACEJ,QAAQ,EAAET,SAAS,CAACc,IARF;;EASlB;AACF;AACA;EACEP,SAAS,EAAEP,SAAS,CAACa,MAZH;;EAalB;AACF;AACA;EACEL,OAAO,EAAER,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACa;EAJO,CAAhB,EAKNG;AArBe,CAApB;AAwBA,eAAed,UAAU,CAACC,MAAD,EAAS;EAAEc,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCb,OAAxC,CAAf"}
+{"version":3,"file":"Panel.js","names":["React","clsx","PropTypes","Box","withStyles","styles","HvPanel","props","id","className","classes","children","others","root","propTypes","string","node","shape","isRequired","name"],"sources":["../../../src/Panel/Panel.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nconst HvPanel = (props) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <Box id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </Box>\n  );\n};\n\nHvPanel.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The content of the panel.\n   */\n  children: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvPanel\" })(HvPanel);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AACA;AACA;AAJA;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAO,CAAIC,KAAK,EAAK;EACzB,IAAQC,EAAE,GAA8CD,KAAK,CAArDC,EAAE;IAAEC,SAAS,GAAmCF,KAAK,CAAjDE,SAAS;IAAEC,OAAO,GAA0BH,KAAK,CAAtCG,OAAO;IAAEC,QAAQ,GAAgBJ,KAAK,CAA7BI,QAAQ;IAAKC,MAAM,4BAAKL,KAAK;EAE7D,oBACE,KAAC,GAAG;IAAC,EAAE,EAAEC,EAAG;IAAC,SAAS,EAAEP,IAAI,CAACQ,SAAS,EAAEC,OAAO,CAACG,IAAI;EAAE,GAAKD,MAAM;IAAA,UAC9DD;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAL,OAAO,CAACQ,SAAS,GAAG;EAClB;AACF;AACA;EACEN,EAAE,EAAEN,SAAS,CAACa,MAAM;EACpB;AACF;AACA;EACEJ,QAAQ,EAAET,SAAS,CAACc,IAAI;EACxB;AACF;AACA;EACEP,SAAS,EAAEP,SAAS,CAACa,MAAM;EAC3B;AACF;AACA;EACEL,OAAO,EAAER,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACa;EAClB,CAAC,CAAC,CAACG;AACL,CAAC;AAED,eAAed,UAAU,CAACC,MAAM,EAAE;EAAEc,IAAI,EAAE;AAAU,CAAC,CAAC,CAACb,OAAO,CAAC"}

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

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

package/dist/legacy/Panel/styles.js

@@ -8,6 +8,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","position","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","overflow"],"sources":["../../../src/Panel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    overflow: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;MAGJC,eAAe,EAAEP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;MAIJC,QAAQ,EAAE;IAJN;EADmB,CAAZ;AAAA,CAAf;;AASA,eAAeZ,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","overflow"],"sources":["../../../src/Panel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    overflow: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,eAAe,EAAEP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,QAAQ,EAAE;IACZ;EACF,CAAC;AAAA,CAAC;AAEF,eAAeZ,MAAM"}

package/dist/legacy/ProgressBar/ProgressBar.js

@@ -8,11 +8,8 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "classes", "value", "status", "labelProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import "core-js/modules/es.object.freeze.js";
 import React from "react";
 import PropTypes from "prop-types";
@@ -28,20 +25,19 @@ var statusCategories = Object.freeze({
   completed: "completed",
   error: "error"
 });
+
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
  */
-
 var HvProgressBar = function HvProgressBar(props) {
   var className = props.className,
-      classes = props.classes,
-      _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$status = props.status,
-      status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
-      labelProps = props.labelProps,
-      others = _objectWithoutProperties(props, _excluded);
-
+    classes = props.classes,
+    _props$value = props.value,
+    value = _props$value === void 0 ? 0 : _props$value,
+    _props$status = props.status,
+    status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
+    labelProps = props.labelProps,
+    others = _objectWithoutProperties(props, _excluded);
   var clampedValue = clamp(value, 0, 100);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, classes.progress),
@@ -72,13 +68,11 @@ var HvProgressBar = function HvProgressBar(props) {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -87,48 +81,39 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the overall container when in progress mode.
      */
     progress: PropTypes.string,
-
     /**
      * Style applied to the specifc container when in progress mode.
      */
     progressContainer: PropTypes.string,
-
     /**
      * Style applied to progress bar container.
      */
     progressBarContainer: PropTypes.string,
-
     /**
      * Style applied to the progress bar.
      */
     progressBar: PropTypes.string,
-
     /**
      * Style applied to the progress bar when the loading is done.
      */
     progressDone: PropTypes.string,
-
     /**
      * Style applied to the progress bar when an error occurs.
      */
     progressError: PropTypes.string,
-
     /**
      * Style applied to the progress bar label.
      */
     progressBarLabel: PropTypes.string
   }).isRequired,
-
   /**
    * The value of the progress bar.
    */
   value: PropTypes.number,
-
   /**
    * The status of the progress bar.
    *
@@ -137,7 +122,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    * When uncontrolled and unspecified it will default to "inProgress".
    */
   status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
-
   /**
    * Aria Properties passed on to the progress bar.
    */

package/dist/legacy/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","withStyles","HvTypography","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","withStyles","HvTypography","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}

package/dist/legacy/ProgressBar/ProgressBarSimulator.js

@@ -1,31 +1,28 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from "react";
 import { HvButton } from "..";
-import HvProgressBar from "./ProgressBar"; // eslint-disable-next-line react/prop-types
+import HvProgressBar from "./ProgressBar";
 
+// eslint-disable-next-line react/prop-types
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
   var inc = _ref.inc,
-      error = _ref.error,
-      ariaLabel = _ref.ariaLabel,
-      ariaLive = _ref.ariaLive;
-
+    error = _ref.error,
+    ariaLabel = _ref.ariaLabel,
+    ariaLive = _ref.ariaLive;
   var _useState = useState("inProgress"),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      value = _useState4[0],
-      setValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      run = _useState6[0],
-      setRun = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    run = _useState6[0],
+    setRun = _useState6[1];
   useEffect(function () {
     var interval = setInterval(function () {
       if (value === 100) {
@@ -41,16 +38,13 @@ export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
       return clearInterval(interval);
     };
   }, [inc, value, run, error]);
-
   var reset = function reset() {
     setValue(0);
     setStatus("inProgress");
   };
-
   var start = function start() {
     setRun(true);
   };
-
   return /*#__PURE__*/_jsxs("div", {
     style: {
       width: 400

package/dist/legacy/ProgressBar/ProgressBarSimulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"..\";\n\nimport HvProgressBar from \"./ProgressBar\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,IAAzB;AAEA,OAAOC,aAAP,MAA0B,eAA1B,C,CAEA;;;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4BP,QAAQ,CAAC,YAAD,CAApC;EAAA;EAAA,IAAOQ,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0BT,QAAQ,CAAC,CAAD,CAAlC;EAAA;EAAA,IAAOU,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsBX,QAAQ,CAAC,KAAD,CAA9B;EAAA;EAAA,IAAOY,GAAP;EAAA,IAAYC,MAAZ;;EAEAd,SAAS,CAAC,YAAM;IACd,IAAMe,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,IAAMY,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT,CAAZ;IAAA,wBACE,KAAC,aAAD;MACE,KAAK,EAAET,KADT;MAEE,MAAM,EAAEF,MAFV;MAGE,UAAU,EAAE;QACV,cAAcF,SADJ;QAEV,aAAa,KAFH;QAGV,aAAaC;MAHH;IAHd,EADF,eAUE;MAAK,KAAK,EAAE;QAAEa,SAAS,EAAE;MAAb,CAAZ;MAAA,wBACE,KAAC,QAAD;QAAU,OAAO,EAAEF,KAAnB;QAAA;MAAA,EADF,eAEE,KAAC,QAAD;QAAU,KAAK,EAAE;UAAEG,UAAU,EAAE;QAAd,CAAjB;QAAqC,OAAO,EAAEJ,KAA9C;QAAA;MAAA,EAFF;IAAA,EAVF;EAAA,EADF;AAmBD,CA/CM;AAiDP,SAASd,oBAAoB,IAAImB,OAAjC"}
+{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"..\";\n\nimport HvProgressBar from \"./ProgressBar\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,QAAQ,QAAQ,IAAI;AAE7B,OAAOC,aAAa,MAAM,eAAe;;AAEzC;AAAA;AAAA;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,OAA4C;EAAA,IAAtCC,GAAG,QAAHA,GAAG;IAAEC,KAAK,QAALA,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;EACpE,gBAA4BP,QAAQ,CAAC,YAAY,CAAC;IAAA;IAA3CQ,MAAM;IAAEC,SAAS;EACxB,iBAA0BT,QAAQ,CAAC,CAAC,CAAC;IAAA;IAA9BU,KAAK;IAAEC,QAAQ;EACtB,iBAAsBX,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA9BY,GAAG;IAAEC,MAAM;EAElBd,SAAS,CAAC,YAAM;IACd,IAAMe,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAG,EAAE;QACjBG,MAAM,CAAC,KAAK,CAAC;QACbG,aAAa,CAACF,QAAQ,CAAC;QACvBL,SAAS,CAAC,WAAW,CAAC;MACxB,CAAC,MAAM,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAK,EAAE;QACnCW,aAAa,CAACF,QAAQ,CAAC;QACvBL,SAAS,CAAC,OAAO,CAAC;MACpB,CAAC,MAAM,IAAIG,GAAG,EAAED,QAAQ,CAACP,GAAG,CAAC;IAC/B,CAAC,EAAE,GAAG,CAAC;IACP,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAQ,CAAC;IAAA;EACtC,CAAC,EAAE,CAACV,GAAG,EAAEM,KAAK,EAAEE,GAAG,EAAEP,KAAK,CAAC,CAAC;EAE5B,IAAMY,KAAK,GAAG,SAARA,KAAK,GAAS;IAClBN,QAAQ,CAAC,CAAC,CAAC;IACXF,SAAS,CAAC,YAAY,CAAC;EACzB,CAAC;EAED,IAAMS,KAAK,GAAG,SAARA,KAAK,GAAS;IAClBL,MAAM,CAAC,IAAI,CAAC;EACd,CAAC;EAED,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAI,CAAE;IAAA,wBACzB,KAAC,aAAa;MACZ,KAAK,EAAET,KAAM;MACb,MAAM,EAAEF,MAAO;MACf,UAAU,EAAE;QACV,YAAY,EAAEF,SAAS;QACvB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAEC;MACf;IAAE,EACF,eACF;MAAK,KAAK,EAAE;QAAEa,SAAS,EAAE;MAAG,CAAE;MAAA,wBAC5B,KAAC,QAAQ;QAAC,OAAO,EAAEF,KAAM;QAAA;MAAA,EAAiB,eAC1C,KAAC,QAAQ;QAAC,KAAK,EAAE;UAAEG,UAAU,EAAE;QAAG,CAAE;QAAC,OAAO,EAAEJ,KAAM;QAAA;MAAA,EAEzC;IAAA,EACP;EAAA,EACF;AAEV,CAAC;AAED,SAASd,oBAAoB,IAAImB,OAAO"}

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

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

package/dist/legacy/ProgressBar/styles.js

@@ -35,6 +35,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA;EApCO,CAAZ;AAAA,CAAf;;AA2CA,eAAeN,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IAEDC,QAAQ,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IAEDC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IACT,CAAC;IAEDE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MAAM;MACfK,KAAK,EAAE,MAAM;MACbG,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IAC/C,CAAC;IAEDC,WAAW,EAAE;MACXL,eAAe,EAAE,MAAM;MACvBD,MAAM,EAAE;IACV,CAAC;IAEDO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACC;IAC7C,CAAC;IAEDC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACG;IAC7C,CAAC;IAEDC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aAAa;MAC9BT,OAAO,EAAE,MAAM;MACfG,cAAc,EAAE;IAClB;EACF,CAAC;AAAA,CAAC;AAEF,eAAeN,MAAM"}

package/dist/legacy/Provider/Provider.js

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var _HvCssBaseline, _HvScopedCssBaseline;
-
 import React, { useState, useEffect, useMemo } from "react";
 import PropTypes from "prop-types";
 import set from "lodash/set";
@@ -16,6 +14,7 @@ import { StylesProvider } from "@mui/styles";
 import { StyledEngineProvider } from "@mui/material/styles";
 import { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme, HvScopedCssBaseline } from "../theme";
 import ConfigContext from "./context";
+
 /**
  * Augments the target theme with the differences found in the source theme.
  *
@@ -23,20 +22,16 @@ import ConfigContext from "./context";
  * @param {Object} InputSourceTheme - A material UI Theme to apply on top.
  * @returns {Object} - A new modified material UI theme.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
   var muiDefaultTheme = createTheme();
   var targetTheme = cloneDeep(InputTargetTheme);
   var sourceTheme = cloneDeep(InputSourceTheme);
   var deleteDifference = "D";
-
   if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {
     diff.observableDiff(muiDefaultTheme, sourceTheme, function (difference) {
       var partialCustomTheme = set({}, difference.path, difference.rhs);
-
       if (difference.kind !== deleteDifference) {
         // Do not include the differences of type "delete"
         merge(targetTheme, partialCustomTheme);
@@ -44,9 +39,9 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
     });
     return targetTheme;
   }
-
   return targetTheme;
 };
+
 /**
  * This component makes cross-component properties, like the active `theme` and `locale`,
  * available down the React tree thanks to React context.
@@ -68,33 +63,28 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
  * as they will not be able to access the properties of the active theme..
  *
  */
-
-
 var HvProvider = function HvProvider(_ref) {
   var children = _ref.children,
-      _ref$uiKitTheme = _ref.uiKitTheme,
-      uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? null : _ref$theme,
-      _ref$changeTheme = _ref.changeTheme,
-      changeTheme = _ref$changeTheme === void 0 ? function () {} : _ref$changeTheme,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? "en-US" : _ref$locale,
-      generateClassNameProp = _ref.generateClassName,
-      generateClassNameOptions = _ref.generateClassNameOptions,
-      _ref$disableStylesGen = _ref.disableStylesGeneration,
-      disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
-      _ref$cssBaseline = _ref.cssBaseline,
-      cssBaseline = _ref$cssBaseline === void 0 ? "global" : _ref$cssBaseline;
-
+    _ref$uiKitTheme = _ref.uiKitTheme,
+    uiKitTheme = _ref$uiKitTheme === void 0 ? "dawn" : _ref$uiKitTheme,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? null : _ref$theme,
+    _ref$changeTheme = _ref.changeTheme,
+    changeTheme = _ref$changeTheme === void 0 ? function () {} : _ref$changeTheme,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? "en-US" : _ref$locale,
+    generateClassNameProp = _ref.generateClassName,
+    generateClassNameOptions = _ref.generateClassNameOptions,
+    _ref$disableStylesGen = _ref.disableStylesGeneration,
+    disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
+    _ref$cssBaseline = _ref.cssBaseline,
+    cssBaseline = _ref$cssBaseline === void 0 ? "global" : _ref$cssBaseline;
   var _useState = useState(locale),
-      _useState2 = _slicedToArray(_useState, 2),
-      localeSetting = _useState2[0],
-      setLocaleSetting = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    localeSetting = _useState2[0],
+    setLocaleSetting = _useState2[1];
   useEffect(function () {
     var _navigator;
-
     // ssr - only runs at the rendering phase, so it won't run on the server
     setLocaleSetting(locale || ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language));
   }, [locale]);
@@ -107,19 +97,15 @@ var HvProvider = function HvProvider(_ref) {
       locale: localeSetting
     };
   }, [changeTheme, localeSetting]);
-
   var renderCssBaseline = function renderCssBaseline() {
     if (cssBaseline === "global") {
       return _HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/_jsx(HvCssBaseline, {}));
     }
-
     if (cssBaseline === "scoped") {
       return _HvScopedCssBaseline || (_HvScopedCssBaseline = /*#__PURE__*/_jsx(HvScopedCssBaseline, {}));
     }
-
     return null;
   };
-
   return /*#__PURE__*/_jsx(StyledEngineProvider, {
     injectFirst: true,
     children: /*#__PURE__*/_jsx(StylesProvider, {
@@ -135,40 +121,33 @@ var HvProvider = function HvProvider(_ref) {
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
   /**
    * Your component tree.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * The Design System base theme in use. Defaults to `"dawn"`.
    */
   uiKitTheme: PropTypes.oneOf(["dawn", "wicked"]),
-
   /**
    * The UI Kit theme object to be applied on top of the base theme.
    */
   theme: PropTypes.instanceOf(Object),
-
   /**
    * Function stored in the provider's context to allow runtime switching of the active theme.
    * The implementation is up to each App.
    */
   changeTheme: PropTypes.func,
-
   /**
    * The locale to be used.
    * Defaults to the browser's configured locale or "en-US" if not available.
    */
   locale: PropTypes.string,
-
   /**
    * Custom JSS's class name generator.
    */
   generateClassName: PropTypes.func,
-
   /**
    * Built-in JSS's class name generator options.
    * Ignored if a custom `generateClassName` is provided.
@@ -185,24 +164,20 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
      * Disable the generation of deterministic class names. Defaults to `false`.
      */
     disableGlobal: PropTypes.bool,
-
     /**
      * The string used to prefix the class names in production. Defaults to `"jss-uikit"`.
      */
     productionPrefix: PropTypes.string,
-
     /**
      * The string used to uniquely identify the generator. Defaults to `""`.
      * It can be used to avoid class name collisions when using multiple generators in the same document.
      */
     seed: PropTypes.string
   }),
-
   /**
    * Disables the generation of the styles.
    */
   disableStylesGeneration: PropTypes.bool,
-
   /**
    * By default the baseline styles are applied globally to the application.
    * If you need to scope the CSS to avoid styling conflicts, you can set this prop to `"scoped"`.