@hitachivantara/uikit-react-core 2.23.2

package/dist/AssetInventory/index.js

@@ -0,0 +1,70 @@
+"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");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  HvCardView: true,
+  HvListView: true
+};
+Object.defineProperty(exports, "HvCardView", {
+  enumerable: true,
+  get: function get() {
+    return _CardView.default;
+  }
+});
+Object.defineProperty(exports, "HvListView", {
+  enumerable: true,
+  get: function get() {
+    return _ListView.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _AssetInventory.default;
+  }
+});
+
+var _AssetInventory = _interopRequireDefault(require("./AssetInventory"));
+
+var _CardView = _interopRequireDefault(require("./CardView"));
+
+var _ListView = _interopRequireWildcard(require("./ListView"));
+
+Object.keys(_ListView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ListView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListView[key];
+    }
+  });
+});
+
+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; }
+//# sourceMappingURL=index.js.map

package/dist/AssetInventory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/AssetInventory/index.js"],"sourcesContent":["export { default } from \"./AssetInventory\";\nexport { default as HvCardView } from \"./CardView\";\nexport { default as HvListView } from \"./ListView\";\nexport * from \"./ListView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/AssetInventory/setActionsId.js

@@ -0,0 +1,51 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("core-js/modules/es.array.map.js");
+
+var _utils = require("../utils");
+
+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) { (0, _defineProperty2.default)(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; }
+
+/**
+ * Sets individual ids for each action, using the action id and the data id.
+ *
+ * @param actions
+ * @param id
+ * @returns {*}
+ */
+var setActionsId = function setActionsId(actions, id) {
+  return actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
+    return _objectSpread(_objectSpread({}, action), {}, {
+      id: (0, _utils.setId)(action.id, id)
+    });
+  });
+};
+
+var _default = setActionsId;
+exports.default = _default;
+//# sourceMappingURL=setActionsId.js.map

package/dist/AssetInventory/setActionsId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setActionsId.js","names":["setActionsId","actions","id","map","action","setId"],"sources":["../../src/AssetInventory/setActionsId.js"],"sourcesContent":["import { setId } from \"../utils\";\n\n/**\n * Sets individual ids for each action, using the action id and the data id.\n *\n * @param actions\n * @param id\n * @returns {*}\n */\nconst setActionsId = (actions, id) => {\n  return actions?.map((action) => ({ ...action, id: setId(action.id, id) }));\n};\n\nexport default setActionsId;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAUC,EAAV,EAAiB;EACpC,OAAOD,OAAP,aAAOA,OAAP,uBAAOA,OAAO,CAAEE,GAAT,CAAa,UAACC,MAAD;IAAA,uCAAkBA,MAAlB;MAA0BF,EAAE,EAAE,IAAAG,YAAA,EAAMD,MAAM,CAACF,EAAb,EAAiBA,EAAjB;IAA9B;EAAA,CAAb,CAAP;AACD,CAFD;;eAIeF,Y"}

package/dist/AssetInventory/styles.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    controlsContainer: {
+      display: "flex",
+      paddingBottom: "".concat(theme.hv.spacing.md, "px"),
+      justifyContent: "space-between",
+      alignItems: "flex-end"
+    },
+    search: {
+      justifyContent: "flex-end"
+    },
+    rightControls: {
+      display: "flex",
+      alignItems: "flex-end"
+    },
+    multiButtons: {
+      paddingLeft: "".concat(theme.hv.spacing.md, "px")
+    },
+    viewContainer: {
+      padding: "".concat(theme.hv.spacing.md, "px 0"),
+      width: "100%"
+    },
+    sortContainer: {},
+    searchBoxContainer: {
+      width: "250px"
+    },
+    pagination: {
+      marginTop: 0
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/AssetInventory/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","controlsContainer","display","paddingBottom","hv","spacing","md","justifyContent","alignItems","search","rightControls","multiButtons","paddingLeft","viewContainer","padding","width","sortContainer","searchBoxContainer","pagination","marginTop"],"sources":["../../src/AssetInventory/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  controlsContainer: {\n    display: \"flex\",\n    paddingBottom: `${theme.hv.spacing.md}px`,\n    justifyContent: \"space-between\",\n    alignItems: \"flex-end\",\n  },\n  search: {\n    justifyContent: \"flex-end\",\n  },\n  rightControls: {\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  multiButtons: {\n    paddingLeft: `${theme.hv.spacing.md}px`,\n  },\n  viewContainer: {\n    padding: `${theme.hv.spacing.md}px 0`,\n    width: \"100%\",\n  },\n  sortContainer: {},\n  searchBoxContainer: {\n    width: \"250px\",\n  },\n  pagination: {\n    marginTop: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,iBAAiB,EAAE;MACjBC,OAAO,EAAE,MADQ;MAEjBC,aAAa,YAAKJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OAFI;MAGjBC,cAAc,EAAE,eAHC;MAIjBC,UAAU,EAAE;IAJK,CAFM;IAQzBC,MAAM,EAAE;MACNF,cAAc,EAAE;IADV,CARiB;IAWzBG,aAAa,EAAE;MACbR,OAAO,EAAE,MADI;MAEbM,UAAU,EAAE;IAFC,CAXU;IAezBG,YAAY,EAAE;MACZC,WAAW,YAAKb,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IADC,CAfW;IAkBzBO,aAAa,EAAE;MACbC,OAAO,YAAKf,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAtB,SADM;MAEbS,KAAK,EAAE;IAFM,CAlBU;IAsBzBC,aAAa,EAAE,EAtBU;IAuBzBC,kBAAkB,EAAE;MAClBF,KAAK,EAAE;IADW,CAvBK;IA0BzBG,UAAU,EAAE;MACVC,SAAS,EAAE;IADD;EA1Ba,CAAZ;AAAA,CAAf;;eA+BerB,M"}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,56 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvAvatarProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvAvatarClassKey> {
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component?: React.ElementType;
+
+  /**
+   * Sets one of the standard sizes of the icons.
+   */
+  size?: "S" | "M" | "L";
+
+  /**
+   * A String representing the background color of the avatar.
+   * You can use either an HEX or color name from the palette.
+   */
+  backgroundColor?: string;
+  /**
+   * A String representing the foreground color of the avatar's
+   * letters or the generic User icon fallback.
+   * You can use either an HEX or color name from the palette.
+   */
+  color?: string;
+
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src?: string;
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet?: string;
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes?: string;
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt?: string;
+  /**
+   * Attributes applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps?: React.HTMLAttributes<HTMLImageElement>;
+}
+
+export type HvAvatarClassKey = "root" | "S" | "M" | "L" | "img" | "fallback";
+
+export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/Avatar/Avatar.js

@@ -0,0 +1,243 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps"];
+
+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) { (0, _defineProperty2.default)(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; }
+
+var getColor = function getColor(theme, color, defaultColor) {
+  return theme.palette[color] || color || defaultColor;
+};
+/**
+ * Avatars can be used to represent a user or a brand.
+ * They can show an image, an icon or the initial letters of a name, for example.
+ */
+
+
+var HvAvatar = function HvAvatar(props) {
+  var className = props.className,
+      style = props.style,
+      classes = props.classes,
+      childrenProp = props.children,
+      component = props.component,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "S" : _props$size,
+      _props$backgroundColo = props.backgroundColor,
+      backgroundColor = _props$backgroundColo === void 0 ? "acce1" : _props$backgroundColo,
+      _props$color = props.color,
+      color = _props$color === void 0 ? "atmo1" : _props$color,
+      src = props.src,
+      srcSet = props.srcSet,
+      sizes = props.sizes,
+      alt = props.alt,
+      imgProps = props.imgProps,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var children = null; // Use a hook instead of onError on the img element to support server-side rendering.
+
+  var imageLoaded = (0, _utils.useImageLoaded)(src, srcSet);
+  var hasImg = src || srcSet;
+  var hasImgNotFailing = hasImg && imageLoaded !== "error";
+
+  if (hasImgNotFailing) {
+    children = /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
+      alt: alt,
+      src: src,
+      srcSet: srcSet,
+      sizes: sizes,
+      className: classes.img
+    }, imgProps));
+  } else if (childrenProp != null) {
+    children = childrenProp;
+  } else if (hasImg && alt) {
+    var _alt = (0, _slicedToArray2.default)(alt, 1);
+
+    children = _alt[0];
+  } else {
+    children = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.User, {
+      color: color,
+      iconSize: (0, _utils.decreaseSize)(size),
+      className: classes.fallback
+    });
+  }
+
+  var inlineStyle = _objectSpread({}, style);
+
+  if (component != null && typeof component !== "string") {
+    // override border-radius with custom components
+    inlineStyle.borderRadius = "50%";
+  }
+
+  var theme = (0, _core.useTheme)();
+
+  if (!hasImgNotFailing) {
+    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);
+    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_core.Avatar, (0, _extends2.default)({
+    component: component,
+    className: (0, _clsx.default)(className, classes.root, classes[size]),
+    style: inlineStyle
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
+  /**
+   * Identifier to be applied to the root element.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied to the root element.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: _propTypes.default.instanceOf(Object),
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is S.
+     */
+    S: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is M.
+     */
+    M: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is L.
+     */
+    L: _propTypes.default.string,
+
+    /**
+     * Styles applied to the img element if either `src` or `srcSet` is defined.
+     */
+    img: _propTypes.default.string,
+
+    /**
+     * Styles applied to the fallback icon.
+     */
+    fallback: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a DOM element or a component.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * Sets one of the standard sizes of the icons
+   */
+  size: _propTypes.default.oneOf(["S", "M", "L"]),
+
+  /**
+   * A String representing the background color of the avatar.
+   * You can use either an HEX or color name from the palette.
+   */
+  backgroundColor: _propTypes.default.string,
+
+  /**
+   * A String representing the foreground color of the avatar's
+   * letters or the generic User icon fallback.
+   * You can use either an HEX or color name from the palette.
+   */
+  color: _propTypes.default.string,
+
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: _propTypes.default.string,
+
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: _propTypes.default.string,
+
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes: _propTypes.default.string,
+
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: _propTypes.default.string,
+
+  /**
+   * Attributes applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps: _propTypes.default.instanceOf(Object)
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvAvatar"
+})(HvAvatar);
+
+exports.default = _default;
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["getColor","theme","color","defaultColor","palette","HvAvatar","props","className","style","classes","childrenProp","children","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","img","decreaseSize","fallback","inlineStyle","borderRadius","useTheme","hv","accent","acce1","atmosphere","atmo1","clsx","root","propTypes","id","PropTypes","string","instanceOf","Object","shape","S","M","L","isRequired","node","elementType","oneOf","withStyles","styles","name"],"sources":["../../src/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Avatar, withStyles, useTheme } from \"@material-ui/core\";\n\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nconst HvAvatar = (props) => {\n  const {\n    className,\n    style,\n    classes,\n    children: childrenProp,\n    component,\n    size = \"S\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    ...others\n  } = props;\n\n  let children = null;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <img\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={classes.img}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = <User color={color} iconSize={decreaseSize(size)} className={classes.fallback} />;\n  }\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  const theme = useTheme();\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);\n    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);\n  }\n\n  return (\n    <Avatar\n      component={component}\n      className={clsx(className, classes.root, classes[size])}\n      style={inlineStyle}\n      {...others}\n    >\n      {children}\n    </Avatar>\n  );\n};\n\nHvAvatar.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is S.\n     */\n    S: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is M.\n     */\n    M: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is L.\n     */\n    L: PropTypes.string,\n    /**\n     * Styles applied to the img element if either `src` or `srcSet` is defined.\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the fallback icon.\n     */\n    fallback: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Used to render icon or text elements inside the Avatar if `src` is not set.\n   * This can be an element, or just a string.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Sets one of the standard sizes of the icons\n   */\n  size: PropTypes.oneOf([\"S\", \"M\", \"L\"]),\n\n  /**\n   * A String representing the background color of the avatar.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.string,\n\n  /**\n   * The `src` attribute for the `img` element.\n   */\n  src: PropTypes.string,\n  /**\n   * The `srcSet` attribute for the `img` element.\n   * Use this attribute for responsive image display.\n   */\n  srcSet: PropTypes.string,\n  /**\n   * The `sizes` attribute for the `img` element.\n   */\n  sizes: PropTypes.string,\n  /**\n   * Used in combination with `src` or `srcSet` to\n   * provide an alt attribute for the rendered `img` element.\n   */\n  alt: PropTypes.string,\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"mappings":"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"}

package/dist/Avatar/index.d.ts

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

package/dist/Avatar/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 _Avatar.default;
+  }
+});
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+//# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

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

package/dist/Avatar/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var SMALL = "24px";
+var MEDIUM = "40px";
+var LARGE = "96px";
+var styles = {
+  /* Styles applied to the root element. */
+  root: {
+    fontSize: "1rem"
+  },
+
+  /* Styles applied to the img element if either `src` or `srcSet` is defined. */
+  img: {
+    width: "100%",
+    height: "100%",
+    textAlign: "center",
+    // Handle non-square image. The property isn't supported by IE 11.
+    objectFit: "cover",
+    // Hide alt text.
+    color: "transparent",
+    // Hide the image broken icon, only works on Chrome.
+    textIndent: 10000
+  },
+
+  /* Styles applied to the fallback icon */
+  fallback: {},
+  S: {
+    width: SMALL,
+    height: SMALL,
+    fontSize: "0.625rem"
+  },
+  M: {
+    width: MEDIUM,
+    height: MEDIUM,
+    fontSize: "1rem"
+  },
+  L: {
+    width: LARGE,
+    height: LARGE,
+    fontSize: "2rem"
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["SMALL","MEDIUM","LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","S","M","L"],"sources":["../../src/Avatar/styles.js"],"sourcesContent":["const SMALL = \"24px\";\nconst MEDIUM = \"40px\";\nconst LARGE = \"96px\";\n\nconst styles = {\n  /* Styles applied to the root element. */\n  root: {\n    fontSize: \"1rem\",\n  },\n  /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n  img: {\n    width: \"100%\",\n    height: \"100%\",\n    textAlign: \"center\",\n    // Handle non-square image. The property isn't supported by IE 11.\n    objectFit: \"cover\",\n    // Hide alt text.\n    color: \"transparent\",\n    // Hide the image broken icon, only works on Chrome.\n    textIndent: 10000,\n  },\n  /* Styles applied to the fallback icon */\n  fallback: {},\n\n  S: {\n    width: SMALL,\n    height: SMALL,\n    fontSize: \"0.625rem\",\n  },\n  M: {\n    width: MEDIUM,\n    height: MEDIUM,\n    fontSize: \"1rem\",\n  },\n  L: {\n    width: LARGE,\n    height: LARGE,\n    fontSize: \"2rem\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,MAAd;AACA,IAAMC,MAAM,GAAG,MAAf;AACA,IAAMC,KAAK,GAAG,MAAd;AAEA,IAAMC,MAAM,GAAG;EACb;EACAC,IAAI,EAAE;IACJC,QAAQ,EAAE;EADN,CAFO;;EAKb;EACAC,GAAG,EAAE;IACHC,KAAK,EAAE,MADJ;IAEHC,MAAM,EAAE,MAFL;IAGHC,SAAS,EAAE,QAHR;IAIH;IACAC,SAAS,EAAE,OALR;IAMH;IACAC,KAAK,EAAE,aAPJ;IAQH;IACAC,UAAU,EAAE;EATT,CANQ;;EAiBb;EACAC,QAAQ,EAAE,EAlBG;EAoBbC,CAAC,EAAE;IACDP,KAAK,EAAEP,KADN;IAEDQ,MAAM,EAAER,KAFP;IAGDK,QAAQ,EAAE;EAHT,CApBU;EAyBbU,CAAC,EAAE;IACDR,KAAK,EAAEN,MADN;IAEDO,MAAM,EAAEP,MAFP;IAGDI,QAAQ,EAAE;EAHT,CAzBU;EA8BbW,CAAC,EAAE;IACDT,KAAK,EAAEL,KADN;IAEDM,MAAM,EAAEN,KAFP;IAGDG,QAAQ,EAAE;EAHT;AA9BU,CAAf;eAqCeF,M"}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvBadgeProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvBadgeClassKey> {
+  /**
+   * Count is the number of unread notifications.
+   * Note count and label are mutually exclusive.
+   * count is ignored when label is specified at the same time.
+   */
+  count?: number;
+  /**
+   * True if count should be displayed.
+   * Note showCount and label are mutually exclusive.
+   * showCount is ignored when label is specified at the same time.
+   */
+  showCount?: boolean;
+  /**
+   * The maximum number of unread notifications to be displayed
+   */
+  maxCount?: number;
+  /**
+   * Custom text to show in place of count.
+   * Note showCount and label are mutually exclusive.
+   * showCount is ignored when label is specified at the same time.
+   */
+  label?: string;
+  /**
+   * Icon which the notification will be attached.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Text which the notification will be attached.
+   */
+  text?: string;
+  /**
+   * Text variant.
+   */
+  textVariant?: string;
+}
+
+export type HvBadgeClassKey =
+  | "root"
+  | "badgeContainer"
+  | "badge"
+  | "badgeIcon"
+  | "showCount"
+  | "showLabel"
+  | "badgeOneDigit";
+
+export default function HvBadge(props: HvBadgeProps): JSX.Element | null;