@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,83 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const hover = theme => ({
+  backgroundColor: theme.hv.palette.atmosphere.atmo3
+});
+
+const styles = theme => ({
+  root: _objectSpread(_objectSpread({
+    color: theme.hv.palette.accent.acce1
+  }, theme.hv.typography.normalText), {}, {
+    padding: 0,
+    display: "block",
+    height: "32px",
+    lineHeight: "32px",
+    listStyleType: "none",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    position: "relative",
+    "&:not(:last-child)": {
+      marginBottom: "8px"
+    },
+    "&$condensed": {
+      marginBottom: 0
+    }
+  }),
+  gutters: {
+    padding: theme.hvSpacing(0, "xs"),
+    "&$withStartAdornment": {
+      paddingLeft: 0
+    },
+    "&$withEndAdornment": {
+      paddingRight: 0
+    }
+  },
+  interactive: {
+    cursor: "pointer",
+    "&:not($disabled):not($selected):hover": hover(theme),
+    "&$disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  selected: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo3
+  },
+  disabled: {
+    color: theme.hv.palette.atmosphere.atmo5
+  },
+  condensed: {},
+  withStartAdornment: {},
+  withEndAdornment: {},
+  startAdornment: {
+    float: "left",
+    "& svg": {
+      boxShadow: "none !important",
+      outline: "none !important"
+    },
+    "$disabled>& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo5
+    }
+  },
+  endAdornment: {
+    float: "right",
+    "& svg": {
+      boxShadow: "none !important",
+      outline: "none !important"
+    },
+    "$disabled>& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo5
+    }
+  },
+  focus: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo3,
+    zIndex: 2
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ListContainer/ListItem/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"],"mappings":";;;;;;AAAA,MAAMA,KAAK,GAAIC,KAAD,KAAY;AACxBC,EAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADrB,CAAZ,CAAd;;AAIA,MAAMC,MAAM,GAAIN,KAAD,KAAY;AACzBO,EAAAA,IAAI;AACFC,IAAAA,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBM,MAAjB,CAAwBC;AAD7B,KAECV,KAAK,CAACE,EAAN,CAASS,UAAT,CAAoBC,UAFrB;AAGFC,IAAAA,OAAO,EAAE,CAHP;AAKFC,IAAAA,OAAO,EAAE,OALP;AAMFC,IAAAA,MAAM,EAAE,MANN;AAOFC,IAAAA,UAAU,EAAE,MAPV;AASFC,IAAAA,aAAa,EAAE,MATb;AAWFC,IAAAA,QAAQ,EAAE,QAXR;AAYFC,IAAAA,YAAY,EAAE,UAZZ;AAaFC,IAAAA,UAAU,EAAE,QAbV;AAeFC,IAAAA,QAAQ,EAAE,UAfR;AAiBF,0BAAsB;AACpBC,MAAAA,YAAY,EAAE;AADM,KAjBpB;AAoBF,mBAAe;AACbA,MAAAA,YAAY,EAAE;AADD;AApBb,IADqB;AA0BzBC,EAAAA,OAAO,EAAE;AACPV,IAAAA,OAAO,EAAEb,KAAK,CAACwB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CADF;AAGP,4BAAwB;AACtBC,MAAAA,WAAW,EAAE;AADS,KAHjB;AAMP,0BAAsB;AACpBC,MAAAA,YAAY,EAAE;AADM;AANf,GA1BgB;AAqCzBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,MAAM,EAAE,SADG;AAEX,6CAAyC7B,KAAK,CAACC,KAAD,CAFnC;AAGX,kBAAc;AACZ4B,MAAAA,MAAM,EAAE;AADI;AAHH,GArCY;AA6CzBC,EAAAA,QAAQ,EAAE;AACR5B,IAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADrC,GA7Ce;AAgDzByB,EAAAA,QAAQ,EAAE;AACRtB,IAAAA,KAAK,EAAER,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AAD3B,GAhDe;AAoDzBC,EAAAA,SAAS,EAAE,EApDc;AAsDzBC,EAAAA,kBAAkB,EAAE,EAtDK;AAuDzBC,EAAAA,gBAAgB,EAAE,EAvDO;AAwDzBC,EAAAA,cAAc,EAAE;AACdC,IAAAA,KAAK,EAAE,MADO;AAGd,aAAS;AACPC,MAAAA,SAAS,EAAE,iBADJ;AAEPC,MAAAA,OAAO,EAAE;AAFF,KAHK;AAOd,gCAA4B;AAC1BC,MAAAA,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AADR;AAPd,GAxDS;AAmEzBS,EAAAA,YAAY,EAAE;AACZJ,IAAAA,KAAK,EAAE,OADK;AAGZ,aAAS;AACPC,MAAAA,SAAS,EAAE,iBADJ;AAEPC,MAAAA,OAAO,EAAE;AAFF,KAHG;AAOZ,gCAA4B;AAC1BC,MAAAA,IAAI,EAAEvC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4B2B;AADR;AAPhB,GAnEW;AA+EzBU,EAAAA,KAAK,EAAE;AACLxC,IAAAA,eAAe,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADxC;AAELqC,IAAAA,MAAM,EAAE;AAFH;AA/EkB,CAAZ,CAAf;;AAqFA,eAAepC,MAAf","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"],"file":"styles.js"}

package/dist/modern/ListContainer/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./ListContainer";
+export * from "./ListContainer";
+
+export { default as HvListItem } from "./ListItem";
+export * from "./ListItem";

package/dist/modern/ListContainer/index.js

@@ -0,0 +1,4 @@
+export { default } from "./ListContainer";
+export { default as HvListContext } from "./ListContext";
+export { default as HvListItem } from "./ListItem";
+//# sourceMappingURL=index.js.map

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

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

package/dist/modern/ListContainer/styles.js

@@ -0,0 +1,9 @@
+const styles = {
+  root: {
+    display: "block",
+    padding: 0,
+    margin: 0
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ListContainer/styles.js"],"names":["styles","root","display","padding","margin"],"mappings":"AAAA,MAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,OADL;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJC,IAAAA,MAAM,EAAE;AAHJ;AADO,CAAf;AAQA,eAAeJ,MAAf","sourcesContent":["const styles = {\n  root: {\n    display: \"block\",\n    padding: 0,\n    margin: 0,\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Loading/Loading.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvLoadingClassKey =
+  | "root"
+  | "barContainer"
+  | "loadingBar"
+  | "label"
+  | "overlay"
+  | "blur";
+
+export interface HvLoadingProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoadingClassKey> {
+  /**
+   * Indicates if the component should be render in a small size.
+   */
+  small?: boolean;
+  /**
+   * The text to be displayed.
+   */
+  label?: string;
+  /**
+   * Whether the loading animation is hidden.
+   */
+  hidden?: boolean;
+  /**
+   * Color applied to the bars.
+   */
+  color?: string;
+}
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;

package/dist/modern/Loading/Loading.js

@@ -0,0 +1,118 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "small", "label", "hidden", "color"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import range from "lodash/range";
+import { useTheme, withStyles } from "@material-ui/core";
+import { HvTypography } from "..";
+import styles from "./styles";
+/**
+ * Loading provides feedback about a process that is taking place in the application.
+ */
+
+const HvLoading = _ref => {
+  let {
+    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}`;
+  const inline = {
+    backgroundColor: getColor(small ? "acce1" : "acce3")
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root, hidden && classes.hidden)
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.barContainer
+  }, range(0, 3).map(e => /*#__PURE__*/React.createElement("div", {
+    key: e,
+    style: inline,
+    className: clsx(classes.loadingBar, classes[variant])
+  }))), label && /*#__PURE__*/React.createElement(HvTypography, {
+    className: classes.label
+  }, label));
+};
+
+HvLoading.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    /**
+     * 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.
+   */
+  color: PropTypes.string
+};
+export default withStyles(styles, {
+  name: "HvLoading"
+})(HvLoading);
+//# sourceMappingURL=Loading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Loading/Loading.js"],"names":["React","PropTypes","clsx","range","useTheme","withStyles","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"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\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"],"file":"Loading.js"}

package/dist/modern/Loading/index.d.ts

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

package/dist/modern/Loading/index.js

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

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

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

package/dist/modern/Loading/styles.js

@@ -0,0 +1,101 @@
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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)": {
+    animationDelay: "0"
+  },
+  "&:nth-child(2)": {
+    animationDelay: `${interval * 2}s`
+  },
+  "&:nth-child(3)": {
+    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",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  hidden: {
+    display: "none"
+  },
+  barContainer: {
+    display: "flex"
+  },
+  loadingBar: {
+    display: "inline-block"
+  },
+  regular: _objectSpread({
+    animation: "$loading-regular 1s ease-in-out infinite"
+  }, regular),
+  regularColor: _objectSpread({
+    animation: "$loading-regular-color 1s ease-in-out infinite"
+  }, regular),
+  small: _objectSpread({
+    animation: "$loading-small 1s ease-in-out infinite"
+  }, small),
+  smallColor: _objectSpread({
+    animation: "$loading-small-color 1s ease-in-out infinite"
+  }, small),
+  "@keyframes loading-regular": {
+    "0%": {
+      transform: "scale(1)",
+      backgroundColor: theme.hv.palette.accent.acce3
+    },
+    "50%": {
+      transform: "scale(1, 0.6)",
+      backgroundColor: theme.hv.palette.accent.acce1
+    }
+  },
+  "@keyframes loading-regular-color": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1, 0.6)"
+    }
+  },
+  "@keyframes loading-small": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1,0.223)"
+    },
+    "100%": {}
+  },
+  "@keyframes loading-small-color": {
+    "0%": {
+      transform: "scale(1)"
+    },
+    "50%": {
+      transform: "scale(1,0.223)"
+    }
+  },
+  label: {
+    marginTop: "15px"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Loading/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"],"mappings":";;;;;;AAAA,MAAMA,QAAQ,GAAG,IAAjB;AAEA,MAAMC,IAAI,GAAG;AACX,oBAAkB;AAChBC,IAAAA,cAAc,EAAE;AADA,GADP;AAIX,oBAAkB;AAChBA,IAAAA,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;AADhB,GAJP;AAOX,oBAAkB;AAChBE,IAAAA,cAAc,EAAG,GAAEF,QAAQ,GAAG,CAAE;AADhB;AAPP,CAAb;;AAYA,MAAMG,KAAK;AACTC,EAAAA,KAAK,EAAE,KADE;AAETC,EAAAA,MAAM,EAAE,MAFC;AAGTC,EAAAA,MAAM,EAAE;AAHC,GAINL,IAJM,CAAX;;AAOA,MAAMM,OAAO;AACXH,EAAAA,KAAK,EAAE,KADI;AAEXC,EAAAA,MAAM,EAAE,MAFG;AAGXC,EAAAA,MAAM,EAAE;AAHG,GAIRL,IAJQ,CAAb;;AAOA,MAAMO,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,aAAa,EAAE,QAFX;AAGJC,IAAAA,UAAU,EAAE,QAHR;AAIJC,IAAAA,cAAc,EAAE;AAJZ,GADmB;AAQzBC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,OAAO,EAAE;AADH,GARiB;AAYzBK,EAAAA,YAAY,EAAE;AACZL,IAAAA,OAAO,EAAE;AADG,GAZW;AAgBzBM,EAAAA,UAAU,EAAE;AACVN,IAAAA,OAAO,EAAE;AADC,GAhBa;AAoBzBJ,EAAAA,OAAO;AACLW,IAAAA,SAAS,EAAE;AADN,KAEFX,OAFE,CApBkB;AAwBzBY,EAAAA,YAAY;AACVD,IAAAA,SAAS,EAAE;AADD,KAEPX,OAFO,CAxBa;AA6BzBJ,EAAAA,KAAK;AACHe,IAAAA,SAAS,EAAE;AADR,KAEAf,KAFA,CA7BoB;AAiCzBiB,EAAAA,UAAU;AACRF,IAAAA,SAAS,EAAE;AADH,KAELf,KAFK,CAjCe;AAqCzB,gCAA8B;AAC5B,UAAM;AACJkB,MAAAA,SAAS,EAAE,UADP;AAEJC,MAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;AAFrC,KADsB;AAK5B,WAAO;AACLL,MAAAA,SAAS,EAAE,eADN;AAELC,MAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBE;AAFpC;AALqB,GArCL;AAgDzB,sCAAoC;AAClC,UAAM;AACJN,MAAAA,SAAS,EAAE;AADP,KAD4B;AAIlC,WAAO;AACLA,MAAAA,SAAS,EAAE;AADN;AAJ2B,GAhDX;AAyDzB,8BAA4B;AAC1B,UAAM;AACJA,MAAAA,SAAS,EAAE;AADP,KADoB;AAI1B,WAAO;AACLA,MAAAA,SAAS,EAAE;AADN,KAJmB;AAO1B,YAAQ;AAPkB,GAzDH;AAmEzB,oCAAkC;AAChC,UAAM;AACJA,MAAAA,SAAS,EAAE;AADP,KAD0B;AAIhC,WAAO;AACLA,MAAAA,SAAS,EAAE;AADN;AAJyB,GAnET;AA4EzBO,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE;AADN;AA5EkB,CAAZ,CAAf;;AAiFA,eAAerB,MAAf","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"],"file":"styles.js"}

package/dist/modern/Login/Login.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvLoginClassKey = "container" | "item" | "formContainer";
+
+export interface HvLoginProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoginClassKey> {
+  /**
+   *  The path for the background image.
+   */
+  background?: string;
+}
+
+export default function HvLogin(props: HvLoginProps): JSX.Element | null;

package/dist/modern/Login/Login.js

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "classes", "children", "background"];
+import React from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+import bg from "./resources/background.svg";
+/**
+ * Container layout for the login form.
+ */
+
+const HvLogin = _ref => {
+  let {
+    id,
+    className,
+    classes,
+    children,
+    background
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root),
+    style: {
+      backgroundImage: `url(${background || bg})`
+    }
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.formContainer
+  }, children));
+};
+
+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.
+   */
+  classes: PropTypes.shape({
+    /**
+     * 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.
+   */
+  background: PropTypes.string
+};
+export default withStyles(styles, {
+  name: "HvLogin"
+})(HvLogin);
+//# sourceMappingURL=Login.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Login/Login.js"],"names":["React","clsx","PropTypes","withStyles","styles","bg","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,EAAP,MAAe,4BAAf;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,QAAiE;AAAA,MAAhE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,GAAgE;AAAA,MAAbC,MAAa;;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMH,UAAU,IAAIN,EAAG;AADpC;AAHT,KAMMO,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACM;AAAxB,KAAwCL,QAAxC,CARF,CADF;AAYD,CAbD;;AAeAJ,OAAO,CAACU,SAAR,GAAoB;AAClB;AACF;AACA;AACET,EAAAA,EAAE,EAAEL,SAAS,CAACe,MAJI;;AAKlB;AACF;AACA;AACET,EAAAA,SAAS,EAAEN,SAAS,CAACe,MARH;;AASlB;AACF;AACA;AACER,EAAAA,OAAO,EAAEP,SAAS,CAACgB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEX,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,aAAa,EAAEb,SAAS,CAACe;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACET,EAAAA,QAAQ,EAAER,SAAS,CAACkB,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACER,EAAAA,UAAU,EAAET,SAAS,CAACe;AA7BJ,CAApB;AAgCA,eAAed,UAAU,CAACC,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport bg from \"./resources/background.svg\";\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: `url(${background || bg})`,\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"],"file":"Login.js"}

package/dist/modern/Login/index.d.ts

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

package/dist/modern/Login/index.js

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

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

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