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

package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.cjs","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,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAAAA,UAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,cAAAA,QAAKpB,mCAASqB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,UACjDE,UAAUH,cAAAA,QACRpB,mCAASwB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,UAEjCC,UAAUL,cAAAA,QACRpB,mCAAS0B,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,UAEjCC,YAAYP,cAAAA,QACVpB,mCAAS4B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,UAEhCC,MAAMT,cAAAA,QAAKpB,mCAAS8B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,cAAAA,QAAKpB,mCAAS+B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,cAAAA,QACRpB,mCAASiC,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,QAEnC;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAAK;AAAA,IA2BrE;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CAAC;AAGhB,yCACGiC,mBAAAA,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,cAAAA,QACTrB,WACAuB,2BAAmBH,MACnBnB,mCAASmB,MACTX,UAAUY,cAAAA,QAAKE,mBAAAA,QAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,sBAAKE,mBAAAA,QAAmBgB,QAAQtC,mCAASsC,MAAM,CAAC;AAAA,IAEtEC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,2BAAAA,IAACC,gCAAW;AAAA,MAAC7C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UACpEpC;AAAAA,IAAAA,CAAM,KAGRJ,SACCyC,2BAAAA,IAACE,0BAAgB;AAAA,MACf9C,WAAWqB,cAAAA,QAAKE,mBAAAA,QAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CAEP,GACJH,2BAAAA,IAACI,2CAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB2B,kBACnBjD,mCAASiD,gBAAgB;AAAA,MACzBP,UAED9B;AAAAA,IAAAA,CAAY,GAEdL,UACCoC,2BAAAA,IAACO,iCAAY;AAAA,MACXnD,WAAWqB,cAAAA,QACTE,mBAAAA,QAAmB6B,iBACnBnD,mCAASmD,eAAe;AAAA,MACxBT,UAEDnC;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACU;AAEjB;;"}
+{"version":3,"file":"AppSwitcher.cjs","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","StyledRoot","open","closed","jsx","StyledTitle","TitleWithTooltip","StyledActionsContainer","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,MAAAA,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,4CACGC,OAEC,UAAA,EAAA,aACA,iBAAiBP,eACjB,oBAAoBJ,0BACpB,SAAS;AAAA,QACPY,MAAMC,cAAAA,QAAKlB,mCAASmB,MAAMC,mBAAAA,QAAmBD,IAAI;AAAA,QACjDE,UAAUH,cAAAA,QACRlB,mCAASsB,cACTF,mBAAAA,QAAmBE,YAAY;AAAA,QAEjCC,UAAUL,cAAAA,QACRlB,mCAASwB,cACTJ,mBAAAA,QAAmBI,YAAY;AAAA,QAEjCC,YAAYP,cAAAA,QACVlB,mCAAS0B,aACTN,mBAAAA,QAAmBM,WAAW;AAAA,QAEhCC,MAAMT,cAAAA,QAAKlB,mCAAS4B,UAAUR,mBAAAA,QAAmBQ,QAAQ;AAAA,QACzD1B,OAAOgB,cAAAA,QAAKlB,mCAAS6B,WAAWT,mBAAAA,QAAmBS,SAAS;AAAA,QAC5DC,UAAUZ,cAAAA,QACRlB,mCAAS+B,cACTX,mBAAAA,QAAmBW,YAAY;AAAA,WAtB9BpB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYqB,KAyB1D;AAAA,IAEN;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,YAAY,CAAC;AAGhB,yCACG+B,mBACC,YAAA,EAAA,IACA,WAAWhB,sBACTnB,WACAqB,mBAAAA,QAAmBH,MACnBjB,mCAASiB,MACTG,mBAAAA,QAAmBnB,SACnBD,mCAAUC,SACVO,UAAUU,cAAAA,QAAKE,2BAAmBe,MAAMnC,mCAASmC,IAAI,GACrD3B,WAAW,SAASU,cAAAA,QAAKE,2BAAmBgB,QAAQpC,mCAASoC,MAAM,CAAC,GAEtE,OAAO,CAAC,CAAC5B,QACT,SAASA,WAAW,OACpB,SAASP,QAEPK,UAAAA;AAAAA,IACA,UAAA+B,2BAAAA,IAACC,mBAAAA,eAAY,WAAWpB,cAAAA,QAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK,GAClEI,UACH,OAAA,CAAA,KAECJ,SACEmC,2BAAAA,IAAAE,iBAAAA,SAAA,EACC,WAAWrB,cAAAA,QAAKE,mBAAAA,QAAmBlB,OAAOF,mCAASE,KAAK,GACxD,OACA,MAAK,cAEP,CAAA;AAAA,IACJmC,2BAAAA,IAACG,mBAAAA,wBACC,EAAA,gBAAc,MACd,WAAWtB,cACTE,QAAAA,2BAAmBqB,kBACnBzC,mCAASyC,gBAAgB,GAG1B7B,UACH,aAAA,CAAA;AAAA,IACCL,UACE8B,2BAAAA,IAAAK,mBAAAA,cAAA,EACC,WAAWxB,cAAAA,QACTE,mBAAAA,QAAmBuB,iBACnB3C,mCAAS2C,eAAe,GAGzBpC,UACH,OAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const TitleWithTooltip = ({
@@ -17,21 +17,7 @@ const TitleWithTooltip = ({
       setIsOverflowed(textRef.current.scrollWidth > textRef.current.clientWidth || textRef.current.scrollHeight > textRef.current.clientHeight);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-    disableHoverListener: !isOverflowed,
-    placement: "top-start",
-    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      children: title
-    }),
-    children: /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitleWithTooltip, {
-      variant: "label",
-      component: "span",
-      ref: textRef,
-      className,
-      $type: type,
-      children: title
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { disableHoverListener: !isOverflowed, placement: "top-start", title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: title }), children: /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitleWithTooltip, { variant: "label", component: "span", ref: textRef, className, $type: type, children: title }) });
 };
 const TitleWithTooltip$1 = TitleWithTooltip;
 exports.default = TitleWithTooltip$1;

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.cjs","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,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,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,wCACGC,QAAAA,WAAS;AAAA,IACRC,sBAAsB,CAACZ;AAAAA,IACvBa,WAAU;AAAA,IACVf,sCAAQgB,yBAAY;AAAA,MAAAC,UAAEjB;AAAAA,IAAAA,CAAsB;AAAA,IAAAiB,yCAE3CC,2CAAsB;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.cjs","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","jsx","HvTooltip","HvTypography","StyledTitleWithTooltip"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACvD,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAChDC,QAAAA,UAAUC,aAAuB,IAAI;AAE3CC,QAAAA,UAAU,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,SAAAC,2BAAAA,IAACC,QAAAA,WACC,EAAA,sBAAsB,CAACZ,cACvB,WAAU,aACV,OAAQW,2BAAAA,IAAAE,WAAAA,cAAA,EAAcf,UAAM,MAAA,CAAA,GAE5B,yCAACgB,mBACC,wBAAA,EAAA,SAAQ,SACR,WAAU,QACV,KAAKX,SACL,WACA,OAAOJ,MAEND,UAAAA,MACH,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,qBAAeF;;"}

package/dist/cjs/components/AppSwitcher/appSwitcherClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-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 = classes.getClasses(classKeys, "HvAppSwitcher");
 const appSwitcherClasses$1 = appSwitcherClasses;
 exports.default = appSwitcherClasses$1;

package/dist/cjs/components/AppSwitcher/appSwitcherClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"appSwitcherClasses.cjs","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,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}
+{"version":3,"file":"appSwitcherClasses.cjs","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,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}

package/dist/cjs/components/Avatar/Avatar.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const clsx = require("clsx");
 const Avatar_styles = require("./Avatar.styles.cjs");
 const avatarClasses = require("./avatarClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useImageLoaded = require("../../hooks/useImageLoaded.cjs");
 const sizes = require("../../utils/sizes.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -36,24 +36,13 @@ const HvAvatar = ({
   const hasImg = src || srcSet;
   const hasImgNotFailing = hasImg && imageLoaded !== "error";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, {
-      alt,
-      src,
-      srcSet,
-      sizes: sizes$1,
-      className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img),
-      ...imgProps
-    });
+    children = /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledImg, { alt, src, srcSet, sizes: sizes$1, className: clsx__default.default(classes == null ? void 0 : classes.img, avatarClasses.default.img), ...imgProps });
   } else if (childrenProp != null) {
     children = childrenProp;
   } else if (hasImg && alt) {
     [children] = alt;
   } else {
-    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, {
-      color,
-      iconSize: sizes.decreaseSize(size),
-      className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback)
-    });
+    children = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.User, { color, iconSize: sizes.decreaseSize(size), className: clsx__default.default(avatarClasses.default.fallback, classes == null ? void 0 : classes.fallback) });
   }
   const inlineStyle = {
     ...style
@@ -71,30 +60,12 @@ const HvAvatar = ({
     statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;
   }
   const badgeColor = getColor(badge || "", uikitStyles.theme.colors.sema1);
-  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, {
-    className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, {
-      className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status),
-      style: statusInlineStyle,
-      $variant: variant,
-      $size: size,
-      children: [badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, {
-        className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge),
-        style: {
-          backgroundColor: badgeColor
-        }
-      }), /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, {
-        component,
-        className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar),
-        style: inlineStyle,
-        variant,
-        size,
-        ...avatarProps,
-        children
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledContainer, { className: clsx__default.default(avatarClasses.default.container, classes == null ? void 0 : classes.container), ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(Avatar_styles.StyledStatus, { className: clsx__default.default(avatarClasses.default.status, classes == null ? void 0 : classes.status, avatarClasses.default[variant], classes == null ? void 0 : classes[variant], avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: statusInlineStyle, $variant: variant, $size: size, children: [
+    badge && /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledBadge, { className: clsx__default.default(avatarClasses.default.badge, classes == null ? void 0 : classes.badge), style: {
+      backgroundColor: badgeColor
+    } }),
+    /* @__PURE__ */ jsxRuntime.jsx(Avatar_styles.StyledAvatar, { component, className: clsx__default.default(className, avatarClasses.default.root, classes == null ? void 0 : classes.root, avatarClasses.default.avatar, classes == null ? void 0 : classes.avatar, avatarClasses.default[size], classes == null ? void 0 : classes[size]), style: inlineStyle, variant, size, ...avatarProps, children })
+  ] }) });
 };
 exports.HvAvatar = HvAvatar;
 //# sourceMappingURL=Avatar.cjs.map

package/dist/cjs/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","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":"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"}
+{"version":3,"file":"Avatar.cjs","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","jsx","StyledImg","clsx","img","avatarClasses","User","decreaseSize","fallback","inlineStyle","borderRadius","acce1","atmo1","statusInlineStyle","statusColor","sema1","boxShadow","badgeColor","StyledContainer","container","jsxs","StyledStatus","StyledBadge","StyledAvatar","root","avatar"],"mappings":"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"}

package/dist/cjs/components/Avatar/avatarClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-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 = classes.getClasses(classKeys, "HvAvatar");
 const avatarClasses$1 = avatarClasses;
 exports.default = avatarClasses$1;

package/dist/cjs/components/Avatar/avatarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatarClasses.cjs","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,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"avatarClasses.cjs","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,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Badge/Badge.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Badge_styles = require("./Badge.styles.cjs");
 const badgeClasses = require("./badgeClasses.cjs");
 const clsx = require("clsx");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -22,28 +22,11 @@ const HvBadge = (props) => {
   } = props;
   const renderedCount = count > maxCount ? `${maxCount}+` : count;
   const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-    variant: textVariant,
-    children: text
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge_styles.StyledRoot, {
-    "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(),
-    className: clsx__default.default(badgeClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [Component, /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledContainer, {
-      $component: Component ? true : false,
-      className: Component ? clsx__default.default(badgeClasses.default.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "",
-      children: /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledBadge, {
-        className: clsx__default.default(badgeClasses.default.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__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge_styles.StyledRoot, { "aria-label": renderedCountOrLabel == null ? void 0 : renderedCountOrLabel.toString(), className: clsx__default.default(className, badgeClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
+    Component,
+    /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledContainer, { $component: Component ? true : false, className: Component ? clsx__default.default(badgeClasses.default.badgeContainer, classes == null ? void 0 : classes.badgeContainer) : "", children: /* @__PURE__ */ jsxRuntime.jsx(Badge_styles.StyledBadge, { className: clsx__default.default(badgeClasses.default.badgePosition, classes == null ? void 0 : classes.badgePosition, !!(count > 0 || renderedCountOrLabel) && clsx__default.default(badgeClasses.default.badge, classes == null ? void 0 : classes.badge), !!(!label && renderedCountOrLabel) && clsx__default.default(badgeClasses.default.showCount, classes == null ? void 0 : classes.showCount), !!label && clsx__default.default(badgeClasses.default.showLabel, classes == null ? void 0 : classes.showLabel), !!icon && clsx__default.default(badgeClasses.default.badgeIcon, classes == null ? void 0 : classes.badgeIcon), String(renderedCountOrLabel).length === 1 && clsx__default.default(badgeClasses.default.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 }) })
+  ] });
 };
 exports.HvBadge = HvBadge;
 //# sourceMappingURL=Badge.cjs.map

package/dist/cjs/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBadgeClasses;\n};\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = props;\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <StyledRoot\n      aria-label={renderedCountOrLabel?.toString()}\n      className={clsx(badgeClasses.root, classes?.root)}\n      {...others}\n    >\n      {Component}\n      <StyledContainer\n        $component={Component ? true : false}\n        className={\n          Component\n            ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n            : \"\"\n        }\n      >\n        <StyledBadge\n          className={clsx(badgeClasses.badgePosition, classes?.badgePosition)}\n          $badge={!!(count > 0 || renderedCountOrLabel)}\n          $showCount={!!(!label && renderedCountOrLabel)}\n          $showLabel={!!label}\n          $badgeIcon={!!icon}\n          $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n        >\n          {renderedCountOrLabel}\n        </StyledBadge>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit","String","length"],"mappings":";;;;;;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,2BAAAA,IAACC,WAAAA,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,yCACGW,aAAAA,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,cAAAA,QAAKC,aAAAA,QAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC9CZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,2BAAAA,IAACS,8BAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,sBAAKC,aAAAA,QAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,yCAEAS,0BAAW;AAAA,QACVzB,WAAWmB,cAAAA,QAAKC,aAAAA,QAAaM,eAAe3B,mCAAS2B,aAAa;AAAA,QAClEC,QAAQ,CAAC,EAAEzB,QAAQ,KAAKS;AAAAA,QACxBiB,YAAY,CAAC,EAAE,CAACxB,SAASO;AAAAA,QACzBkB,YAAY,CAAC,CAACzB;AAAAA,QACd0B,YAAY,CAAC,CAACzB;AAAAA,QACd0B,gBAAgBC,OAAOrB,oBAAoB,EAAEsB,WAAW;AAAA,QAAEjB,UAEzDL;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAEP,CAAA;AAAA,EAAA,CACP;AAEjB;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"components\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBadgeProps = HvBaseProps & {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBadgeClasses;\n};\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = props;\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <StyledRoot\n      aria-label={renderedCountOrLabel?.toString()}\n      className={clsx(className, badgeClasses.root, classes?.root)}\n      {...others}\n    >\n      {Component}\n      <StyledContainer\n        $component={Component ? true : false}\n        className={\n          Component\n            ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n            : \"\"\n        }\n      >\n        <StyledBadge\n          className={clsx(\n            badgeClasses.badgePosition,\n            classes?.badgePosition,\n            !!(count > 0 || renderedCountOrLabel) &&\n              clsx(badgeClasses.badge, classes?.badge),\n            !!(!label && renderedCountOrLabel) &&\n              clsx(badgeClasses.showCount, classes?.showCount),\n            !!label && clsx(badgeClasses.showLabel, classes?.showLabel),\n            !!icon && clsx(badgeClasses.badgeIcon, classes?.badgeIcon),\n            String(renderedCountOrLabel).length === 1 &&\n              clsx(badgeClasses.badgeOneDigit, classes?.badgeOneDigit)\n          )}\n          $badge={!!(count > 0 || renderedCountOrLabel)}\n          $showCount={!!(!label && renderedCountOrLabel)}\n          $showLabel={!!label}\n          $badgeIcon={!!icon}\n          $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n        >\n          {renderedCountOrLabel}\n        </StyledBadge>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","HvTypography","jsxs","StyledRoot","toString","clsx","badgeClasses","root","jsx","StyledContainer","badgeContainer","StyledBadge","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit"],"mappings":";;;;;;;;;AAwCaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,OACXC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,uCAASO,WAAAA,cAAa,EAAA,SAASN,aAAcD,UAAK,KAAA,CAAA;AAE7D,SACGQ,2BAAAA,KAAAC,aAAAA,YAAA,EACC,cAAYJ,6DAAsBK,YAClC,WAAWC,cAAAA,QAAKjB,WAAWkB,aAAAA,QAAaC,MAAMpB,mCAASoB,IAAI,GAC3D,GAAIV,QAEHG,UAAAA;AAAAA,IAAAA;AAAAA,IACDQ,2BAAAA,IAACC,gCACC,YAAYT,YAAY,OAAO,OAC/B,WACEA,YACIK,cAAAA,QAAKC,qBAAaI,gBAAgBvB,mCAASuB,cAAc,IACzD,IAGN,UAACF,2BAAA,IAAAG,0BAAA,EACC,WAAWN,cAAAA,QACTC,aAAAA,QAAaM,eACbzB,mCAASyB,eACT,CAAC,EAAEtB,QAAQ,KAAKS,yBACdM,sBAAKC,aAAAA,QAAaO,OAAO1B,mCAAS0B,KAAK,GACzC,CAAC,EAAE,CAACrB,SAASO,yBACXM,cAAAA,QAAKC,qBAAajB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASa,cAAAA,QAAKC,qBAAaQ,WAAW3B,mCAAS2B,SAAS,GAC1D,CAAC,CAACrB,QAAQY,sBAAKC,qBAAaS,WAAW5B,mCAAS4B,SAAS,GACzDC,OAAOjB,oBAAoB,EAAEkB,WAAW,KACtCZ,sBAAKC,aAAAA,QAAaY,eAAe/B,mCAAS+B,aAAa,CAAC,GAE5D,QAAQ,CAAC,EAAE5B,QAAQ,KAAKS,uBACxB,YAAY,CAAC,EAAE,CAACP,SAASO,uBACzB,YAAY,CAAC,CAACP,OACd,YAAY,CAAC,CAACC,MACd,gBAAgBuB,OAAOjB,oBAAoB,EAAEkB,WAAW,GAEvDlB,UAAAA,qBAAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Badge/badgeClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "badgeContainer", "badgePosition"];
+const classKeys = ["root", "badgeContainer", "badgePosition", "badge", "showCount", "showLabel", "badgeIcon", "badgeOneDigit"];
 const badgeClasses = classes.getClasses(classKeys, "HvBadgeClasses");
 const badgeClasses$1 = badgeClasses;
 exports.default = badgeClasses$1;

package/dist/cjs/components/Badge/badgeClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBadgeClasses = {\n  root?: string;\n  badgeContainer?: string;\n  badgePosition?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"badgeContainer\", \"badgePosition\"];\n\nconst badgeClasses = getClasses<HvBadgeClasses>(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,kBAAkB,eAAe;AAEtE,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;;"}
+{"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBadgeClasses = {\n  root?: string;\n  badgeContainer?: string;\n  badgePosition?: string;\n  badge?: string;\n  showCount?: string;\n  showLabel?: string;\n  badgeIcon?: string;\n  badgeOneDigit?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"badgeContainer\",\n  \"badgePosition\",\n  \"badge\",\n  \"showCount\",\n  \"showLabel\",\n  \"badgeIcon\",\n  \"badgeOneDigit\",\n];\n\nconst badgeClasses = getClasses<HvBadgeClasses>(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,kBACA,iBACA,SACA,aACA,aACA,aACA,eAAe;AAGjB,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;;"}

package/dist/cjs/components/Banner/Banner.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const React = require("react");
 const Slide = require("@mui/material/Slide");
 const capitalize = require("lodash/capitalize");
 const Banner_styles = require("./Banner.styles.cjs");
 const BannerContent = require("./BannerContent/BannerContent.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const bannerClasses = require("./bannerClasses.cjs");
 const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -45,38 +45,12 @@ const HvBanner = ({
     horizontal: "center",
     vertical: anchorOrigin
   };
-  const SlideTransition = React.useCallback((properties) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
-    ...properties,
-    direction: transitionDirection
-  }), [transitionDirection]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, {
-    style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`],
-    className,
-    id,
-    classes: {
-      root: open ? clsx__default.default(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx__default.default(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
-      anchorOriginTopCenter: clsx__default.default(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
-      anchorOriginBottomCenter: clsx__default.default(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
-    },
-    anchorOrigin: anchorOriginBanner,
-    TransitionComponent: SlideTransition,
-    open,
-    $isOpen: open,
-    transitionDuration,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, {
-      id: setId.setId(id, "content"),
-      content: label,
-      variant,
-      customIcon,
-      showIcon,
-      actions,
-      actionsCallback,
-      actionsPosition,
-      onClose,
-      ...bannerContentProps
-    })
-  });
+  const SlideTransition = React.useCallback((properties) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...properties, direction: transitionDirection }), [transitionDirection]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Banner_styles.StyledSnackbar, { style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin)}`], className, id, classes: {
+    root: open ? clsx__default.default(bannerClasses.default.root, classes == null ? void 0 : classes.root) : clsx__default.default(bannerClasses.default.rootClosed, classes == null ? void 0 : classes.rootClosed),
+    anchorOriginTopCenter: clsx__default.default(bannerClasses.default.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
+    anchorOriginBottomCenter: clsx__default.default(bannerClasses.default.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
+  }, anchorOrigin: anchorOriginBanner, TransitionComponent: SlideTransition, open, $isOpen: open, transitionDuration, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent.HvBannerContent, { id: setId.setId(id, "content"), content: label, variant, customIcon, showIcon, actions, actionsCallback, actionsPosition, onClose, ...bannerContentProps }) });
 };
 exports.HvBanner = HvBanner;
 //# sourceMappingURL=Banner.cjs.map

package/dist/cjs/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvBannerVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\"> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: Function;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;AAqEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY;AAAA,IAChEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport { bannerClasses, HvBannerClasses } from \".\";\nimport { setId } from \"utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"components\";\n\nexport type HvBannerVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\"> &\n  HvBaseProps & {\n    /** If true | Snackbar is open. */\n    open: boolean;\n    /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n    onClose?: Function;\n    /** The message to display. */\n    label?: React.ReactNode;\n    /** The anchor of the Snackbar. */\n    anchorOrigin?: \"top\" | \"bottom\";\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Actions to display on the right side. */\n    actions?: React.ReactNode | HvActionGeneric[];\n    /** The callback function ran when an action is triggered, receiving `action` as param */\n    actionsCallback?: (\n      event: React.SyntheticEvent,\n      id: string,\n      action: HvActionGeneric\n    ) => void;\n    /** The position property of the header. */\n    actionsPosition?: HvBannerActionPosition;\n    /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n    transitionDuration?: number;\n    /** Direction of slide transition. */\n    transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n    /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n    offset?: number;\n    /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n    bannerContentProps?: HvBannerContentProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerClasses;\n  };\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","jsx","Slide","StyledSnackbar","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","HvBannerContent","setId"],"mappings":";;;;;;;;;;;;;;;AAqEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAe,eAAAC,2BAAAA,IAACC,eAAAA,SAAUF,EAAAA,GAAAA,YAAY,WAAWpB,wBAClD,CAACA,mBAAmB,CAAC;AAIrB,SAAAqB,2BAAA,IAACE,cACC,gBAAA,EAAA,OAAOb,mBAAoB,eAAcc,4BAAW3B,YAAY,MAChE,WACA,IACA,SAAS;AAAA,IACP4B,MAAM9B,OACF+B,cAAAA,QAAKC,cAAAA,QAAcF,MAAMhC,mCAASgC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYnC,mCAASmC,UAAU;AAAA,IACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdpC,mCAASoC,qBAAqB;AAAA,IAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdrC,mCAASqC,wBAAwB;AAAA,EAAA,GAGrC,cAAcf,oBACd,qBAAqBG,iBACrB,MACA,SAASvB,MACT,oBACA,GAAIc,QAEJ,UAAAY,2BAAA,IAACU,cACC,iBAAA,EAAA,IAAIC,MAAAA,MAAMxC,IAAI,SAAS,GACvB,SAASc,OACT,SACA,YACA,UACA,SACA,iBACA,iBACA,SACA,GAAIE,mBAAmB,CAAA,EAE3B,CAAA;AAEJ;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const ActionContainer_styles = require("./ActionContainer.styles.cjs");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const actionContainerClasses = require("./actionContainerClasses.cjs");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const ThemeProvider = require("../../../../providers/ThemeProvider.cjs");
@@ -23,32 +23,10 @@ const HvActionContainer = ({
     activeTheme,
     selectedMode
   } = React.useContext(ThemeProvider.HvThemeContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ActionContainer_styles.StyledActionContainer, {
-    className: clsx__default.default(actionContainerClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledButton, {
-      icon: true,
-      className: clsx__default.default(actionContainerClasses.default.closeAction, classes == null ? void 0 : classes.closeAction),
-      variant: "secondaryGhost",
-      "aria-label": "Close",
-      onClick: onClose,
-      tabIndex: 0,
-      $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledClose, {
-        iconSize: "XS",
-        className: clsx__default.default(actionContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        color: "base2"
-      })
-    }), action && /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledActionsInnerContainer, {
-      className: clsx__default.default(actionContainerClasses.default.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
-        id,
-        category: "secondaryGhost",
-        actions: action,
-        actionsCallback: actionCallback
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ActionContainer_styles.StyledActionContainer, { className: clsx__default.default(actionContainerClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledButton, { icon: true, className: clsx__default.default(actionContainerClasses.default.closeAction, classes == null ? void 0 : classes.closeAction), variant: "secondaryGhost", "aria-label": "Close", onClick: onClose, tabIndex: 0, $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || uikitStyles.theme.colors.base1, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledClose, { iconSize: "XS", className: clsx__default.default(actionContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), color: "base2" }) }),
+    action && /* @__PURE__ */ jsxRuntime.jsx(ActionContainer_styles.StyledActionsInnerContainer, { className: clsx__default.default(actionContainerClasses.default.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer), children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, { id, category: "secondaryGhost", actions: action, actionsCallback: actionCallback }) })
+  ] });
 };
 exports.HvActionContainer = HvActionContainer;
 //# sourceMappingURL=ActionContainer.cjs.map

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { actionContainerClasses, HvActionContainerClasses } from \".\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n  /** onClose function. */\n  onClose?: Function;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base2\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useContext","HvThemeContext","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base1","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;;AA6BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,MAAAA,WAAWC,cAAAA,cAAc;AAE/D,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBb,mCAASa,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBlB,mCAASkB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASnB;AAAAA,MACToB,UAAU;AAAA,MACVC,cACEjB,gDAAakB,WAAblB,mBAAqBmB,MAAMlB,cAAcmB,UAASC,kBAAMH,OAAOE;AAAAA,MAChE,GACGrB;AAAAA,MAAMU,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB7B,mCAAS6B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAO;AAAA,IAAA,CACb,GAEH5B,UACCa,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvBhC,mCAASgC,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACflC;AAAAA,QACAmC,UAAS;AAAA,QACTC,SAASjC;AAAAA,QACTkC,iBAAiBjC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}
+{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { actionContainerClasses, HvActionContainerClasses } from \".\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvActionContainerProps = HvBaseProps & {\n  /** onClose function. */\n  onClose?: Function;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n};\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base2\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useContext","HvThemeContext","jsxs","StyledActionContainer","clsx","actionContainerClasses","actionContainer","jsx","StyledButton","closeAction","colors","modes","base1","theme","StyledClose","iconContainer","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric"],"mappings":";;;;;;;;;;;;AA6BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,EAAAA,IAAiBC,MAAAA,WAAWC,cAAAA,cAAc;AAG7D,SAAAC,gCAACC,uBAAAA,yBACC,WAAWC,cAAAA,QACTC,+BAAuBC,iBACvBb,mCAASa,eAAe,GAG1B,UAAA;AAAA,IAAAC,+BAACC,uBAAAA,gBACC,MAAI,MACJ,WAAWJ,cAAAA,QACTC,uBAAAA,QAAuBI,aACvBhB,mCAASgB,WAAW,GAEtB,SAAQ,kBACR,cAAW,SACX,SAASf,SACT,UAAU,GACV,cACEI,gDAAaY,WAAbZ,mBAAqBa,MAAMZ,cAAca,UAASC,YAAMH,MAAAA,OAAOE,OAEjE,GAAIf,QAEJ,yCAACiB,uBAAAA,aACC,EAAA,UAAS,MACT,WAAWV,cAAAA,QACTC,+BAAuBU,eACvBtB,mCAASsB,aAAa,GAExB,OAAM,QAAO,CAAA,GAEjB;AAAA,IACCpB,UACEY,2BAAAA,IAAAS,uBAAA,6BAAA,EACC,WAAWZ,sBACTC,uBAAAA,QAAuBY,uBACvBxB,mCAASwB,qBAAqB,GAGhC,UAACV,2BAAA,IAAAW,iCAAA,EACC,IACA,UAAS,kBACT,SAASvB,QACT,iBAAiBC,eAAe,CAAA,GAEpC;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const hexToRgbA = require("../../../../utils/hexToRgbA.cjs");
 const transientOptions = require("../../../../utils/transientOptions.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Button = require("../../../Button/Button.cjs");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -40,9 +40,7 @@ const StyledActionContainer = /* @__PURE__ */ _styled__default.default("div", pr
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "euz8sqk2"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "euz8sqk2",