@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"sources":["../../../src/AppSwitcher/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n      theme.hv.spacing.sm - 4\n    }px`,\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n\n  single: {\n    width: 320,\n  },\n  dual: {\n    width: 640,\n  },\n  fluid: {},\n\n  closed: {\n    display: \"none\",\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.hv.shadows[1],\n  },\n\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n\n    marginTop: \"auto\",\n\n    height: 52,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n    ...theme.hv.typography.highlightText,\n  },\n\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTypography: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfo: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAIJC,QAAQ,EAAE,QAJN;IAMJ;IACAC,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAAOR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MACjER,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CACvB,IATG;IAWJC,eAAe,EAAET,KAAK,CAACM,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC;EAXzC,CADmB;EAezBC,MAAM,EAAE;IACNC,KAAK,EAAE;EADD,CAfiB;EAkBzBC,IAAI,EAAE;IACJD,KAAK,EAAE;EADH,CAlBmB;EAqBzBE,KAAK,EAAE,EArBkB;EAuBzBC,MAAM,EAAE;IACNf,OAAO,EAAE;EADH,CAvBiB;EA0BzBgB,IAAI,EAAE;IACJC,MAAM,EAAE,MADJ;IAEJC,QAAQ,EAAE,UAFN;IAGJC,GAAG,EAAE,MAHD;IAIJC,SAAS,EAAE,QAJP;IAKJC,SAAS,EAAEvB,KAAK,CAACM,EAAN,CAASkB,OAAT,CAAiB,CAAjB;EALP,CA1BmB;EAkCzBC,KAAK,EAAE;IACLC,SAAS,EAAE,EADN;IAGL;IACArB,OAAO,EAAG,OAAML,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAG,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,QAJ5D;IAMLJ,QAAQ,EAAE,QANL;IAOLuB,UAAU,EAAE,QAPP;IAQLC,YAAY,EAAE;EART,CAlCkB;EA6CzBC,gBAAgB,EAAE;IAChB3B,OAAO,EAAE,MADO;IAEhB4B,QAAQ,EAAE,MAFM;IAGhBC,cAAc,EAAE,YAHA;IAKhBC,SAAS,EAAE,MALK;IAOhB;IACA3B,OAAO,EAAE;EARO,CA7CO;EAwDzB4B,eAAe;IACb/B,OAAO,EAAE,MADI;IAEbgC,UAAU,EAAE,QAFC;IAIbC,SAAS,EAAE,MAJE;IAMbC,MAAM,EAAE,EANK;IAQb;IACA/B,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE,MAAKR,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB,CAAE;EATpD,GAWVR,KAAK,CAACM,EAAN,CAAS+B,UAAT,CAAoBC,aAXV,CAxDU;EAsEzBC,IAAI,EAAE,EAtEmB;EAuEzBC,YAAY,EAAE,EAvEW;EAwEzBC,YAAY,EAAE,EAxEW;EAyEzBC,cAAc,EAAE,EAzES;EA0EzBC,QAAQ,EAAE,EA1Ee;EA2EzBC,SAAS,EAAE,EA3Ec;EA4EzBC,QAAQ,EAAE;AA5Ee,CAAZ,CAAf;;AA+EA,eAAe9C,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","overflow","padding","hv","spacing","sm","backgroundColor","palette","atmosphere","atmo1","single","width","dual","fluid","closed","open","zIndex","position","top","overflowX","boxShadow","shadows","title","minHeight","whiteSpace","textOverflow","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","typography","highlightText","item","itemSelected","itemDisabled","itemTypography","itemIcon","itemTitle","itemInfo"],"sources":["../../../src/AppSwitcher/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px 0 ${theme.hv.spacing.sm - 4}px ${\n      theme.hv.spacing.sm - 4\n    }px`,\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n\n  single: {\n    width: 320,\n  },\n  dual: {\n    width: 640,\n  },\n  fluid: {},\n\n  closed: {\n    display: \"none\",\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.hv.shadows[1],\n  },\n\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // we need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n\n    marginTop: \"auto\",\n\n    height: 52,\n\n    // we need to play with the 4px because of the focus ring\n    padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n\n    ...theme.hv.typography.highlightText,\n  },\n\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTypography: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfo: {},\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IAEvBC,QAAQ,EAAE,QAAQ;IAElB;IACAC,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CAAE,QAAOR,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CAAE,MACjER,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CACvB,IAAG;IAEJC,eAAe,EAAET,KAAK,CAACM,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC;EAC/C,CAAC;EAEDC,MAAM,EAAE;IACNC,KAAK,EAAE;EACT,CAAC;EACDC,IAAI,EAAE;IACJD,KAAK,EAAE;EACT,CAAC;EACDE,KAAK,EAAE,CAAC,CAAC;EAETC,MAAM,EAAE;IACNf,OAAO,EAAE;EACX,CAAC;EACDgB,IAAI,EAAE;IACJC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,MAAM;IACXC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAEvB,KAAK,CAACM,EAAE,CAACkB,OAAO,CAAC,CAAC;EAC/B,CAAC;EAEDC,KAAK,EAAE;IACLC,SAAS,EAAE,EAAE;IAEb;IACArB,OAAO,EAAG,OAAML,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAG,MAAKR,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CAAE,QAAO;IAExEJ,QAAQ,EAAE,QAAQ;IAClBuB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE;EAChB,CAAC;EAEDC,gBAAgB,EAAE;IAChB3B,OAAO,EAAE,MAAM;IACf4B,QAAQ,EAAE,MAAM;IAChBC,cAAc,EAAE,YAAY;IAE5BC,SAAS,EAAE,MAAM;IAEjB;IACA3B,OAAO,EAAE;EACX,CAAC;EAED4B,eAAe;IACb/B,OAAO,EAAE,MAAM;IACfgC,UAAU,EAAE,QAAQ;IAEpBC,SAAS,EAAE,MAAM;IAEjBC,MAAM,EAAE,EAAE;IAEV;IACA/B,OAAO,EAAG,GAAEL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CAAE,MAAKR,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG,CAAE;EAAW,GAEzER,KAAK,CAACM,EAAE,CAAC+B,UAAU,CAACC,aAAa,CACrC;EAEDC,IAAI,EAAE,CAAC,CAAC;EACRC,YAAY,EAAE,CAAC,CAAC;EAChBC,YAAY,EAAE,CAAC,CAAC;EAChBC,cAAc,EAAE,CAAC,CAAC;EAClBC,QAAQ,EAAE,CAAC,CAAC;EACZC,SAAS,EAAE,CAAC,CAAC;EACbC,QAAQ,EAAE,CAAC;AACb,CAAC,CAAC;AAEF,eAAe9C,MAAM"}

package/dist/modern/Avatar/Avatar.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
-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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -17,69 +13,61 @@ import { decreaseSize, useImageLoaded } from "../utils";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 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.
  */
-
-
 const HvAvatar = props => {
   const {
-    className,
-    style,
-    classes,
-    children: childrenProp,
-    component,
-    size = "SM",
-    backgroundColor = "acce1",
-    color = "atmo1",
-    src,
-    srcSet,
-    sizes,
-    alt,
-    imgProps,
-    status,
-    badge,
-    variant = "circular",
-    containerProps
-  } = props,
-        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
-
-
+      className,
+      style,
+      classes,
+      children: childrenProp,
+      component,
+      size = "SM",
+      backgroundColor = "acce1",
+      color = "atmo1",
+      src,
+      srcSet,
+      sizes,
+      alt,
+      imgProps,
+      status,
+      badge,
+      variant = "circular",
+      containerProps
+    } = props,
+    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.
+  let children = null;
 
+  // Use a hook instead of onError on the img element to support server-side rendering.
   const imageLoaded = useImageLoaded(src, srcSet);
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
-
   if (hasImgNotFailing) {
     children = /*#__PURE__*/_jsx("img", _objectSpread({
       alt: alt,
@@ -99,31 +87,25 @@ const HvAvatar = props => {
       className: classes.fallback
     });
   }
-
   const inlineStyle = _objectSpread({}, style);
-
   if (component != null && typeof component !== "string") {
     // override border-radius with custom components
     inlineStyle.borderRadius = "50%";
   }
-
   const theme = useTheme();
-
   if (!hasImgNotFailing) {
     inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);
     inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);
   }
-
   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);
+
   /**
    * Note: on the next major release this should be updated. the `others` prop should be
    * used in the container instead of the `containerProps` and a new `avatarProps`
@@ -131,7 +113,6 @@ const HvAvatar = props => {
    * done now in order to not break the current API. Also, consider using the `root` class
    * on the container element as it makes more semantic sense.
    */
-
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: classes.container
   }, containerProps), {}, {
@@ -154,23 +135,19 @@ const HvAvatar = props => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * Identifier to be applied to the root element.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied to the root element.
    */
   className: PropTypes.string,
-
   /**
    * Inline styles to be applied to the root element.
    */
   style: PropTypes.instanceOf(Object),
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
@@ -179,136 +156,111 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
      * Styles applied to the root element.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the root element when size is XS.
      */
     XS: PropTypes.string,
-
     /**
      * Styles applied to the root element when size is SM.
      */
     SM: PropTypes.string,
-
     /**
      * Styles applied to the root element when size is MD.
      */
     MD: PropTypes.string,
-
     /**
      * Styles applied to the root element when size is LG.
      */
     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.
      */
     img: PropTypes.string,
-
     /**
      * Styles applied to the fallback icon.
      */
     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,
-
   /**
    * 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.node,
-
   /**
    * The component used for the root node.
    * Either a string to use a DOM element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * Sets one of the standard sizes of the icons
    */
   size: PropTypes.oneOf(["S", "M", "L", "XS", "SM", "MD", "LG", "XL"]),
-
   /**
    * A String representing the background color of the avatar.
    * You can use either an HEX or color name from the palette.
    */
   backgroundColor: PropTypes.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.string,
-
   /**
    * The `src` attribute for the `img` element.
    */
   src: PropTypes.string,
-
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
   srcSet: PropTypes.string,
-
   /**
    * The `sizes` attribute for the `img` element.
    */
   sizes: PropTypes.string,
-
   /**
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
   alt: PropTypes.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.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,
-
   /**
    * Attributes applied to the container element.
    */

package/dist/modern/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","children","childrenProp","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","containerProps","others","normalizedSize","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","root","avatar","propTypes","id","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","name"],"sources":["../../../src/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Avatar } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst normalizeSize = (size) => {\n  if (size === \"S\" || size === \"M\" || size === \"L\") {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead\"\n    );\n    switch (size) {\n      case \"S\":\n        return \"SM\";\n      case \"M\":\n        return \"MD\";\n      case \"L\":\n        // this is intentional. the old L corresponds to the new XL. should be\n        // removed once the old nomenclature is removed.\n        return \"XL\";\n      default:\n        break;\n    }\n  }\n  return size;\n};\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 = \"SM\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    status,\n    badge,\n    variant = \"circular\",\n    containerProps,\n    ...others\n  } = props;\n\n  // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL\n  const normalizedSize = normalizeSize(size);\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 = (\n      <User color={color} iconSize={decreaseSize(normalizedSize)} className={classes.fallback} />\n    );\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\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  const statusInlineStyle = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);\n\n  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\n      <div\n        className={clsx(classes.status, classes[variant], classes[normalizedSize])}\n        style={statusInlineStyle}\n      >\n        {badge && <div className={classes.badge} style={{ backgroundColor: badgeColor }} />}\n        <Avatar\n          component={component}\n          className={clsx(className, classes.root, classes.avatar, classes[normalizedSize])}\n          style={inlineStyle}\n          variant={variant}\n          {...others}\n        >\n          {children}\n        </Avatar>\n      </div>\n    </div>\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 XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: 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    /**\n     * Styles applied to the container element.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the badge element.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the status element.\n     */\n    status: 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\", \"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\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   * A string representing the type of avatar to display, circular or square.\n   */\n  variant: PropTypes.oneOf([\"circular\", \"square\"]),\n  /**\n   * A string representing the color of the avatar border that represents its status.\n   */\n  status: PropTypes.string,\n  /**\n   * A string representing the color of the avatar badge.\n   */\n  badge: PropTypes.string,\n  /**\n   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","children","childrenProp","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","containerProps","others","normalizedSize","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","root","avatar","propTypes","id","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","name"],"sources":["../../../src/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Avatar } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst normalizeSize = (size) => {\n  if (size === \"S\" || size === \"M\" || size === \"L\") {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead\"\n    );\n    switch (size) {\n      case \"S\":\n        return \"SM\";\n      case \"M\":\n        return \"MD\";\n      case \"L\":\n        // this is intentional. the old L corresponds to the new XL. should be\n        // removed once the old nomenclature is removed.\n        return \"XL\";\n      default:\n        break;\n    }\n  }\n  return size;\n};\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 = \"SM\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    status,\n    badge,\n    variant = \"circular\",\n    containerProps,\n    ...others\n  } = props;\n\n  // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL\n  const normalizedSize = normalizeSize(size);\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 = (\n      <User color={color} iconSize={decreaseSize(normalizedSize)} className={classes.fallback} />\n    );\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\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  const statusInlineStyle = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);\n\n  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\n      <div\n        className={clsx(classes.status, classes[variant], classes[normalizedSize])}\n        style={statusInlineStyle}\n      >\n        {badge && <div className={classes.badge} style={{ backgroundColor: badgeColor }} />}\n        <Avatar\n          component={component}\n          className={clsx(className, classes.root, classes.avatar, classes[normalizedSize])}\n          style={inlineStyle}\n          variant={variant}\n          {...others}\n        >\n          {children}\n        </Avatar>\n      </div>\n    </div>\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 XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: 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    /**\n     * Styles applied to the container element.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the badge element.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the status element.\n     */\n    status: 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\", \"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\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   * A string representing the type of avatar to display, circular or square.\n   */\n  variant: PropTypes.oneOf([\"circular\", \"square\"]),\n  /**\n   * A string representing the color of the avatar border that represents its status.\n   */\n  status: PropTypes.string,\n  /**\n   * A string representing the color of the avatar badge.\n   */\n  badge: PropTypes.string,\n  /**\n   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"mappings":"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"}

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

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

package/dist/modern/Avatar/styles.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
 const EXTRA_SMALL = {
   container: "32px",
@@ -30,7 +27,6 @@ const styles = {
   root: {
     fontSize: "1rem"
   },
-
   /* Styles applied to the img element if either `src` or `srcSet` is defined. */
   img: {
     width: "100%",
@@ -43,7 +39,6 @@ const styles = {
     // Hide the image broken icon, only works on Chrome.
     textIndent: 10000
   },
-
   /* Styles applied to the fallback icon */
   fallback: {},
   container: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","borderRadius","status","display","alignItems","justifyContent","position","badge","top","right","zIndex","XS","SM","MD","LG","XL","circular"],"sources":["../../../src/Avatar/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\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  container: {\n    \"&:focus-visible\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n  },\n  status: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    \"&$XS\": {\n      width: EXTRA_SMALL.container,\n      height: EXTRA_SMALL.container,\n    },\n    \"&$SM\": {\n      width: SMALL.container,\n      height: SMALL.container,\n    },\n    \"&$MD\": {\n      width: MEDIUM.container,\n      height: MEDIUM.container,\n    },\n    \"&$LG\": {\n      width: LARGE.container,\n      height: LARGE.container,\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.container,\n      height: EXTRA_LARGE.container,\n    },\n  },\n  avatar: {\n    \"&$XS\": {\n      width: EXTRA_SMALL.avatar,\n      height: EXTRA_SMALL.avatar,\n      fontSize: \"0.5rem\",\n    },\n    \"&$SM\": {\n      width: SMALL.avatar,\n      height: SMALL.avatar,\n      fontSize: \"0.625rem\",\n    },\n    \"&$MD\": {\n      width: MEDIUM.avatar,\n      height: MEDIUM.avatar,\n      fontSize: \"1rem\",\n    },\n    \"&$LG\": {\n      width: LARGE.avatar,\n      height: LARGE.avatar,\n      fontSize: \"1.5rem\",\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.avatar,\n      height: EXTRA_LARGE.avatar,\n      fontSize: \"2rem\",\n    },\n  },\n  badge: {\n    width: 8,\n    height: 8,\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n\n  XS: {},\n  SM: {},\n  MD: {},\n  LG: {},\n  XL: {},\n  circular: {\n    borderRadius: \"50%\",\n  },\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","borderRadius","status","display","alignItems","justifyContent","position","badge","top","right","zIndex","XS","SM","MD","LG","XL","circular"],"sources":["../../../src/Avatar/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\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  container: {\n    \"&:focus-visible\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n  },\n  status: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    \"&$XS\": {\n      width: EXTRA_SMALL.container,\n      height: EXTRA_SMALL.container,\n    },\n    \"&$SM\": {\n      width: SMALL.container,\n      height: SMALL.container,\n    },\n    \"&$MD\": {\n      width: MEDIUM.container,\n      height: MEDIUM.container,\n    },\n    \"&$LG\": {\n      width: LARGE.container,\n      height: LARGE.container,\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.container,\n      height: EXTRA_LARGE.container,\n    },\n  },\n  avatar: {\n    \"&$XS\": {\n      width: EXTRA_SMALL.avatar,\n      height: EXTRA_SMALL.avatar,\n      fontSize: \"0.5rem\",\n    },\n    \"&$SM\": {\n      width: SMALL.avatar,\n      height: SMALL.avatar,\n      fontSize: \"0.625rem\",\n    },\n    \"&$MD\": {\n      width: MEDIUM.avatar,\n      height: MEDIUM.avatar,\n      fontSize: \"1rem\",\n    },\n    \"&$LG\": {\n      width: LARGE.avatar,\n      height: LARGE.avatar,\n      fontSize: \"1.5rem\",\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.avatar,\n      height: EXTRA_LARGE.avatar,\n      fontSize: \"2rem\",\n    },\n  },\n  badge: {\n    width: 8,\n    height: 8,\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n\n  XS: {},\n  SM: {},\n  MD: {},\n  LG: {},\n  XL: {},\n  circular: {\n    borderRadius: \"50%\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,WAAW,GAAG;EAAEC,SAAS,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC;AACzD,MAAMC,KAAK,GAAG;EAAEF,SAAS,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC;AACnD,MAAME,MAAM,GAAG;EAAEH,SAAS,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC;AACpD,MAAMG,KAAK,GAAG;EAAEJ,SAAS,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC;AACnD,MAAMI,WAAW,GAAG;EAAEL,SAAS,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAO,CAAC;AAEzD,MAAMK,MAAM,GAAG;EACb;EACAC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACD;EACAC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,SAAS,EAAE,QAAQ;IACnB;IACAC,SAAS,EAAE,OAAO;IAClB;IACAC,KAAK,EAAE,aAAa;IACpB;IACAC,UAAU,EAAE;EACd,CAAC;EACD;EACAC,QAAQ,EAAE,CAAC,CAAC;EAEZhB,SAAS,EAAE;IACT,iBAAiB,kCACZF,aAAa;MAChBmB,YAAY,EAAE;IAAC;EAEnB,CAAC;EACDC,MAAM,EAAE;IACNC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE;MACNZ,KAAK,EAAEX,WAAW,CAACC,SAAS;MAC5BW,MAAM,EAAEZ,WAAW,CAACC;IACtB,CAAC;IACD,MAAM,EAAE;MACNU,KAAK,EAAER,KAAK,CAACF,SAAS;MACtBW,MAAM,EAAET,KAAK,CAACF;IAChB,CAAC;IACD,MAAM,EAAE;MACNU,KAAK,EAAEP,MAAM,CAACH,SAAS;MACvBW,MAAM,EAAER,MAAM,CAACH;IACjB,CAAC;IACD,MAAM,EAAE;MACNU,KAAK,EAAEN,KAAK,CAACJ,SAAS;MACtBW,MAAM,EAAEP,KAAK,CAACJ;IAChB,CAAC;IACD,MAAM,EAAE;MACNU,KAAK,EAAEL,WAAW,CAACL,SAAS;MAC5BW,MAAM,EAAEN,WAAW,CAACL;IACtB;EACF,CAAC;EACDC,MAAM,EAAE;IACN,MAAM,EAAE;MACNS,KAAK,EAAEX,WAAW,CAACE,MAAM;MACzBU,MAAM,EAAEZ,WAAW,CAACE,MAAM;MAC1BO,QAAQ,EAAE;IACZ,CAAC;IACD,MAAM,EAAE;MACNE,KAAK,EAAER,KAAK,CAACD,MAAM;MACnBU,MAAM,EAAET,KAAK,CAACD,MAAM;MACpBO,QAAQ,EAAE;IACZ,CAAC;IACD,MAAM,EAAE;MACNE,KAAK,EAAEP,MAAM,CAACF,MAAM;MACpBU,MAAM,EAAER,MAAM,CAACF,MAAM;MACrBO,QAAQ,EAAE;IACZ,CAAC;IACD,MAAM,EAAE;MACNE,KAAK,EAAEN,KAAK,CAACH,MAAM;MACnBU,MAAM,EAAEP,KAAK,CAACH,MAAM;MACpBO,QAAQ,EAAE;IACZ,CAAC;IACD,MAAM,EAAE;MACNE,KAAK,EAAEL,WAAW,CAACJ,MAAM;MACzBU,MAAM,EAAEN,WAAW,CAACJ,MAAM;MAC1BO,QAAQ,EAAE;IACZ;EACF,CAAC;EACDe,KAAK,EAAE;IACLb,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTW,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRR,YAAY,EAAE,KAAK;IACnBS,MAAM,EAAE;EACV,CAAC;EAEDC,EAAE,EAAE,CAAC,CAAC;EACNC,EAAE,EAAE,CAAC,CAAC;EACNC,EAAE,EAAE,CAAC,CAAC;EACNC,EAAE,EAAE,CAAC,CAAC;EACNC,EAAE,EAAE,CAAC,CAAC;EACNC,QAAQ,EAAE;IACRf,YAAY,EAAE;EAChB;AACF,CAAC;AAED,eAAeX,MAAM"}

package/dist/modern/Badge/Badge.js

@@ -1,48 +1,42 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "showCount", "count", "maxCount", "label", "icon", "text", "textVariant"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@mui/styles";
 import Typography from "../Typography";
 import styles from "./styles";
+
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const Badge = props => {
   const {
-    classes,
-    showCount = false,
-    count = 0,
-    maxCount = 99,
-    label = null,
-    icon = null,
-    text = null,
-    textVariant = null
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
-  const renderedCount = count > maxCount ? `${maxCount}+` : count; // If label is specified and non-empty, render it.
+      classes,
+      showCount = false,
+      count = 0,
+      maxCount = 99,
+      label = null,
+      icon = null,
+      text = null,
+      textVariant = null
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
+  const renderedCount = count > maxCount ? `${maxCount}+` : count;
+  // If label is specified and non-empty, render it.
   // If showCount is specified and count > 0, render the count.
   // Otherwise, render nothing on the badge.
   // (Note count=0 should not be rendered to avoid ghosty 0.)
-
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-
   const Component = icon || text && /*#__PURE__*/_jsx(Typography, {
     variant: textVariant,
     children: text
   });
-
   const badgeClasses = clsx(classes.badgePosition, (count > 0 || renderedCountOrLabel) && classes.badge, label ? classes.showLabel : renderedCountOrLabel && classes.showCount, icon && classes.badgeIcon, String(renderedCountOrLabel).length === 1 && classes.badgeOneDigit);
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     "aria-label": renderedCountOrLabel,
@@ -66,79 +60,65 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component badge position.
      */
     badgePosition: PropTypes.string,
-
     /**
      * Styles applied to the component badge.
      */
     badge: PropTypes.string,
-
     /**
      * Styles applied to the component badge icon.
      */
     badgeIcon: PropTypes.string,
-
     /**
      * Styles applied to the component when shows count.
      */
     showCount: PropTypes.string,
-
     /**
      * Styles applied to the component when shows label.
      */
     showLabel: PropTypes.string,
-
     /**
      * Styles applied to the component when count has one digit.
      */
     badgeOneDigit: PropTypes.string,
-
     /**
      * Styles applied to the component badge container.
      */
     badgeContainer: PropTypes.string
   }).isRequired,
-
   /**
    * 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: PropTypes.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: PropTypes.bool,
-
   /**
    * The maximum number of unread notifications to be displayed
    */
   maxCount: PropTypes.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: PropTypes.string,
-
   /**
    * Icon which the notification will be attached.
    */
   icon: PropTypes.node,
-
   /**
    * Text which the notification will be attached.
    */
   text: PropTypes.string,
-
   /**
    * Text variant.
    */