@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { transientOptions } from "../../utils/transientOptions.js";
 import { theme } from "@hitachivantara/uikit-styles";
 import fade from "../../utils/hexToRgbA.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../Button/Button.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -32,9 +32,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
     float: "right"
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQWN0aW9uc0dlbmVyaWMvQWN0aW9uc0dlbmVyaWMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BY3Rpb25zR2VuZXJpYy9BY3Rpb25zR2VuZXJpYy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGFjdGlvbk92ZXJmbG93IH06IHsgJGFjdGlvbk92ZXJmbG93OiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkYWN0aW9uT3ZlcmZsb3cgJiYge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgZmxvYXQ6IFwicmlnaHRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wczogSHZCdXR0b25Qcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxufSkpO1xuIl19 */");
-const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e4fkrgz0"
 }, transientOptions) : _extends({}, {
   target: "e4fkrgz0",

package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.styles.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n  ...($actionOverflow && {\n    display: \"flex\",\n    alignItems: \"center\",\n    float: \"right\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  (props: HvButtonProps) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  \"&:not(:last-child)\": {\n    marginRight: theme.space.xs,\n  },\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","HvButton","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,wBAC1B,CAACC,8BAA0BC,UAAQ;AAAA,EAAA,GAAKD;AAAK,CAAA,GAAIb,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEU;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,KAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;"}
+{"version":3,"file":"ActionsGeneric.styles.js","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton, HvButtonProps } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"utils/hexToRgbA\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $actionOverflow }: { $actionOverflow: boolean }) => ({\n  ...($actionOverflow && {\n    display: \"flex\",\n    alignItems: \"center\",\n    float: \"right\",\n  }),\n}));\n\nexport const StyledButton = styled(\n  (props: HvButtonProps) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  \"&:not(:last-child)\": {\n    marginRight: theme.space.xs,\n  },\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$actionOverflow","display","alignItems","float","StyledButton","_styled","props","$baseColor","marginRight","theme","space","xs","backgroundColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8C,OAAO;AAAA,EACxD,GAAIA,mBAAmB;AAAA,IACrBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6iDAAA;AAEI,MAAMS,eAAeC,wBAC1B,CAACC,8BAA0B,UAAaA,EAAAA,GAAAA,MAAM,CAAA,GAAGb,QAAAC,IAAAC,aAAA,eAAAC,SAAA,CAAA,GAAA;AAAA,EAAAC,QAAA;AAAA,GACjDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAES;AAAmC,OAAO;AAAA,EAC7C,sBAAsB;AAAA,IACpBC,aAAaC,MAAMC,MAAMC;AAAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACTC,iBAAiBC,KAAKN,YAAY,GAAG;AAAA,EACvC;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ijDAAA;"}

package/dist/esm/components/AppSwitcher/Action/Action.js

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useState } from "react";
 import clsx from "clsx";
 import { theme } from "@hitachivantara/uikit-styles";
 import TitleWithTooltip from "../TitleWithTooltip.js";
 import { StyledListItem, StyledTypography, StyledIcon, StyledIconInfo, StyledImg } from "./Action.styles.js";
 import appSwitcherActionClasses from "./actionClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvAvatar } from "../../Avatar/Avatar.js";
 import { HvTooltip } from "../../Tooltip/Tooltip.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -34,23 +34,13 @@ const HvAction = ({
       return iconElement;
     }
     if (iconUrl && validIconUrl) {
-      return /* @__PURE__ */ jsx(StyledImg, {
-        className: clsx(appSwitcherActionClasses.iconUrl, classes == null ? void 0 : classes.iconUrl),
-        src: iconUrl,
-        onError: () => {
-          setValidIconUrl(false);
-        },
-        alt: description
-      });
+      return /* @__PURE__ */ jsx(StyledImg, { className: clsx(appSwitcherActionClasses.iconUrl, classes == null ? void 0 : classes.iconUrl), src: iconUrl, onError: () => {
+        setValidIconUrl(false);
+      }, alt: description });
     }
     const brokenTitle = name.split(" ");
     const initials = brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : "");
-    return /* @__PURE__ */ jsx(HvAvatar, {
-      size: "SM",
-      backgroundColor: color,
-      variant: "square",
-      children: initials
-    });
+    return /* @__PURE__ */ jsx(HvAvatar, { size: "SM", backgroundColor: color, variant: "square", children: initials });
   };
   const isSelected = isSelectedCallback(application);
   const handleOnClick = (event) => {
@@ -64,45 +54,13 @@ const HvAction = ({
     });
   };
   const isLink = url != null;
-  return /* @__PURE__ */ jsx(StyledListItem, {
-    id,
-    interactive: true,
-    tabIndex: 0,
-    selected: isSelected,
-    disabled,
-    className: clsx(className, appSwitcherActionClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(appSwitcherActionClasses.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx(appSwitcherActionClasses.selected, classes == null ? void 0 : classes.selected)),
-    children: /* @__PURE__ */ jsxs(StyledTypography, {
-      component: isLink ? "a" : "button",
-      href: isLink ? url : void 0,
-      target: isLink ? target || "_top" : void 0,
-      className: clsx(appSwitcherActionClasses.typography, classes == null ? void 0 : classes.typography),
-      onClick: handleOnClick,
-      style: {
-        borderColor: color
-      },
-      children: [/* @__PURE__ */ jsx(StyledIcon, {
-        className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon),
-        children: renderApplicationIcon()
-      }), /* @__PURE__ */ jsx(TitleWithTooltip, {
-        title: name,
-        className: clsx(appSwitcherActionClasses.title, classes == null ? void 0 : classes.title),
-        type: "action"
-      }), description && /* @__PURE__ */ jsx(HvTooltip, {
-        disableFocusListener: true,
-        disableTouchListener: true,
-        title: /* @__PURE__ */ jsx(HvTypography, {
-          children: description
-        }),
-        children: /* @__PURE__ */ jsx("div", {
-          children: /* @__PURE__ */ jsx(StyledIconInfo, {
-            className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo),
-            role: "img",
-            "aria-label": description
-          })
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledListItem, { id, interactive: true, tabIndex: 0, selected: isSelected, disabled, className: clsx(className, appSwitcherActionClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(appSwitcherActionClasses.disabled, classes == null ? void 0 : classes.disabled), isSelected && clsx(appSwitcherActionClasses.selected, classes == null ? void 0 : classes.selected)), children: /* @__PURE__ */ jsxs(StyledTypography, { component: isLink ? "a" : "button", href: isLink ? url : void 0, target: isLink ? target || "_top" : void 0, className: clsx(appSwitcherActionClasses.typography, classes == null ? void 0 : classes.typography), onClick: handleOnClick, style: {
+    borderColor: color
+  }, children: [
+    /* @__PURE__ */ jsx(StyledIcon, { className: clsx(appSwitcherActionClasses.icon, classes == null ? void 0 : classes.icon), children: renderApplicationIcon() }),
+    /* @__PURE__ */ jsx(TitleWithTooltip, { title: name, className: clsx(appSwitcherActionClasses.title, classes == null ? void 0 : classes.title), type: "action" }),
+    description && /* @__PURE__ */ jsx(HvTooltip, { disableFocusListener: true, disableTouchListener: true, title: /* @__PURE__ */ jsx(HvTypography, { children: description }), children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledIconInfo, { className: clsx(appSwitcherActionClasses.iconInfo, classes == null ? void 0 : classes.iconInfo), role: "img", "aria-label": description }) }) })
+  ] }) });
 };
 export {
   HvAction

package/dist/esm/components/AppSwitcher/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.atmo5\n    : getColor(application?.color, theme.colors.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        // @ts-ignore\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","StyledImg","clsx","appSwitcherActionClasses","src","onError","alt","brokenTitle","split","initials","substring","HvAvatar","size","backgroundColor","variant","children","isSelected","handleOnClick","event","preventDefault","isLink","StyledListItem","interactive","tabIndex","selected","root","StyledTypography","component","href","undefined","typography","onClick","style","borderColor","_jsx","StyledIcon","icon","TitleWithTooltip","title","type","HvTooltip","disableFocusListener","disableTouchListener","HvTypography","StyledIconInfo","iconInfo","role"],"mappings":"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"}
+{"version":3,"file":"Action.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvAvatar, HvTooltip, HvTypography } from \"components\";\nimport { HvApplication } from \"..\";\nimport { HvBaseProps } from \"../../../types\";\nimport TitleWithTooltip from \"../TitleWithTooltip\";\nimport {\n  StyledIcon,\n  StyledIconInfo,\n  StyledListItem,\n  StyledTypography,\n  StyledImg,\n} from \"./Action.styles\";\nimport appSwitcherActionClasses, {\n  HvAppSwitcherActionClasses,\n} from \"./actionClasses\";\n\nexport type HvActionProps = HvBaseProps & {\n  /** The application data to be used to render the Action object. */\n  application: HvApplication;\n  /** Callback triggered when the action is clicked. */\n  onClickCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isSelectedCallback?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherActionClasses;\n};\n\nconst getColor = (color, defaultColor) =>\n  theme.colors[color] || color || defaultColor;\n\nexport const HvAction = ({\n  id,\n  className,\n  classes,\n  application,\n  onClickCallback = () => {},\n  isSelectedCallback = () => false,\n}: HvActionProps) => {\n  const { name, description, disabled, iconElement, iconUrl, url, target } =\n    application;\n\n  const color = disabled\n    ? theme.colors.atmo5\n    : getColor(application?.color, theme.colors.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        <StyledImg\n          className={clsx(appSwitcherActionClasses.iconUrl, classes?.iconUrl)}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n          alt={description}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) +\n      (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"SM\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <StyledListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(\n        className,\n        appSwitcherActionClasses.root,\n        classes?.root,\n        disabled && clsx(appSwitcherActionClasses.disabled, classes?.disabled),\n        isSelected && clsx(appSwitcherActionClasses.selected, classes?.selected)\n      )}\n    >\n      <StyledTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={clsx(\n          appSwitcherActionClasses.typography,\n          classes?.typography\n        )}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <StyledIcon\n          className={clsx(appSwitcherActionClasses.icon, classes?.icon)}\n        >\n          {renderApplicationIcon()}\n        </StyledIcon>\n\n        <TitleWithTooltip\n          title={name}\n          className={clsx(appSwitcherActionClasses.title, classes?.title)}\n          type=\"action\"\n        />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <StyledIconInfo\n                className={clsx(\n                  appSwitcherActionClasses.iconInfo,\n                  classes?.iconInfo\n                )}\n                role=\"img\"\n                aria-label={description}\n              />\n            </div>\n          </HvTooltip>\n        )}\n      </StyledTypography>\n    </StyledListItem>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAction","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","atmo5","acce1","validIconUrl","setValidIconUrl","useState","renderApplicationIcon","clsx","appSwitcherActionClasses","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo"],"mappings":"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"}

package/dist/esm/components/AppSwitcher/Action/Action.styles.js

@@ -1,16 +1,14 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
 import { Info } from "@hitachivantara/uikit-react-icons";
 import appSwitcherActionClasses from "./actionClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { HvTypography } from "../../Typography/Typography.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const StyledListItem = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvListItem, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledListItem = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvListItem, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e187pp8e4"
 } : {
   target: "e187pp8e4",

package/dist/esm/components/AppSwitcher/Action/Action.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.acce1}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","_styled","props","_jsx","HvListItem","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","acce1","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;AAMO,MAAMA,iBAAiBC,wBAAQC,CAAUC,UAAAA,oBAACC,YAAU;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEK,MAAMU,mBAA0BC,wBAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,yBAAyBC,eAAe;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEI,MAAM2B,YAAmB,wBAAA,OAAK7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,wBAAAA,MAAIpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoB,wBAAA,OAAKrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;"}
+{"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/AppSwitcher/Action/Action.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvListItem, HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport appSwitcherActionClasses from \"./actionClasses\";\n\nexport const StyledListItem = styled((props) => <HvListItem {...props} />)({\n  width: \"100%\",\n  maxWidth: 280,\n  minHeight: 52,\n  marginRight: theme.space.sm,\n});\n\nexport const StyledTypography = styled(HvTypography)(() => ({\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n\n  width: \"100%\",\n  minHeight: 52,\n\n  padding: `6px ${theme.space.xs}`,\n\n  border: \"none\",\n  borderLeft: `solid 2px ${theme.colors.acce1}`,\n\n  cursor: \"pointer\",\n\n  textDecoration: \"inherit\",\n  color: \"inherit\",\n  backgroundColor: \"inherit\",\n\n  [`.${appSwitcherActionClasses.disabled} &`]: {\n    cursor: \"not-allowed\",\n  },\n}));\n\nexport const StyledImg = styled(\"img\")({\n  width: 32,\n});\n\nexport const StyledIconInfo = styled(Info)({\n  minWidth: 32,\n});\n\nexport const StyledIcon = styled(\"div\")({\n  display: \"flex\",\n  minWidth: 40,\n  justifyContent: \"center\",\n});\n"],"names":["StyledListItem","props","process","env","NODE_ENV","target","label","width","maxWidth","minHeight","marginRight","theme","space","sm","StyledTypography","HvTypography","display","justifyContent","alignItems","padding","xs","border","borderLeft","colors","acce1","cursor","textDecoration","color","backgroundColor","appSwitcherActionClasses","disabled","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconInfo","Info","StyledIcon"],"mappings":";;;;;;;;;;AAMaA,MAAAA,iBAAyBC,wBAAAA,CAAAA,UAAW,oBAAA,YAAA,EAAeA,GAAAA,MAAAA,CAAS,GAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzEC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAaC,MAAMC,MAAMC;AAC3B,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEK,MAAMU,mBAA0BC,wBAAAA,cAAYb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EAC1DU,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EAEZX,OAAO;AAAA,EACPE,WAAW;AAAA,EAEXU,SAAU,OAAMR,MAAMC,MAAMQ;AAAAA,EAE5BC,QAAQ;AAAA,EACRC,YAAa,aAAYX,MAAMY,OAAOC;AAAAA,EAEtCC,QAAQ;AAAA,EAERC,gBAAgB;AAAA,EAChBC,OAAO;AAAA,EACPC,iBAAiB;AAAA,EAEjB,CAAE,IAAGC,yBAAyBC,eAAe;AAAA,IAC3CL,QAAQ;AAAA,EACV;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ikEAAA;AAEI,MAAM2B,YAAmB,wBAAA,OAAK7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;AAEK,MAAMC,iBAAwBC,wBAAAA,MAAIpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;AAEK,MAAMG,aAAoB,wBAAA,OAAKrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA4B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;"}

package/dist/esm/components/AppSwitcher/AppSwitcher.js

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { useMemo } from "react";
 import { StyledRoot, StyledTitle, StyledActionsContainer, StyledFooter } from "./AppSwitcher.styles.js";
 import TitleWithTooltip from "./TitleWithTooltip.js";
 import appSwitcherClasses from "./appSwitcherClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvAction } from "./Action/Action.js";
 const HvAppSwitcher = ({
   id,
@@ -24,45 +24,23 @@ const HvAppSwitcher = ({
   };
   const panelActions = useMemo(() => applications && (applications == null ? void 0 : applications.map((application) => {
     if (application.name) {
-      return /* @__PURE__ */ jsx(HvAction, {
-        application,
-        onClickCallback: actionClicked,
-        isSelectedCallback: isActionSelectedCallback,
-        classes: {
-          root: clsx(classes == null ? void 0 : classes.item, appSwitcherClasses.item),
-          selected: clsx(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.itemSelected),
-          disabled: clsx(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.itemDisabled),
-          typography: clsx(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.itemTrigger),
-          icon: clsx(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.itemIcon),
-          title: clsx(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.itemTitle),
-          iconInfo: clsx(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.itemInfoIcon)
-        }
-      }, application.id || `${application.name}_${application.url}`);
+      return /* @__PURE__ */ jsx(HvAction, { application, onClickCallback: actionClicked, isSelectedCallback: isActionSelectedCallback, classes: {
+        root: clsx(classes == null ? void 0 : classes.item, appSwitcherClasses.item),
+        selected: clsx(classes == null ? void 0 : classes.itemSelected, appSwitcherClasses.itemSelected),
+        disabled: clsx(classes == null ? void 0 : classes.itemDisabled, appSwitcherClasses.itemDisabled),
+        typography: clsx(classes == null ? void 0 : classes.itemTrigger, appSwitcherClasses.itemTrigger),
+        icon: clsx(classes == null ? void 0 : classes.itemIcon, appSwitcherClasses.itemIcon),
+        title: clsx(classes == null ? void 0 : classes.itemTitle, appSwitcherClasses.itemTitle),
+        iconInfo: clsx(classes == null ? void 0 : classes.itemInfoIcon, appSwitcherClasses.itemInfoIcon)
+      } }, application.id || `${application.name}_${application.url}`);
     }
     return void 0;
   })), [applications]);
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    id,
-    className: clsx(className, appSwitcherClasses.root, classes == null ? void 0 : classes.root, isOpen && clsx(appSwitcherClasses.open, classes == null ? void 0 : classes.open), isOpen === false && clsx(appSwitcherClasses.closed, classes == null ? void 0 : classes.closed)),
-    $open: !!isOpen,
-    $closed: isOpen === false,
-    $layout: layout,
-    children: [header && /* @__PURE__ */ jsx(StyledTitle, {
-      className: clsx(appSwitcherClasses.title, classes == null ? void 0 : classes.title),
-      children: header
-    }) || title && /* @__PURE__ */ jsx(TitleWithTooltip, {
-      className: clsx(appSwitcherClasses.title, classes == null ? void 0 : classes.title),
-      title,
-      type: "appSwitcher"
-    }), /* @__PURE__ */ jsx(StyledActionsContainer, {
-      disableGutters: true,
-      className: clsx(appSwitcherClasses.actionsContainer, classes == null ? void 0 : classes.actionsContainer),
-      children: panelActions
-    }), footer && /* @__PURE__ */ jsx(StyledFooter, {
-      className: clsx(appSwitcherClasses.footerContainer, classes == null ? void 0 : classes.footerContainer),
-      children: footer
-    })]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { id, className: clsx(className, appSwitcherClasses.root, classes == null ? void 0 : classes.root, appSwitcherClasses[layout], classes == null ? void 0 : classes[layout], isOpen && clsx(appSwitcherClasses.open, classes == null ? void 0 : classes.open), isOpen === false && clsx(appSwitcherClasses.closed, classes == null ? void 0 : classes.closed)), $open: !!isOpen, $closed: isOpen === false, $layout: layout, children: [
+    header && /* @__PURE__ */ jsx(StyledTitle, { className: clsx(appSwitcherClasses.title, classes == null ? void 0 : classes.title), children: header }) || title && /* @__PURE__ */ jsx(TitleWithTooltip, { className: clsx(appSwitcherClasses.title, classes == null ? void 0 : classes.title), title, type: "appSwitcher" }),
+    /* @__PURE__ */ jsx(StyledActionsContainer, { disableGutters: true, className: clsx(appSwitcherClasses.actionsContainer, classes == null ? void 0 : classes.actionsContainer), children: panelActions }),
+    footer && /* @__PURE__ */ jsx(StyledFooter, { className: clsx(appSwitcherClasses.footerContainer, classes == null ? void 0 : classes.footerContainer), children: footer })
+  ] });
 };
 export {
   HvAppSwitcher

package/dist/esm/components/AppSwitcher/AppSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: Function;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={actionClicked}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,iCACGC,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,KAAKpB,mCAASqB,MAAMC,mBAAmBD,IAAI;AAAA,UACjDE,UAAUH,KACRpB,mCAASwB,cACTF,mBAAmBE,YAAY;AAAA,UAEjCC,UAAUL,KACRpB,mCAAS0B,cACTJ,mBAAmBI,YAAY;AAAA,UAEjCC,YAAYP,KACVpB,mCAAS4B,aACTN,mBAAmBM,WAAW;AAAA,UAEhCC,MAAMT,KAAKpB,mCAAS8B,UAAUR,mBAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,KAAKpB,mCAAS+B,WAAWT,mBAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KACRpB,mCAASiC,cACTX,mBAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,8BACGiC,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,KACTrB,WACAuB,mBAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,KAAKE,mBAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,KAAKE,mBAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,oBAACC,aAAW;AAAA,MAAC7C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,oBAACE,kBAAgB;AAAA,MACf9C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,oBAACI,wBAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,KACTE,mBAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,oBAACO,cAAY;AAAA,MACXnD,WAAWqB,KACTE,mBAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport type HvApplication = {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n};\n\nexport type HvAppSwitcherProps = HvBaseProps & {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: Function;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: Function;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n};\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={actionClicked}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle className={clsx(appSwitcherClasses.title, classes?.title)}>\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","open","closed","actionsContainer","footerContainer"],"mappings":";;;;;;;AA6DO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CAACC,OAAOC,gBAAgB;AAC5CP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,iCACGC,UAEC,EAAA,aACA,iBAAiBP,eACjB,oBAAoBJ,0BACpB,SAAS;AAAA,QACPY,MAAMC,KAAKlB,mCAASmB,MAAMC,mBAAmBD,IAAI;AAAA,QACjDE,UAAUH,KACRlB,mCAASsB,cACTF,mBAAmBE,YAAY;AAAA,QAEjCC,UAAUL,KACRlB,mCAASwB,cACTJ,mBAAmBI,YAAY;AAAA,QAEjCC,YAAYP,KACVlB,mCAAS0B,aACTN,mBAAmBM,WAAW;AAAA,QAEhCC,MAAMT,KAAKlB,mCAAS4B,UAAUR,mBAAmBQ,QAAQ;AAAA,QACzD1B,OAAOgB,KAAKlB,mCAAS6B,WAAWT,mBAAmBS,SAAS;AAAA,QAC5DC,UAAUZ,KACRlB,mCAAS+B,cACTX,mBAAmBW,YAAY;AAAA,WAtB9BpB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYqB,KAyB1D;AAAA,IAEN;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,YAAY,CAAC;AAGhB,8BACG,YACC,EAAA,IACA,WAAWe,KACTnB,WACAqB,mBAAmBH,MACnBjB,mCAASiB,MACTG,mBAAmBnB,SACnBD,mCAAUC,SACVO,UAAUU,KAAKE,mBAAmBc,MAAMlC,mCAASkC,IAAI,GACrD1B,WAAW,SAASU,KAAKE,mBAAmBe,QAAQnC,mCAASmC,MAAM,CAAC,GAEtE,OAAO,CAAC,CAAC3B,QACT,SAASA,WAAW,OACpB,SAASP,QAEPK,UAAAA;AAAAA,IACA,UAAA,oBAAC,eAAY,WAAWY,KAAKE,mBAAmBlB,OAAOF,mCAASE,KAAK,GAClEI,UACH,OAAA,CAAA,KAECJ,SACE,oBAAA,kBAAA,EACC,WAAWgB,KAAKE,mBAAmBlB,OAAOF,mCAASE,KAAK,GACxD,OACA,MAAK,cAEP,CAAA;AAAA,IACJ,oBAAC,wBACC,EAAA,gBAAc,MACd,WAAWgB,KACTE,mBAAmBgB,kBACnBpC,mCAASoC,gBAAgB,GAG1BxB,UACH,aAAA,CAAA;AAAA,IACCL,UACE,oBAAA,cAAA,EACC,WAAWW,KACTE,mBAAmBiB,iBACnBrC,mCAASqC,eAAe,GAGzB9B,UACH,OAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/AppSwitcher/TitleWithTooltip.js

@@ -1,6 +1,6 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { StyledTitleWithTooltip } from "./AppSwitcher.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTooltip } from "../Tooltip/Tooltip.js";
 import { HvTypography } from "../Typography/Typography.js";
 const TitleWithTooltip = ({
@@ -15,21 +15,7 @@ const TitleWithTooltip = ({
       setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
     }
   }, []);
-  return /* @__PURE__ */ jsx(HvTooltip, {
-    disableHoverListener: !isOverflowed,
-    placement: "top-start",
-    title: /* @__PURE__ */ jsx(HvTypography, {
-      children: title
-    }),
-    children: /* @__PURE__ */ jsx(StyledTitleWithTooltip, {
-      variant: "label",
-      component: "span",
-      ref: textRef,
-      className,
-      $type: type,
-      children: title
-    })
-  });
+  return /* @__PURE__ */ jsx(HvTooltip, { disableHoverListener: !isOverflowed, placement: "top-start", title: /* @__PURE__ */ jsx(HvTypography, { children: title }), children: /* @__PURE__ */ jsx(StyledTitleWithTooltip, { variant: "label", component: "span", ref: textRef, className, $type: type, children: title }) });
 };
 const TitleWithTooltip$1 = TitleWithTooltip;
 export {

package/dist/esm/components/AppSwitcher/TitleWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.js","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight","HvTooltip","disableHoverListener","placement","HvTypography","children","StyledTitleWithTooltip","variant","component","ref","$type"],"mappings":";;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAChDC,QAAAA,UAAUC,OAAuB,IAAI;AAE3CC,YAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,6BACGC,WAAS;AAAA,IACRC,sBAAsB,CAACZ;AAAAA,IACvBa,WAAU;AAAA,IACVf,2BAAQgB,cAAY;AAAA,MAAAC,UAAEjB;AAAAA,IAAAA,CAAsB;AAAA,IAAAiB,8BAE3CC,wBAAsB;AAAA,MACrBC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,KAAKhB;AAAAA,MACLN;AAAAA,MACAuB,OAAOrB;AAAAA,MAAKgB,UAEXjB;AAAAA,IAAAA,CAAK;AAAA,EAAA,CAEE;AAEhB;AAEA,MAAA,qBAAeF;"}
+{"version":3,"file":"TitleWithTooltip.js","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { HvTooltip, HvTypography } from \"components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","isOverflowed","setIsOverflowed","useState","textRef","useRef","useEffect","current","scrollWidth","clientWidth","scrollHeight","clientHeight"],"mappings":";;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAChDC,QAAAA,UAAUC,OAAuB,IAAI;AAE3CC,YAAU,MAAM;AACd,QAAIF,mCAASG,SAAS;AAElBH,sBAAAA,QAAQG,QAAQC,cAAcJ,QAAQG,QAAQE,eAC5CL,QAAQG,QAAQG,eAAeN,QAAQG,QAAQI,YAAY;AAAA,IAEjE;AAAA,EACF,GAAG,CAAE,CAAA;AAGH,SAAA,oBAAC,WACC,EAAA,sBAAsB,CAACV,cACvB,WAAU,aACV,OAAQ,oBAAA,cAAA,EAAcF,UAAM,MAAA,CAAA,GAE5B,8BAAC,wBACC,EAAA,SAAQ,SACR,WAAU,QACV,KAAKK,SACL,WACA,OAAOJ,MAEND,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;"}

package/dist/esm/components/AppSwitcher/appSwitcherClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "item", "itemSelected", "itemDisabled", "itemTrigger", "itemIcon", "itemTitle", "itemInfoIcon", "actionsContainer", "footerContainer", "open", "closed", "title"];
+const classKeys = ["root", "item", "itemSelected", "itemDisabled", "itemTrigger", "itemIcon", "itemTitle", "itemInfoIcon", "actionsContainer", "footerContainer", "open", "closed", "title", "single", "dual", "fluid"];
 const appSwitcherClasses = getClasses(classKeys, "HvAppSwitcher");
 const appSwitcherClasses$1 = appSwitcherClasses;
 export {

package/dist/esm/components/AppSwitcher/appSwitcherClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"appSwitcherClasses.js","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAppSwitcherClasses = {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n];\n\nconst appSwitcherClasses = getClasses<HvAppSwitcherClasses>(\n  classKeys,\n  \"HvAppSwitcher\"\n);\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";AAkBA,MAAMA,YAAsB,CAC1B,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,OAAO;AAGT,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}
+{"version":3,"file":"appSwitcherClasses.js","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAppSwitcherClasses = {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n  single?: string;\n  dual?: string;\n  fluid?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n  \"single\",\n  \"dual\",\n  \"fluid\",\n];\n\nconst appSwitcherClasses = getClasses<HvAppSwitcherClasses>(\n  classKeys,\n  \"HvAppSwitcher\"\n);\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";AAqBA,MAAMA,YAAsB,CAC1B,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,SACA,UACA,QACA,OAAO;AAGT,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/Avatar/Avatar.js

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { User } from "@hitachivantara/uikit-react-icons";
 import { theme } from "@hitachivantara/uikit-styles";
 import clsx from "clsx";
 import { StyledImg, StyledContainer, StyledStatus, StyledBadge, StyledAvatar } from "./Avatar.styles.js";
 import avatarClasses from "./avatarClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useImageLoaded } from "../../hooks/useImageLoaded.js";
 import { decreaseSize } from "../../utils/sizes.js";
 const getColor = (color, defaultColor) => theme.colors[color] || color || defaultColor;
@@ -32,24 +32,13 @@ const HvAvatar = ({
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsx(StyledImg, {
-      alt,
-      src,
-      srcSet,
-      sizes,
-      className: clsx(classes == null ? void 0 : classes.img, avatarClasses.img),
-      ...imgProps
-    });
+    children = /* @__PURE__ */ jsx(StyledImg, { alt, src, srcSet, sizes, className: clsx(classes == null ? void 0 : classes.img, avatarClasses.img), ...imgProps });
   } else if (childrenProp != null) {
     children = childrenProp;
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /* @__PURE__ */ jsx(User, {
-      color,
-      iconSize: decreaseSize(size),
-      className: clsx(avatarClasses.fallback, classes == null ? void 0 : classes.fallback)
-    });
+    children = /* @__PURE__ */ jsx(User, { color, iconSize: decreaseSize(size), className: clsx(avatarClasses.fallback, classes == null ? void 0 : classes.fallback) });
   }
   const inlineStyle = {
     ...style
@@ -67,30 +56,12 @@ const HvAvatar = ({
     statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
   }
   const badgeColor = getColor(badge || "", theme.colors.sema1);
-  return /* @__PURE__ */ jsx(StyledContainer, {
-    className: clsx(avatarClasses.container, classes == null ? void 0 : classes.container),
-    ...others,
-    children: /* @__PURE__ */ jsxs(StyledStatus, {
-      className: clsx(avatarClasses.status, classes == null ? void 0 : classes.status),
-      style: statusInlineStyle,
-      $variant: variant,
-      $size: size,
-      children: [badge && /* @__PURE__ */ jsx(StyledBadge, {
-        className: clsx(avatarClasses.badge, classes == null ? void 0 : classes.badge),
-        style: {
-          backgroundColor: badgeColor
-        }
-      }), /* @__PURE__ */ jsx(StyledAvatar, {
-        component,
-        className: clsx(className, avatarClasses.root, classes == null ? void 0 : classes.root, avatarClasses.avatar, classes == null ? void 0 : classes.avatar),
-        style: inlineStyle,
-        variant,
-        size,
-        ...avatarProps,
-        children
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledContainer, { className: clsx(avatarClasses.container, classes == null ? void 0 : classes.container), ...others, children: /* @__PURE__ */ jsxs(StyledStatus, { className: clsx(avatarClasses.status, classes == null ? void 0 : classes.status, avatarClasses[variant], classes == null ? void 0 : classes[variant], avatarClasses[size], classes == null ? void 0 : classes[size]), style: statusInlineStyle, $variant: variant, $size: size, children: [
+    badge && /* @__PURE__ */ jsx(StyledBadge, { className: clsx(avatarClasses.badge, classes == null ? void 0 : classes.badge), style: {
+      backgroundColor: badgeColor
+    } }),
+    /* @__PURE__ */ jsx(StyledAvatar, { component, className: clsx(className, avatarClasses.root, classes == null ? void 0 : classes.root, avatarClasses.avatar, classes == null ? void 0 : classes.avatar, avatarClasses[size], classes == null ? void 0 : classes[size]), style: inlineStyle, variant, size, ...avatarProps, children })
+  ] }) });
 };
 export {
   HvAvatar

package/dist/esm/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"XS\" | \"SM\" | \"MD\" | \"LG\" | \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\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?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: 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?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n};\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\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  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\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      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.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\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\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  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\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(status, theme.colors.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.sema1);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(avatarClasses.status, classes?.status)}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","StyledImg","clsx","img","avatarClasses","User","iconSize","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","StyledStatus","$variant","$size","_jsx","StyledBadge","StyledAvatar","root","avatar"],"mappings":";;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,mCACGmB,WAAS;AAAA,MACRX;AAAAA,MACAH;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAV,WAAWuB,KAAKrB,mCAASsB,KAAKC,cAAcD,GAAG;AAAA,MAAE,GAC7CZ;AAAAA,IAAAA,CAEP;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,mCACGuB,MAAI;AAAA,MACH/B;AAAAA,MACAgC,UAAUC,aAAatB,IAAI;AAAA,MAC3BN,WAAWuB,KAAKE,cAAcI,UAAU3B,mCAAS2B,QAAQ;AAAA,IAAA,CAE5D;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG7B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDyB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACV,kBAAkB;AACrBS,gBAAYvB,kBAAkBb,SAASa,iBAAiBV,MAAMC,OAAOkC,KAAK;AAC1EF,gBAAYnC,QAAQD,SAASC,OAAOE,MAAMC,OAAOmC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIrB,QAAQ;AAGV,UAAMsB,cAAczC,SAASmB,QAAQhB,MAAMC,OAAOsC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAa5C,SAASoB,SAAS,IAAIjB,MAAMC,OAAOsC,KAAK;AAE3D,6BACGG,iBAAe;AAAA,IACdvC,WAAWuB,KAAKE,cAAce,WAAWtC,mCAASsC,SAAS;AAAA,IAAE,GACzDvB;AAAAA,IAAMd,+BAETsC,cAAY;AAAA,MACXzC,WAAWuB,KAAKE,cAAcZ,QAAQX,mCAASW,MAAM;AAAA,MACrDZ,OAAOiC;AAAAA,MACPQ,UAAU3B;AAAAA,MACV4B,OAAOrC;AAAAA,MAAKH,UAEXW,CAAAA,SACC8B,oBAACC,aAAW;AAAA,QACV7C,WAAWuB,KAAKE,cAAcX,OAAOZ,mCAASY,KAAK;AAAA,QACnDb,OAAO;AAAA,UAAEM,iBAAiB+B;AAAAA,QAAW;AAAA,MAAA,CAExC,GACDM,oBAACE,cAAY;AAAA,QACXzC;AAAAA,QACAL,WAAWuB,KACTvB,WACAyB,cAAcsB,MACd7C,mCAAS6C,MACTtB,cAAcuB,QACd9C,mCAAS8C,MAAM;AAAA,QAEjB/C,OAAO6B;AAAAA,QACPf;AAAAA,QACAT;AAAAA,QAAW,GACPU;AAAAA,QAAWb;AAAAA,MAAAA,CAGF,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAED;AAEtB;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { User } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { AvatarProps as MuiAvatarProps } from \"@mui/material/Avatar\";\nimport clsx from \"clsx\";\nimport { CSSProperties, HTMLAttributes } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { useImageLoaded } from \"hooks\";\nimport { decreaseSize } from \"utils\";\nimport {\n  StyledAvatar,\n  StyledBadge,\n  StyledContainer,\n  StyledImg,\n  StyledStatus,\n} from \"./Avatar.styles\";\nimport avatarClasses, { HvAvatarClasses } from \"./avatarClasses\";\n\nexport type HvAvatarVariant = \"circular\" | \"square\";\n\nexport type HvAvatarSize = \"XS\" | \"SM\" | \"MD\" | \"LG\" | \"XL\";\n\nexport type HvAvatarProps = HvBaseProps & {\n  /** Inline styles to be applied to the root element. */\n  style?: CSSProperties;\n  /** The component used for the root node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Sets one of the standard sizes of the icons */\n  size?: HvAvatarSize;\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?: string;\n  /** A String representing the background color of the avatar. You can use either an HEX or color name from the palette. */\n  backgroundColor?: string;\n  /** The `src` attribute for the `img` element. */\n  src?: string;\n  /** The `srcSet` attribute for the `img` element. Use this attribute for responsive image display. */\n  srcSet?: string;\n  /** The `sizes` attribute for the `img` element. */\n  sizes?: string;\n  /** Used in combination with `src` or `srcSet` to provide an alt attribute for the rendered `img` element. */\n  alt?: 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?: HTMLAttributes<HTMLImageElement>;\n  /** A string representing the type of avatar to display, circular or square. */\n  variant?: HvAvatarVariant;\n  /** A string representing the color of the avatar border that represents its status. */\n  status?: string;\n  /** A string representing the color of the avatar badge. */\n  badge?: string;\n  /** Attributes applied to the avatar element. */\n  avatarProps?: MuiAvatarProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarClasses;\n};\n\n/**\n * Get a color from the theme palette\n * @param {object} theme The theme object\n * @param {string} color A color to use if none is found on the theme palette\n * @param {string} defaultColor The fallback color to use\n */\nconst getColor = (color: string, defaultColor: string): string =>\n  theme.colors[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nexport const HvAvatar = ({\n  className,\n  style,\n  classes,\n  children: childrenProp,\n  component = \"div\",\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  avatarProps,\n  ...others\n}: HvAvatarProps) => {\n  let children: React.ReactNode;\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      <StyledImg\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={clsx(classes?.img, avatarClasses.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\n        color={color}\n        iconSize={decreaseSize(size)}\n        className={clsx(avatarClasses.fallback, classes?.fallback)}\n      />\n    );\n  }\n\n  const inlineStyle: CSSProperties = {\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  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(backgroundColor, theme.colors.acce1);\n    inlineStyle.color = getColor(color, theme.colors.atmo1);\n  }\n\n  const statusInlineStyle: CSSProperties = {};\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(status, theme.colors.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(badge || \"\", theme.colors.sema1);\n\n  return (\n    <StyledContainer\n      className={clsx(avatarClasses.container, classes?.container)}\n      {...others}\n    >\n      <StyledStatus\n        className={clsx(\n          avatarClasses.status,\n          classes?.status,\n          avatarClasses[variant],\n          classes?.[variant],\n          avatarClasses[size],\n          classes?.[size]\n        )}\n        style={statusInlineStyle}\n        $variant={variant}\n        $size={size}\n      >\n        {badge && (\n          <StyledBadge\n            className={clsx(avatarClasses.badge, classes?.badge)}\n            style={{ backgroundColor: badgeColor }}\n          />\n        )}\n        <StyledAvatar\n          component={component}\n          className={clsx(\n            className,\n            avatarClasses.root,\n            classes?.root,\n            avatarClasses.avatar,\n            classes?.avatar,\n            avatarClasses[size],\n            classes?.[size]\n          )}\n          style={inlineStyle}\n          variant={variant}\n          size={size}\n          {...avatarProps}\n        >\n          {children}\n        </StyledAvatar>\n      </StyledStatus>\n    </StyledContainer>\n  );\n};\n"],"names":["getColor","color","defaultColor","theme","colors","HvAvatar","className","style","classes","children","childrenProp","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","avatarProps","others","imageLoaded","useImageLoaded","hasImg","hasImgNotFailing","clsx","img","avatarClasses","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","container","root","avatar"],"mappings":";;;;;;;;AAmEA,MAAMA,WAAWA,CAACC,OAAeC,iBAC/BC,MAAMC,OAAOH,UAAUA,SAASC;AAM3B,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,EACVC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,kBAAkB;AAAA,EAClBZ,QAAQ;AAAA,EACRa;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACU,MAAM;AACfd,MAAAA;AAGEe,QAAAA,cAAcC,eAAeX,KAAKC,MAAM;AAC9C,QAAMW,SAASZ,OAAOC;AAChBY,QAAAA,mBAAmBD,UAAUF,gBAAgB;AAEnD,MAAIG,kBAAkB;AACpBlB,eACG,oBAAA,WAAA,EACC,KACA,KACA,QACA,OACA,WAAWmB,KAAKpB,mCAASqB,KAAKC,cAAcD,GAAG,GAC/C,GAAIX,SAEP,CAAA;AAAA,EAAA,WACQR,gBAAgB,MAAM;AACpBA,eAAAA;AAAAA,EAAAA,WACFgB,UAAUT,KAAK;AACxB,KAACR,QAAQ,IAAIQ;AAAAA,EAAAA,OACR;AACLR,eACG,oBAAA,MAAA,EACC,OACA,UAAUsB,aAAanB,IAAI,GAC3B,WAAWgB,KAAKE,cAAcE,UAAUxB,mCAASwB,QAAQ,EAE5D,CAAA;AAAA,EACH;AAEA,QAAMC,cAA6B;AAAA,IACjC,GAAG1B;AAAAA,EAAAA;AAGL,MAAII,aAAa,QAAQ,OAAOA,cAAc,UAAU;AAEtDsB,gBAAYC,eAAe;AAAA,EAC7B;AAEA,MAAI,CAACP,kBAAkB;AACrBM,gBAAYpB,kBAAkBb,SAASa,iBAAiBV,MAAMC,OAAO+B,KAAK;AAC1EF,gBAAYhC,QAAQD,SAASC,OAAOE,MAAMC,OAAOgC,KAAK;AAAA,EACxD;AAEA,QAAMC,oBAAmC,CAAA;AACzC,MAAIlB,QAAQ;AAGV,UAAMmB,cAActC,SAASmB,QAAQhB,MAAMC,OAAOmC,KAAK;AACvDF,sBAAkBG,YAAa,yBAAwBF;AAAAA,EACzD;AAEA,QAAMG,aAAazC,SAASoB,SAAS,IAAIjB,MAAMC,OAAOmC,KAAK;AAE3D,SACG,oBAAA,iBAAA,EACC,WAAWX,KAAKE,cAAcY,WAAWlC,mCAASkC,SAAS,GAC3D,GAAInB,QAEJ,UAAC,qBAAA,cAAA,EACC,WAAWK,KACTE,cAAcX,QACdX,mCAASW,QACTW,cAAcT,UACdb,mCAAUa,UACVS,cAAclB,OACdJ,mCAAUI,KAAK,GAEjB,OAAOyB,mBACP,UAAUhB,SACV,OAAOT,MAENQ,UAAAA;AAAAA,IACC,SAAA,oBAAC,eACC,WAAWQ,KAAKE,cAAcV,OAAOZ,mCAASY,KAAK,GACnD,OAAO;AAAA,MAAEP,iBAAiB4B;AAAAA,IAAAA,GAE7B;AAAA,IACD,oBAAC,cACC,EAAA,WACA,WAAWb,KACTtB,WACAwB,cAAca,MACdnC,mCAASmC,MACTb,cAAcc,QACdpC,mCAASoC,QACTd,cAAclB,OACdJ,mCAAUI,KAAK,GAEjB,OAAOqB,aACP,SACA,MACA,GAAIX,aAEHb,SACH,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Avatar/avatarClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "container", "img", "fallback", "badge", "avatar", "status"];
+const classKeys = ["root", "container", "img", "fallback", "badge", "avatar", "status", "XS", "SM", "MD", "LG", "XL", "circular", "square"];
 const avatarClasses = getClasses(classKeys, "HvAvatar");
 const avatarClasses$1 = avatarClasses;
 export {

package/dist/esm/components/Avatar/avatarClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarClasses.js","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAvatarClasses = {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";AAYA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,QAAQ;AAGV,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}
+{"version":3,"file":"avatarClasses.js","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvAvatarClasses = {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n  XS?: string;\n  SM?: string;\n  MD?: string;\n  LG?: string;\n  XL?: string;\n  circular?: string;\n  square?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n  \"XS\",\n  \"SM\",\n  \"MD\",\n  \"LG\",\n  \"XL\",\n  \"circular\",\n  \"square\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";AAmBA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}

package/dist/esm/components/Badge/Badge.js

@@ -1,7 +1,7 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { StyledRoot, StyledContainer, StyledBadge } from "./Badge.styles.js";
 import badgeClasses from "./badgeClasses.js";
 import clsx from "clsx";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../Typography/Typography.js";
 const HvBadge = (props) => {
   const {
@@ -18,28 +18,11 @@ const HvBadge = (props) => {
   } = props;
   const renderedCount = count > maxCount ? `${maxCount}+` : count;
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /* @__PURE__ */ jsx(HvTypography, {
-    variant: textVariant,
-    children: text
-  });
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(),
-    className: clsx(badgeClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [Component, /* @__PURE__ */ jsx(StyledContainer, {
-      $component: Component ? true : false,
-      className: Component ? clsx(badgeClasses.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "",
-      children: /* @__PURE__ */ jsx(StyledBadge, {
-        className: clsx(badgeClasses.badgePosition, classes == null ? void 0 : classes.badgePosition),
-        $badge: !!(count > 0 || renderedCountOrLabel),
-        $showCount: !!(!label && renderedCountOrLabel),
-        $showLabel: !!label,
-        $badgeIcon: !!icon,
-        $badgeOneDigit: String(renderedCountOrLabel).length === 1,
-        children: renderedCountOrLabel
-      })
-    })]
-  });
+  const Component = icon || text && /* @__PURE__ */ jsx(HvTypography, { variant: textVariant, children: text });
+  return /* @__PURE__ */ jsxs(StyledRoot, { "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(), className: clsx(className, badgeClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
+    Component,
+    /* @__PURE__ */ jsx(StyledContainer, { $component: Component ? true : false, className: Component ? clsx(badgeClasses.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "", children: /* @__PURE__ */ jsx(StyledBadge, { className: clsx(badgeClasses.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx(badgeClasses.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx(badgeClasses.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx(badgeClasses.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx(badgeClasses.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx(badgeClasses.badgeOneDigit, classes == null ? void 0 : classes.badgeOneDigit)), $badge: !!(count > 0 || renderedCountOrLabel), $showCount: !!(!label && renderedCountOrLabel), $showLabel: !!label, $badgeIcon: !!icon, $badgeOneDigit: String(renderedCountOrLabel).length === 1, children: renderedCountOrLabel }) })
+  ] });
 };
 export {
   HvBadge