@hitachivantara/uikit-react-core 5.0.0-next.11 → 5.0.0-next.14

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

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

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

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

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

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

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,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;;;;;"}
+{"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;;;;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,17 +26,39 @@ 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, 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 }) });
+  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<\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;;"}
+{"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","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"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,EACA,GAAGC;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,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,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;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const SnackbarContent = require("@mui/material/SnackbarContent");
 const transientOptions = require("../../../utils/transientOptions.cjs");
@@ -34,7 +34,8 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     position: "relative",
     display: "flex",
     flexWrap: "nowrap",
-    boxShadow: "none"
+    boxShadow: "none",
+    borderRadius: uikitStyles.theme.radii.none
   },
   [`& .${SnackbarContent.snackbarContentClasses.message}`]: {
     display: "flex",
@@ -48,7 +49,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     flex: "0 0 auto",
     placeSelf: "stretch"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwYCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLmFjdGlvbn1gXToge1xuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICBwbGFjZVNlbGY6IFwic3RyZXRjaFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBIdkJhbm5lclZhcmlhbnQgfSkgPT4gKHtcbiAgcGFkZGluZzogMCxcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTgsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwid2FybmluZ1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTksXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgfSksXG59KSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE4LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE5LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImRlZmF1bHRcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarContent__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ey1hm770"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -70,7 +71,7 @@ const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarC
   ...$variant === "default" && {
     backgroundColor: uikitStyles.theme.colors.sema7
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE4LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE5LFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImRlZmF1bHRcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9IDBgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMuYWN0aW9ufWBdOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgIHBsYWNlU2VsZjogXCJzdHJldGNoXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IEh2QmFubmVyVmFyaWFudCB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hOCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJ3YXJuaW5nXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWEyMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hOSxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE3LFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 exports.StyledRoot = StyledRoot;
 exports.StyledSnackbarContent = StyledSnackbarContent;
 //# sourceMappingURL=BannerContent.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.sema8,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.sema20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.sema9,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.sema7,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","message","alignItems","padding","theme","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","sema8","sema20","sema9","sema7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,SAAS;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKL,uCAAuBM,YAAY;AAAA,IACxCH,SAAS;AAAA,IACTI,YAAY;AAAA,IACZC,SAAU,GAAEC,YAAAA,MAAMC,MAAMC;AAAAA,IACxBC,aAAaH,YAAAA,MAAMC,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKb,uCAAuBc,WAAW;AAAA,IACvCN,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i3EAAA;AAEWuB,MAAAA,iEACXC,yBAAAA,SAAe1B,QAAAC,IAAAC,4BAAAyB,SAAA,IAAA;AAAA,EAAAxB,QAAA;AAAA,GACfyB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAxB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBwB,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDd,SAAS;AAAA,EACT,GAAIc,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBd,YAAAA,MAAMe,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBd,YAAAA,MAAMe,OAAOI;AAAAA,EAChC;AACF,IAAEnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i3EAAA;;;"}
+{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.sema8,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.sema20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.sema9,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.sema7,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","sema8","sema20","sema9","sema7"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uCAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,YAAAA,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,YAAAA,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uCAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6EAAA;AAEW0B,MAAAA,iEACXC,yBAAAA,SAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,YAAAA,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q6EAAA;;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,11 +16,25 @@ 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","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;;"}
+{"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;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,7 +18,9 @@ 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;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;;;;"}
+{"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;;;;"}

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");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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,9 +16,18 @@ 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 = ({
@@ -59,7 +68,29 @@ 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<\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;;"}
+{"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","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":";;;;;;;;;;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,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,EACX,GAAG2B;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;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
@@ -40,7 +40,9 @@ const StyledCheckedBox = /* @__PURE__ */ _styled__default.default(material.Check
       ...focusUtils.outlineStyles
     }
   },
+  // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css
   [`&.${material.checkboxClasses.disabled}`]: {
+    // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled
     [`&.${material.checkboxClasses.root}`]: {
       cursor: "not-allowed",
       pointerEvents: "initial"

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.styles.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n  Checkbox as MuiCheckBox,\n  checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n  MuiCheckBox,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  padding: 0,\n  borderRadius: theme.baseCheckBox.borderRadius,\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: theme.baseCheckBox.hoverColor,\n  },\n\n  ...($focusVisible && {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  }),\n\n  // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n  [`&.${MuiCheckBoxClasses.disabled}`]: {\n    // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    [`&.${MuiCheckBoxClasses.root}`]: {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n\n    \"& svg\": {\n      \"& path:nth-of-type(2)\": {\n        fill: theme.colors.atmo5,\n      },\n    },\n  },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","atmo5"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,4DACXC,SAAAA,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,YAAAA,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EAGA,CAAE,KAAIC,yBAAmBC,aAAa;AAAA,IAEpC,CAAE,KAAID,yBAAmBE,SAAS;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,YAAAA,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q/DAAA;;"}
+{"version":3,"file":"BaseCheckBox.styles.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n  Checkbox as MuiCheckBox,\n  checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\n\nexport const StyledCheckedBox = styled(\n  MuiCheckBox,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  padding: 0,\n  borderRadius: theme.baseCheckBox.borderRadius,\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: theme.baseCheckBox.hoverColor,\n  },\n\n  ...($focusVisible && {\n    \"& svg\": {\n      ...outlineStyles,\n    },\n  }),\n\n  // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n  [`&.${MuiCheckBoxClasses.disabled}`]: {\n    // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n    [`&.${MuiCheckBoxClasses.root}`]: {\n      cursor: \"not-allowed\",\n      pointerEvents: \"initial\",\n    },\n\n    \"& svg\": {\n      \"& path:nth-of-type(2)\": {\n        fill: theme.colors.atmo5,\n      },\n    },\n  },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","atmo5"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,4DACXC,SAAAA,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,YAAAA,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,CAAE,KAAIC,yBAAmBC,UAAU,GAAG;AAAA;AAAA,IAEpC,CAAE,KAAID,yBAAmBE,MAAM,GAAG;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,YAAAA,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q/DAAA;;"}