@hitachivantara/uikit-react-core 3.59.0 → 3.62.0

package/dist/legacy/VerticalNavigation/TreeView/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+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 { outlineStyles } from "../../Focus/styles";
 

package/dist/legacy/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js

@@ -9,9 +9,9 @@ import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.filter.js";
 
-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 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 = 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; }
+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; }
 
 var NodeTreeMapUtils = /*#__PURE__*/function () {
   function NodeTreeMapUtils() {

package/dist/legacy/VerticalNavigation/styles.js

@@ -6,6 +6,7 @@ var styles = function styles(theme) {
       justifyContent: "space-between",
       width: "100%",
       background: theme.hv.palette.atmosphere.atmo1,
+      boxShadow: theme.hv.shadows[1],
       "& > :only-child": {
         padding: theme.hv.spacing.sm
       },

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/VerticalNavigation/styles.js"],"names":["styles","theme","root","display","flexDirection","justifyContent","width","background","hv","palette","atmosphere","atmo1","padding","spacing","sm","borderTop","atmo2","hvSpacing","noCollapse","legacyMode"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,cAAc,EAAE,eAHZ;AAKJC,MAAAA,KAAK,EAAE,MALH;AAOJC,MAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAPpC;AASJ,yBAAmB;AACjBC,QAAAA,OAAO,EAAEX,KAAK,CAACO,EAAN,CAASK,OAAT,CAAiBC;AADT,OATf;AAYJ,gCAA0B;AACxBC,QAAAA,SAAS,sBAAed,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BM,KAA3C,CADe;AAExBJ,QAAAA,OAAO,EAAEX,KAAK,CAACgB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAFe,OAZtB;AAgBJ,2CAAqC;AACnCL,QAAAA,OAAO,EAAEX,KAAK,CAACgB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAD0B;AAhBjC,KADmB;AAqBzBC,IAAAA,UAAU,EAAE,EArBa;AAsBzBC,IAAAA,UAAU,EAAE;AACVb,MAAAA,KAAK,EAAE;AADG;AAtBa,GAAZ;AAAA,CAAf;;AA2BA,eAAeN,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"space-between\",\n\n    width: \"100%\",\n\n    background: theme.hv.palette.atmosphere.atmo1,\n\n    \"& > :only-child\": {\n      padding: theme.hv.spacing.sm,\n    },\n    \"& > :not(:first-child)\": {\n      borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: theme.hvSpacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n    },\n    \"& > :first-child:not(:last-child)\": {\n      padding: theme.hvSpacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n    },\n  },\n  noCollapse: {},\n  legacyMode: {\n    width: 225,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/VerticalNavigation/styles.js"],"names":["styles","theme","root","display","flexDirection","justifyContent","width","background","hv","palette","atmosphere","atmo1","boxShadow","shadows","padding","spacing","sm","borderTop","atmo2","hvSpacing","noCollapse","legacyMode"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,cAAc,EAAE,eAHZ;AAKJC,MAAAA,KAAK,EAAE,MALH;AAOJC,MAAAA,UAAU,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAPpC;AAQJC,MAAAA,SAAS,EAAEX,KAAK,CAACO,EAAN,CAASK,OAAT,CAAiB,CAAjB,CARP;AAUJ,yBAAmB;AACjBC,QAAAA,OAAO,EAAEb,KAAK,CAACO,EAAN,CAASO,OAAT,CAAiBC;AADT,OAVf;AAaJ,gCAA0B;AACxBC,QAAAA,SAAS,sBAAehB,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BQ,KAA3C,CADe;AAExBJ,QAAAA,OAAO,EAAEb,KAAK,CAACkB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAFe,OAbtB;AAiBJ,2CAAqC;AACnCL,QAAAA,OAAO,EAAEb,KAAK,CAACkB,SAAN,CAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC;AAD0B;AAjBjC,KADmB;AAsBzBC,IAAAA,UAAU,EAAE,EAtBa;AAuBzBC,IAAAA,UAAU,EAAE;AACVf,MAAAA,KAAK,EAAE;AADG;AAvBa,GAAZ;AAAA,CAAf;;AA4BA,eAAeN,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"space-between\",\n\n    width: \"100%\",\n\n    background: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: theme.hv.shadows[1],\n\n    \"& > :only-child\": {\n      padding: theme.hv.spacing.sm,\n    },\n    \"& > :not(:first-child)\": {\n      borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: theme.hvSpacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n    },\n    \"& > :first-child:not(:last-child)\": {\n      padding: theme.hvSpacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n    },\n  },\n  noCollapse: {},\n  legacyMode: {\n    width: 225,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/theme/CssBaseline.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+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 { makeStyles } from "@material-ui/core/styles";
 var html = {

package/dist/legacy/theme/index.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/es.array.fill.js";
 import { createTheme } from "@material-ui/core/styles";

package/dist/legacy/theme/overrides/muiIconButton.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+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 { outlineStyles } from "../../Focus/styles";
 

package/dist/legacy/theme/palette.js

@@ -11,9 +11,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.values.js";
 
-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 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 = 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; }
+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 createPalette from "@material-ui/core/styles/createPalette";
 

package/dist/legacy/theme/typography.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+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 createTypography from "@material-ui/core/styles/createTypography";
 

package/dist/legacy/utils/sizes.js

@@ -4,12 +4,15 @@ export var decreaseSize = function decreaseSize(size) {
       return "L";
 
     case "L":
+    case "LG":
       return "M";
 
     case "M":
+    case "MD":
       return "S";
 
     case "S":
+    case "SM":
     default:
       return "XS";
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/sizes.js"],"names":["decreaseSize","size","increaseSize"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAU;AACpC,UAAQA,IAAR;AACE,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA;AACE,aAAO,IAAP;AAZJ;AAcD,CAfM;AAiBP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACD,IAAD,EAAU;AACpC,UAAQA,IAAR;AACE,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA;AACE,aAAO,IAAP;AAZJ;AAcD,CAfM","sourcesContent":["export const decreaseSize = (size) => {\n  switch (size) {\n    case \"XL\":\n      return \"L\";\n\n    case \"L\":\n      return \"M\";\n\n    case \"M\":\n      return \"S\";\n\n    case \"S\":\n    default:\n      return \"XS\";\n  }\n};\n\nexport const increaseSize = (size) => {\n  switch (size) {\n    case \"XS\":\n      return \"S\";\n\n    case \"S\":\n      return \"M\";\n\n    case \"M\":\n      return \"L\";\n\n    case \"L\":\n    default:\n      return \"XL\";\n  }\n};\n"],"file":"sizes.js"}
+{"version":3,"sources":["../../../src/utils/sizes.js"],"names":["decreaseSize","size","increaseSize"],"mappings":"AAAA,OAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAU;AACpC,UAAQA,IAAR;AACE,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA,SAAK,IAAL;AACA;AACE,aAAO,IAAP;AAfJ;AAiBD,CAlBM;AAoBP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACD,IAAD,EAAU;AACpC,UAAQA,IAAR;AACE,SAAK,IAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACE,aAAO,GAAP;;AAEF,SAAK,GAAL;AACA;AACE,aAAO,IAAP;AAZJ;AAcD,CAfM","sourcesContent":["export const decreaseSize = (size) => {\n  switch (size) {\n    case \"XL\":\n      return \"L\";\n\n    case \"L\":\n    case \"LG\":\n      return \"M\";\n\n    case \"M\":\n    case \"MD\":\n      return \"S\";\n\n    case \"S\":\n    case \"SM\":\n    default:\n      return \"XS\";\n  }\n};\n\nexport const increaseSize = (size) => {\n  switch (size) {\n    case \"XS\":\n      return \"S\";\n\n    case \"S\":\n      return \"M\";\n\n    case \"M\":\n      return \"L\";\n\n    case \"L\":\n    default:\n      return \"XL\";\n  }\n};\n"],"file":"sizes.js"}

package/dist/legacy/utils/useLabels.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 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 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 = 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; }
+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";
 

package/dist/legacy/withTooltip.js

@@ -9,9 +9,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
-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 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 = 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; }
+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, { useState } from "react";
 import Typography from "./Typography";

package/dist/modern/Accordion/styles.js

@@ -1,8 +1,8 @@
 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 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 = 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; }
+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 { outlineStyles } from "../Focus/styles";
 

package/dist/modern/AssetInventory/AssetInventory.js

@@ -1,9 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 
-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 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 = 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect, useCallback } from "react";

package/dist/modern/AssetInventory/CardView/CardView.js

@@ -4,9 +4,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["id", "className", "classes", "values", "selectedValues", "renderer", "viewConfiguration", "innerCardContent", "metadata", "emptyComponent"];
 import "core-js/modules/web.dom-collections.iterator.js";
 
-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 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 = 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; }
+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, { useRef } from "react";
 import PropTypes from "prop-types";

package/dist/modern/AssetInventory/ListView/ListView.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "id", "viewConfiguration", "classes", "renderer", "values", "selectedValues", "metadata", "emptyComponent"];
 
-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 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 = 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useRef } from "react";

package/dist/modern/AssetInventory/ListView/ListViewCell/styles.js

@@ -1,8 +1,8 @@
 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 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 = 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; }
+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 mapValues from "lodash/mapValues";
 

package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js

@@ -6,9 +6,9 @@ var _div;
 
 const _excluded = ["viewConfiguration", "classes", "id", "className"];
 
-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 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 = 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; }
+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";

package/dist/modern/AssetInventory/ListView/ListViewRow/ListViewRow.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id", "viewConfiguration", "classes", "className", "children", "isSelectable", "onSelection", "checkboxProps", "checked", "semantic"];
 
-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 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 = 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; }
+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";

package/dist/modern/AssetInventory/setActionsId.js

@@ -1,8 +1,8 @@
 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 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 = 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; }
+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 { setId } from "../utils";
 /**

package/dist/modern/Avatar/Avatar.d.ts

@@ -1,7 +1,20 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvSemanticColorKeys, HvAtmosphereColorKeys } from "..";
 
-export type HvAvatarClassKey = "root" | "S" | "M" | "L" | "img" | "fallback";
+export type HvAvatarClassKey =
+  | "root"
+  | "XS"
+  | "SM"
+  | "MD"
+  | "LG"
+  | "XL"
+  | "img"
+  | "fallback"
+  | "container"
+  | "status"
+  | "badge"
+  | "avatar";
 
 export interface HvAvatarProps
   extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvAvatarClassKey> {
@@ -14,7 +27,7 @@ export interface HvAvatarProps
   /**
    * Sets one of the standard sizes of the icons.
    */
-  size?: "S" | "M" | "L";
+  size?: "S" | "M" | "L" | "XS" | "SM" | "MD" | "LG" | "XL";
 
   /**
    * A String representing the background color of the avatar.
@@ -51,6 +64,18 @@ export interface HvAvatarProps
    * It can be used to listen for the loading error event.
    */
   imgProps?: React.HTMLAttributes<HTMLImageElement>;
+  /**
+   * A string representing the type of avatar to display, circular or square.
+   */
+  variant: "circular" | "square";
+  /**
+   * A string representing the color of the avatar border that represents its status.
+   */
+  status?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+  /**
+   * A string representing the color of the avatar badge.
+   */
+  badge?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/modern/Avatar/Avatar.js

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps"];
+const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant"];
 
-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 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 = 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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import "core-js/modules/web.dom-collections.iterator.js";
 import React from "react";
@@ -17,6 +17,31 @@ import { decreaseSize, useImageLoaded } from "../utils";
 import styles from "./styles";
 
 const getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;
+
+const normalizeSize = size => {
+  if (size === "S" || size === "M" || size === "L") {
+    // eslint-disable-next-line no-console
+    console.warn("`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead");
+
+    switch (size) {
+      case "S":
+        return "SM";
+
+      case "M":
+        return "MD";
+
+      case "L":
+        // this is intentional. the old L corresponds to the new XL. should be
+        // removed once the old nomenclature is removed.
+        return "XL";
+
+      default:
+        break;
+    }
+  }
+
+  return size;
+};
 /**
  * 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.
@@ -30,17 +55,22 @@ const HvAvatar = props => {
     classes,
     children: childrenProp,
     component,
-    size = "S",
+    size = "SM",
     backgroundColor = "acce1",
     color = "atmo1",
     src,
     srcSet,
     sizes,
     alt,
-    imgProps
+    imgProps,
+    status,
+    badge,
+    variant = "circular"
   } = props,
-        others = _objectWithoutProperties(props, _excluded);
+        others = _objectWithoutProperties(props, _excluded); // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL
 
+
+  const normalizedSize = normalizeSize(size);
   let children = null; // Use a hook instead of onError on the img element to support server-side rendering.
 
   const imageLoaded = useImageLoaded(src, srcSet);
@@ -62,7 +92,7 @@ const HvAvatar = props => {
   } else {
     children = /*#__PURE__*/React.createElement(User, {
       color: color,
-      iconSize: decreaseSize(size),
+      iconSize: decreaseSize(normalizedSize),
       className: classes.fallback
     });
   }
@@ -81,11 +111,35 @@ const HvAvatar = props => {
     inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);
   }
 
-  return /*#__PURE__*/React.createElement(Avatar, _extends({
+  const statusInlineStyle = {};
+
+  if (status) {
+    // set the status border. we're using the boxShadow property to set the border
+    // to be inside the container and not on its edge.
+    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);
+    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
+  }
+
+  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.container,
+    tabIndex: 0,
+    role: "button",
+    "aria-label": "avatar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.status, classes[variant], classes[normalizedSize]),
+    style: statusInlineStyle
+  }, badge && /*#__PURE__*/React.createElement("div", {
+    className: classes.badge,
+    style: {
+      backgroundColor: badgeColor
+    }
+  }), /*#__PURE__*/React.createElement(Avatar, _extends({
     component: component,
-    className: clsx(className, classes.root, classes[size]),
-    style: inlineStyle
-  }, others), children);
+    className: clsx(className, classes.root, classes.avatar, classes[normalizedSize]),
+    style: inlineStyle,
+    variant: variant
+  }, others), children)));
 };
 
 process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
@@ -114,19 +168,29 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
     root: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is S.
+     * Styles applied to the root element when size is XS.
+     */
+    XS: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is SM.
      */
-    S: PropTypes.string,
+    SM: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is M.
+     * Styles applied to the root element when size is MD.
      */
-    M: PropTypes.string,
+    MD: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is L.
+     * Styles applied to the root element when size is LG.
      */
-    L: PropTypes.string,
+    LG: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is XL.
+     */
+    XL: PropTypes.string,
 
     /**
      * Styles applied to the img element if either `src` or `srcSet` is defined.
@@ -136,7 +200,27 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
     /**
      * Styles applied to the fallback icon.
      */
-    fallback: PropTypes.string
+    fallback: PropTypes.string,
+
+    /**
+     * Styles applied to the container element.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the avatar element.
+     */
+    avatar: PropTypes.string,
+
+    /**
+     * Styles applied to the badge element.
+     */
+    badge: PropTypes.string,
+
+    /**
+     * Styles applied to the status element.
+     */
+    status: PropTypes.string
   }).isRequired,
 
   /**
@@ -154,7 +238,7 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * Sets one of the standard sizes of the icons
    */
-  size: PropTypes.oneOf(["S", "M", "L"]),
+  size: PropTypes.oneOf(["S", "M", "L", "XS", "SM", "MD", "LG", "XL"]),
 
   /**
    * A String representing the background color of the avatar.
@@ -195,7 +279,22 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
    * 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.instanceOf(Object)
+  imgProps: PropTypes.instanceOf(Object),
+
+  /**
+   * A string representing the type of avatar to display, circular or square.
+   */
+  variant: PropTypes.oneOf(["circular", "square"]),
+
+  /**
+   * A string representing the color of the avatar border that represents its status.
+   */
+  status: PropTypes.string,
+
+  /**
+   * A string representing the color of the avatar badge.
+   */
+  badge: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvAvatar"