@hitachivantara/uikit-react-core 5.48.1 → 5.50.0

package/dist/cjs/hooks/useTheme.cjs

@@ -13,4 +13,3 @@ const useTheme = () => {
   }, [context]);
 };
 exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme.cjs.map

package/dist/cjs/hooks/useUniqueId.cjs

@@ -31,4 +31,3 @@ const useUniqueId = (deterministicId, idPrefix) => {
   return deterministicId || (idPrefix ? idPrefix + id : id ?? "");
 };
 exports.useUniqueId = useUniqueId;
-//# sourceMappingURL=useUniqueId.cjs.map

package/dist/cjs/hooks/useWidth.cjs

@@ -14,4 +14,3 @@ const useWidth = () => {
   }, null) || "xs";
 };
 exports.useWidth = useWidth;
-//# sourceMappingURL=useWidth.cjs.map

package/dist/cjs/index.cjs

@@ -215,7 +215,6 @@ const ScrollToVertical = require("./ScrollTo/Vertical/ScrollToVertical.cjs");
 const HorizontalScrollListItem_styles = require("./ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.cjs");
 const ScrollToHorizontal_styles = require("./ScrollTo/Horizontal/ScrollToHorizontal.styles.cjs");
 const ScrollToHorizontal = require("./ScrollTo/Horizontal/ScrollToHorizontal.cjs");
-const useScrollTo = require("./ScrollTo/useScrollTo.cjs");
 const Section_styles = require("./Section/Section.styles.cjs");
 const Section = require("./Section/Section.cjs");
 const SimpleGrid_styles = require("./SimpleGrid/SimpleGrid.styles.cjs");
@@ -565,7 +564,6 @@ exports.HvScrollToVertical = ScrollToVertical.HvScrollToVertical;
 exports.horizontalScrollListItemClasses = HorizontalScrollListItem_styles.staticClasses;
 exports.scrollToHorizontalClasses = ScrollToHorizontal_styles.staticClasses;
 exports.HvScrollToHorizontal = ScrollToHorizontal.HvScrollToHorizontal;
-exports.useScrollTo = useScrollTo.useScrollTo;
 exports.sectionClasses = Section_styles.staticClasses;
 exports.HvSection = Section.HvSection;
 exports.simpleGridClasses = SimpleGrid_styles.staticClasses;
@@ -695,4 +693,3 @@ Object.defineProperty(exports, "defaultEmotionCache", {
   enumerable: true,
   get: () => uikitReactShared.defaultEmotionCache
 });
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/providers/Provider.cjs

@@ -82,4 +82,3 @@ const HvProvider = ({
   ] });
 };
 exports.HvProvider = HvProvider;
-//# sourceMappingURL=Provider.cjs.map

package/dist/cjs/providers/ThemeProvider.cjs

@@ -95,4 +95,3 @@ Object.defineProperty(exports, "defaultEmotionCache", {
   get: () => uikitReactShared.defaultEmotionCache
 });
 exports.HvThemeProvider = HvThemeProvider;
-//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/types/generic.cjs

@@ -5,4 +5,3 @@ function fixedForwardRef(render) {
   return React.forwardRef(render);
 }
 exports.fixedForwardRef = fixedForwardRef;
-//# sourceMappingURL=generic.cjs.map

package/dist/cjs/utils/ConditionalWrapper.cjs

@@ -6,4 +6,3 @@ const ConditionalWrapper = ({
   children
 }) => condition ? wrapper(children) : children;
 exports.ConditionalWrapper = ConditionalWrapper;
-//# sourceMappingURL=ConditionalWrapper.cjs.map

package/dist/cjs/utils/{IconButton.cjs → IconButton/IconButton.cjs}

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../Button/Button.cjs");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
+const Button = require("../../Button/Button.cjs");
+const Tooltip = require("../../Tooltip/Tooltip.cjs");
 const IconButton = ({
   title,
   placement = "top",
   ...others
-}) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { enterDelay: 500, title, placement, children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, ...others }) });
+}) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { enterDelay: 500, title, placement, children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { focusableWhenDisabled: true, icon: true, ...others }) });
 exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton.cjs.map

package/dist/cjs/utils/IconButton/IconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","sources":["../../../../src/utils/IconButton/IconButton.tsx"],"sourcesContent":["import { HvButton, HvButtonProps } from \"../../Button\";\nimport { HvTooltip, HvTooltipProps } from \"../../Tooltip\";\n\nexport interface IconButtonProps\n  extends Omit<HvButtonProps, \"icon\" | \"title\" | \"component\"> {\n  title: React.ReactNode;\n  placement?: HvTooltipProps[\"placement\"];\n  onClick?: HvButtonProps[\"onClick\"];\n}\n\n/** An `HvButton` of type icon wrapped in a tooltip  */\nexport const IconButton = ({\n  title,\n  placement = \"top\",\n  ...others\n}: IconButtonProps) => (\n  <HvTooltip enterDelay={500} title={title} placement={placement}>\n    <HvButton focusableWhenDisabled icon {...others} />\n  </HvTooltip>\n);\n"],"names":["jsx","HvTooltip","HvButton"],"mappings":";;;;;AAWO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACGA,2BAAAA,IAAAC,QAAAA,WAAA,EAAU,YAAY,KAAK,OAAc,WACxC,UAAAD,2BAAA,IAACE,OAAS,UAAA,EAAA,uBAAqB,MAAC,MAAI,MAAE,GAAG,QAAQ,EACnD,CAAA;;"}

package/dist/cjs/utils/Random.cjs

@@ -13,4 +13,3 @@ class Random {
   }
 }
 exports.Random = Random;
-//# sourceMappingURL=Random.cjs.map

package/dist/cjs/utils/browser.cjs

@@ -6,4 +6,3 @@ const isBrowser = (browsers) => {
   return browser && (Array.isArray(browsers) ? browsers.indexOf(browser.name) > 0 : browsers === browser.name);
 };
 exports.isBrowser = isBrowser;
-//# sourceMappingURL=browser.cjs.map

package/dist/cjs/utils/checkValidHexColorValue.cjs

@@ -5,4 +5,3 @@ const checkValidHexColorValue = (value) => {
   return value ? reg.test(value) : false;
 };
 exports.checkValidHexColorValue = checkValidHexColorValue;
-//# sourceMappingURL=checkValidHexColorValue.cjs.map

package/dist/cjs/utils/classes.cjs

@@ -47,4 +47,3 @@ function createClasses(name, stylesObject) {
 exports.createClasses = createClasses;
 exports.getClasses = getClasses;
 exports.replace$ = replace$;
-//# sourceMappingURL=classes.cjs.map

package/dist/cjs/utils/document.cjs

@@ -8,4 +8,3 @@ function getElementById(elementId) {
 }
 exports.getDocument = getDocument;
 exports.getElementById = getElementById;
-//# sourceMappingURL=document.cjs.map

package/dist/cjs/utils/focusUtils.cjs

@@ -8,4 +8,3 @@ const outlineStyles = {
   boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
 };
 exports.outlineStyles = outlineStyles;
-//# sourceMappingURL=focusUtils.cjs.map

package/dist/cjs/utils/focusableElementFinder.cjs

@@ -27,4 +27,3 @@ exports.default = getPrevNextFocus;
 exports.getFirstAndLastFocus = getFirstAndLastFocus;
 exports.getFocusableList = getFocusableList;
 exports.getPrevNextFocus = getPrevNextFocus;
-//# sourceMappingURL=focusableElementFinder.cjs.map

package/dist/cjs/utils/getComponentName.cjs

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getComponentName = (Component) => Component.displayName || Component.name || "";
 exports.getComponentName = getComponentName;
-//# sourceMappingURL=getComponentName.cjs.map

package/dist/cjs/utils/hexToRgbA.cjs

@@ -3,4 +3,3 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const styles = require("@mui/material/styles");
 const hexToRgbA = (hex, factor = 0.8) => styles.alpha(styles.hexToRgb(hex), factor);
 exports.hexToRgbA = hexToRgbA;
-//# sourceMappingURL=hexToRgbA.cjs.map

package/dist/cjs/utils/iconVariant.cjs

@@ -17,4 +17,3 @@ const iconVariant = (variant, color, semantic) => {
   }
 };
 exports.iconVariant = iconVariant;
-//# sourceMappingURL=iconVariant.cjs.map

package/dist/cjs/utils/keyboardUtils.cjs

@@ -27,4 +27,3 @@ const isOneOfKeys = (event, keys) => {
 };
 exports.isKey = isKey;
 exports.isOneOfKeys = isOneOfKeys;
-//# sourceMappingURL=keyboardUtils.cjs.map

package/dist/cjs/utils/multiSelectionEventHandler.cjs

@@ -52,4 +52,3 @@ const multiSelectionEventHandler = (evt, index, selectionAnchor, allValues, sele
   return newValue;
 };
 exports.multiSelectionEventHandler = multiSelectionEventHandler;
-//# sourceMappingURL=multiSelectionEventHandler.cjs.map

package/dist/cjs/utils/setId.cjs

@@ -10,4 +10,3 @@ const setUid = (id, suffix) => {
 };
 exports.setId = setId;
 exports.setUid = setUid;
-//# sourceMappingURL=setId.cjs.map

package/dist/cjs/utils/sizes.cjs

@@ -31,4 +31,3 @@ const increaseSize = (size) => {
 };
 exports.decreaseSize = decreaseSize;
 exports.increaseSize = increaseSize;
-//# sourceMappingURL=sizes.cjs.map

package/dist/cjs/utils/theme.cjs

@@ -87,4 +87,3 @@ exports.createTheme = createTheme;
 exports.getVarValue = getVarValue;
 exports.processThemes = processThemes;
 exports.setElementAttrs = setElementAttrs;
-//# sourceMappingURL=theme.cjs.map

package/dist/cjs/utils/useSavedState.cjs

@@ -18,4 +18,3 @@ function useSavedState(defaultState) {
   return [state, changeState, rollback, submittedState, initialState];
 }
 exports.useSavedState = useSavedState;
-//# sourceMappingURL=useSavedState.cjs.map

package/dist/cjs/utils/wrapperTooltip.cjs

@@ -12,4 +12,3 @@ const wrapperTooltip = (hasTooltips, Component, label) => {
   return hasTooltips ? withTooltip.withTooltip(ComponentFunction, label, "top", hideTooltip) : ComponentFunction;
 };
 exports.wrapperTooltip = wrapperTooltip;
-//# sourceMappingURL=wrapperTooltip.cjs.map

package/dist/esm/Accordion/Accordion.js

@@ -125,4 +125,3 @@ export {
   HvAccordion,
   staticClasses as accordionClasses
 };
-//# sourceMappingURL=Accordion.js.map

package/dist/esm/Accordion/Accordion.styles.js

@@ -45,4 +45,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Accordion.styles.js.map

package/dist/esm/ActionBar/ActionBar.js

@@ -16,4 +16,3 @@ export {
   HvActionBar,
   staticClasses as actionBarClasses
 };
-//# sourceMappingURL=ActionBar.js.map

package/dist/esm/ActionBar/ActionBar.styles.js

@@ -14,4 +14,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ActionBar.styles.js.map

package/dist/esm/ActionsGeneric/ActionsGeneric.js

@@ -87,4 +87,3 @@ export {
   HvActionsGeneric,
   staticClasses as actionsGenericClasses
 };
-//# sourceMappingURL=ActionsGeneric.js.map

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

@@ -19,4 +19,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ActionsGeneric.styles.js.map

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

@@ -146,4 +146,3 @@ export {
   HvAppSwitcherAction,
   staticClasses as appSwitcherActionClasses
 };
-//# sourceMappingURL=Action.js.map

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

@@ -48,4 +48,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Action.styles.js.map

package/dist/esm/AppSwitcher/AppSwitcher.js

@@ -89,4 +89,3 @@ export {
   HvAppSwitcher,
   staticClasses as appSwitcherClasses
 };
-//# sourceMappingURL=AppSwitcher.js.map

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

@@ -62,4 +62,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=AppSwitcher.styles.js.map

package/dist/esm/Avatar/Avatar.js

@@ -112,4 +112,3 @@ export {
   HvAvatar,
   staticClasses as avatarClasses
 };
-//# sourceMappingURL=Avatar.js.map

package/dist/esm/Avatar/Avatar.styles.js

@@ -74,4 +74,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Avatar.styles.js.map

package/dist/esm/AvatarGroup/AvatarGroup.js

@@ -101,4 +101,3 @@ export {
   HvAvatarGroup,
   staticClasses as avatarGroupClasses
 };
-//# sourceMappingURL=AvatarGroup.js.map

package/dist/esm/AvatarGroup/AvatarGroup.styles.js

@@ -21,4 +21,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=AvatarGroup.styles.js.map

package/dist/esm/Badge/Badge.js

@@ -41,4 +41,3 @@ export {
   HvBadge,
   staticClasses as badgeClasses
 };
-//# sourceMappingURL=Badge.js.map

package/dist/esm/Badge/Badge.styles.js

@@ -26,4 +26,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Badge.styles.js.map

package/dist/esm/Banner/Banner.js

@@ -18,6 +18,7 @@ const HvBanner = (props) => {
     variant = "default",
     transitionDuration = 300,
     transitionDirection = "down",
+    container,
     showIcon = false,
     customIcon,
     actions,
@@ -34,8 +35,15 @@ const HvBanner = (props) => {
     vertical: anchorOrigin
   };
   const SlideTransition = useCallback(
-    (properties) => /* @__PURE__ */ jsx(Slide, { ...properties, direction: transitionDirection }),
-    [transitionDirection]
+    (properties) => /* @__PURE__ */ jsx(
+      Slide,
+      {
+        ...properties,
+        container,
+        direction: transitionDirection
+      }
+    ),
+    [container, transitionDirection]
   );
   return /* @__PURE__ */ jsx(
     Snackbar,
@@ -75,4 +83,3 @@ export {
   HvBanner,
   staticClasses as bannerClasses
 };
-//# sourceMappingURL=Banner.js.map

package/dist/esm/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport Slide from \"@mui/material/Slide\";\n\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\n\nimport { HvActionGeneric } from \"../ActionsGeneric\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvBannerActionPosition, HvBannerVariant } from \"./types\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\"> {\n  /** If true, the 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?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\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  /** @ignore */\n  ref?: MuiSnackbarProps[\"ref\"];\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 = (props: HvBannerProps) => {\n  const {\n    id,\n    classes: classesProp,\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  } = useDefaultProps(\"HvBanner\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback<\n    NonNullable<MuiSnackbarProps[\"TransitionComponent\"]>\n  >(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\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    </Snackbar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqEa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,YAAY,KAAK;AACrC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,qBAAqC;AAAA,IACzC,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAGZ,QAAM,kBAAkB;AAAA,IAGtB,CAAC,eAAe,oBAAC,SAAO,GAAG,YAAY,WAAW,qBAAqB;AAAA,IACvE,CAAC,mBAAmB;AAAA,EAAA;AAIpB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,MAAM,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,UAAU,GAAG,CAAC,MAAM;AAAA,QACtD,uBAAuB,QAAQ;AAAA,QAC/B,0BAA0B,QAAQ;AAAA,MACpC;AAAA,MACA,OAAO,EAAE,CAAC,YAAY,GAAG,OAAO;AAAA,MAChC,cAAc;AAAA,MACd,qBAAqB;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,MAAM,IAAI,SAAS;AAAA,UACvB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide, { SlideProps } from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\n\nimport { HvActionGeneric } from \"../ActionsGeneric\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvBannerActionPosition, HvBannerVariant } from \"./types\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\"> {\n  /** If true, the 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?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\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  /** The container the banner should slide from. */\n  container?: SlideProps[\"container\"];\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  /** @ignore */\n  ref?: MuiSnackbarProps[\"ref\"];\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 = (props: HvBannerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    open,\n    onClose,\n    anchorOrigin = \"top\",\n    variant = \"default\",\n    transitionDuration = 300,\n    transitionDirection = \"down\",\n    container,\n    showIcon = false,\n    customIcon,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    label,\n    offset = 60,\n    bannerContentProps,\n    ...others\n  } = useDefaultProps(\"HvBanner\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback<\n    NonNullable<MuiSnackbarProps[\"TransitionComponent\"]>\n  >(\n    (properties) => (\n      <Slide\n        {...properties}\n        container={container}\n        direction={transitionDirection}\n      />\n    ),\n    [container, transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\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    </Snackbar>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAoEa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,YAAY,KAAK;AACrC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,qBAAqC;AAAA,IACzC,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAGZ,QAAM,kBAAkB;AAAA,IAGtB,CAAC,eACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,CAAC,WAAW,mBAAmB;AAAA,EAAA;AAI/B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,MAAM,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,UAAU,GAAG,CAAC,MAAM;AAAA,QACtD,uBAAuB,QAAQ;AAAA,QAC/B,0BAA0B,QAAQ;AAAA,MACpC;AAAA,MACA,OAAO,EAAE,CAAC,YAAY,GAAG,OAAO;AAAA,MAChC,cAAc;AAAA,MACd,qBAAqB;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,MAAM,IAAI,SAAS;AAAA,UACvB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/Banner/Banner.styles.js

@@ -22,4 +22,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Banner.styles.js.map

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.js

@@ -43,4 +43,3 @@ export {
   HvActionContainer,
   staticClasses as actionContainerClasses
 };
-//# sourceMappingURL=ActionContainer.js.map

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.styles.js

@@ -29,4 +29,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=ActionContainer.styles.js.map

package/dist/esm/Banner/BannerContent/BannerContent.js

@@ -69,4 +69,3 @@ export {
   HvBannerContent,
   staticClasses as bannerContentClasses
 };
-//# sourceMappingURL=BannerContent.js.map

package/dist/esm/Banner/BannerContent/BannerContent.styles.js

@@ -45,4 +45,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BannerContent.styles.js.map

package/dist/esm/Banner/BannerContent/MessageContainer/MessageContainer.js

@@ -38,4 +38,3 @@ export {
   HvMessageContainer,
   staticClasses as messageContainerClasses
 };
-//# sourceMappingURL=MessageContainer.js.map

package/dist/esm/Banner/BannerContent/MessageContainer/MessageContainer.styles.js

@@ -21,4 +21,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=MessageContainer.styles.js.map

package/dist/esm/BaseCheckBox/BaseCheckBox.js

@@ -96,4 +96,3 @@ export {
   HvBaseCheckBox,
   staticClasses as baseCheckBoxClasses
 };
-//# sourceMappingURL=BaseCheckBox.js.map

package/dist/esm/BaseCheckBox/BaseCheckBox.styles.js

@@ -32,4 +32,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BaseCheckBox.styles.js.map

package/dist/esm/BaseDropdown/BaseDropdown.js

@@ -347,4 +347,3 @@ export {
   HvBaseDropdown,
   staticClasses as baseDropdownClasses
 };
-//# sourceMappingURL=BaseDropdown.js.map

package/dist/esm/BaseDropdown/BaseDropdown.styles.js

@@ -118,4 +118,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BaseDropdown.styles.js.map

package/dist/esm/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js

@@ -5,4 +5,3 @@ const BaseDropdownContext$1 = BaseDropdownContext;
 export {
   BaseDropdownContext$1 as default
 };
-//# sourceMappingURL=BaseDropdownContext.js.map

package/dist/esm/BaseInput/BaseInput.js

@@ -135,4 +135,3 @@ export {
   HvBaseInput,
   staticClasses as baseInputClasses
 };
-//# sourceMappingURL=BaseInput.js.map

package/dist/esm/BaseInput/BaseInput.styles.js

@@ -197,4 +197,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BaseInput.styles.js.map

package/dist/esm/BaseInput/validations.js

@@ -112,4 +112,3 @@ export {
   validateInput,
   validationTypes
 };
-//# sourceMappingURL=validations.js.map

package/dist/esm/BaseRadio/BaseRadio.js

@@ -98,4 +98,3 @@ export {
   staticClasses as baseRadioClasses,
   getSelectorIcons
 };
-//# sourceMappingURL=BaseRadio.js.map

package/dist/esm/BaseRadio/BaseRadio.styles.js

@@ -32,4 +32,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BaseRadio.styles.js.map

package/dist/esm/BaseSwitch/BaseSwitch.js

@@ -92,4 +92,3 @@ export {
   HvBaseSwitch,
   staticClasses as baseSwitchClasses
 };
-//# sourceMappingURL=BaseSwitch.js.map

package/dist/esm/BaseSwitch/BaseSwitch.styles.js

@@ -93,4 +93,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BaseSwitch.styles.js.map

package/dist/esm/Box/Box.js

@@ -21,4 +21,3 @@ const HvBox = forwardRef(
 export {
   HvBox
 };
-//# sourceMappingURL=Box.js.map

package/dist/esm/BreadCrumb/BreadCrumb.js

@@ -74,4 +74,3 @@ export {
   HvBreadCrumb,
   staticClasses as breadCrumbClasses
 };
-//# sourceMappingURL=BreadCrumb.js.map

package/dist/esm/BreadCrumb/BreadCrumb.styles.js

@@ -17,4 +17,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BreadCrumb.styles.js.map

package/dist/esm/BreadCrumb/Page/Page.js

@@ -35,4 +35,3 @@ export {
   HvBreadCrumbPage,
   staticClasses as breadCrumbPageClasses
 };
-//# sourceMappingURL=Page.js.map

package/dist/esm/BreadCrumb/Page/Page.styles.js

@@ -25,4 +25,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=Page.styles.js.map

package/dist/esm/BreadCrumb/PathElement/PathElement.js

@@ -23,4 +23,3 @@ export {
   HvPathElement,
   staticClasses as pathElementClasses
 };
-//# sourceMappingURL=PathElement.js.map

package/dist/esm/BreadCrumb/PathElement/PathElement.styles.js

@@ -7,4 +7,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=PathElement.styles.js.map

package/dist/esm/BreadCrumb/utils.js

@@ -30,4 +30,3 @@ export {
   pathWithSubMenu,
   removeExtension
 };
-//# sourceMappingURL=utils.js.map

package/dist/esm/BulkActions/BulkActions.js

@@ -107,4 +107,3 @@ export {
   HvBulkActions,
   staticClasses as bulkActionsClasses
 };
-//# sourceMappingURL=BulkActions.js.map

package/dist/esm/BulkActions/BulkActions.styles.js

@@ -41,4 +41,3 @@ export {
   staticClasses,
   useClasses
 };
-//# sourceMappingURL=BulkActions.styles.js.map

package/dist/esm/Button/Button.js

@@ -28,6 +28,9 @@ const HvButton = fixedForwardRef(function HvButton2(props, ref) {
     radius,
     overrideIconColors = true,
     component: Component = "button",
+    focusableWhenDisabled,
+    onClick: onClickProp,
+    onMouseDown: onMouseDownProp,
     ...others
   } = useDefaultProps("HvButton", props);
   const { classes, css, cx } = useClasses(classesProp);
@@ -36,6 +39,16 @@ const HvButton = fixedForwardRef(function HvButton2(props, ref) {
     variantProp ?? (icon ? "secondaryGhost" : "primary"),
     activeTheme?.name
   );
+  const handleClick = (e) => {
+    if (disabled)
+      return;
+    onClickProp?.(e);
+  };
+  const handleMouseDown = (e) => {
+    if (disabled)
+      return;
+    onMouseDownProp?.(e);
+  };
   return /* @__PURE__ */ jsxs(
     Component,
     {
@@ -52,10 +65,12 @@ const HvButton = fixedForwardRef(function HvButton2(props, ref) {
         },
         className
       ),
+      onClick: handleClick,
+      onMouseDown: handleMouseDown,
       ...Component === "button" && { type: "button" },
       ...disabled && {
-        disabled: true,
-        tabIndex: -1,
+        disabled: !focusableWhenDisabled,
+        tabIndex: focusableWhenDisabled ? 0 : -1,
         "aria-disabled": true
       },
       ...others,
@@ -71,4 +86,3 @@ export {
   HvButton,
   staticClasses as buttonClasses
 };
-//# sourceMappingURL=Button.js.map