@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/ListContainer/ListItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hover","theme","backgroundColor","hv","palette","atmosphere","atmo3","styles","root","color","accent","acce1","typography","normalText","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","gutters","hvSpacing","paddingLeft","paddingRight","interactive","cursor","selected","disabled","atmo5","condensed","withStartAdornment","withEndAdornment","startAdornment","float","boxShadow","outline","fill","endAdornment","focus","zIndex"],"sources":["../../../../src/ListContainer/ListItem/styles.js"],"sourcesContent":["const hover = (theme) => ({\n  backgroundColor: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    color: theme.hv.palette.accent.acce1,\n    ...theme.hv.typography.normalText,\n    padding: 0,\n\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n\n    listStyleType: \"none\",\n\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    \"&$condensed\": {\n      marginBottom: 0,\n    },\n  },\n\n  gutters: {\n    padding: theme.hvSpacing(0, \"xs\"),\n\n    \"&$withStartAdornment\": {\n      paddingLeft: 0,\n    },\n    \"&$withEndAdornment\": {\n      paddingRight: 0,\n    },\n  },\n\n  interactive: {\n    cursor: \"pointer\",\n    \"&:not($disabled):not($selected):hover\": hover(theme),\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n\n  selected: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n\n  condensed: {},\n\n  withStartAdornment: {},\n  withEndAdornment: {},\n  startAdornment: {\n    float: \"left\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  endAdornment: {\n    float: \"right\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  focus: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    zIndex: 2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,KAAK,GAAIC,KAAD,KAAY;EACxBC,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADrB,CAAZ,CAAd;;AAIA,MAAMC,MAAM,GAAIN,KAAD,KAAY;EACzBO,IAAI;IACFC,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBM,MAAjB,CAAwBC;EAD7B,GAECV,KAAK,CAACE,EAAN,CAASS,UAAT,CAAoBC,UAFrB;IAGFC,OAAO,EAAE,CAHP;IAKFC,OAAO,EAAE,OALP;IAMFC,MAAM,EAAE,MANN;IAOFC,UAAU,EAAE,MAPV;IASFC,aAAa,EAAE,MATb;IAWFC,QAAQ,EAAE,QAXR;IAYFC,YAAY,EAAE,UAZZ;IAaFC,UAAU,EAAE,QAbV;IAeFC,QAAQ,EAAE,UAfR;IAiBF,sBAAsB;MACpBC,YAAY,EAAE;IADM,CAjBpB;IAoBF,eAAe;MACbA,YAAY,EAAE;IADD;EApBb,EADqB;EA0BzBC,OAAO,EAAE;IACPV,OAAO,EAAEb,KAAK,CAACwB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CADF;IAGP,wBAAwB;MACtBC,WAAW,EAAE;IADS,CAHjB;IAMP,sBAAsB;MACpBC,YAAY,EAAE;IADM;EANf,CA1BgB;EAqCzBC,WAAW,EAAE;IACXC,MAAM,EAAE,SADG;IAEX,yCAAyC7B,KAAK,CAACC,KAAD,CAFnC;IAGX,cAAc;MACZ4B,MAAM,EAAE;IADI;EAHH,CArCY;EA6CzBC,QAAQ,EAAE;IACR5B,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADrC,CA7Ce;EAgDzByB,QAAQ,EAAE;IACRtB,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;EAD3B,CAhDe;EAoDzBC,SAAS,EAAE,EApDc;EAsDzBC,kBAAkB,EAAE,EAtDK;EAuDzBC,gBAAgB,EAAE,EAvDO;EAwDzBC,cAAc,EAAE;IACdC,KAAK,EAAE,MADO;IAGd,SAAS;MACPC,SAAS,EAAE,iBADJ;MAEPC,OAAO,EAAE;IAFF,CAHK;IAOd,4BAA4B;MAC1BC,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;IADR;EAPd,CAxDS;EAmEzBS,YAAY,EAAE;IACZJ,KAAK,EAAE,OADK;IAGZ,SAAS;MACPC,SAAS,EAAE,iBADJ;MAEPC,OAAO,EAAE;IAFF,CAHG;IAOZ,4BAA4B;MAC1BC,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;IADR;EAPhB,CAnEW;EA+EzBU,KAAK,EAAE;IACLxC,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADxC;IAELqC,MAAM,EAAE;EAFH;AA/EkB,CAAZ,CAAf;;AAqFA,eAAepC,MAAf"}
+{"version":3,"file":"styles.js","names":["hover","theme","backgroundColor","hv","palette","atmosphere","atmo3","styles","root","color","accent","acce1","typography","normalText","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","gutters","hvSpacing","paddingLeft","paddingRight","interactive","cursor","selected","disabled","atmo5","condensed","withStartAdornment","withEndAdornment","startAdornment","float","boxShadow","outline","fill","endAdornment","focus","zIndex"],"sources":["../../../../src/ListContainer/ListItem/styles.js"],"sourcesContent":["const hover = (theme) => ({\n  backgroundColor: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    color: theme.hv.palette.accent.acce1,\n    ...theme.hv.typography.normalText,\n    padding: 0,\n\n    display: \"block\",\n    height: \"32px\",\n    lineHeight: \"32px\",\n\n    listStyleType: \"none\",\n\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n\n    position: \"relative\",\n\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n    \"&$condensed\": {\n      marginBottom: 0,\n    },\n  },\n\n  gutters: {\n    padding: theme.hvSpacing(0, \"xs\"),\n\n    \"&$withStartAdornment\": {\n      paddingLeft: 0,\n    },\n    \"&$withEndAdornment\": {\n      paddingRight: 0,\n    },\n  },\n\n  interactive: {\n    cursor: \"pointer\",\n    \"&:not($disabled):not($selected):hover\": hover(theme),\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n\n  selected: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  disabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n\n  condensed: {},\n\n  withStartAdornment: {},\n  withEndAdornment: {},\n  startAdornment: {\n    float: \"left\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  endAdornment: {\n    float: \"right\",\n\n    \"& svg\": {\n      boxShadow: \"none !important\",\n      outline: \"none !important\",\n    },\n    \"$disabled>& svg *.color0\": {\n      fill: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n\n  focus: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    zIndex: 2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,MAAMA,KAAK,GAAIC,KAAK,KAAM;EACxBC,eAAe,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;AAC/C,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAIN,KAAK,KAAM;EACzBO,IAAI;IACFC,KAAK,EAAER,KAAK,CAACE,EAAE,CAACC,OAAO,CAACM,MAAM,CAACC;EAAK,GACjCV,KAAK,CAACE,EAAE,CAACS,UAAU,CAACC,UAAU;IACjCC,OAAO,EAAE,CAAC;IAEVC,OAAO,EAAE,OAAO;IAChBC,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE,MAAM;IAElBC,aAAa,EAAE,MAAM;IAErBC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE,UAAU;IACxBC,UAAU,EAAE,QAAQ;IAEpBC,QAAQ,EAAE,UAAU;IAEpB,oBAAoB,EAAE;MACpBC,YAAY,EAAE;IAChB,CAAC;IACD,aAAa,EAAE;MACbA,YAAY,EAAE;IAChB;EAAC,EACF;EAEDC,OAAO,EAAE;IACPV,OAAO,EAAEb,KAAK,CAACwB,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;IAEjC,sBAAsB,EAAE;MACtBC,WAAW,EAAE;IACf,CAAC;IACD,oBAAoB,EAAE;MACpBC,YAAY,EAAE;IAChB;EACF,CAAC;EAEDC,WAAW,EAAE;IACXC,MAAM,EAAE,SAAS;IACjB,uCAAuC,EAAE7B,KAAK,CAACC,KAAK,CAAC;IACrD,YAAY,EAAE;MACZ4B,MAAM,EAAE;IACV;EACF,CAAC;EAEDC,QAAQ,EAAE;IACR5B,eAAe,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;EAC/C,CAAC;EACDyB,QAAQ,EAAE;IACRtB,KAAK,EAAER,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAAC2B;EACrC,CAAC;EAEDC,SAAS,EAAE,CAAC,CAAC;EAEbC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,gBAAgB,EAAE,CAAC,CAAC;EACpBC,cAAc,EAAE;IACdC,KAAK,EAAE,MAAM;IAEb,OAAO,EAAE;MACPC,SAAS,EAAE,iBAAiB;MAC5BC,OAAO,EAAE;IACX,CAAC;IACD,0BAA0B,EAAE;MAC1BC,IAAI,EAAEvC,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAAC2B;IACpC;EACF,CAAC;EACDS,YAAY,EAAE;IACZJ,KAAK,EAAE,OAAO;IAEd,OAAO,EAAE;MACPC,SAAS,EAAE,iBAAiB;MAC5BC,OAAO,EAAE;IACX,CAAC;IACD,0BAA0B,EAAE;MAC1BC,IAAI,EAAEvC,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAAC2B;IACpC;EACF,CAAC;EAEDU,KAAK,EAAE;IACLxC,eAAe,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDqC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAepC,MAAM"}

package/dist/modern/ListContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvListContext","HvListItem"],"sources":["../../../src/ListContainer/index.js"],"sourcesContent":["export { default } from \"./ListContainer\";\n\nexport { default as HvListContext } from \"./ListContext\";\nexport { default as HvListItem } from \"./ListItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB;AAEA,SAASA,OAAO,IAAIC,aAApB,QAAyC,eAAzC;AACA,SAASD,OAAO,IAAIE,UAApB,QAAsC,YAAtC"}
+{"version":3,"file":"index.js","names":["default","HvListContext","HvListItem"],"sources":["../../../src/ListContainer/index.js"],"sourcesContent":["export { default } from \"./ListContainer\";\n\nexport { default as HvListContext } from \"./ListContext\";\nexport { default as HvListItem } from \"./ListItem\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAEzC,SAASA,OAAO,IAAIC,aAAa,QAAQ,eAAe;AACxD,SAASD,OAAO,IAAIE,UAAU,QAAQ,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","display","padding","margin"],"sources":["../../../src/ListContainer/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"block\",\n    padding: 0,\n    margin: 0,\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,OADL;IAEJC,OAAO,EAAE,CAFL;IAGJC,MAAM,EAAE;EAHJ;AADO,CAAf;AAQA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","display","padding","margin"],"sources":["../../../src/ListContainer/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"block\",\n    padding: 0,\n    margin: 0,\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,OAAO;IAChBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE;EACV;AACF,CAAC;AAED,eAAeJ,MAAM"}

package/dist/modern/Loading/Loading.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "small", "label", "hidden", "color"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -13,28 +10,24 @@ import range from "lodash/range";
 import { withStyles, useTheme } from "@mui/styles";
 import { HvTypography } from "..";
 import styles from "./styles";
+
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvLoading = _ref => {
   let {
-    className,
-    classes,
-    small = false,
-    label,
-    hidden = false,
-    color
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      classes,
+      small = false,
+      label,
+      hidden = false,
+      color
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const theme = useTheme();
-
   const getColor = colorName => color ? theme.palette[color] || color : theme.palette[colorName];
-
   const size = small ? "small" : "regular";
   const colorVariant = color ? "Color" : "";
   const variant = `${size}${colorVariant}`;
@@ -56,13 +49,11 @@ const HvLoading = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    *  Styles applied to the Drawer Paper element.
    */
@@ -71,53 +62,43 @@ process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
      * Style applied to the root of the component
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the container.
      */
     barContainer: PropTypes.string,
-
     /**
      * Style applied to the loading bar.
      */
     loadingBar: PropTypes.string,
-
     /**
      * Style applied to the label text.
      */
     label: PropTypes.string,
-
     /**
      * Style applied to the overlay
      */
     overlay: PropTypes.string,
-
     /**
      * Style to display overlay.
      */
     blur: PropTypes.string,
-
     /**
      * Style applied when when animation is hidden.
      */
     hidden: PropTypes.string
   }).isRequired,
-
   /**
    * Indicates if the component should be render in a small size.
    */
   small: PropTypes.bool,
-
   /**
    * The label to be displayed.
    */
   label: PropTypes.node,
-
   /**
    * Whether the loading animation is hidden.
    */
   hidden: PropTypes.bool,
-
   /**
    * Color applied to the bars.
    */

package/dist/modern/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","range","withStyles","useTheme","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}
+{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","range","withStyles","useTheme","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"mappings":"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"}

package/dist/modern/Loading/index.js.map

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

package/dist/modern/Loading/styles.js

@@ -1,9 +1,6 @@
 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; }
-
 const interval = 0.11;
 const bars = {
   "&:nth-child(1)": {
@@ -16,19 +13,16 @@ const bars = {
     animationDelay: `${interval * 4}s`
   }
 };
-
 const small = _objectSpread({
   width: "2px",
   height: "18px",
   margin: "0px 2px"
 }, bars);
-
 const regular = _objectSpread({
   width: "4px",
   height: "30px",
   margin: "0 3px"
 }, bars);
-
 const styles = theme => ({
   root: {
     display: "flex",
@@ -96,6 +90,5 @@ const styles = theme => ({
     marginTop: "15px"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["interval","bars","animationDelay","small","width","height","margin","regular","styles","theme","root","display","flexDirection","alignItems","justifyContent","hidden","barContainer","loadingBar","animation","regularColor","smallColor","transform","backgroundColor","hv","palette","accent","acce3","acce1","label","marginTop"],"sources":["../../../src/Loading/styles.js"],"sourcesContent":["const interval = 0.11;\n\nconst bars = {\n  \"&:nth-child(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-child(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-child(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  hidden: {\n    display: \"none\",\n  },\n\n  barContainer: {\n    display: \"flex\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n  },\n\n  regular: {\n    animation: \"$loading-regular 1s ease-in-out infinite\",\n    ...regular,\n  },\n  regularColor: {\n    animation: \"$loading-regular-color 1s ease-in-out infinite\",\n    ...regular,\n  },\n\n  small: {\n    animation: \"$loading-small 1s ease-in-out infinite\",\n    ...small,\n  },\n  smallColor: {\n    animation: \"$loading-small-color 1s ease-in-out infinite\",\n    ...small,\n  },\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n  },\n\n  \"@keyframes loading-regular-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n    \"100%\": {},\n  },\n\n  \"@keyframes loading-small-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n  },\n\n  label: {\n    marginTop: \"15px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,QAAQ,GAAG,IAAjB;AAEA,MAAMC,IAAI,GAAG;EACX,kBAAkB;IAChBC,cAAc,EAAE;EADA,CADP;EAIX,kBAAkB;IAChBA,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EADhB,CAJP;EAOX,kBAAkB;IAChBE,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EADhB;AAPP,CAAb;;AAYA,MAAMG,KAAK;EACTC,KAAK,EAAE,KADE;EAETC,MAAM,EAAE,MAFC;EAGTC,MAAM,EAAE;AAHC,GAINL,IAJM,CAAX;;AAOA,MAAMM,OAAO;EACXH,KAAK,EAAE,KADI;EAEXC,MAAM,EAAE,MAFG;EAGXC,MAAM,EAAE;AAHG,GAIRL,IAJQ,CAAb;;AAOA,MAAMO,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAQzBC,MAAM,EAAE;IACNJ,OAAO,EAAE;EADH,CARiB;EAYzBK,YAAY,EAAE;IACZL,OAAO,EAAE;EADG,CAZW;EAgBzBM,UAAU,EAAE;IACVN,OAAO,EAAE;EADC,CAhBa;EAoBzBJ,OAAO;IACLW,SAAS,EAAE;EADN,GAEFX,OAFE,CApBkB;EAwBzBY,YAAY;IACVD,SAAS,EAAE;EADD,GAEPX,OAFO,CAxBa;EA6BzBJ,KAAK;IACHe,SAAS,EAAE;EADR,GAEAf,KAFA,CA7BoB;EAiCzBiB,UAAU;IACRF,SAAS,EAAE;EADH,GAELf,KAFK,CAjCe;EAqCzB,8BAA8B;IAC5B,MAAM;MACJkB,SAAS,EAAE,UADP;MAEJC,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;IAFrC,CADsB;IAK5B,OAAO;MACLL,SAAS,EAAE,eADN;MAELC,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBE;IAFpC;EALqB,CArCL;EAgDzB,oCAAoC;IAClC,MAAM;MACJN,SAAS,EAAE;IADP,CAD4B;IAIlC,OAAO;MACLA,SAAS,EAAE;IADN;EAJ2B,CAhDX;EAyDzB,4BAA4B;IAC1B,MAAM;MACJA,SAAS,EAAE;IADP,CADoB;IAI1B,OAAO;MACLA,SAAS,EAAE;IADN,CAJmB;IAO1B,QAAQ;EAPkB,CAzDH;EAmEzB,kCAAkC;IAChC,MAAM;MACJA,SAAS,EAAE;IADP,CAD0B;IAIhC,OAAO;MACLA,SAAS,EAAE;IADN;EAJyB,CAnET;EA4EzBO,KAAK,EAAE;IACLC,SAAS,EAAE;EADN;AA5EkB,CAAZ,CAAf;;AAiFA,eAAerB,MAAf"}
+{"version":3,"file":"styles.js","names":["interval","bars","animationDelay","small","width","height","margin","regular","styles","theme","root","display","flexDirection","alignItems","justifyContent","hidden","barContainer","loadingBar","animation","regularColor","smallColor","transform","backgroundColor","hv","palette","accent","acce3","acce1","label","marginTop"],"sources":["../../../src/Loading/styles.js"],"sourcesContent":["const interval = 0.11;\n\nconst bars = {\n  \"&:nth-child(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-child(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-child(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  hidden: {\n    display: \"none\",\n  },\n\n  barContainer: {\n    display: \"flex\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n  },\n\n  regular: {\n    animation: \"$loading-regular 1s ease-in-out infinite\",\n    ...regular,\n  },\n  regularColor: {\n    animation: \"$loading-regular-color 1s ease-in-out infinite\",\n    ...regular,\n  },\n\n  small: {\n    animation: \"$loading-small 1s ease-in-out infinite\",\n    ...small,\n  },\n  smallColor: {\n    animation: \"$loading-small-color 1s ease-in-out infinite\",\n    ...small,\n  },\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n  },\n\n  \"@keyframes loading-regular-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n    \"100%\": {},\n  },\n\n  \"@keyframes loading-small-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n  },\n\n  label: {\n    marginTop: \"15px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,MAAMA,QAAQ,GAAG,IAAI;AAErB,MAAMC,IAAI,GAAG;EACX,gBAAgB,EAAE;IAChBC,cAAc,EAAE;EAClB,CAAC;EACD,gBAAgB,EAAE;IAChBA,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EAClC,CAAC;EACD,gBAAgB,EAAE;IAChBE,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;EAClC;AACF,CAAC;AAED,MAAMG,KAAK;EACTC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE;AAAS,GACdL,IAAI,CACR;AAED,MAAMM,OAAO;EACXH,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE;AAAO,GACZL,IAAI,CACR;AAED,MAAMO,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EAEDC,MAAM,EAAE;IACNJ,OAAO,EAAE;EACX,CAAC;EAEDK,YAAY,EAAE;IACZL,OAAO,EAAE;EACX,CAAC;EAEDM,UAAU,EAAE;IACVN,OAAO,EAAE;EACX,CAAC;EAEDJ,OAAO;IACLW,SAAS,EAAE;EAA0C,GAClDX,OAAO,CACX;EACDY,YAAY;IACVD,SAAS,EAAE;EAAgD,GACxDX,OAAO,CACX;EAEDJ,KAAK;IACHe,SAAS,EAAE;EAAwC,GAChDf,KAAK,CACT;EACDiB,UAAU;IACRF,SAAS,EAAE;EAA8C,GACtDf,KAAK,CACT;EACD,4BAA4B,EAAE;IAC5B,IAAI,EAAE;MACJkB,SAAS,EAAE,UAAU;MACrBC,eAAe,EAAEb,KAAK,CAACc,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC;IAC3C,CAAC;IACD,KAAK,EAAE;MACLL,SAAS,EAAE,eAAe;MAC1BC,eAAe,EAAEb,KAAK,CAACc,EAAE,CAACC,OAAO,CAACC,MAAM,CAACE;IAC3C;EACF,CAAC;EAED,kCAAkC,EAAE;IAClC,IAAI,EAAE;MACJN,SAAS,EAAE;IACb,CAAC;IACD,KAAK,EAAE;MACLA,SAAS,EAAE;IACb;EACF,CAAC;EAED,0BAA0B,EAAE;IAC1B,IAAI,EAAE;MACJA,SAAS,EAAE;IACb,CAAC;IACD,KAAK,EAAE;MACLA,SAAS,EAAE;IACb,CAAC;IACD,MAAM,EAAE,CAAC;EACX,CAAC;EAED,gCAAgC,EAAE;IAChC,IAAI,EAAE;MACJA,SAAS,EAAE;IACb,CAAC;IACD,KAAK,EAAE;MACLA,SAAS,EAAE;IACb;EACF,CAAC;EAEDO,KAAK,EAAE;IACLC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAerB,MAAM"}

package/dist/modern/Login/Login.js

@@ -1,32 +1,27 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "children", "background"];
-
 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 { withStyles } from "@mui/styles";
 import styles from "./styles";
+
 /**
  * Container layout for the login form.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvLogin = _ref => {
   let {
-    id,
-    className,
-    classes,
-    children,
-    background
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      className,
+      classes,
+      children,
+      background
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root),
@@ -40,18 +35,15 @@ const HvLogin = _ref => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -60,18 +52,15 @@ process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
      * Styles applied to root.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the form container.
      */
     formContainer: PropTypes.string
   }).isRequired,
-
   /**
    *  The form to be rendered.
    */
   children: PropTypes.node.isRequired,
-
   /**
    *  The path for the background image.
    */

package/dist/modern/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,OAAO,GAAG,QAAiE;EAAA,IAAhE;IAAEC,EAAF;IAAMC,SAAN;IAAiBC,OAAjB;IAA0BC,QAA1B;IAAoCC;EAApC,CAAgE;EAAA,IAAbC,MAAa;;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAEL,IAAI,CAACM,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEH,UAAU,IAAK,OAAMA,UAAW;IAD5C;EAHT,GAMMC,MANN;IAAA,uBAQE;MAAK,SAAS,EAAEH,OAAO,CAACM,aAAxB;MAAA,UAAwCL;IAAxC;EARF,GADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEJ,SAAS,CAACc,MAJI;;EAKlB;AACF;AACA;EACET,SAAS,EAAEL,SAAS,CAACc,MARH;;EASlB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACc,MAJO;;IAKvB;AACJ;AACA;IACIF,aAAa,EAAEZ,SAAS,CAACc;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACER,UAAU,EAAER,SAAS,CAACc;AA7BJ,CAApB;AAgCA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf"}
+{"version":3,"file":"Login.js","names":["React","clsx","PropTypes","withStyles","styles","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAGA,MAAMC,OAAO,GAAG,QAAiE;EAAA,IAAhE;MAAEC,EAAE;MAAEC,SAAS;MAAEC,OAAO;MAAEC,QAAQ;MAAEC;IAAsB,CAAC;IAARC,MAAM;EACxE,oBACE;IACE,EAAE,EAAEL,EAAG;IACP,SAAS,EAAEL,IAAI,CAACM,SAAS,EAAEC,OAAO,CAACI,IAAI,CAAE;IACzC,KAAK,EAAE;MACLC,eAAe,EAAEH,UAAU,IAAK,OAAMA,UAAW;IACnD;EAAE,GACEC,MAAM;IAAA,uBAEV;MAAK,SAAS,EAAEH,OAAO,CAACM,aAAc;MAAA,UAAEL;IAAQ;EAAO,GACnD;AAEV,CAAC;AAED,wCAAAJ,OAAO,CAACU,SAAS,GAAG;EAClB;AACF;AACA;EACET,EAAE,EAAEJ,SAAS,CAACc,MAAM;EACpB;AACF;AACA;EACET,SAAS,EAAEL,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,aAAa,EAAEZ,SAAS,CAACc;EAC3B,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACET,QAAQ,EAAEP,SAAS,CAACiB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACER,UAAU,EAAER,SAAS,CAACc;AACxB,CAAC;AAED,eAAeb,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAU,CAAC,CAAC,CAACf,OAAO,CAAC"}

package/dist/modern/Login/index.js.map

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

package/dist/modern/Login/styles.js

@@ -1,5 +1,4 @@
 import fade from "../utils/hexToRgbA";
-
 const styles = theme => ({
   root: {
     backgroundRepeat: "no-repeat",
@@ -17,6 +16,5 @@ const styles = theme => ({
     height: "100%"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","styles","theme","root","backgroundRepeat","backgroundPosition","backgroundSize","width","height","padding","margin","formContainer","background","hv","palette","atmosphere","atmo2","marginLeft","maxWidth"],"sources":["../../../src/Login/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    backgroundRepeat: \"no-repeat\",\n    backgroundPosition: \"bottom\",\n    backgroundSize: \"cover\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: 0,\n    margin: \"-1px 0 0 0\",\n  },\n  formContainer: {\n    background: fade(theme.hv.palette.atmosphere.atmo2, 1),\n    marginLeft: \"auto\",\n    maxWidth: 500,\n    height: \"100%\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,gBAAgB,EAAE,WADd;IAEJC,kBAAkB,EAAE,QAFhB;IAGJC,cAAc,EAAE,OAHZ;IAIJC,KAAK,EAAE,MAJH;IAKJC,MAAM,EAAE,MALJ;IAMJC,OAAO,EAAE,CANL;IAOJC,MAAM,EAAE;EAPJ,CADmB;EAUzBC,aAAa,EAAE;IACbC,UAAU,EAAEZ,IAAI,CAACE,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,CAApC,CADH;IAEbC,UAAU,EAAE,MAFC;IAGbC,QAAQ,EAAE,GAHG;IAIbV,MAAM,EAAE;EAJK;AAVU,CAAZ,CAAf;;AAkBA,eAAeP,MAAf"}
+{"version":3,"file":"styles.js","names":["fade","styles","theme","root","backgroundRepeat","backgroundPosition","backgroundSize","width","height","padding","margin","formContainer","background","hv","palette","atmosphere","atmo2","marginLeft","maxWidth"],"sources":["../../../src/Login/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  root: {\n    backgroundRepeat: \"no-repeat\",\n    backgroundPosition: \"bottom\",\n    backgroundSize: \"cover\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: 0,\n    margin: \"-1px 0 0 0\",\n  },\n  formContainer: {\n    background: fade(theme.hv.palette.atmosphere.atmo2, 1),\n    marginLeft: \"auto\",\n    maxWidth: 500,\n    height: \"100%\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,oBAAoB;AAErC,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,gBAAgB,EAAE,WAAW;IAC7BC,kBAAkB,EAAE,QAAQ;IAC5BC,cAAc,EAAE,OAAO;IACvBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbC,UAAU,EAAEZ,IAAI,CAACE,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,CAAC,CAAC;IACtDC,UAAU,EAAE,MAAM;IAClBC,QAAQ,EAAE,GAAG;IACbV,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAeP,MAAM"}

package/dist/modern/MultiButton/MultiButton.js

@@ -1,33 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "classes", "disabled", "vertical", "category"];
-
 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, { cloneElement } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
+
 /**
  * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvMultiButton = props => {
   const {
-    className,
-    children,
-    classes,
-    disabled = false,
-    vertical = false,
-    category = "ghost"
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      className,
+      children,
+      classes,
+      disabled = false,
+      vertical = false,
+      category = "ghost"
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, vertical && classes.vertical)
   }, others), {}, {
@@ -42,18 +37,15 @@ const HvMultiButton = props => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvMultiButton.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * The MultiButton's buttons.
    */
   children: PropTypes.node,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -62,33 +54,27 @@ process.env.NODE_ENV !== "production" ? HvMultiButton.propTypes = {
      * Styles applied to the MultiButton root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the MultiButton when it's vertical.
      */
     vertical: PropTypes.string,
-
     /**
      * Styles applied to the each button.
      */
     button: PropTypes.string,
-
     /**
      * Styles applied to the button when it's selected.
      */
     selected: PropTypes.string
   }).isRequired,
-
   /**
    * If all the buttons are disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If the MultiButton is to be displayed vertically.
    */
   vertical: PropTypes.bool,
-
   /**
    * Category of button to use
    */

package/dist/modern/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","names":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM;IACJC,SADI;IAEJC,QAFI;IAGJC,OAHI;IAIJC,QAAQ,GAAG,KAJP;IAKJC,QAAQ,GAAG,KALP;IAMJC,QAAQ,GAAG;EANP,IAQFN,KARJ;EAAA,MAOKO,MAPL,4BAQIP,KARJ;;EAUA,oBACE;IACE,SAAS,EAAEJ,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACK,IAApB,EACOH,QADP,IACZF,OAAO,CAACE,QADI;EADjB,GAIME,MAJN;IAAA,UAMGd,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA8BS,KAAD,IAAW;MACvC,MAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAN,CAAYa,QAAtC;MAEA,oBAAOnB,YAAY,CAACiB,KAAD,EAAQ;QACzBL,QADyB;QAEzBF,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAN,CAAYI,QAFT;QAGzBH,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAN,CAAYC,SAAb,EAAwBE,OAAO,CAACW,MAAhC,EACOF,eADP,IACZT,OAAO,CAACU,QADI,CAHU;QAMzB,gBAAgBD;MANS,CAAR,CAAnB;IAQD,CAXA;EANH,GADF;AAqBD,CAhCD;;AAkCA,wCAAAb,aAAa,CAACgB,SAAd,GAA0B;EACxB;AACF;AACA;EACEd,SAAS,EAAEN,SAAS,CAACqB,MAJG;;EAKxB;AACF;AACA;EACEd,QAAQ,EAAEP,SAAS,CAACsB,IARI;;EASxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEb,SAAS,CAACqB,MAJO;;IAKvB;AACJ;AACA;IACIX,QAAQ,EAAEV,SAAS,CAACqB,MARG;;IASvB;AACJ;AACA;IACIF,MAAM,EAAEnB,SAAS,CAACqB,MAZK;;IAavB;AACJ;AACA;IACIH,QAAQ,EAAElB,SAAS,CAACqB;EAhBG,CAAhB,EAiBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEf,QAAQ,EAAET,SAAS,CAACyB,IAjCI;;EAkCxB;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACyB,IArCI;;EAsCxB;AACF;AACA;EACEd,QAAQ,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;AA4CA,eAAexB,UAAU,CAACC,MAAD,EAAS;EAAEwB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CvB,aAA9C,CAAf"}
+{"version":3,"file":"MultiButton.js","names":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"sources":["../../../src/MultiButton/MultiButton.js"],"sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,YAAY,QAAQ,OAAO;AAC3C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAGA,MAAMC,aAAa,GAAIC,KAAK,IAAK;EAC/B,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,OAAO;MACPC,QAAQ,GAAG,KAAK;MAChBC,QAAQ,GAAG,KAAK;MAChBC,QAAQ,GAAG;IAEb,CAAC,GAAGN,KAAK;IADJO,MAAM,4BACPP,KAAK;EAET,oBACE;IACE,SAAS,EAAEJ,IAAI,CAACK,SAAS,EAAEE,OAAO,CAACK,IAAI,EACjBH,QAAQ,IAA3BF,OAAO,CAACE,QAAQ;EAChB,GACCE,MAAM;IAAA,UAETd,KAAK,CAACgB,QAAQ,CAACC,GAAG,CAACR,QAAQ,EAAGS,KAAK,IAAK;MACvC,MAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAK,CAACa,QAAQ;MAE9C,oBAAOnB,YAAY,CAACiB,KAAK,EAAE;QACzBL,QAAQ;QACRF,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAK,CAACI,QAAQ;QAC1CH,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAK,CAACC,SAAS,EAAEE,OAAO,CAACW,MAAM,EAC/BF,eAAe,IAAlCT,OAAO,CAACU,QAAQ,CACjB;QACF,cAAc,EAAED;MAClB,CAAC,CAAC;IACJ,CAAC;EAAC,GACE;AAEV,CAAC;AAED,wCAAAb,aAAa,CAACgB,SAAS,GAAG;EACxB;AACF;AACA;EACEd,SAAS,EAAEN,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEd,QAAQ,EAAEP,SAAS,CAACsB,IAAI;EACxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,IAAI,EAAEb,SAAS,CAACqB,MAAM;IACtB;AACJ;AACA;IACIX,QAAQ,EAAEV,SAAS,CAACqB,MAAM;IAC1B;AACJ;AACA;IACIF,MAAM,EAAEnB,SAAS,CAACqB,MAAM;IACxB;AACJ;AACA;IACIH,QAAQ,EAAElB,SAAS,CAACqB;EACtB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEf,QAAQ,EAAET,SAAS,CAACyB,IAAI;EACxB;AACF;AACA;EACEf,QAAQ,EAAEV,SAAS,CAACyB,IAAI;EACxB;AACF;AACA;EACEd,QAAQ,EAAEX,SAAS,CAAC0B,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC;AACjF,CAAC;AAED,eAAexB,UAAU,CAACC,MAAM,EAAE;EAAEwB,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACvB,aAAa,CAAC"}

package/dist/modern/MultiButton/index.js.map

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

package/dist/modern/MultiButton/styles.js

@@ -1,9 +1,6 @@
 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; }
-
 const styles = theme => ({
   root: {
     display: "flex",
@@ -164,6 +161,5 @@ const styles = theme => ({
     }
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","background","hv","palette","atmosphere","atmo2","position","zIndex","width","minWidth","maxWidth","padding","flex","borderTop","atmo4","borderBottom","borderLeft","borderRight","borderRadius","typography","normalText","backgroundColor","atmo3","color","atmo5","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","marginLeft","border","accent","acce1","atmo1","highlightText","button","selected","vertical","flexDirection","btnSecondary","marginTop"],"sources":["../../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    \"& button$button\": {\n      height: 32,\n      width: \"100%\",\n      minWidth: 32,\n      maxWidth: 200,\n      padding: 0,\n      transition: \"none\",\n      flex: \"1 0 0px\",\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: \"solid 1px transparent\",\n      borderRight: \"solid 1px transparent\",\n      borderRadius: 0,\n      ...theme.hv.typography.normalText,\n      \"&:active\": {\n        backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      },\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        \"&:hover\": {\n          borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderLeft: \"solid 1px transparent\",\n          borderRight: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderBottomLeftRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopRightRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: \"-1px\",\n      },\n      \"&$selected\": {\n        \"&:hover\": {\n          \"&:not(:disabled)\": {\n            border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n          },\n          \"&:disabled\": {\n            border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n    \"& button$button$selected\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      height: 34,\n      ...theme.hv.typography.highlightText,\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n    },\n  },\n  button: {},\n  selected: {},\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button$button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&$selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.hv.palette.atmosphere.atmo1,\n        ...theme.hv.typography.highlightText,\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.hv.palette.atmosphere.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","height","alignItems","transition","background","hv","palette","atmosphere","atmo2","position","zIndex","width","minWidth","maxWidth","padding","flex","borderTop","atmo4","borderBottom","borderLeft","borderRight","borderRadius","typography","normalText","backgroundColor","atmo3","color","atmo5","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","marginLeft","border","accent","acce1","atmo1","highlightText","button","selected","vertical","flexDirection","btnSecondary","marginTop"],"sources":["../../../src/MultiButton/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    height: 32,\n    alignItems: \"center\",\n    transition: \"none\",\n    background: theme.hv.palette.atmosphere.atmo2,\n    position: \"relative\",\n    zIndex: 0,\n\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&>.HvIsFocusVisible\": {\n      zIndex: 5,\n    },\n\n    \"& button$button\": {\n      height: 32,\n      width: \"100%\",\n      minWidth: 32,\n      maxWidth: 200,\n      padding: 0,\n      transition: \"none\",\n      flex: \"1 0 0px\",\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: \"solid 1px transparent\",\n      borderRight: \"solid 1px transparent\",\n      borderRadius: 0,\n      ...theme.hv.typography.normalText,\n      \"&:active\": {\n        backgroundColor: `${theme.hv.palette.atmosphere.atmo3}`,\n      },\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        \"&:hover\": {\n          borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderLeft: \"solid 1px transparent\",\n          borderRight: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderBottomLeftRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopRightRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: \"-1px\",\n      },\n      \"&$selected\": {\n        \"&:hover\": {\n          \"&:not(:disabled)\": {\n            border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n          },\n          \"&:disabled\": {\n            border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n    \"& button$button$selected\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      height: 34,\n      ...theme.hv.typography.highlightText,\n      borderRadius: \"2px\",\n      border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      zIndex: 2,\n      \"&:hover\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n      },\n      \"&:first-child, &:last-child\": {\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n      },\n\n      // prevent the focus ring to be hidden by sibling hover background\n      // even when selected\n      \"&.HvIsFocusVisible\": {\n        zIndex: 5,\n      },\n    },\n  },\n  button: {},\n  selected: {},\n  // vertical button display Styling\n  vertical: {\n    flexDirection: \"column\",\n    height: \"auto\",\n    btnSecondary: {\n      flex: \"1 1 20px\",\n    },\n    \"& button$button\": {\n      width: \"100%\",\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n      borderTop: \"solid 1px transparent\",\n      borderBottom: \"solid 1px transparent\",\n      \"&:disabled\": {\n        color: theme.hv.palette.atmosphere.atmo5,\n        borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTop: \"solid 1px transparent\",\n        borderBottom: \"solid 1px transparent\",\n        \"&:hover\": {\n          borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n          borderTop: \"solid 1px transparent\",\n          borderBottom: \"solid 1px transparent\",\n        },\n      },\n      \"&:first-child\": {\n        borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderTopLeftRadius: \"2px\",\n        borderTopRightRadius: \"2px\",\n      },\n      \"&:last-child\": {\n        borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        borderBottomLeftRadius: \"2px\",\n        borderBottomRightRadius: \"2px\",\n        \"&:disabled:hover\": {\n          borderBottom: `solid 1px ${theme.hv.palette.atmosphere.atmo4} !important`,\n        },\n      },\n      \"&:not(:first-child)\": {\n        marginLeft: 0,\n        marginTop: -1,\n      },\n      \"&$selected\": {\n        height: 32,\n        width: `calc(100% + 2px) !important`,\n        background: theme.hv.palette.atmosphere.atmo1,\n        ...theme.hv.typography.highlightText,\n        borderRadius: \"2px\",\n        border: `solid 1px ${theme.hv.palette.accent.acce1}`,\n        zIndex: 2,\n        \"&:hover, &:focus\": {\n          background: theme.hv.palette.atmosphere.atmo3,\n        },\n        \"&:disabled\": {\n          zIndex: 1,\n          color: theme.hv.palette.atmosphere.atmo5,\n          background: theme.hv.palette.atmosphere.atmo1,\n          border: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n        },\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}