@hitachivantara/uikit-react-lab 2.6.18

package/dist/Loading/Loading.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLoadingProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoadingClassKey> {
+  /**
+   * The size of the loading indicator.
+   */
+  size?: "regular" | "small";
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position?: "center" | "inline";
+
+  /**
+   * The text to be displayed.
+   */
+  text?: string;
+}
+
+export type HvLoadingClassKey =
+  | "input"
+  | "characterCounter"
+  | "inline"
+  | "separator"
+  | "maxCharacter"
+  | "currentCounter"
+  | "disabled";
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;

package/dist/Loading/Loading.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+/**
+ * A Loading Component component, still in development.
+ */
+var Loading = function Loading(_ref) {
+  var classes = _ref.classes,
+      size = _ref.size,
+      position = _ref.position,
+      text = _ref.text;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.loading, {
+      "center": classes.centerPosition,
+      "inline": classes.inlinePosition
+    }[position])
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.loadingBar, size)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.loadingBar, size)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.loadingBar, size)
+  })), !(0, _isEmpty.default)(text) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.loadingText
+  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+    variant: "normalText"
+  }, text)) : null);
+};
+
+process.env.NODE_ENV !== "production" ? Loading.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: _propTypes.default.PropTypes.shape({
+    loadingBar: _propTypes.default.string,
+    loadingText: _propTypes.default.string,
+    loading: _propTypes.default.string,
+    centerPosition: _propTypes.default.string,
+    inlinePosition: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: _propTypes.default.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: _propTypes.default.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: _propTypes.default.string
+} : void 0;
+Loading.defaultProps = {
+  size: "regular",
+  position: "center",
+  text: ""
+};
+
+var _default = (0, _uikitReactCore.withDeprecated)((0, _core.withStyles)(_styles.default, {
+  name: "HvLoading"
+})(Loading), "Please use the Loading component in the Core Package");
+
+exports.default = _default;
+//# sourceMappingURL=Loading.js.map

package/dist/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["Loading","classes","size","position","text","clsx","loading","centerPosition","inlinePosition","loadingBar","isEmpty","loadingText","propTypes","PropTypes","shape","string","isRequired","oneOf","defaultProps","withDeprecated","withStyles","styles","name"],"sources":["../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * A Loading Component component, still in development.\n */\nconst Loading = ({ classes, size, position, text }) => {\n  return (\n    <div\n      className={clsx(classes.loading, {\n        [classes.centerPosition]: position === \"center\",\n        [classes.inlinePosition]: position === \"inline\",\n      })}\n    >\n      <div>\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n      </div>\n      {!isEmpty(text) ? (\n        <div className={classes.loadingText}>\n          <HvTypography variant=\"normalText\">{text}</HvTypography>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nLoading.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    loadingBar: PropTypes.string,\n    loadingText: PropTypes.string,\n    loading: PropTypes.string,\n    centerPosition: PropTypes.string,\n    inlinePosition: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n};\n\nLoading.defaultProps = {\n  size: \"regular\",\n  position: \"center\",\n  text: \"\",\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoading\" })(Loading),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAuC;EAAA,IAApCC,OAAoC,QAApCA,OAAoC;EAAA,IAA3BC,IAA2B,QAA3BA,IAA2B;EAAA,IAArBC,QAAqB,QAArBA,QAAqB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACrD,oBACE;IACE,SAAS,EAAE,IAAAC,aAAA,EAAKJ,OAAO,CAACK,OAAb;MAC8B,QAD9B,EACRL,OAAO,CAACM,cADA;MAE8B,QAF9B,EAERN,OAAO,CAACO;IAFA,EACiBL,QADjB;EADb,gBAME,uDACE;IAAK,SAAS,EAAE,IAAAE,aAAA,EAAKJ,OAAO,CAACQ,UAAb,EAAyBP,IAAzB;EAAhB,EADF,eAEE;IAAK,SAAS,EAAE,IAAAG,aAAA,EAAKJ,OAAO,CAACQ,UAAb,EAAyBP,IAAzB;EAAhB,EAFF,eAGE;IAAK,SAAS,EAAE,IAAAG,aAAA,EAAKJ,OAAO,CAACQ,UAAb,EAAyBP,IAAzB;EAAhB,EAHF,CANF,EAWG,CAAC,IAAAQ,gBAAA,EAAQN,IAAR,CAAD,gBACC;IAAK,SAAS,EAAEH,OAAO,CAACU;EAAxB,gBACE,6BAAC,4BAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCP,IAApC,CADF,CADD,GAIG,IAfN,CADF;AAmBD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACY,SAAR,GAAoB;EAClB;AACF;AACA;EACEX,OAAO,EAAEY,kBAAA,CAAUA,SAAV,CAAoBC,KAApB,CAA0B;IACjCL,UAAU,EAAEI,kBAAA,CAAUE,MADW;IAEjCJ,WAAW,EAAEE,kBAAA,CAAUE,MAFU;IAGjCT,OAAO,EAAEO,kBAAA,CAAUE,MAHc;IAIjCR,cAAc,EAAEM,kBAAA,CAAUE,MAJO;IAKjCP,cAAc,EAAEK,kBAAA,CAAUE;EALO,CAA1B,EAMNC,UAVe;;EAWlB;AACF;AACA;EACEd,IAAI,EAAEW,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CAdY;;EAelB;AACF;AACA;AACA;EACEd,QAAQ,EAAEU,kBAAA,CAAUI,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CAnBQ;;EAoBlB;AACF;AACA;EACEb,IAAI,EAAES,kBAAA,CAAUE;AAvBE,CAApB;AA0BAf,OAAO,CAACkB,YAAR,GAAuB;EACrBhB,IAAI,EAAE,SADe;EAErBC,QAAQ,EAAE,QAFW;EAGrBC,IAAI,EAAE;AAHe,CAAvB;;eAMe,IAAAe,8BAAA,EACb,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA0CtB,OAA1C,CADa,EAEb,sDAFa,C"}

package/dist/Loading/LoadingWithDelay.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvLoadingProps } from "./Loading";
+
+export interface HvLoadingWithDelayProps extends HvLoadingProps {
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay?: number;
+}
+
+export default function HvLoadingWithDelay(props: HvLoadingWithDelayProps): JSX.Element | null;

package/dist/Loading/LoadingWithDelay.js

@@ -0,0 +1,135 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@material-ui/core");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _Loading = _interopRequireDefault(require("./Loading"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["delay"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var LoadingWithDelay = function LoadingWithDelay(_ref) {
+  var _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 0 : _ref$delay,
+      loadingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      shouldDisplay = _useState2[0],
+      setShouldDisplay = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var timer = setTimeout(function () {
+      return setShouldDisplay(true);
+    }, delay);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, []);
+  return shouldDisplay && /*#__PURE__*/_react.default.createElement(_Loading.default, loadingProps);
+};
+
+process.env.NODE_ENV !== "production" ? LoadingWithDelay.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: _propTypes.default.PropTypes.shape({
+    /**
+     * The class applied on the text area input box.
+     */
+    input: _propTypes.default.string,
+
+    /**
+     * The class applied on the character counter.
+     */
+    characterCounter: _propTypes.default.string,
+
+    /**
+     * The class controlling the layout of the counter.
+     */
+    inline: _propTypes.default.string,
+
+    /**
+     * The class applied to the separator element of the character counter.
+     */
+    separator: _propTypes.default.string,
+
+    /**
+     * The class applied to the max counter element of the character counter.
+     */
+    maxCharacter: _propTypes.default.string,
+
+    /**
+     * The class applied to the current counter element of the character counter.
+     */
+    currentCounter: _propTypes.default.string,
+
+    /**
+     * The class applied to the character counter when it is disabled.
+     */
+    disabled: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: _propTypes.default.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: _propTypes.default.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: _propTypes.default.string,
+
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay: _propTypes.default.number
+} : void 0;
+
+var _default = (0, _uikitReactCore.withDeprecated)((0, _core.withStyles)(_styles.default, {
+  name: "HvLoadingWithDelay"
+})(LoadingWithDelay), "Please use the Loading component in the Core Package");
+
+exports.default = _default;
+//# sourceMappingURL=LoadingWithDelay.js.map

package/dist/Loading/LoadingWithDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingWithDelay.js","names":["LoadingWithDelay","delay","loadingProps","useState","shouldDisplay","setShouldDisplay","useEffect","timer","setTimeout","clearTimeout","propTypes","classes","PropTypes","shape","input","string","characterCounter","inline","separator","maxCharacter","currentCounter","disabled","isRequired","size","oneOf","position","text","number","withDeprecated","withStyles","styles","name"],"sources":["../../src/Loading/LoadingWithDelay.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { withStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport Loading from \"./Loading\";\nimport styles from \"./styles\";\n\nconst LoadingWithDelay = ({ delay = 0, ...loadingProps }) => {\n  const [shouldDisplay, setShouldDisplay] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setShouldDisplay(true), delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, []);\n\n  return shouldDisplay && <Loading {...loadingProps} />;\n};\n\nLoadingWithDelay.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * The class applied on the text area input box.\n     */\n    input: PropTypes.string,\n    /**\n     * The class applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * The class controlling the layout of the counter.\n     */\n    inline: PropTypes.string,\n    /**\n     * The class applied to the separator element of the character counter.\n     */\n    separator: PropTypes.string,\n    /**\n     * The class applied to the max counter element of the character counter.\n     */\n    maxCharacter: PropTypes.string,\n    /**\n     * The class applied to the current counter element of the character counter.\n     */\n    currentCounter: PropTypes.string,\n    /**\n     * The class applied to the character counter when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n  /**\n   * The amount of milliseconds that the component should wait before showing the Loading\n   */\n  delay: PropTypes.number,\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoadingWithDelay\" })(LoadingWithDelay),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoC;EAAA,sBAAjCC,KAAiC;EAAA,IAAjCA,KAAiC,2BAAzB,CAAyB;EAAA,IAAnBC,YAAmB;;EAC3D,gBAA0C,IAAAC,eAAA,EAAS,KAAT,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAMC,KAAK,GAAGC,UAAU,CAAC;MAAA,OAAMH,gBAAgB,CAAC,IAAD,CAAtB;IAAA,CAAD,EAA+BJ,KAA/B,CAAxB;IAEA,OAAO,YAAM;MACXQ,YAAY,CAACF,KAAD,CAAZ;IACD,CAFD;EAGD,CAND,EAMG,EANH;EAQA,OAAOH,aAAa,iBAAI,6BAAC,gBAAD,EAAaF,YAAb,CAAxB;AACD,CAZD;;AAcA,wCAAAF,gBAAgB,CAACU,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEC,OAAO,EAAEC,kBAAA,CAAUA,SAAV,CAAoBC,KAApB,CAA0B;IACjC;AACJ;AACA;IACIC,KAAK,EAAEF,kBAAA,CAAUG,MAJgB;;IAKjC;AACJ;AACA;IACIC,gBAAgB,EAAEJ,kBAAA,CAAUG,MARK;;IASjC;AACJ;AACA;IACIE,MAAM,EAAEL,kBAAA,CAAUG,MAZe;;IAajC;AACJ;AACA;IACIG,SAAS,EAAEN,kBAAA,CAAUG,MAhBY;;IAiBjC;AACJ;AACA;IACII,YAAY,EAAEP,kBAAA,CAAUG,MApBS;;IAqBjC;AACJ;AACA;IACIK,cAAc,EAAER,kBAAA,CAAUG,MAxBO;;IAyBjC;AACJ;AACA;IACIM,QAAQ,EAAET,kBAAA,CAAUG;EA5Ba,CAA1B,EA6BNO,UAjCwB;;EAkC3B;AACF;AACA;EACEC,IAAI,EAAEX,kBAAA,CAAUY,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CArCqB;;EAsC3B;AACF;AACA;AACA;EACEC,QAAQ,EAAEb,kBAAA,CAAUY,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CA1CiB;;EA2C3B;AACF;AACA;EACEE,IAAI,EAAEd,kBAAA,CAAUG,MA9CW;;EA+C3B;AACF;AACA;EACEd,KAAK,EAAEW,kBAAA,CAAUe;AAlDU,CAA7B;;eAqDe,IAAAC,8BAAA,EACb,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD/B,gBAAnD,CADa,EAEb,sDAFa,C"}

package/dist/Loading/index.d.ts

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

package/dist/Loading/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingWithDelay.default;
+  }
+});
+
+var _LoadingWithDelay = _interopRequireDefault(require("./LoadingWithDelay"));
+//# sourceMappingURL=index.js.map

package/dist/Loading/index.js.map

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

package/dist/Loading/styles.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var interval = 0.11;
+
+var styles = function styles(theme) {
+  return {
+    loading: {
+      textAlign: "center"
+    },
+    centerPosition: {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    inlinePosition: {
+      marginTop: "5px"
+    },
+    loadingBar: {
+      display: "inline-block",
+      backgroundColor: theme.hv.palette.accent.acce1,
+      "&.regular": {
+        animation: "$loading-regular 1s ease-in-out infinite",
+        width: "4px",
+        height: "14px",
+        margin: "3px",
+        "&:nth-child(1)": {
+          animationDelay: "0"
+        },
+        "&:nth-child(2)": {
+          animationDelay: "".concat(interval * 2, "s")
+        },
+        "&:nth-child(3)": {
+          animationDelay: "".concat(interval * 4, "s")
+        }
+      },
+      "&.small": {
+        animation: "$loading-small 1s ease-in-out infinite",
+        width: "2px",
+        height: "10px",
+        margin: "4px 2px 2px 2px",
+        "&:nth-child(1)": {
+          animationDelay: "0"
+        },
+        "&:nth-child(2)": {
+          animationDelay: "".concat(interval, "s")
+        },
+        "&:nth-child(3)": {
+          animationDelay: "".concat(interval * 2, "s")
+        }
+      }
+    },
+    "@keyframes loading-regular": {
+      "0%": {
+        transform: "scale(1)",
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "50%": {
+        transform: "scale(1, 1.9)",
+        backgroundColor: theme.hv.palette.accent.acce3
+      }
+    },
+    "@keyframes loading-small": {
+      "0%": {
+        transform: "scale(1)",
+        backgroundColor: theme.hv.palette.accent.acce1
+      },
+      "50%": {
+        transform: "scale(1, 1.9)"
+      }
+    },
+    loadingText: {
+      marginTop: "20px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Loading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["interval","styles","theme","loading","textAlign","centerPosition","width","height","display","alignItems","justifyContent","inlinePosition","marginTop","loadingBar","backgroundColor","hv","palette","accent","acce1","animation","margin","animationDelay","transform","acce3","loadingText"],"sources":["../../src/Loading/styles.js"],"sourcesContent":["const interval = 0.11;\n\nconst styles = (theme) => ({\n  loading: {\n    textAlign: \"center\",\n  },\n\n  centerPosition: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  inlinePosition: {\n    marginTop: \"5px\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&.regular\": {\n      animation: \"$loading-regular 1s ease-in-out infinite\",\n      width: \"4px\",\n      height: \"14px\",\n      margin: \"3px\",\n\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\n    \"&.small\": {\n      animation: \"$loading-small 1s ease-in-out infinite\",\n      width: \"2px\",\n      height: \"10px\",\n      margin: \"4px 2px 2px 2px\",\n\n      \"&:nth-child(1)\": {\n        animationDelay: \"0\",\n      },\n      \"&:nth-child(2)\": {\n        animationDelay: `${interval}s`,\n      },\n      \"&:nth-child(3)\": {\n        animationDelay: `${interval * 2}s`,\n      },\n    },\n  },\n\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"50%\": {\n      transform: \"scale(1, 1.9)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"50%\": {\n      transform: \"scale(1, 1.9)\",\n    },\n  },\n\n  loadingText: {\n    marginTop: \"20px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,QAAQ,GAAG,IAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,SAAS,EAAE;IADJ,CADgB;IAKzBC,cAAc,EAAE;MACdC,KAAK,EAAE,MADO;MAEdC,MAAM,EAAE,MAFM;MAGdC,OAAO,EAAE,MAHK;MAIdC,UAAU,EAAE,QAJE;MAKdC,cAAc,EAAE;IALF,CALS;IAazBC,cAAc,EAAE;MACdC,SAAS,EAAE;IADG,CAbS;IAiBzBC,UAAU,EAAE;MACVL,OAAO,EAAE,cADC;MAEVM,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAF/B;MAIV,aAAa;QACXC,SAAS,EAAE,0CADA;QAEXb,KAAK,EAAE,KAFI;QAGXC,MAAM,EAAE,MAHG;QAIXa,MAAM,EAAE,KAJG;QAMX,kBAAkB;UAChBC,cAAc,EAAE;QADA,CANP;QASX,kBAAkB;UAChBA,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE,CATP;QAYX,kBAAkB;UAChBqB,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE;MAZP,CAJH;MAqBV,WAAW;QACTmB,SAAS,EAAE,wCADF;QAETb,KAAK,EAAE,KAFE;QAGTC,MAAM,EAAE,MAHC;QAITa,MAAM,EAAE,iBAJC;QAMT,kBAAkB;UAChBC,cAAc,EAAE;QADA,CANT;QAST,kBAAkB;UAChBA,cAAc,YAAKrB,QAAL;QADE,CATT;QAYT,kBAAkB;UAChBqB,cAAc,YAAKrB,QAAQ,GAAG,CAAhB;QADE;MAZT;IArBD,CAjBa;IAwDzB,8BAA8B;MAC5B,MAAM;QACJsB,SAAS,EAAE,UADP;QAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAFrC,CADsB;MAK5B,OAAO;QACLI,SAAS,EAAE,eADN;QAELR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBM;MAFpC;IALqB,CAxDL;IAmEzB,4BAA4B;MAC1B,MAAM;QACJD,SAAS,EAAE,UADP;QAEJR,eAAe,EAAEZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MAFrC,CADoB;MAK1B,OAAO;QACLI,SAAS,EAAE;MADN;IALmB,CAnEH;IA6EzBE,WAAW,EAAE;MACXZ,SAAS,EAAE;IADA;EA7EY,CAAZ;AAAA,CAAf;;eAkFeX,M"}

package/dist/NavigationAnchors/NavigationAnchors.d.ts

@@ -0,0 +1,46 @@
+import { StandardProps, DrawerProps } from "@material-ui/core";
+
+interface Option {
+  key: string;
+  label: string;
+  value: string;
+}
+
+export type HvNavigationAnchorsClassKey =
+  | "drawer"
+  | "dense"
+  | "drawerPaper"
+  | "drawerPaperPositionInherit"
+  | "listRoot"
+  | "listDense"
+  | "listItemSelected"
+  | "listItemRoot"
+  | "listItemGutters"
+  | "listItemTextSelected"
+  | "listItemTextDense";
+
+export interface HvNavigationAnchorsProps
+  extends StandardProps<DrawerProps, HvNavigationAnchorsClassKey> {
+  /**
+   * An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied
+   */
+  options: Option[];
+  /**
+   * True if the href location link should be applied. It will create an a element around every list item
+   */
+  href?: boolean;
+  /**
+   * Whether the anchors are always in a fixed position
+   */
+  floating?: boolean;
+  /**
+   * Currently selected index passed from the parent.
+   */
+  selectedIndex?: number;
+  /**
+   * The Id of the scrollable container containing displayed elements
+   */
+  scrollElementId?: string;
+}
+
+export default function HvNavigationAnchors(props: HvNavigationAnchorsProps): JSX.Element | null;