@hitachivantara/uikit-react-core 5.18.0 → 5.18.2

package/dist/esm/components/Snackbar/Snackbar.js

@@ -1,10 +1,10 @@
 import Slide from "@mui/material/Slide";
+import { Snackbar } from "@mui/material";
 import capitalize from "lodash/capitalize";
-import { clsx } from "clsx";
-import snackbarClasses from "./snackbarClasses.js";
-import { StyledSnackbar } from "./Snackbar.styles.js";
+import { useClasses } from "./Snackbar.styles.js";
+import { staticClasses } from "./Snackbar.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import HvSnackbarContent from "./SnackbarContentWrapper/SnackbarContentWrapper.js";
+import { HvSnackbarContent } from "./SnackbarContentWrapper/SnackbarContentWrapper.js";
 import { setId } from "../../utils/setId.js";
 const transLeft = (props) => /* @__PURE__ */ jsx(Slide, {
   ...props,
@@ -36,7 +36,7 @@ const snackBarDirComponent = (direction) => {
   }
 };
 const HvSnackbar = ({
-  classes,
+  classes: classesProp = {},
   className,
   id,
   open = false,
@@ -58,6 +58,9 @@ const HvSnackbar = ({
   snackbarContentProps,
   ...others
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const anchorOriginOffset = {
     anchorOriginTop: {
       top: `${offset}px`
@@ -66,17 +69,9 @@ const HvSnackbar = ({
       bottom: `${offset}px`
     }
   };
-  return /* @__PURE__ */ jsx(StyledSnackbar, {
+  return /* @__PURE__ */ jsx(Snackbar, {
     style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
-    classes: {
-      root: clsx(classes == null ? void 0 : classes.root, snackbarClasses.root),
-      anchorOriginBottomCenter: clsx(classes == null ? void 0 : classes.anchorOriginBottomCenter, snackbarClasses.anchorOriginBottomCenter),
-      anchorOriginBottomLeft: clsx(classes == null ? void 0 : classes.anchorOriginBottomLeft, snackbarClasses.anchorOriginBottomLeft),
-      anchorOriginBottomRight: clsx(classes == null ? void 0 : classes.anchorOriginBottomRight, snackbarClasses.anchorOriginBottomRight),
-      anchorOriginTopCenter: clsx(classes == null ? void 0 : classes.anchorOriginTopCenter, snackbarClasses.anchorOriginTopCenter),
-      anchorOriginTopLeft: clsx(classes == null ? void 0 : classes.anchorOriginTopLeft, snackbarClasses.anchorOriginTopLeft),
-      anchorOriginTopRight: clsx(classes == null ? void 0 : classes.anchorOriginTopRight, snackbarClasses.anchorOriginTopRight)
-    },
+    classes,
     className,
     id,
     anchorOrigin,
@@ -99,6 +94,7 @@ const HvSnackbar = ({
   });
 };
 export {
-  HvSnackbar
+  HvSnackbar,
+  staticClasses as snackbarClasses
 };
 //# sourceMappingURL=Snackbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"@core/types\";\nimport capitalize from \"lodash/capitalize\";\nimport { SyntheticEvent } from \"react\";\nimport { setId } from \"@core/utils\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport snackbarClasses, { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action 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  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <StyledSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={{\n        root: clsx(classes?.root, snackbarClasses.root),\n        anchorOriginBottomCenter: clsx(\n          classes?.anchorOriginBottomCenter,\n          snackbarClasses.anchorOriginBottomCenter\n        ),\n        anchorOriginBottomLeft: clsx(\n          classes?.anchorOriginBottomLeft,\n          snackbarClasses.anchorOriginBottomLeft\n        ),\n        anchorOriginBottomRight: clsx(\n          classes?.anchorOriginBottomRight,\n          snackbarClasses.anchorOriginBottomRight\n        ),\n        anchorOriginTopCenter: clsx(\n          classes?.anchorOriginTopCenter,\n          snackbarClasses.anchorOriginTopCenter\n        ),\n        anchorOriginTopLeft: clsx(\n          classes?.anchorOriginTopLeft,\n          snackbarClasses.anchorOriginTopLeft\n        ),\n        anchorOriginTopRight: clsx(\n          classes?.anchorOriginTopRight,\n          snackbarClasses.anchorOriginTopRight\n        ),\n      }}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","root","clsx","snackbarClasses","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","anchorOriginTopCenter","anchorOriginTopLeft","anchorOriginTopRight","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAiEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGQ,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,WAAWrB,aAAaC,QAAQ,GAAG;AAAA,IAEvEP,SAAS;AAAA,MACP4B,MAAMC,KAAK7B,mCAAS4B,MAAME,gBAAgBF,IAAI;AAAA,MAC9CG,0BAA0BF,KACxB7B,mCAAS+B,0BACTD,gBAAgBC,wBAClB;AAAA,MACAC,wBAAwBH,KACtB7B,mCAASgC,wBACTF,gBAAgBE,sBAClB;AAAA,MACAC,yBAAyBJ,KACvB7B,mCAASiC,yBACTH,gBAAgBG,uBAClB;AAAA,MACAC,uBAAuBL,KACrB7B,mCAASkC,uBACTJ,gBAAgBI,qBAClB;AAAA,MACAC,qBAAqBN,KACnB7B,mCAASmC,qBACTL,gBAAgBK,mBAClB;AAAA,MACAC,sBAAsBP,KACpB7B,mCAASoC,sBACTN,gBAAgBM,oBAClB;AAAA,IACF;AAAA,IACAnC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAsB,qBAAqBvC,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMmB,8BAETC,mBAAiB;AAAA,MAChBrC,IAAIsC,MAAMtC,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACa;AAEpB;"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport capitalize from \"lodash/capitalize\";\nimport { SyntheticEvent } from \"react\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { HvActionGeneric } from \"@core/components\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action 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  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarClasses>;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp = {},\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAoEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Snackbar/Snackbar.styles.js

@@ -1,36 +1,48 @@
-import _styled from "@emotion/styled/base";
-import Snackbar, { snackbarClasses } from "@mui/material/Snackbar";
 import { theme } from "@hitachivantara/uikit-styles";
-const StyledSnackbar = /* @__PURE__ */ _styled(Snackbar, process.env.NODE_ENV === "production" ? {
-  target: "e1j7frbu0"
-} : {
-  target: "e1j7frbu0",
-  label: "StyledSnackbar"
-})({
-  [`&.${snackbarClasses.anchorOriginTopRight}`]: {
-    top: theme.space.xs,
-    right: theme.space.xs
+import { snackbarClasses } from "@mui/material";
+import { createClasses } from "../../utils/classes.js";
+const {
+  useClasses,
+  staticClasses
+} = createClasses("HvSnackbar", {
+  root: {},
+  anchorOriginTopRight: {
+    [`&.${snackbarClasses.anchorOriginTopRight}`]: {
+      top: theme.space.xs,
+      right: theme.space.xs
+    }
   },
-  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {
-    top: theme.space.xs,
-    left: theme.space.xs
+  anchorOriginTopLeft: {
+    [`&.${snackbarClasses.anchorOriginTopLeft}`]: {
+      top: theme.space.xs,
+      left: theme.space.xs
+    }
   },
-  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {
-    top: theme.space.xs
+  anchorOriginTopCenter: {
+    [`&.${snackbarClasses.anchorOriginTopCenter}`]: {
+      top: theme.space.xs
+    }
   },
-  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {
-    bottom: theme.space.xs
+  anchorOriginBottomCenter: {
+    [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {
+      bottom: theme.space.xs
+    }
   },
-  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {
-    bottom: theme.space.xs,
-    left: theme.space.xs
+  anchorOriginBottomLeft: {
+    [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {
+      bottom: theme.space.xs,
+      left: theme.space.xs
+    }
   },
-  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {
-    bottom: theme.space.xs,
-    right: theme.space.xs
+  anchorOriginBottomRight: {
+    [`&.${snackbarClasses.anchorOriginBottomRight}`]: {
+      bottom: theme.space.xs,
+      right: theme.space.xs
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9TbmFja2Jhci9TbmFja2Jhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgU25hY2tiYXIsIHsgc25hY2tiYXJDbGFzc2VzIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyID0gc3R5bGVkKFNuYWNrYmFyKSh7XG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5hbmNob3JPcmlnaW5Ub3BSaWdodH1gXToge1xuICAgIHRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgcmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBbYCYuJHtzbmFja2JhckNsYXNzZXMuYW5jaG9yT3JpZ2luVG9wTGVmdH1gXToge1xuICAgIHRvcDogdGhlbWUuc3BhY2UueHMsXG4gICAgbGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5hbmNob3JPcmlnaW5Ub3BDZW50ZXJ9YF06IHtcbiAgICB0b3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBbYCYuJHtzbmFja2JhckNsYXNzZXMuYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyfWBdOiB7XG4gICAgYm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbiAgW2AmLiR7c25hY2tiYXJDbGFzc2VzLmFuY2hvck9yaWdpbkJvdHRvbUxlZnR9YF06IHtcbiAgICBib3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIGxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBbYCYuJHtzbmFja2JhckNsYXNzZXMuYW5jaG9yT3JpZ2luQm90dG9tUmlnaHR9YF06IHtcbiAgICBib3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgIHJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
+});
 export {
-  StyledSnackbar
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Snackbar.styles.js.map

package/dist/esm/components/Snackbar/Snackbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.styles.js","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledSnackbar = styled(Snackbar)({\n  [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n    top: theme.space.xs,\n    right: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n    top: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n    bottom: theme.space.xs,\n    left: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n    bottom: theme.space.xs,\n    right: theme.space.xs,\n  },\n});\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","target","label","snackbarClasses","anchorOriginTopRight","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;AAIO,MAAMA,iBAAwBC,wBAAAA,UAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,CAAE,KAAIC,gBAAgBC,sBAAsB,GAAG;AAAA,IAC7CC,KAAKC,MAAMC,MAAMC;AAAAA,IACjBC,OAAOH,MAAMC,MAAMC;AAAAA,EACrB;AAAA,EACA,CAAE,KAAIL,gBAAgBO,qBAAqB,GAAG;AAAA,IAC5CL,KAAKC,MAAMC,MAAMC;AAAAA,IACjBG,MAAML,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,gBAAgBS,uBAAuB,GAAG;AAAA,IAC9CP,KAAKC,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIL,gBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,MAAMC,MAAMC;AAAAA,EACtB;AAAA,EACA,CAAE,KAAIL,gBAAgBY,wBAAwB,GAAG;AAAA,IAC/CD,QAAQR,MAAMC,MAAMC;AAAAA,IACpBG,MAAML,MAAMC,MAAMC;AAAAA,EACpB;AAAA,EACA,CAAE,KAAIL,gBAAgBa,yBAAyB,GAAG;AAAA,IAChDF,QAAQR,MAAMC,MAAMC;AAAAA,IACpBC,OAAOH,MAAMC,MAAMC;AAAAA,EACrB;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,6kDAAA;"}
+{"version":3,"file":"Snackbar.styles.js","sources":["../../../../src/components/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\nimport { snackbarClasses } from \"@mui/material\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvSnackbar\", {\n  root: {},\n  anchorOriginTopRight: {\n    [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n      top: theme.space.xs,\n      right: theme.space.xs,\n    },\n  },\n  anchorOriginTopLeft: {\n    [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n      top: theme.space.xs,\n      left: theme.space.xs,\n    },\n  },\n  anchorOriginTopCenter: {\n    [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n      top: theme.space.xs,\n    },\n  },\n  anchorOriginBottomCenter: {\n    [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n      bottom: theme.space.xs,\n    },\n  },\n  anchorOriginBottomLeft: {\n    [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n      bottom: theme.space.xs,\n      left: theme.space.xs,\n    },\n  },\n  anchorOriginBottomRight: {\n    [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n      bottom: theme.space.xs,\n      right: theme.space.xs,\n    },\n  },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","anchorOriginTopRight","snackbarClasses","top","theme","space","xs","right","anchorOriginTopLeft","left","anchorOriginTopCenter","anchorOriginBottomCenter","bottom","anchorOriginBottomLeft","anchorOriginBottomRight"],"mappings":";;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM,CAAC;AAAA,EACPC,sBAAsB;AAAA,IACpB,CAAE,KAAIC,gBAAgBD,sBAAsB,GAAG;AAAA,MAC7CE,KAAKC,MAAMC,MAAMC;AAAAA,MACjBC,OAAOH,MAAMC,MAAMC;AAAAA,IACrB;AAAA,EACF;AAAA,EACAE,qBAAqB;AAAA,IACnB,CAAE,KAAIN,gBAAgBM,qBAAqB,GAAG;AAAA,MAC5CL,KAAKC,MAAMC,MAAMC;AAAAA,MACjBG,MAAML,MAAMC,MAAMC;AAAAA,IACpB;AAAA,EACF;AAAA,EACAI,uBAAuB;AAAA,IACrB,CAAE,KAAIR,gBAAgBQ,uBAAuB,GAAG;AAAA,MAC9CP,KAAKC,MAAMC,MAAMC;AAAAA,IACnB;AAAA,EACF;AAAA,EACAK,0BAA0B;AAAA,IACxB,CAAE,KAAIT,gBAAgBS,0BAA0B,GAAG;AAAA,MACjDC,QAAQR,MAAMC,MAAMC;AAAAA,IACtB;AAAA,EACF;AAAA,EACAO,wBAAwB;AAAA,IACtB,CAAE,KAAIX,gBAAgBW,wBAAwB,GAAG;AAAA,MAC/CD,QAAQR,MAAMC,MAAMC;AAAAA,MACpBG,MAAML,MAAMC,MAAMC;AAAAA,IACpB;AAAA,EACF;AAAA,EACAQ,yBAAyB;AAAA,IACvB,CAAE,KAAIZ,gBAAgBY,yBAAyB,GAAG;AAAA,MAChDF,QAAQR,MAAMC,MAAMC;AAAAA,MACpBC,OAAOH,MAAMC,MAAMC;AAAAA,IACrB;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js

@@ -1,7 +1,7 @@
-import { clsx } from "clsx";
 import { forwardRef, isValidElement } from "react";
-import { StyledSnackbarContent, StyledMessageSpan, StyledMessageText, StyledAction } from "./SnackbarContentWrapper.styles.js";
-import snackbarContentClasses from "./snackbarContentWrapperClasses.js";
+import SnackbarContent from "@mui/material/SnackbarContent";
+import { useClasses } from "./SnackbarContentWrapper.styles.js";
+import { staticClasses } from "./SnackbarContentWrapper.styles.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import iconVariant from "../../../utils/iconVariant.js";
 import { setId } from "../../../utils/setId.js";
@@ -9,7 +9,7 @@ import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.js";
 const HvSnackbarContent = forwardRef(({
   className,
   id,
-  classes,
+  classes: classesProp = {},
   label,
   variant,
   showIcon,
@@ -20,26 +20,30 @@ const HvSnackbarContent = forwardRef(({
 }, ref) => {
   const icon = customIcon || showIcon && iconVariant(variant, "base_dark");
   const innerAction = isValidElement(action) ? action : [action];
-  return /* @__PURE__ */ jsx(StyledSnackbarContent, {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(SnackbarContent, {
     ref,
     id,
     classes: {
-      root: clsx(snackbarContentClasses.root, classes == null ? void 0 : classes.root),
-      message: clsx(snackbarContentClasses.message, classes == null ? void 0 : classes.message)
+      root: classes == null ? void 0 : classes.root,
+      message: classes == null ? void 0 : classes.message
     },
-    className: clsx(className, classes == null ? void 0 : classes[variant], snackbarContentClasses[variant]),
-    message: /* @__PURE__ */ jsxs(StyledMessageSpan, {
+    className: cx(className, classes == null ? void 0 : classes[variant]),
+    message: /* @__PURE__ */ jsxs("div", {
       id: setId(id, "message"),
-      className: clsx(snackbarContentClasses.messageSpan, classes == null ? void 0 : classes.messageSpan),
+      className: classes == null ? void 0 : classes.messageSpan,
       children: [icon && /* @__PURE__ */ jsx("div", {
-        className: clsx(snackbarContentClasses.iconVariant, classes == null ? void 0 : classes.iconVariant),
+        className: classes == null ? void 0 : classes.iconVariant,
         children: icon
-      }), /* @__PURE__ */ jsx(StyledMessageText, {
-        className: clsx(snackbarContentClasses.messageText, classes == null ? void 0 : classes.messageText),
+      }), /* @__PURE__ */ jsx("div", {
+        className: classes == null ? void 0 : classes.messageText,
         children: label
-      }), action && /* @__PURE__ */ jsx(StyledAction, {
+      }), action && /* @__PURE__ */ jsx("div", {
         id: setId(id, "action"),
-        className: clsx(snackbarContentClasses.action, classes == null ? void 0 : classes.action),
+        className: classes == null ? void 0 : classes.action,
         children: /* @__PURE__ */ jsx(HvActionsGeneric, {
           id,
           category: "secondaryGhost",
@@ -48,12 +52,11 @@ const HvSnackbarContent = forwardRef(({
         })
       })]
     }),
-    $variant: variant,
     ...others
   });
 });
-const HvSnackbarContent$1 = HvSnackbarContent;
 export {
-  HvSnackbarContent$1 as default
+  HvSnackbarContent,
+  staticClasses as snackbarContentClasses
 };
 //# sourceMappingURL=SnackbarContentWrapper.js.map

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, isValidElement } from \"react\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvActionsGeneric, HvActionGeneric } from \"@core/components\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport {\n  StyledMessageSpan,\n  StyledSnackbarContent,\n  StyledMessageText,\n  StyledAction,\n} from \"./SnackbarContentWrapper.styles\";\nimport snackbarContentClasses, {\n  HvSnackbarContentClasses,\n} from \"./snackbarContentWrapperClasses\";\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant: HvSnackbarVariant;\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  /** Action 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?: HvSnackbarContentClasses;\n}\n\nconst HvSnackbarContent = forwardRef<HTMLDivElement, HvSnackbarContentProps>(\n  (\n    {\n      className,\n      id,\n      classes,\n      label,\n      variant,\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    return (\n      <StyledSnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: clsx(snackbarContentClasses.root, classes?.root),\n          message: clsx(snackbarContentClasses.message, classes?.message),\n        }}\n        className={clsx(\n          className,\n          classes?.[variant],\n          snackbarContentClasses[variant]\n        )}\n        message={\n          <StyledMessageSpan\n            id={setId(id, \"message\")}\n            className={clsx(\n              snackbarContentClasses.messageSpan,\n              classes?.messageSpan\n            )}\n          >\n            {icon && (\n              <div\n                className={clsx(\n                  snackbarContentClasses.iconVariant,\n                  classes?.iconVariant\n                )}\n              >\n                {icon}\n              </div>\n            )}\n            <StyledMessageText\n              className={clsx(\n                snackbarContentClasses.messageText,\n                classes?.messageText\n              )}\n            >\n              {label}\n            </StyledMessageText>\n            {action && (\n              <StyledAction\n                id={setId(id, \"action\")}\n                className={clsx(snackbarContentClasses.action, classes?.action)}\n              >\n                <HvActionsGeneric\n                  id={id}\n                  category=\"secondaryGhost\"\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </StyledAction>\n            )}\n          </StyledMessageSpan>\n        }\n        $variant={variant}\n        {...others}\n      />\n    );\n  }\n);\n\nexport default HvSnackbarContent;\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","StyledSnackbarContent","root","clsx","snackbarContentClasses","message","StyledMessageSpan","setId","messageSpan","children","_jsx","StyledMessageText","messageText","StyledAction","HvActionsGeneric","category","actions","actionsCallback","$variant"],"mappings":";;;;;;;;AAwCA,MAAMA,oBAAoBC,WACxB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAElE,6BACGQ,uBAAqB;AAAA,IACpBL;AAAAA,IACAT;AAAAA,IACAC,SAAS;AAAA,MACPc,MAAMC,KAAKC,uBAAuBF,MAAMd,mCAASc,IAAI;AAAA,MACrDG,SAASF,KAAKC,uBAAuBC,SAASjB,mCAASiB,OAAO;AAAA,IAChE;AAAA,IACAnB,WAAWiB,KACTjB,WACAE,mCAAUE,UACVc,uBAAuBd,OAAO,CAChC;AAAA,IACAe,8BACGC,mBAAiB;AAAA,MAChBnB,IAAIoB,MAAMpB,IAAI,SAAS;AAAA,MACvBD,WAAWiB,KACTC,uBAAuBI,aACvBpB,mCAASoB,WACX;AAAA,MAAEC,UAAA,CAEDZ,QACCa,oBAAA,OAAA;AAAA,QACExB,WAAWiB,KACTC,uBAAuBN,aACvBV,mCAASU,WACX;AAAA,QAAEW,UAEDZ;AAAAA,MAAAA,CACE,GAEPa,oBAACC,mBAAiB;AAAA,QAChBzB,WAAWiB,KACTC,uBAAuBQ,aACvBxB,mCAASwB,WACX;AAAA,QAAEH,UAEDpB;AAAAA,MAAAA,CACgB,GAClBI,UACCiB,oBAACG,cAAY;AAAA,QACX1B,IAAIoB,MAAMpB,IAAI,QAAQ;AAAA,QACtBD,WAAWiB,KAAKC,uBAAuBX,QAAQL,mCAASK,MAAM;AAAA,QAAEgB,8BAE/DK,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UAAS;AAAA,UACTC,SAASjB;AAAAA,UACTkB,iBAAiBvB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACW,CACf;AAAA,IAAA,CACgB;AAAA,IAErBwB,UAAU5B;AAAAA,IAAQ,GACdK;AAAAA,EAAAA,CACL;AAEL,CACF;AAEA,MAAA,sBAAeX;"}
+{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvActionsGeneric, HvActionGeneric } from \"@core/components\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant: HvSnackbarVariant;\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  /** Action 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?: Partial<HvSnackbarContentClasses>;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>(\n  (\n    {\n      className,\n      id,\n      classes: classesProp = {},\n      label,\n      variant,\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    const { classes, cx } = useClasses(classesProp);\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes?.root,\n          message: classes?.message,\n        }}\n        className={cx(className, classes?.[variant])}\n        message={\n          <div id={setId(id, \"message\")} className={classes?.messageSpan}>\n            {icon && <div className={classes?.iconVariant}>{icon}</div>}\n            <div className={classes?.messageText}>{label}</div>\n            {action && (\n              <div id={setId(id, \"action\")} className={classes?.action}>\n                <HvActionsGeneric\n                  id={id}\n                  category=\"secondaryGhost\"\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </div>\n            )}\n          </div>\n        }\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;AAqCaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AAE9C,6BACGe,iBAAe;AAAA,IACdP;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPiB,MAAMjB,mCAASiB;AAAAA,MACfC,SAASlB,mCAASkB;AAAAA,IACpB;AAAA,IACApB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3Ce,8BACE,OAAA;AAAA,MAAKnB,IAAIoB,MAAMpB,IAAI,SAAS;AAAA,MAAGD,WAAWE,mCAASoB;AAAAA,MAAYC,UAAA,CAC5DX,QAAQY,oBAAA,OAAA;AAAA,QAAKxB,WAAWE,mCAASW;AAAAA,QAAYU,UAAEX;AAAAA,MAAAA,CAAU,GAC1DY,oBAAA,OAAA;AAAA,QAAKxB,WAAWE,mCAASuB;AAAAA,QAAYF,UAAEnB;AAAAA,MAAAA,CAAW,GACjDI,UACCgB,oBAAA,OAAA;AAAA,QAAKvB,IAAIoB,MAAMpB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,mCAASM;AAAAA,QAAOe,8BACtDG,kBAAgB;AAAA,UACfzB;AAAAA,UACA0B,UAAS;AAAA,UACTC,SAASd;AAAAA,UACTe,iBAAiBpB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js

@@ -1,101 +1,52 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import SnackbarContent, { snackbarContentClasses } from "@mui/material/SnackbarContent";
-import { transientOptions } from "../../../utils/transientOptions.js";
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledSnackbarContent = /* @__PURE__ */ _styled(SnackbarContent, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1lj6s5p3"
-}, transientOptions) : _extends({}, {
-  target: "e1lj6s5p3",
-  label: "StyledSnackbarContent"
-}, transientOptions))(({
-  $variant
-}) => ({
-  ...$variant === "success" && {
+import { createClasses } from "../../../utils/classes.js";
+const {
+  useClasses,
+  staticClasses
+} = createClasses("HvSnackbar-Content", {
+  root: {
+    width: "310px",
+    minHeight: "52px",
+    maxHeight: "92px",
+    padding: theme.space.xs,
+    boxShadow: "none"
+  },
+  success: {
     backgroundColor: theme.colors.positive_20
   },
-  ...$variant === "error" && {
+  error: {
     backgroundColor: theme.colors.negative_20
   },
-  ...$variant === "default" && {
+  default: {
     backgroundColor: theme.colors.neutral_20
   },
-  ...$variant === "warning" && {
+  warning: {
     backgroundColor: theme.colors.warning_20
   },
-  [`&.${snackbarContentClasses.root}`]: {
-    width: "310px",
-    minHeight: "52px",
-    maxHeight: "92px",
-    padding: theme.space.xs,
-    boxShadow: "none"
-  },
-  [`& .${snackbarContentClasses.message}`]: {
+  message: {
     padding: 0,
     width: "100%"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5ldXRyYWxfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwid2FybmluZ1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy53YXJuaW5nXzIwLFxuICB9KSxcbiAgW2AmLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiMzEwcHhcIixcbiAgICBtaW5IZWlnaHQ6IFwiNTJweFwiLFxuICAgIG1heEhlaWdodDogXCI5MnB4XCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIHBhZGRpbmc6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZVNwYW4gPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWluSGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTWVzc2FnZVRleHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIG1heEhlaWdodDogXCI3MnB4XCIsXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHRleHRBbGlnbjogXCJyaWdodFwiLFxufSk7XG4iXX0= */");
-const StyledMessageSpan = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1lj6s5p2"
-} : {
-  target: "e1lj6s5p2",
-  label: "StyledMessageSpan"
-})(process.env.NODE_ENV === "production" ? {
-  name: "eqm1kb",
-  styles: "display:flex;align-items:center;min-height:32px"
-} : {
-  name: "eqm1kb",
-  styles: "display:flex;align-items:center;min-height:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyL1NuYWNrYmFyQ29udGVudFdyYXBwZXIvU25hY2tiYXJDb250ZW50V3JhcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU25hY2tiYXJDb250ZW50LCB7XG4gIHNuYWNrYmFyQ29udGVudENsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyQ29udGVudFwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIFtgJi4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjMxMHB4XCIsXG4gICAgbWluSGVpZ2h0OiBcIjUycHhcIixcbiAgICBtYXhIZWlnaHQ6IFwiOTJweFwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBwYWRkaW5nOiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VTcGFuID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBtYXhIZWlnaHQ6IFwiNzJweFwiLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledMessageText = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1lj6s5p1"
-} : {
-  target: "e1lj6s5p1",
-  label: "StyledMessageText"
-})({
-  ...theme.typography.body,
-  padding: `0 ${theme.space.xs}`,
-  color: theme.colors.base_dark,
-  fontFamily: theme.fontFamily.body,
-  maxHeight: "72px",
-  wordBreak: "break-word"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyL1NuYWNrYmFyQ29udGVudFdyYXBwZXIvU25hY2tiYXJDb250ZW50V3JhcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU25hY2tiYXJDb250ZW50LCB7XG4gIHNuYWNrYmFyQ29udGVudENsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyQ29udGVudFwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIFtgJi4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjMxMHB4XCIsXG4gICAgbWluSGVpZ2h0OiBcIjUycHhcIixcbiAgICBtYXhIZWlnaHQ6IFwiOTJweFwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBwYWRkaW5nOiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VTcGFuID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBtYXhIZWlnaHQ6IFwiNzJweFwiLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbn0pO1xuIl19 */");
-const StyledAction = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1lj6s5p0"
-} : {
-  target: "e1lj6s5p0",
-  label: "StyledAction"
-})(process.env.NODE_ENV === "production" ? {
-  name: "2qga7i",
-  styles: "text-align:right"
-} : {
-  name: "2qga7i",
-  styles: "text-align:right",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Q0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyL1NuYWNrYmFyQ29udGVudFdyYXBwZXIvU25hY2tiYXJDb250ZW50V3JhcHBlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgU25hY2tiYXJDb250ZW50LCB7XG4gIHNuYWNrYmFyQ29udGVudENsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyQ29udGVudFwiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIFtgJi4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIHdpZHRoOiBcIjMxMHB4XCIsXG4gICAgbWluSGVpZ2h0OiBcIjUycHhcIixcbiAgICBtYXhIZWlnaHQ6IFwiOTJweFwiLFxuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBwYWRkaW5nOiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VTcGFuID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1pbkhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VUZXh0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2VfZGFyayxcbiAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICBtYXhIZWlnaHQ6IFwiNzJweFwiLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  messageSpan: {
+    display: "flex",
+    alignItems: "center",
+    minHeight: "32px"
+  },
+  messageText: {
+    ...theme.typography.body,
+    padding: `0 ${theme.space.xs}`,
+    color: theme.colors.base_dark,
+    fontFamily: theme.fontFamily.body,
+    maxHeight: "72px",
+    wordBreak: "break-word"
+  },
+  action: {
+    textAlign: "right"
+  },
+  iconVariant: {}
 });
 export {
-  StyledAction,
-  StyledMessageSpan,
-  StyledMessageText,
-  StyledSnackbarContent
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=SnackbarContentWrapper.styles.js.map

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: string }) => ({\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.positive_20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.negative_20,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.neutral_20,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.warning_20,\n  }),\n  [`&.${snackbarContentClasses.root}`]: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.space.xs,\n    boxShadow: \"none\",\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    padding: 0,\n    width: \"100%\",\n  },\n}));\n\nexport const StyledMessageSpan = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  minHeight: \"32px\",\n});\n\nexport const StyledMessageText = styled(\"div\")({\n  ...(theme.typography.body as CSSProperties),\n  padding: `0 ${theme.space.xs}`,\n  color: theme.colors.base_dark,\n  fontFamily: theme.fontFamily.body,\n  maxHeight: \"72px\",\n  wordBreak: \"break-word\",\n});\n\nexport const StyledAction = styled(\"div\")({\n  textAlign: \"right\",\n});\n"],"names":["StyledSnackbarContent","SnackbarContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$variant","backgroundColor","theme","colors","positive_20","negative_20","neutral_20","warning_20","snackbarContentClasses","root","width","minHeight","maxHeight","padding","space","xs","boxShadow","message","StyledMessageSpan","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledMessageText","typography","body","color","base_dark","fontFamily","wordBreak","StyledAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,gDACXC,iBAAeC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACfC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+B,OAAO;AAAA,EACzC,GAAIA,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBC,MAAMC,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIN,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACA,CAAE,KAAIC,uBAAuBC,MAAM,GAAG;AAAA,IACpCC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASX,MAAMY,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKR,uBAAuBS,SAAS,GAAG;AAAA,IACxCJ,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEI,MAAMuB,oBAA2B,wBAAA,OAAKzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI7C;AAEM,MAAMC,oBAA2B,wBAAA,OAAK/B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,GAAIG,MAAMuB,WAAWC;AAAAA,EACrBb,SAAU,KAAIX,MAAMY,MAAMC;AAAAA,EAC1BY,OAAOzB,MAAMC,OAAOyB;AAAAA,EACpBC,YAAY3B,MAAM2B,WAAWH;AAAAA,EAC7Bd,WAAW;AAAA,EACXkB,WAAW;AACb,GAACrC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEK,MAAMoC,eAAsB,wBAAA,OAAKtC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;"}
+{"version":3,"file":"SnackbarContentWrapper.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      ...(theme.typography.body as CSSProperties),\n      padding: `0 ${theme.space.xs}`,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n    },\n    action: {\n      textAlign: \"right\",\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","width","minHeight","maxHeight","padding","theme","space","xs","boxShadow","success","backgroundColor","colors","positive_20","error","negative_20","default","neutral_20","warning","warning_20","message","messageSpan","display","alignItems","messageText","typography","body","color","base_dark","fontFamily","wordBreak","action","textAlign","iconVariant"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAC3C,sBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACAC,SAAS;AAAA,IACPC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLH,iBAAiBL,MAAMM,OAAOG;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPL,iBAAiBL,MAAMM,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBL,MAAMM,OAAOO;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPf,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AAAA,EACAmB,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZpB,WAAW;AAAA,EACb;AAAA,EACAqB,aAAa;AAAA,IACX,GAAIlB,MAAMmB,WAAWC;AAAAA,IACrBrB,SAAU,KAAIC,MAAMC,MAAMC;AAAAA,IAC1BmB,OAAOrB,MAAMM,OAAOgB;AAAAA,IACpBC,YAAYvB,MAAMuB,WAAWH;AAAAA,IAC7BtB,WAAW;AAAA,IACX0B,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa,CAAC;AAChB,CACF;"}