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

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","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,oBAACC,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAqB;AAE7E,8BACGW,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKC,aAAaC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC9CZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,oBAACS,iBAAe;AAAA,MACdC,YAAYX,YAAY,OAAO;AAAA,MAC/BZ,WACEY,YACIO,KAAKC,aAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,8BAEAS,aAAW;AAAA,QACVzB,WAAWmB,KAAKC,aAAaM,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.js","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","toString","clsx","badgeClasses","root","badgeContainer","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,4BAAS,cAAa,EAAA,SAASC,aAAcD,UAAK,KAAA,CAAA;AAE7D,SACG,qBAAA,YAAA,EACC,cAAYK,6DAAsBE,YAClC,WAAWC,KAAKd,WAAWe,aAAaC,MAAMjB,mCAASiB,IAAI,GAC3D,GAAIP,QAEHG,UAAAA;AAAAA,IAAAA;AAAAA,IACD,oBAAC,mBACC,YAAYA,YAAY,OAAO,OAC/B,WACEA,YACIE,KAAKC,aAAaE,gBAAgBlB,mCAASkB,cAAc,IACzD,IAGN,UAAC,oBAAA,aAAA,EACC,WAAWH,KACTC,aAAaG,eACbnB,mCAASmB,eACT,CAAC,EAAEhB,QAAQ,KAAKS,yBACdG,KAAKC,aAAaI,OAAOpB,mCAASoB,KAAK,GACzC,CAAC,EAAE,CAACf,SAASO,yBACXG,KAAKC,aAAad,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASU,KAAKC,aAAaK,WAAWrB,mCAASqB,SAAS,GAC1D,CAAC,CAACf,QAAQS,KAAKC,aAAaM,WAAWtB,mCAASsB,SAAS,GACzDC,OAAOX,oBAAoB,EAAEY,WAAW,KACtCT,KAAKC,aAAaS,eAAezB,mCAASyB,aAAa,CAAC,GAE5D,QAAQ,CAAC,EAAEtB,QAAQ,KAAKS,uBACxB,YAAY,CAAC,EAAE,CAACP,SAASO,uBACzB,YAAY,CAAC,CAACP,OACd,YAAY,CAAC,CAACC,MACd,gBAAgBiB,OAAOX,oBAAoB,EAAEY,WAAW,GAEvDZ,UAAAA,qBAAAA,CACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "badgeContainer", "badgePosition"];
+const classKeys = ["root", "badgeContainer", "badgePosition", "badge", "showCount", "showLabel", "badgeIcon", "badgeOneDigit"];
 const badgeClasses = getClasses(classKeys, "HvBadgeClasses");
 const badgeClasses$1 = badgeClasses;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"badgeClasses.js","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,WAA2BF,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;"}
+{"version":3,"file":"badgeClasses.js","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,WAA2BF,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;"}

package/dist/esm/components/Banner/Banner.js

@@ -1,10 +1,10 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { useCallback } from "react";
 import Slide from "@mui/material/Slide";
 import capitalize from "lodash/capitalize";
 import { StyledSnackbar } from "./Banner.styles.js";
 import { HvBannerContent } from "./BannerContent/BannerContent.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import bannerClasses from "./bannerClasses.js";
 import { setId } from "../../utils/setId.js";
 const HvBanner = ({
@@ -39,38 +39,12 @@ const HvBanner = ({
     horizontal: "center",
     vertical: anchorOrigin
   };
-  const SlideTransition = useCallback((properties) => /* @__PURE__ */ jsx(Slide, {
-    ...properties,
-    direction: transitionDirection
-  }), [transitionDirection]);
-  return /* @__PURE__ */ jsx(StyledSnackbar, {
-    style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`],
-    className,
-    id,
-    classes: {
-      root: open ? clsx(bannerClasses.root, classes == null ? void 0 : classes.root) : clsx(bannerClasses.rootClosed, classes == null ? void 0 : classes.rootClosed),
-      anchorOriginTopCenter: clsx(bannerClasses.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
-      anchorOriginBottomCenter: clsx(bannerClasses.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
-    },
-    anchorOrigin: anchorOriginBanner,
-    TransitionComponent: SlideTransition,
-    open,
-    $isOpen: open,
-    transitionDuration,
-    ...others,
-    children: /* @__PURE__ */ jsx(HvBannerContent, {
-      id: setId(id, "content"),
-      content: label,
-      variant,
-      customIcon,
-      showIcon,
-      actions,
-      actionsCallback,
-      actionsPosition,
-      onClose,
-      ...bannerContentProps
-    })
-  });
+  const SlideTransition = useCallback((properties) => /* @__PURE__ */ jsx(Slide, { ...properties, direction: transitionDirection }), [transitionDirection]);
+  return /* @__PURE__ */ jsx(StyledSnackbar, { style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`], className, id, classes: {
+    root: open ? clsx(bannerClasses.root, classes == null ? void 0 : classes.root) : clsx(bannerClasses.rootClosed, classes == null ? void 0 : classes.rootClosed),
+    anchorOriginTopCenter: clsx(bannerClasses.anchorOriginTopCenter, classes == null ? void 0 : classes.anchorOriginTopCenter),
+    anchorOriginBottomCenter: clsx(bannerClasses.anchorOriginBottomCenter, classes == null ? void 0 : classes.anchorOriginBottomCenter)
+  }, anchorOrigin: anchorOriginBanner, TransitionComponent: SlideTransition, open, $isOpen: open, transitionDuration, ...others, children: /* @__PURE__ */ jsx(HvBannerContent, { id: setId(id, "content"), content: label, variant, customIcon, showIcon, actions, actionsCallback, actionsPosition, onClose, ...bannerContentProps }) });
 };
 export {
   HvBanner

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","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,YACrBC,CAAeC,eAAAA,oBAACC,OAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,6BACGwB,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,WAAW7B,YAAY;AAAA,IAChEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,KAAKC,cAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,KAAKC,cAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,KACrBC,cAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,KACxBC,cAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,8BAETC,iBAAe;AAAA,MACd5C,IAAI6C,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.js","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","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","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,YACrBC,CAAe,eAAA,oBAAC,OAAUA,EAAAA,GAAAA,YAAY,WAAWpB,wBAClD,CAACA,mBAAmB,CAAC;AAIrB,SAAA,oBAAC,gBACC,EAAA,OAAOU,mBAAoB,eAAcW,WAAWxB,YAAY,MAChE,WACA,IACA,SAAS;AAAA,IACPyB,MAAM3B,OACF4B,KAAKC,cAAcF,MAAM7B,mCAAS6B,IAAI,IACtCC,KAAKC,cAAcC,YAAYhC,mCAASgC,UAAU;AAAA,IACtDC,uBAAuBH,KACrBC,cAAcE,uBACdjC,mCAASiC,qBAAqB;AAAA,IAEhCC,0BAA0BJ,KACxBC,cAAcG,0BACdlC,mCAASkC,wBAAwB;AAAA,EAAA,GAGrC,cAAcZ,oBACd,qBAAqBG,iBACrB,MACA,SAASvB,MACT,oBACA,GAAIc,QAEJ,UAAA,oBAAC,iBACC,EAAA,IAAImB,MAAMpC,IAAI,SAAS,GACvB,SAASc,OACT,SACA,YACA,UACA,SACA,iBACA,iBACA,SACA,GAAIE,mBAAmB,CAAA,EAE3B,CAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledActionContainer, StyledButton, StyledClose, StyledActionsInnerContainer } from "./ActionContainer.styles.js";
 import { useContext } from "react";
 import { theme } from "@hitachivantara/uikit-styles";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import actionContainerClasses from "./actionContainerClasses.js";
 import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
 import { HvThemeContext } from "../../../../providers/ThemeProvider.js";
@@ -19,32 +19,10 @@ const HvActionContainer = ({
     activeTheme,
     selectedMode
   } = useContext(HvThemeContext);
-  return /* @__PURE__ */ jsxs(StyledActionContainer, {
-    className: clsx(actionContainerClasses.actionContainer, classes == null ? void 0 : classes.actionContainer),
-    children: [/* @__PURE__ */ jsx(StyledButton, {
-      icon: true,
-      className: clsx(actionContainerClasses.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) || theme.colors.base1,
-      ...others,
-      children: /* @__PURE__ */ jsx(StyledClose, {
-        iconSize: "XS",
-        className: clsx(actionContainerClasses.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        color: "base2"
-      })
-    }), action && /* @__PURE__ */ jsx(StyledActionsInnerContainer, {
-      className: clsx(actionContainerClasses.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer),
-      children: /* @__PURE__ */ jsx(HvActionsGeneric, {
-        id,
-        category: "secondaryGhost",
-        actions: action,
-        actionsCallback: actionCallback
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(StyledActionContainer, { className: clsx(actionContainerClasses.actionContainer, classes == null ? void 0 : classes.actionContainer), children: [
+    /* @__PURE__ */ jsx(StyledButton, { icon: true, className: clsx(actionContainerClasses.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) || theme.colors.base1, ...others, children: /* @__PURE__ */ jsx(StyledClose, { iconSize: "XS", className: clsx(actionContainerClasses.iconContainer, classes == null ? void 0 : classes.iconContainer), color: "base2" }) }),
+    action && /* @__PURE__ */ jsx(StyledActionsInnerContainer, { className: clsx(actionContainerClasses.actionsInnerContainer, classes == null ? void 0 : classes.actionsInnerContainer), children: /* @__PURE__ */ jsx(HvActionsGeneric, { id, category: "secondaryGhost", actions: action, actionsCallback: actionCallback }) })
+  ] });
 };
 export {
   HvActionContainer

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","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,WAAWC,cAAc;AAE/D,8BACGC,uBAAqB;AAAA,IACpBC,WAAWC,KACTC,uBAAuBC,iBACvBb,mCAASa,eAAe;AAAA,IACxBC,UAAA,CAEFC,oBAACC,cAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,KACTC,uBAAuBM,aACvBlB,mCAASkB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASnB;AAAAA,MACToB,UAAU;AAAA,MACVC,cACEjB,gDAAakB,WAAblB,mBAAqBmB,MAAMlB,cAAcmB,UAASC,MAAMH,OAAOE;AAAAA,MAChE,GACGrB;AAAAA,MAAMU,8BAETa,aAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,KACTC,uBAAuBiB,eACvB7B,mCAAS6B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAO;AAAA,IAAA,CACb,GAEH5B,UACCa,oBAACgB,6BAA2B;AAAA,MAC1BrB,WAAWC,KACTC,uBAAuBoB,uBACvBhC,mCAASgC,qBAAqB;AAAA,MAC9BlB,8BAEDmB,kBAAgB;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.js","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","clsx","actionContainerClasses","actionContainer","closeAction","colors","modes","base1","theme","iconContainer","actionsInnerContainer"],"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,WAAWC,cAAc;AAG7D,SAAA,qBAAC,yBACC,WAAWC,KACTC,uBAAuBC,iBACvBX,mCAASW,eAAe,GAG1B,UAAA;AAAA,IAAA,oBAAC,gBACC,MAAI,MACJ,WAAWF,KACTC,uBAAuBE,aACvBZ,mCAASY,WAAW,GAEtB,SAAQ,kBACR,cAAW,SACX,SAASX,SACT,UAAU,GACV,cACEI,gDAAaQ,WAAbR,mBAAqBS,MAAMR,cAAcS,UAASC,MAAMH,OAAOE,OAEjE,GAAIX,QAEJ,8BAAC,aACC,EAAA,UAAS,MACT,WAAWK,KACTC,uBAAuBO,eACvBjB,mCAASiB,aAAa,GAExB,OAAM,QAAO,CAAA,GAEjB;AAAA,IACCf,UACE,oBAAA,6BAAA,EACC,WAAWO,KACTC,uBAAuBQ,uBACvBlB,mCAASkB,qBAAqB,GAGhC,UAAC,oBAAA,kBAAA,EACC,IACA,UAAS,kBACT,SAAShB,QACT,iBAAiBC,eAAe,CAAA,GAEpC;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import fade from "../../../../utils/hexToRgbA.js";
 import { transientOptions } from "../../../../utils/transientOptions.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvButton } from "../../../Button/Button.js";
 import { outlineStyles } from "../../../../utils/focusUtils.js";
 function _extends() {
@@ -36,9 +36,7 @@ const StyledActionContainer = /* @__PURE__ */ _styled("div", process.env.NODE_EN
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledButton = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvButton, { ...props }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "euz8sqk2"
 }, transientOptions) : _extends({}, {
   target: "euz8sqk2",

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  (props) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","_styled","props","_jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKhD;AAEK,MAAMC,eAAeC,wBACzBC,CAAUC,UAAAA,oBAACC,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,4BAAAa,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,GAClCa,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBY,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,KAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK;AAAAA,EACL;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMqB,cAAqBC,wBAAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEK,MAAMgB,8BAAqC,wBAAA,OAAKzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;"}
+{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  (props) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","_styled","props","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKhD;AAEK,MAAMC,eAAeC,wBACzBC,CAAU,UAAA,oBAAC,eAAaA,UAASZ,QAAAC,IAAAC,aAAA,eAAAW,SAAA,CAAA,GAAA;AAAA,EAAAV,QAAA;AAAA,GAClCW,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAV,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBU,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,KAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK;AAAAA,EACL;AACF,IAAEpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMmB,cAAqBC,wBAAAA,OAAKtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEK,MAAMc,8BAAqC,wBAAA,OAAKvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;"}

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

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledRoot, StyledSnackbarContent } from "./BannerContent.styles.js";
 import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import iconVariant from "../../../utils/iconVariant.js";
 import bannerContentClasses from "./bannerContentClasses.js";
 import { HvMessageContainer } from "./MessageContainer/MessageContainer.js";
@@ -22,39 +22,17 @@ const HvBannerContent = forwardRef(({
 }, ref) => {
   const icon = customIcon || showIcon && iconVariant(variant, "base2", void 0);
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    className: clsx(bannerContentClasses.outContainer, classes == null ? void 0 : classes.outContainer),
-    children: /* @__PURE__ */ jsx(StyledSnackbarContent, {
-      ref,
-      id,
-      classes: {
-        root: clsx(bannerContentClasses.root, classes == null ? void 0 : classes.root),
-        message: clsx(bannerContentClasses.message, classes == null ? void 0 : classes.message),
-        action: clsx(bannerContentClasses.action, classes == null ? void 0 : classes.action)
-      },
-      className: clsx(bannerContentClasses.baseVariant, classes == null ? void 0 : classes.baseVariant),
-      message: /* @__PURE__ */ jsx(HvMessageContainer, {
-        id,
-        icon,
-        ...effectiveActionsPosition === "inline" && {
-          actionsOnMessage: actions,
-          actionsOnMessageCallback: actionsCallback
-        },
-        message: content
-      }),
-      action: /* @__PURE__ */ jsx(HvActionContainer, {
-        id,
-        onClose,
-        ...effectiveActionsPosition === "bottom-right" && {
-          action: actions,
-          actionCallback: actionsCallback
-        },
-        ...actionProps
-      }),
-      $variant: variant,
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { className: clsx(bannerContentClasses.outContainer, classes == null ? void 0 : classes.outContainer), children: /* @__PURE__ */ jsx(StyledSnackbarContent, { ref, id, classes: {
+    root: clsx(bannerContentClasses.root, classes == null ? void 0 : classes.root),
+    message: clsx(bannerContentClasses.message, classes == null ? void 0 : classes.message),
+    action: clsx(bannerContentClasses.action, classes == null ? void 0 : classes.action)
+  }, className: clsx(bannerContentClasses.baseVariant, classes == null ? void 0 : classes.baseVariant, bannerContentClasses[variant], classes == null ? void 0 : classes[variant]), message: /* @__PURE__ */ jsx(HvMessageContainer, { id, icon, ...effectiveActionsPosition === "inline" && {
+    actionsOnMessage: actions,
+    actionsOnMessageCallback: actionsCallback
+  }, message: content }), action: /* @__PURE__ */ jsx(HvActionContainer, { id, onClose, ...effectiveActionsPosition === "bottom-right" && {
+    action: actions,
+    actionCallback: actionsCallback
+  }, ...actionProps }), $variant: variant, ...others }) });
 });
 export {
   HvBannerContent

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  bannerContentClasses,\n  HvBannerContentClasses,\n  HvMessageContainer,\n  HvActionContainer,\n} from \".\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<MuiSnackbarContentProps, \"variant\"> &\n  HvBaseProps & {\n    /** The message to display. */\n    content?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** onClose function. */\n    onClose?: Function;\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    /** The props to pass down to the Action Container. */\n    actionProps?: HvActionContainerProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerContentClasses;\n  };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant\n          )}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;AA+CaA,MAAAA,kBAAkBC,WAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,KACGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,6BACGS,YAAU;AAAA,IACTC,WAAWC,KACTC,qBAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,8BAEDC,uBAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,KAAKC,qBAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,KAAKC,qBAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,KAAKC,qBAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,KACTC,qBAAqBO,aACrB1B,mCAAS0B,WAAW;AAAA,MAEtBF,6BACGG,oBAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,4BACGK,mBAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;"}
+{"version":3,"file":"BannerContent.js","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  bannerContentClasses,\n  HvBannerContentClasses,\n  HvMessageContainer,\n  HvActionContainer,\n} from \".\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"classes\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    content?: React.ReactNode;\n    /** Variant of the snackbar. */\n    variant?: HvBannerVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    /** onClose function. */\n    onClose?: Function;\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    /** The props to pass down to the Action Container. */\n    actionProps?: HvActionContainerProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvBannerContentClasses;\n  };\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","clsx","bannerContentClasses","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback"],"mappings":";;;;;;;;AAkDaA,MAAAA,kBAAkBC,WAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,KACGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,SACG,oBAAA,YAAA,EACC,WAAWS,KACTC,qBAAqBC,cACrBlB,mCAASkB,YAAY,GAGvB,UAAA,oBAAC,uBACC,EAAA,KACA,IACA,SAAS;AAAA,IACPC,MAAMH,KAAKC,qBAAqBE,MAAMnB,mCAASmB,IAAI;AAAA,IACnDC,SAASJ,KAAKC,qBAAqBG,SAASpB,mCAASoB,OAAO;AAAA,IAC5DC,QAAQL,KAAKC,qBAAqBI,QAAQrB,mCAASqB,MAAM;AAAA,EAAA,GAE3D,WAAWL,KACTC,qBAAqBK,aACrBtB,mCAASsB,aACTL,qBAAqBd,UACrBH,mCAAUG,QAAQ,GAEpB,SACG,oBAAA,oBAAA,EACC,IACA,MACKY,GAAAA,6BAA6B,YAAY;AAAA,IAC5CQ,kBAAkBlB;AAAAA,IAClBmB,0BAA0BlB;AAAAA,EAC5B,GACA,SAASE,SACT,GAEJ,QACG,oBAAA,mBAAA,EACC,IACA,SACA,GAAKO,6BAA6B,kBAAkB;AAAA,IAClDM,QAAQhB;AAAAA,IACRoB,gBAAgBnB;AAAAA,EAAAA,GAElB,GAAIG,YAAY,CAAA,GAGpB,UAAUN,SACV,GAAIO,QAAO,EAEf,CAAA;AAEJ,CAAC;"}

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

@@ -1,6 +1,6 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledIconContainer, StyledTypography, StyledMessageContainer } from "./MessageContainer.styles.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import messageContainerClasses from "./messageContainerClasses.js";
 import { setId } from "../../../../utils/setId.js";
 import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
@@ -12,25 +12,11 @@ const HvMessageContainer = ({
   actionsOnMessageCallback,
   message
 }) => {
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [icon && /* @__PURE__ */ jsx(StyledIconContainer, {
-      className: clsx(messageContainerClasses.iconContainer, classes == null ? void 0 : classes.iconContainer),
-      children: icon
-    }), /* @__PURE__ */ jsx(StyledTypography, {
-      id: setId(id, "message-text"),
-      className: clsx(messageContainerClasses.message, classes == null ? void 0 : classes.message),
-      children: message
-    }), actionsOnMessage && /* @__PURE__ */ jsx(StyledMessageContainer, {
-      id: setId(id, "message-actions"),
-      className: clsx(messageContainerClasses.actionMessageContainer, classes == null ? void 0 : classes.actionMessageContainer),
-      children: /* @__PURE__ */ jsx(HvActionsGeneric, {
-        id,
-        category: "semantic",
-        actions: actionsOnMessage,
-        actionsCallback: actionsOnMessageCallback
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx(StyledIconContainer, { className: clsx(messageContainerClasses.iconContainer, classes == null ? void 0 : classes.iconContainer), children: icon }),
+    /* @__PURE__ */ jsx(StyledTypography, { id: setId(id, "message-text"), className: clsx(messageContainerClasses.message, classes == null ? void 0 : classes.message), children: message }),
+    actionsOnMessage && /* @__PURE__ */ jsx(StyledMessageContainer, { id: setId(id, "message-actions"), className: clsx(messageContainerClasses.actionMessageContainer, classes == null ? void 0 : classes.actionMessageContainer), children: /* @__PURE__ */ jsx(HvActionsGeneric, { id, category: "semantic", actions: actionsOnMessage, actionsCallback: actionsOnMessageCallback }) })
+  ] });
 };
 export {
   HvMessageContainer

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { messageContainerClasses, HvMessageContainerClasses } from \".\";\nimport {\n  StyledIconContainer,\n  StyledTypography,\n  StyledMessageContainer,\n} from \"./MessageContainer.styles\";\nimport { setId } from \"utils\";\n\nexport type HvMessageContainerProps = HvBaseProps & {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\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?: HvMessageContainerClasses;\n};\n\nexport const HvMessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  return (\n    <>\n      {icon && (\n        <StyledIconContainer\n          className={clsx(\n            messageContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n      )}\n      <StyledTypography\n        id={setId(id, \"message-text\")}\n        className={clsx(messageContainerClasses.message, classes?.message)}\n      >\n        {message}\n      </StyledTypography>\n      {actionsOnMessage && (\n        <StyledMessageContainer\n          id={setId(id, \"message-actions\")}\n          className={clsx(\n            messageContainerClasses.actionMessageContainer,\n            classes?.actionMessageContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </StyledMessageContainer>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","_Fragment","children","_jsx","StyledIconContainer","className","clsx","messageContainerClasses","iconContainer","StyledTypography","setId","StyledMessageContainer","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;AA4BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,8BACEC,UAAA;AAAA,IAAAC,UACGL,CAAAA,QACCM,oBAACC,qBAAmB;AAAA,MAClBC,WAAWC,KACTC,wBAAwBC,eACxBZ,mCAASY,aAAa;AAAA,MACtBN,UAEDL;AAAAA,IAAAA,CAEJ,GACDM,oBAACM,kBAAgB;AAAA,MACfd,IAAIe,MAAMf,IAAI,cAAc;AAAA,MAC5BU,WAAWC,KAAKC,wBAAwBP,SAASJ,mCAASI,OAAO;AAAA,MAAEE,UAElEF;AAAAA,IAAAA,CAAO,GAETF,oBACCK,oBAACQ,wBAAsB;AAAA,MACrBhB,IAAIe,MAAMf,IAAI,iBAAiB;AAAA,MAC/BU,WAAWC,KACTC,wBAAwBK,wBACxBhB,mCAASgB,sBAAsB;AAAA,MAC/BV,8BAEDW,kBAAgB;AAAA,QACflB;AAAAA,QACAmB,UAAS;AAAA,QACTC,SAASjB;AAAAA,QACTkB,iBAAiBjB;AAAAA,MAAAA,CAAyB;AAAA,IAAA,CAG/C,CAAA;AAAA,EAAA,CACA;AAEP;"}
+{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { messageContainerClasses, HvMessageContainerClasses } from \".\";\nimport {\n  StyledIconContainer,\n  StyledTypography,\n  StyledMessageContainer,\n} from \"./MessageContainer.styles\";\nimport { setId } from \"utils\";\n\nexport type HvMessageContainerProps = HvBaseProps & {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\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?: HvMessageContainerClasses;\n};\n\nexport const HvMessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  return (\n    <>\n      {icon && (\n        <StyledIconContainer\n          className={clsx(\n            messageContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n      )}\n      <StyledTypography\n        id={setId(id, \"message-text\")}\n        className={clsx(messageContainerClasses.message, classes?.message)}\n      >\n        {message}\n      </StyledTypography>\n      {actionsOnMessage && (\n        <StyledMessageContainer\n          id={setId(id, \"message-actions\")}\n          className={clsx(\n            messageContainerClasses.actionMessageContainer,\n            classes?.actionMessageContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </StyledMessageContainer>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","clsx","messageContainerClasses","iconContainer","setId","actionMessageContainer"],"mappings":";;;;;;AA4BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,SAEKH,qBAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IACC,QAAA,oBAAC,uBACC,WAAWI,KACTC,wBAAwBC,eACxBP,mCAASO,aAAa,GAGvBN,UACH,KAAA,CAAA;AAAA,IAED,oBAAA,kBAAA,EACC,IAAIO,MAAMT,IAAI,cAAc,GAC5B,WAAWM,KAAKC,wBAAwBF,SAASJ,mCAASI,OAAO,GAEhEA,UACH,SAAA;AAAA,IACCF,oBACE,oBAAA,wBAAA,EACC,IAAIM,MAAMT,IAAI,iBAAiB,GAC/B,WAAWM,KACTC,wBAAwBG,wBACxBT,mCAASS,sBAAsB,GAGjC,UAAC,oBAAA,kBAAA,EACC,IACA,UAAS,YACT,SAASP,kBACT,iBAAiBC,yBAAAA,CAAyB,EAE9C,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

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

@@ -1,6 +1,6 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../../Typography/Typography.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
@@ -14,9 +14,7 @@ const StyledIconContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
   marginRight: theme.space.xs,
   marginLeft: -theme.space.xs
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgd29yZEJyZWFrOiBcImJyZWFrLXdvcmRcIixcbiAgbWF4V2lkdGg6IFwiNzAwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e3wuhfa1"
 } : {
   target: "e3wuhfa1",

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n  marginRight: theme.space.xs,\n  marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  color: theme.colors.base2,\n  wordBreak: \"break-word\",\n  maxWidth: \"700px\",\n  overflow: \"hidden\",\n  marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n  flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","_styled","props","_jsx","HvTypography","color","colors","base2","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;AAIO,MAAMA,sBAA6B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,MAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMQ,mBAAmBC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EW,OAAOT,MAAMU,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVf,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMmB,yBAAgC,wBAAA,OAAKrB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAoB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;"}
+{"version":3,"file":"MessageContainer.styles.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n  marginRight: theme.space.xs,\n  marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  color: theme.colors.base2,\n  wordBreak: \"break-word\",\n  maxWidth: \"700px\",\n  overflow: \"hidden\",\n  marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n  flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","props","color","colors","base2","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;AAIO,MAAMA,sBAA6B,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,MAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEWQ,MAAAA,mBAA2BC,wBAAAA,CAAAA,UAAW,oBAAA,cAAA,EAAiBA,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EQ,OAAON,MAAMO,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVZ,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMgB,yBAAgC,wBAAA,OAAKlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAiB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;"}

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

@@ -1,5 +1,5 @@
 import { getClasses } from "../../../utils/classes.js";
-const classKeys = ["outContainer", "root", "message", "action", "baseVariant"];
+const classKeys = ["outContainer", "root", "message", "action", "baseVariant", "success", "warning", "error", "info", "default"];
 const bannerContentClasses = getClasses(classKeys, "HvBanner-Content");
 const bannerContentClasses$1 = bannerContentClasses;
 export {

package/dist/esm/components/Banner/BannerContent/bannerContentClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"bannerContentClasses.js","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBannerContentClasses = {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n};\n\nconst classKeys: string[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n];\n\nconst bannerContentClasses = getClasses<HvBannerContentClasses>(\n  classKeys,\n  \"HvBanner-Content\"\n);\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,gBACA,QACA,WACA,UACA,aAAa;AAGf,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}
+{"version":3,"file":"bannerContentClasses.js","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBannerContentClasses = {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n  info?: string;\n  default?: string;\n};\n\nconst classKeys: string[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n  \"success\",\n  \"warning\",\n  \"error\",\n  \"info\",\n  \"default\",\n];\n\nconst bannerContentClasses = getClasses<HvBannerContentClasses>(\n  classKeys,\n  \"HvBanner-Content\"\n);\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAsB,CAC1B,gBACA,QACA,WACA,UACA,eACA,WACA,WACA,SACA,QACA,SAAS;AAGX,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}

package/dist/esm/components/BaseCheckBox/BaseCheckBox.js

@@ -1,9 +1,9 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { Checkbox, CheckboxPartial, CheckboxCheck } from "@hitachivantara/uikit-react-icons";
 import clsx from "clsx";
 import { useState, useCallback } from "react";
 import { StyledCheckedBox } from "./BaseCheckBox.styles.js";
 import baseCheckBoxClasses from "./baseCheckBoxClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const getSelectorIcons = (options, classes) => {
   const {
     disabled,
@@ -12,18 +12,9 @@ const getSelectorIcons = (options, classes) => {
   const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || void 0;
   const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || void 0;
   return {
-    checkbox: /* @__PURE__ */ jsx(Checkbox, {
-      color,
-      className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon)
-    }),
-    checkboxPartial: /* @__PURE__ */ jsx(CheckboxPartial, {
-      color,
-      className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon)
-    }),
-    checkboxChecked: /* @__PURE__ */ jsx(CheckboxCheck, {
-      color: checkedColor,
-      className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon)
-    })
+    checkbox: /* @__PURE__ */ jsx(Checkbox, { color, className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon) }),
+    checkboxPartial: /* @__PURE__ */ jsx(CheckboxPartial, { color, className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon) }),
+    checkboxChecked: /* @__PURE__ */ jsx(CheckboxCheck, { color: checkedColor, className: clsx(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.icon) })
   };
 };
 const HvBaseCheckBox = ({
@@ -64,29 +55,7 @@ const HvBaseCheckBox = ({
     setFocusVisible(true);
     onFocusVisible == null ? void 0 : onFocusVisible(event);
   }, [onFocusVisible]);
-  return /* @__PURE__ */ jsx(StyledCheckedBox, {
-    id,
-    name,
-    value,
-    className: clsx(className, baseCheckBoxClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(baseCheckBoxClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx(baseCheckBoxClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)),
-    $focusVisible: focusVisible,
-    icon: icons.checkbox,
-    indeterminateIcon: icons.checkboxPartial,
-    checkedIcon: icons.checkboxChecked,
-    disabled,
-    required,
-    readOnly,
-    checked,
-    defaultChecked,
-    indeterminate,
-    inputProps,
-    onChange: onChangeCallback,
-    onFocusVisible: onFocusVisibleCallback,
-    onBlur: onBlurCallback,
-    color: "default",
-    disableRipple: true,
-    ...others
-  });
+  return /* @__PURE__ */ jsx(StyledCheckedBox, { id, name, value, className: clsx(className, baseCheckBoxClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(baseCheckBoxClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx(baseCheckBoxClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: focusVisible, icon: icons.checkbox, indeterminateIcon: icons.checkboxPartial, checkedIcon: icons.checkboxChecked, disabled, required, readOnly, checked, defaultChecked, indeterminate, inputProps, onChange: onChangeCallback, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, color: "default", disableRipple: true, ...others });
 };
 export {
   HvBaseCheckBox

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n  HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport type HvBaseCheckBoxProps = Omit<MuiCheckboxProps, \"onChange\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n     *\n     * When defined the checkbox state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * If `true` the checkbox visually shows the indeterminate state.\n     */\n    indeterminate?: boolean;\n    /**\n     * The callback fired when the checkbox is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * Callback fired when the component is blurred.\n     */\n    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n    /**\n     * A Jss Object used to override or extend the styles applied to the checkbox.\n     */\n    classes?: HvBaseCheckBoxClasses;\n  };\n\nconst getSelectorIcons = (\n  options: {\n    disabled: boolean;\n    semantic: boolean;\n  },\n  classes?: HvBaseCheckBoxClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  // Default colors: [\"atmo1\",\"acce1\"]\n  return {\n    checkbox: (\n      <CheckboxIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxPartial: (\n      <CheckboxPartialIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon\n        color={checkedColor}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  inputProps,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  checked,\n  indeterminate,\n  defaultChecked,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  ...others\n}: HvBaseCheckBoxProps) => {\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onChangeCallback = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(event, event.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  const onBlurCallback = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  return (\n    <StyledCheckedBox\n      id={id}\n      name={name}\n      value={value}\n      className={clsx(\n        className,\n        baseCheckBoxClasses.root,\n        classes?.root,\n        disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onChange={onChangeCallback}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      color=\"default\"\n      disableRipple\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;AAsFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAGK,SAAA;AAAA,IACLE,8BACGC,UAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,qCACGC,iBAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,qCACGC,eAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAKT,mCAASU,MAAMC,oBAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,KACR2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,6BACGmB,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KACTD,WACAG,oBAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,KAAKE,oBAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAKE,oBAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;"}
+{"version":3,"file":"BaseCheckBox.js","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n  HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport type HvBaseCheckBoxProps = Omit<\n  MuiCheckboxProps,\n  \"onChange\" | \"classes\"\n> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n     *\n     * When defined the checkbox state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * If `true` the checkbox visually shows the indeterminate state.\n     */\n    indeterminate?: boolean;\n    /**\n     * The callback fired when the checkbox is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * Callback fired when the component is blurred.\n     */\n    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n    /**\n     * A Jss Object used to override or extend the styles applied to the checkbox.\n     */\n    classes?: HvBaseCheckBoxClasses;\n  };\n\nconst getSelectorIcons = (\n  options: {\n    disabled: boolean;\n    semantic: boolean;\n  },\n  classes?: HvBaseCheckBoxClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  // Default colors: [\"atmo1\",\"acce1\"]\n  return {\n    checkbox: (\n      <CheckboxIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxPartial: (\n      <CheckboxPartialIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon\n        color={checkedColor}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  inputProps,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  checked,\n  indeterminate,\n  defaultChecked,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  ...others\n}: HvBaseCheckBoxProps) => {\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onChangeCallback = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(event, event.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  const onBlurCallback = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  return (\n    <StyledCheckedBox\n      id={id}\n      name={name}\n      value={value}\n      className={clsx(\n        className,\n        baseCheckBoxClasses.root,\n        classes?.root,\n        disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onChange={onChangeCallback}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      color=\"default\"\n      disableRipple\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","className","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","root"],"mappings":";;;;;;AAyFA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAGK,SAAA;AAAA,IACLE,UACG,oBAAAC,UAAA,EACC,OACA,WAAWC,KAAKR,mCAASS,MAAMC,oBAAoBD,IAAI,EAE1D,CAAA;AAAA,IACDE,iBACG,oBAAAC,iBAAA,EACC,OACA,WAAWJ,KAAKR,mCAASS,MAAMC,oBAAoBD,IAAI,EAE1D,CAAA;AAAA,IACDI,iBACG,oBAAAC,eAAA,EACC,OAAOT,cACP,WAAWG,KAAKR,mCAASS,MAAMC,oBAAoBD,IAAI,EAAE,CAAA;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAhB;AAAAA,EACAiB;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,KACR2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,SAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,YACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,YACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,YAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAIhB,SAAA,oBAAC,kBACC,EAAA,IACA,MACA,OACA,WAAWb,KACTS,WACAP,oBAAoB8B,MACpBxC,mCAASwC,MACTvC,YAAYO,KAAKE,oBAAoBT,UAAUD,mCAASC,QAAQ,GAChE6B,gBACEtB,KAAKE,oBAAoBoB,cAAc9B,mCAAS8B,YAAY,CAAC,GAEjE,eAAeA,cACf,MAAMG,MAAM3B,UACZ,mBAAmB2B,MAAMtB,iBACzB,aAAasB,MAAMpB,iBACnB,UACA,UACA,UACA,SACA,gBACA,eACA,YACA,UAAUqB,kBACV,gBAAgBK,wBAChB,QAAQD,gBACR,OAAM,WACN,eAAa,MACTT,GAAAA,OACJ,CAAA;AAEN;"}