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

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.cjs","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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","props","_jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+BC,iCAAA,QAAA,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,eAAeX,iCAAAA,QACzBY,CAAUC,UAAAA,2BAAAA,IAACC,OAAAA,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GAClCY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMoB,cAAqBC,iCAAAA,QAAAA,gBAAAA,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,CAGtC;AAEK,MAAMe,8BAAqCzB,iCAAA,QAAA,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,CAGtD;;;;;"}
+{"version":3,"file":"ActionContainer.styles.cjs","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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","props","jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+BC,iCAAA,QAAA,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,eAAeX,iCAAAA,QACzBY,CAAU,UAAAC,2BAAAA,IAACC,OAAAA,eAAaF,UAASX,QAAAC,IAAAC,aAAA,eAAAY,SAAA,CAAA,GAAA;AAAA,EAAAX,QAAA;AAAA,GAClCY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMoB,cAAqBC,iCAAAA,QAAAA,gBAAAA,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,CAGtC;AAEK,MAAMe,8BAAqCzB,iCAAA,QAAA,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,CAGtD;;;;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
 const bannerContentClasses = require("./bannerContentClasses.cjs");
 const MessageContainer = require("./MessageContainer/MessageContainer.cjs");
@@ -26,39 +26,17 @@ const HvBannerContent = React.forwardRef(({
 }, ref) => {
   const icon = customIcon || showIcon && iconVariant.default(variant, "base2", void 0);
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-  return /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledRoot, {
-    className: clsx__default.default(bannerContentClasses.default.outContainer, classes == null ? void 0 : classes.outContainer),
-    children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledSnackbarContent, {
-      ref,
-      id,
-      classes: {
-        root: clsx__default.default(bannerContentClasses.default.root, classes == null ? void 0 : classes.root),
-        message: clsx__default.default(bannerContentClasses.default.message, classes == null ? void 0 : classes.message),
-        action: clsx__default.default(bannerContentClasses.default.action, classes == null ? void 0 : classes.action)
-      },
-      className: clsx__default.default(bannerContentClasses.default.baseVariant, classes == null ? void 0 : classes.baseVariant),
-      message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, {
-        id,
-        icon,
-        ...effectiveActionsPosition === "inline" && {
-          actionsOnMessage: actions,
-          actionsOnMessageCallback: actionsCallback
-        },
-        message: content
-      }),
-      action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, {
-        id,
-        onClose,
-        ...effectiveActionsPosition === "bottom-right" && {
-          action: actions,
-          actionCallback: actionsCallback
-        },
-        ...actionProps
-      }),
-      $variant: variant,
-      ...others
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledRoot, { className: clsx__default.default(bannerContentClasses.default.outContainer, classes == null ? void 0 : classes.outContainer), children: /* @__PURE__ */ jsxRuntime.jsx(BannerContent_styles.StyledSnackbarContent, { ref, id, classes: {
+    root: clsx__default.default(bannerContentClasses.default.root, classes == null ? void 0 : classes.root),
+    message: clsx__default.default(bannerContentClasses.default.message, classes == null ? void 0 : classes.message),
+    action: clsx__default.default(bannerContentClasses.default.action, classes == null ? void 0 : classes.action)
+  }, className: clsx__default.default(bannerContentClasses.default.baseVariant, classes == null ? void 0 : classes.baseVariant, bannerContentClasses.default[variant], classes == null ? void 0 : classes[variant]), message: /* @__PURE__ */ jsxRuntime.jsx(MessageContainer.HvMessageContainer, { id, icon, ...effectiveActionsPosition === "inline" && {
+    actionsOnMessage: actions,
+    actionsOnMessageCallback: actionsCallback
+  }, message: content }), action: /* @__PURE__ */ jsxRuntime.jsx(ActionContainer.HvActionContainer, { id, onClose, ...effectiveActionsPosition === "bottom-right" && {
+    action: actions,
+    actionCallback: actionsCallback
+  }, ...actionProps }), $variant: variant, ...others }) });
 });
 exports.HvBannerContent = HvBannerContent;
 //# sourceMappingURL=BannerContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.cjs","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,iBAC7B,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,YAAAA,QAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBO,aACrB1B,mCAAS0B,WAAW;AAAA,MAEtBF,wCACGG,qCAAkB;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,uCACGK,mCAAiB;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.cjs","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","jsx","StyledRoot","clsx","bannerContentClasses","outContainer","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;;AAkDaA,MAAAA,kBAAkBC,iBAC7B,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,YAAAA,QAAYV,SAAS,SAASW,MAAS;AAM9DC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,SACGS,2BAAAA,IAAAC,qBAAAA,YAAA,EACC,WAAWC,cAAAA,QACTC,qBAAqBC,QAAAA,cACrBpB,mCAASoB,YAAY,GAGvB,UAAAJ,+BAACK,qBAAAA,uBACC,EAAA,KACA,IACA,SAAS;AAAA,IACPC,MAAMJ,cAAAA,QAAKC,qBAAAA,QAAqBG,MAAMtB,mCAASsB,IAAI;AAAA,IACnDC,SAASL,cAAAA,QAAKC,qBAAAA,QAAqBI,SAASvB,mCAASuB,OAAO;AAAA,IAC5DC,QAAQN,cAAAA,QAAKC,qBAAAA,QAAqBK,QAAQxB,mCAASwB,MAAM;AAAA,EAAA,GAE3D,WAAWN,cAAAA,QACTC,6BAAqBM,aACrBzB,mCAASyB,aACTN,6BAAqBhB,UACrBH,mCAAUG,QAAQ,GAEpB,SACGa,2BAAAA,IAAAU,iBAAA,oBAAA,EACC,IACA,MACKX,GAAAA,6BAA6B,YAAY;AAAA,IAC5CY,kBAAkBtB;AAAAA,IAClBuB,0BAA0BtB;AAAAA,EAC5B,GACA,SAASE,SACT,GAEJ,QACGQ,2BAAA,IAAAa,mCAAA,EACC,IACA,SACA,GAAKd,6BAA6B,kBAAkB;AAAA,IAClDS,QAAQnB;AAAAA,IACRyB,gBAAgBxB;AAAAA,EAAAA,GAElB,GAAIG,YAAY,CAAA,GAGpB,UAAUN,SACV,GAAIO,QAAO,EAEf,CAAA;AAEJ,CAAC;;"}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const MessageContainer_styles = require("./MessageContainer.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const messageContainerClasses = require("./messageContainerClasses.cjs");
 const setId = require("../../../../utils/setId.cjs");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
@@ -16,25 +16,11 @@ const HvMessageContainer = ({
   actionsOnMessageCallback,
   message
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [icon && /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledIconContainer, {
-      className: clsx__default.default(messageContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-      children: icon
-    }), /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledTypography, {
-      id: setId.setId(id, "message-text"),
-      className: clsx__default.default(messageContainerClasses.default.message, classes == null ? void 0 : classes.message),
-      children: message
-    }), actionsOnMessage && /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledMessageContainer, {
-      id: setId.setId(id, "message-actions"),
-      className: clsx__default.default(messageContainerClasses.default.actionMessageContainer, classes == null ? void 0 : classes.actionMessageContainer),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
-        id,
-        category: "semantic",
-        actions: actionsOnMessage,
-        actionsCallback: actionsOnMessageCallback
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledIconContainer, { className: clsx__default.default(messageContainerClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledTypography, { id: setId.setId(id, "message-text"), className: clsx__default.default(messageContainerClasses.default.message, classes == null ? void 0 : classes.message), children: message }),
+    actionsOnMessage && /* @__PURE__ */ jsxRuntime.jsx(MessageContainer_styles.StyledMessageContainer, { id: setId.setId(id, "message-actions"), className: clsx__default.default(messageContainerClasses.default.actionMessageContainer, classes == null ? void 0 : classes.actionMessageContainer), children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, { id, category: "semantic", actions: actionsOnMessage, actionsCallback: actionsOnMessageCallback }) })
+  ] });
 };
 exports.HvMessageContainer = HvMessageContainer;
 //# sourceMappingURL=MessageContainer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.cjs","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,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UACGL,CAAAA,QACCM,2BAAAA,IAACC,6CAAmB;AAAA,MAClBC,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBC,eACxBZ,mCAASY,aAAa;AAAA,MACtBN,UAEDL;AAAAA,IAAAA,CAEJ,GACDM,2BAAAA,IAACM,0CAAgB;AAAA,MACfd,IAAIe,MAAAA,MAAMf,IAAI,cAAc;AAAA,MAC5BU,WAAWC,cAAAA,QAAKC,wBAAAA,QAAwBP,SAASJ,mCAASI,OAAO;AAAA,MAAEE,UAElEF;AAAAA,IAAAA,CAAO,GAETF,oBACCK,2BAAAA,IAACQ,gDAAsB;AAAA,MACrBhB,IAAIe,MAAAA,MAAMf,IAAI,iBAAiB;AAAA,MAC/BU,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBK,wBACxBhB,mCAASgB,sBAAsB;AAAA,MAC/BV,yCAEDW,iCAAgB;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.cjs","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","jsx","StyledIconContainer","clsx","messageContainerClasses","iconContainer","StyledTypography","setId","StyledMessageContainer","actionMessageContainer","HvActionsGeneric"],"mappings":";;;;;;;;;;AA4BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,SAEKH,2BAAAA,KAAAA,qBAAAA,EAAAA,UAAAA;AAAAA,IACC,QAAAI,2BAAAA,IAACC,wBAAAA,uBACC,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBC,eACxBT,mCAASS,aAAa,GAGvBR,UACH,KAAA,CAAA;AAAA,IAEDI,2BAAA,IAAAK,wBAAA,kBAAA,EACC,IAAIC,MAAAA,MAAMZ,IAAI,cAAc,GAC5B,WAAWQ,cAAAA,QAAKC,wBAAAA,QAAwBJ,SAASJ,mCAASI,OAAO,GAEhEA,UACH,SAAA;AAAA,IACCF,oBACEG,2BAAAA,IAAAO,wBAAAA,wBAAA,EACC,IAAID,MAAAA,MAAMZ,IAAI,iBAAiB,GAC/B,WAAWQ,cAAAA,QACTC,wBAAwBK,QAAAA,wBACxBb,mCAASa,sBAAsB,GAGjC,UAACR,2BAAA,IAAAS,iCAAA,EACC,IACA,UAAS,YACT,SAASZ,kBACT,iBAAiBC,yBAAAA,CAAyB,EAE9C,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -18,9 +18,7 @@ const StyledIconContainer = /* @__PURE__ */ _styled__default.default("div", proc
   marginRight: uikitStyles.theme.space.xs,
   marginLeft: -uikitStyles.theme.space.xs
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgd29yZEJyZWFrOiBcImJyZWFrLXdvcmRcIixcbiAgbWF4V2lkdGg6IFwiNzAwcHhcIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbn0pO1xuIl19 */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e3wuhfa1"
 } : {
   target: "e3wuhfa1",

package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.styles.cjs","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","_styled","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","props","_jsx","HvTypography","color","colors","base2","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;AAIO,MAAMA,sBAA6BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,kBAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMQ,mBAAmBX,iCAAAA,QAAQY,CAAUC,UAAAA,2BAAAA,IAACC,WAAAA,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EU,OAAOR,YAAAA,MAAMS,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVd,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMkB,yBAAgCrB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmB,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.cjs","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","_styled","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","props","jsx","HvTypography","color","colors","base2","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;AAIO,MAAMA,sBAA6BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,kBAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEWQ,MAAAA,mBAA2BC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,WAAAA,cAAA,EAAiBF,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EU,OAAOR,YAAAA,MAAMS,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVd,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,qzCAAA;AAEK,MAAMkB,yBAAgCrB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAmB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;;;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../../utils/classes.cjs");
-const classKeys = ["outContainer", "root", "message", "action", "baseVariant"];
+const classKeys = ["outContainer", "root", "message", "action", "baseVariant", "success", "warning", "error", "info", "default"];
 const bannerContentClasses = classes.getClasses(classKeys, "HvBanner-Content");
 const bannerContentClasses$1 = bannerContentClasses;
 exports.default = bannerContentClasses$1;

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

@@ -1 +1 @@
-{"version":3,"file":"bannerContentClasses.cjs","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,QAC3BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;;"}
+{"version":3,"file":"bannerContentClasses.cjs","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,QAC3BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;;"}

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const React = require("react");
 const BaseCheckBox_styles = require("./BaseCheckBox.styles.cjs");
 const baseCheckBoxClasses = require("./baseCheckBoxClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const getSelectorIcons = (options, classes) => {
@@ -16,18 +16,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__ */ jsxRuntime.jsx(uikitReactIcons.Checkbox, {
-      color,
-      className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon)
-    }),
-    checkboxPartial: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CheckboxPartial, {
-      color,
-      className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon)
-    }),
-    checkboxChecked: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CheckboxCheck, {
-      color: checkedColor,
-      className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon)
-    })
+    checkbox: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Checkbox, { color, className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon) }),
+    checkboxPartial: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CheckboxPartial, { color, className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon) }),
+    checkboxChecked: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.CheckboxCheck, { color: checkedColor, className: clsx__default.default(classes == null ? void 0 : classes.icon, baseCheckBoxClasses.default.icon) })
   };
 };
 const HvBaseCheckBox = ({
@@ -68,29 +59,7 @@ const HvBaseCheckBox = ({
     setFocusVisible(true);
     onFocusVisible == null ? void 0 : onFocusVisible(event);
   }, [onFocusVisible]);
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseCheckBox_styles.StyledCheckedBox, {
-    id,
-    name,
-    value,
-    className: clsx__default.default(className, baseCheckBoxClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseCheckBoxClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx__default.default(baseCheckBoxClasses.default.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__ */ jsxRuntime.jsx(BaseCheckBox_styles.StyledCheckedBox, { id, name, value, className: clsx__default.default(className, baseCheckBoxClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseCheckBoxClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx__default.default(baseCheckBoxClasses.default.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 });
 };
 exports.HvBaseCheckBox = HvBaseCheckBox;
 //# sourceMappingURL=BaseCheckBox.cjs.map

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.cjs","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,yCACGC,0BAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,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,eAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,kBACvB,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,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,cAAAA,QACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,sBAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,cAAAA,QAAKE,oBAAAA,QAAoBmB,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.cjs","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","jsx","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","StyledCheckedBox","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,UACGC,2BAAA,IAAAC,0BAAA,EACC,OACA,WAAWC,sBAAKT,mCAASU,MAAMC,4BAAoBD,IAAI,EAE1D,CAAA;AAAA,IACDE,iBACGL,2BAAA,IAAAM,iCAAA,EACC,OACA,WAAWJ,sBAAKT,mCAASU,MAAMC,4BAAoBD,IAAI,EAE1D,CAAA;AAAA,IACDI,iBACGP,2BAAAA,IAAAQ,gBAAAA,eAAA,EACC,OAAOV,cACP,WAAWI,cAAAA,QAAKT,mCAASU,MAAMC,4BAAoBD,IAAI,EAAE,CAAA;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAkB;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,EACX5B,WAAW;AAAA,EACXC,WAAW;AAAA,KACR4B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAkB,KAAK;AAE/D,QAAMC,QAAQpC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDmC,QAAAA,mBAAmBC,kBACvB,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,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAIhB,SAAAf,2BAAA,IAACkC,oBACC,kBAAA,EAAA,IACA,MACA,OACA,WAAWhC,cAAAA,QACTS,WACAP,oBAAAA,QAAoB+B,MACpB1C,mCAAS0C,MACTzC,YAAYQ,sBAAKE,oBAAoBV,QAAAA,UAAUD,mCAASC,QAAQ,GAChE8B,gBACEtB,sBAAKE,oBAAAA,QAAoBoB,cAAc/B,mCAAS+B,YAAY,CAAC,GAEjE,eAAeA,cACf,MAAMG,MAAM5B,UACZ,mBAAmB4B,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;;"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const reactDom = require("react-dom");
 const clsx = require("clsx");
@@ -9,7 +10,6 @@ const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
 const reactPopper = require("react-popper");
 const core = require("@popperjs/core");
 const baseDropdownClasses = require("./baseDropdownClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const useForkRef = require("../../hooks/useForkRef.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
@@ -181,41 +181,32 @@ const HvBaseDropdown = ({
         ref: handleDropdownHeaderRef
       });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledHeaderRoot, {
-      id: setId.setId(id, "header"),
-      className: clsx__default.default(baseDropdownClasses.default.header, classes == null ? void 0 : classes.header, disabled && clsx__default.default(baseDropdownClasses.default.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx__default.default(baseDropdownClasses.default.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx__default.default(baseDropdownClasses.default.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx__default.default(baseDropdownClasses.default.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx__default.default(baseDropdownClasses.default.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
-      $disabled: disabled,
-      $readOnly: readOnly,
-      $opened: isOpen,
-      $openedUp: isOpen && popperPlacement.includes("top"),
-      $openedDown: isOpen && popperPlacement.includes("bottom"),
-      role: ariaRole === "combobox" ? "textbox" : void 0,
-      style: disabled || readOnly ? {
-        pointerEvents: "none"
-      } : void 0,
-      "aria-controls": isOpen ? setId.setId(elementId, "children-container") : void 0,
-      "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
-      "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
-      tabIndex: disabled ? -1 : 0,
-      ref: handleDropdownHeaderRef,
-      ...dropdownHeaderProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledSelection, {
-        className: clsx__default.default(baseDropdownClasses.default.selection, classes == null ? void 0 : classes.selection),
-        children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPlaceholder, {
-          className: clsx__default.default(baseDropdownClasses.default.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default(baseDropdownClasses.default.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
-          $disabled: disabled,
-          variant: "body",
-          children: placeholder
-        }) : placeholder
-      }), adornment || (isOpen ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropUpXS, {
-        iconSize: "XS",
-        className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow)
-      }) : /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropDownXS, {
-        iconSize: "XS",
-        className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow),
-        $disabled: disabled
-      }))]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      BaseDropdown_styles.StyledHeaderRoot,
+      {
+        id: setId.setId(id, "header"),
+        className: clsx__default.default(baseDropdownClasses.default.header, classes == null ? void 0 : classes.header, disabled && clsx__default.default(baseDropdownClasses.default.headerDisabled, classes == null ? void 0 : classes.headerDisabled), readOnly && clsx__default.default(baseDropdownClasses.default.headerReadOnly, classes == null ? void 0 : classes.headerReadOnly), isOpen && clsx__default.default(baseDropdownClasses.default.headerOpen, classes == null ? void 0 : classes.headerOpen), isOpen && popperPlacement.includes("top") && clsx__default.default(baseDropdownClasses.default.headerOpenUp, classes == null ? void 0 : classes.headerOpenUp), isOpen && popperPlacement.includes("bottom") && clsx__default.default(baseDropdownClasses.default.headerOpenDown, classes == null ? void 0 : classes.headerOpenDown)),
+        $disabled: disabled,
+        $readOnly: readOnly,
+        $opened: isOpen,
+        $openedUp: isOpen && popperPlacement.includes("top"),
+        $openedDown: isOpen && popperPlacement.includes("bottom"),
+        role: ariaRole === "combobox" ? "textbox" : void 0,
+        style: disabled || readOnly ? {
+          pointerEvents: "none"
+        } : void 0,
+        "aria-controls": isOpen ? setId.setId(elementId, "children-container") : void 0,
+        "aria-label": (_a = others["aria-label"]) != null ? _a : void 0,
+        "aria-labelledby": (_b = others["aria-labelledby"]) != null ? _b : void 0,
+        tabIndex: disabled ? -1 : 0,
+        ref: handleDropdownHeaderRef,
+        ...dropdownHeaderProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledSelection, { className: clsx__default.default(baseDropdownClasses.default.selection, classes == null ? void 0 : classes.selection), children: placeholder && typeof placeholder === "string" ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPlaceholder, { className: clsx__default.default(baseDropdownClasses.default.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default(baseDropdownClasses.default.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)), $disabled: disabled, variant: "body", children: placeholder }) : placeholder }),
+          adornment || (isOpen ? /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropUpXS, { iconSize: "XS", className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow) }) : /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledDropDownXS, { iconSize: "XS", className: clsx__default.default(baseDropdownClasses.default.arrow, classes == null ? void 0 : classes.arrow), $disabled: disabled }))
+        ]
+      }
+    );
   })();
   const containerComponent = (() => {
     const handleContainerKeyDown = (event) => {
@@ -239,67 +230,40 @@ const HvBaseDropdown = ({
         onToggle == null ? void 0 : onToggle(event, false);
       }
     };
-    const container = /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledContainer, {
-      role: "tooltip",
-      ref: setPopperElement,
-      className: clsx__default.default(baseDropdownClasses.default.container, classes == null ? void 0 : classes.container),
-      style: popperStyles.popper,
-      ...attributes.popper,
-      children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, {
-        onClickAway: handleOutside,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          onKeyDown: handleContainerKeyDown,
-          children: [popperPlacement.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)),
-            $leftPosition: popperPlacement.includes("end"),
-            $openShadow: false,
-            $floatLeft: false,
-            $floatRight: false
-          }), /* @__PURE__ */ jsxRuntime.jsx(BaseDropdownContext.default.Provider, {
-            value: popperMaxSize,
-            children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPanel, {
-              id: setId.setId(elementId, "children-container"),
-              className: clsx__default.default(baseDropdownClasses.default.panel, classes == null ? void 0 : classes.panel),
-              children
-            })
-          }), popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, {
-            style: {
-              width: extensionWidth
-            },
-            className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.default.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)),
-            $leftPosition: false,
-            $openShadow: true,
-            $floatLeft: popperPlacement.includes("start"),
-            $floatRight: popperPlacement.includes("end")
-          })]
-        })
-      })
-    });
+    const container = /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledContainer, { role: "tooltip", ref: setPopperElement, className: clsx__default.default(baseDropdownClasses.default.container, classes == null ? void 0 : classes.container), style: popperStyles.popper, ...attributes.popper, children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: handleOutside, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { onKeyDown: handleContainerKeyDown, children: [
+      popperPlacement.includes("bottom") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionLeftPosition, classes == null ? void 0 : classes.inputExtensionLeftPosition)), $leftPosition: popperPlacement.includes("end"), $openShadow: false, $floatLeft: false, $floatRight: false }),
+      /* @__PURE__ */ jsxRuntime.jsx(BaseDropdownContext.default.Provider, { value: popperMaxSize, children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPanel, { id: setId.setId(elementId, "children-container"), className: clsx__default.default(baseDropdownClasses.default.panel, classes == null ? void 0 : classes.panel), children }) }),
+      popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, { style: {
+        width: extensionWidth
+      }, className: clsx__default.default(baseDropdownClasses.default.inputExtensionOpen, classes == null ? void 0 : classes.inputExtensionOpen, baseDropdownClasses.default.inputExtensionOpenShadow, classes == null ? void 0 : classes.inputExtensionOpenShadow, popperPlacement.includes("end") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatRight, classes == null ? void 0 : classes.inputExtensionFloatRight), popperPlacement.includes("start") && clsx__default.default(baseDropdownClasses.default.inputExtensionFloatLeft, classes == null ? void 0 : classes.inputExtensionFloatLeft)), $leftPosition: false, $openShadow: true, $floatLeft: popperPlacement.includes("start"), $floatRight: popperPlacement.includes("end") })
+    ] }) }) });
     if (disablePortal)
       return container;
     return reactDom.createPortal(container, document.getElementById(rootId || "") || document.body);
   })();
-  return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledRoot, {
-    className: clsx__default.default(baseDropdownClasses.default.root, classes == null ? void 0 : classes.root),
-    children: [/* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledAnchor, {
-      id,
-      role: ariaRole,
-      "aria-expanded": !!isOpen,
-      "aria-owns": isOpen ? setId.setId(elementId, "children-container") : void 0,
-      className: clsx__default.default(className, baseDropdownClasses.default.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx__default.default(baseDropdownClasses.default.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
-      $disabled: disabled,
-      ...!readOnly && {
-        onKeyDown: handleToggle,
-        onClick: handleToggle
-      },
-      tabIndex: -1,
-      ...others,
-      children: headerComponent
-    }), isOpen && containerComponent]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(BaseDropdown_styles.StyledRoot, { className: clsx__default.default(baseDropdownClasses.default.root, classes == null ? void 0 : classes.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      BaseDropdown_styles.StyledAnchor,
+      {
+        id,
+        role: ariaRole,
+        "aria-expanded": !!isOpen,
+        "aria-owns": isOpen ? setId.setId(elementId, "children-container") : void 0,
+        className: clsx__default.default(className, baseDropdownClasses.default.anchor, classes == null ? void 0 : classes.anchor, disabled && clsx__default.default(baseDropdownClasses.default.rootDisabled, classes == null ? void 0 : classes.rootDisabled)),
+        $disabled: disabled,
+        ...!readOnly && {
+          onKeyDown: handleToggle,
+          onClick: handleToggle
+        },
+        tabIndex: -1,
+        ...others,
+        children: headerComponent
+      }
+    ),
+    isOpen && containerComponent
+  ] });
 };
 exports.HvBaseDropdown = HvBaseDropdown;
 //# sourceMappingURL=BaseDropdown.cjs.map