@hitachivantara/uikit-react-core 5.18.3 → 5.18.5

package/dist/esm/components/Drawer/Drawer.js

@@ -0,0 +1,82 @@
+import { Drawer } from "@mui/material";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import { theme } from "@hitachivantara/uikit-styles";
+import { useState, useEffect } from "react";
+import { useClasses } from "./Drawer.styles.js";
+import { staticClasses } from "./Drawer.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { getVarValue } from "../../utils/theme.js";
+import withTooltip from "../../hocs/withTooltip.js";
+import checkValidHexColorValue from "../../utils/checkValidHexColorValue.js";
+import fade from "../../utils/hexToRgbA.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { HvButton } from "../Button/Button.js";
+import { setId } from "../../utils/setId.js";
+const getBackgroundColor = (color) => {
+  return checkValidHexColorValue(color) ? fade(color, 0.8) : color;
+};
+const HvDrawer = ({
+  className,
+  classes: classesProp,
+  id,
+  children,
+  open,
+  onClose,
+  anchor = "right",
+  buttonTitle = "Close",
+  ...others
+}) => {
+  var _a;
+  const {
+    classes,
+    css,
+    cx
+  } = useClasses(classesProp);
+  const {
+    activeTheme,
+    selectedMode
+  } = useTheme();
+  const [backgroundColorValue, setBackgroundColorValue] = useState(getVarValue(theme.drawer.backDropBackgroundColor));
+  const closeButtonDisplay = () => /* @__PURE__ */ jsx(Close, {
+    role: "presentation"
+  });
+  const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
+  const [backgroundColor, setBackgroundColor] = useState(getBackgroundColor(backgroundColorValue));
+  useEffect(() => {
+    setBackgroundColorValue(getVarValue(theme.drawer.backDropBackgroundColor));
+    setBackgroundColor(getBackgroundColor(backgroundColorValue));
+  }, [(_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode], backgroundColorValue, setBackgroundColor]);
+  return /* @__PURE__ */ jsxs(Drawer, {
+    className: cx(classes.root, className),
+    id,
+    anchor,
+    open,
+    PaperProps: {
+      classes: {
+        root: classes.paper
+      }
+    },
+    BackdropProps: {
+      classes: {
+        root: cx(css({
+          backgroundColor
+        }), classes.background)
+      }
+    },
+    onClose,
+    ...others,
+    children: [/* @__PURE__ */ jsx(HvButton, {
+      id: setId(id, "close"),
+      className: classes.closeButton,
+      variant: "primaryGhost",
+      onClick: onClose,
+      "aria-label": buttonTitle,
+      children: /* @__PURE__ */ jsx(CloseButtonTooltipWrapper, {})
+    }), children]
+  });
+};
+export {
+  HvDrawer,
+  staticClasses as drawerClasses
+};
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { withTooltip } from \"@core/hocs\";\nimport {\n  getVarValue,\n  hexToRgbA,\n  setId,\n  checkValidHexColorValue,\n  ExtractNames,\n} from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvButton } from \"@core/components\";\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Drawer.styles\";\n\nexport { staticClasses as drawerClasses };\n\nexport type HvDrawerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDrawerProps\n  extends MuiDrawerProps,\n    Omit<MuiDrawerProps, \"classes\">,\n    HvBaseProps<HTMLDivElement> {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDrawerClasses;\n  /**\n   * Components of the Drawer.\n   */\n  children?: React.ReactNode;\n  /**\n   * Current state of the Drawer.\n   */\n  open?: boolean;\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /**\n   * The side the drawer opens from.\n   */\n  anchor?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  /**\n   * Title for the button close.\n   */\n  buttonTitle?: string;\n}\n\nconst getBackgroundColor = (color: string) => {\n  return checkValidHexColorValue(color) ? hexToRgbA(color, 0.8) : color;\n};\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nexport const HvDrawer = ({\n  className,\n  classes: classesProp,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}: HvDrawerProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  const { activeTheme, selectedMode } = useTheme();\n\n  const [backgroundColorValue, setBackgroundColorValue] = useState<string>(\n    getVarValue(theme.drawer.backDropBackgroundColor)\n  );\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  const [backgroundColor, setBackgroundColor] = useState(\n    getBackgroundColor(backgroundColorValue)\n  );\n\n  useEffect(() => {\n    setBackgroundColorValue(getVarValue(theme.drawer.backDropBackgroundColor));\n\n    setBackgroundColor(getBackgroundColor(backgroundColorValue));\n  }, [\n    activeTheme?.colors?.modes[selectedMode],\n    backgroundColorValue,\n    setBackgroundColor,\n  ]);\n\n  return (\n    <MuiDrawer\n      className={cx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: cx(css({ backgroundColor }), classes.background),\n        },\n      }}\n      onClose={onClose}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        variant=\"primaryGhost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </MuiDrawer>\n  );\n};\n"],"names":["getBackgroundColor","color","checkValidHexColorValue","hexToRgbA","HvDrawer","className","classes","classesProp","id","children","open","onClose","anchor","buttonTitle","others","css","cx","useClasses","activeTheme","selectedMode","useTheme","backgroundColorValue","setBackgroundColorValue","useState","getVarValue","theme","drawer","backDropBackgroundColor","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","backgroundColor","setBackgroundColor","useEffect","colors","modes","MuiDrawer","root","PaperProps","paper","BackdropProps","background","HvButton","setId","closeButton","variant","onClick"],"mappings":";;;;;;;;;;;;;;AAmEA,MAAMA,qBAAqBA,CAACC,UAAkB;AAC5C,SAAOC,wBAAwBD,KAAK,IAAIE,KAAUF,OAAO,GAAG,IAAIA;AAClE;AAOO,MAAMG,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC,cAAc;AAAA,EACd,GAAGC;AACU,MAAM;;AACb,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAC7C,QAAA;AAAA,IAAEW;AAAAA,IAAaC;AAAAA,MAAiBC,SAAS;AAEzC,QAAA,CAACC,sBAAsBC,uBAAuB,IAAIC,SACtDC,YAAYC,MAAMC,OAAOC,uBAAuB,CAClD;AAEMC,QAAAA,qBAAqBA,MAAMC,oBAACC,OAAK;AAAA,IAACC,MAAK;AAAA,EAAA,CAAgB;AAE7D,QAAMC,4BAA4BnB,cAC9BoB,YAAYL,oBAAoBf,aAAa,KAAK,IAClDe;AAEJ,QAAM,CAACM,iBAAiBC,kBAAkB,IAAIZ,SAC5CvB,mBAAmBqB,oBAAoB,CACzC;AAEAe,YAAU,MAAM;AACdd,4BAAwBE,YAAYC,MAAMC,OAAOC,uBAAuB,CAAC;AAEtD3B,uBAAAA,mBAAmBqB,oBAAoB,CAAC;AAAA,EAAA,GAC1D,EACDH,gDAAamB,WAAbnB,mBAAqBoB,MAAMnB,eAC3BE,sBACAc,kBAAkB,CACnB;AAED,8BACGI,QAAS;AAAA,IACRlC,WAAWW,GAAGV,QAAQkC,MAAMnC,SAAS;AAAA,IACrCG;AAAAA,IACAI;AAAAA,IACAF;AAAAA,IACA+B,YAAY;AAAA,MACVnC,SAAS;AAAA,QACPkC,MAAMlC,QAAQoC;AAAAA,MAChB;AAAA,IACF;AAAA,IACAC,eAAe;AAAA,MACbrC,SAAS;AAAA,QACPkC,MAAMxB,GAAGD,IAAI;AAAA,UAAEmB;AAAAA,QAAAA,CAAiB,GAAG5B,QAAQsC,UAAU;AAAA,MACvD;AAAA,IACF;AAAA,IACAjC;AAAAA,IAAiB,GACbG;AAAAA,IAAML,UAAA,CAEVoB,oBAACgB,UAAQ;AAAA,MACPrC,IAAIsC,MAAMtC,IAAI,OAAO;AAAA,MACrBH,WAAWC,QAAQyC;AAAAA,MACnBC,SAAQ;AAAA,MACRC,SAAStC;AAAAA,MACT,cAAYE;AAAAA,MAAYJ,UAExBoB,oBAACG,2BAA2B,EAAA;AAAA,IACpB,CAAA,GACTvB,QAAQ;AAAA,EAAA,CACA;AAEf;"}

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

@@ -0,0 +1,27 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvDrawer", {
+  root: {},
+  paper: {
+    backgroundColor: theme.colors.atmo1,
+    padding: 0,
+    overflow: "auto",
+    boxShadow: theme.colors.shadow
+  },
+  background: {},
+  closeButton: {
+    padding: 0,
+    minWidth: "inherit",
+    position: "absolute",
+    top: theme.spacing("sm"),
+    right: theme.spacing("sm")
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=Drawer.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.js","sources":["../../../../src/components/Drawer/Drawer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDrawer\", {\n  root: {},\n  paper: {\n    backgroundColor: theme.colors.atmo1,\n    padding: 0,\n    overflow: \"auto\",\n    boxShadow: theme.colors.shadow,\n  },\n  background: {},\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.spacing(\"sm\"),\n    right: theme.spacing(\"sm\"),\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","paper","backgroundColor","theme","colors","atmo1","padding","overflow","boxShadow","shadow","background","closeButton","minWidth","position","top","spacing","right"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AAAA,EACPC,OAAO;AAAA,IACLC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAWL,MAAMC,OAAOK;AAAAA,EAC1B;AAAA,EACAC,YAAY,CAAC;AAAA,EACbC,aAAa;AAAA,IACXL,SAAS;AAAA,IACTM,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAKX,MAAMY,QAAQ,IAAI;AAAA,IACvBC,OAAOb,MAAMY,QAAQ,IAAI;AAAA,EAC3B;AACF,CAAC;"}

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 { 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;"}
+{"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?: 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/SnackbarContentWrapper/SnackbarContentWrapper.js

@@ -4,6 +4,7 @@ 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 { useTheme } from "../../../hooks/useTheme.js";
 import { setId } from "../../../utils/setId.js";
 import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.js";
 const HvSnackbarContent = forwardRef(({
@@ -11,7 +12,7 @@ const HvSnackbarContent = forwardRef(({
   id,
   classes: classesProp = {},
   label,
-  variant,
+  variant = "default",
   showIcon,
   customIcon,
   action,
@@ -24,29 +25,32 @@ const HvSnackbarContent = forwardRef(({
     classes,
     cx
   } = useClasses(classesProp);
+  const {
+    activeTheme
+  } = useTheme();
   return /* @__PURE__ */ jsx(SnackbarContent, {
     ref,
     id,
     classes: {
-      root: classes == null ? void 0 : classes.root,
-      message: classes == null ? void 0 : classes.message
+      root: classes.root,
+      message: classes.message
     },
     className: cx(className, classes == null ? void 0 : classes[variant]),
     message: /* @__PURE__ */ jsxs("div", {
       id: setId(id, "message"),
-      className: classes == null ? void 0 : classes.messageSpan,
+      className: classes.messageSpan,
       children: [icon && /* @__PURE__ */ jsx("div", {
-        className: classes == null ? void 0 : classes.iconVariant,
+        className: classes.iconVariant,
         children: icon
       }), /* @__PURE__ */ jsx("div", {
-        className: classes == null ? void 0 : classes.messageText,
+        className: classes.messageText,
         children: label
       }), action && /* @__PURE__ */ jsx("div", {
         id: setId(id, "action"),
-        className: classes == null ? void 0 : classes.action,
+        className: classes.action,
         children: /* @__PURE__ */ jsx(HvActionsGeneric, {
           id,
-          category: "secondaryGhost",
+          category: activeTheme == null ? void 0 : activeTheme.snackbar.actionButtonVariant,
           actions: innerAction,
           actionsCallback: actionCallback
         })

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 { 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;"}
+{"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 {\n  HvActionsGeneric,\n  HvActionGeneric,\n  HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\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 = \"default\",\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    const { activeTheme } = useTheme();\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={\n                    activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                  }\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","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA0CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,UAAU;AAAA,EACVC;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;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3CiB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;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,4 +1,5 @@
 import { theme } from "@hitachivantara/uikit-styles";
+import actionsGenericClasses from "../../ActionsGeneric/actionsGenericClasses.js";
 import { createClasses } from "../../../utils/classes.js";
 const {
   useClasses,
@@ -41,7 +42,15 @@ const {
     wordBreak: "break-word"
   },
   action: {
-    textAlign: "right"
+    textAlign: "right",
+    marginLeft: theme.snackbar.actionMarginLeft,
+    [`& .${actionsGenericClasses.button}`]: {
+      borderColor: theme.colors.base_dark,
+      color: theme.colors.base_dark,
+      "&:hover": {
+        borderColor: theme.colors.base_dark
+      }
+    }
   },
   iconVariant: {}
 });

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 { 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;"}
+{"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\";\nimport { actionsGenericClasses } from \"@core/components\";\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      marginLeft: theme.snackbar.actionMarginLeft,\n      [`& .${actionsGenericClasses.button}`]: {\n        borderColor: theme.colors.base_dark,\n        color: theme.colors.base_dark,\n        \"&:hover\": {\n          borderColor: theme.colors.base_dark,\n        },\n      },\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","marginLeft","snackbar","actionMarginLeft","actionsGenericClasses","button","borderColor","iconVariant"],"mappings":";;;AAKa,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,IACXC,YAAY3B,MAAM4B,SAASC;AAAAA,IAC3B,CAAE,MAAKC,sBAAsBC,QAAQ,GAAG;AAAA,MACtCC,aAAahC,MAAMM,OAAOgB;AAAAA,MAC1BD,OAAOrB,MAAMM,OAAOgB;AAAAA,MACpB,WAAW;AAAA,QACTU,aAAahC,MAAMM,OAAOgB;AAAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EACAW,aAAa,CAAC;AAChB,CACF;"}

package/dist/esm/components/Table/TableRow/TableRow.js

@@ -7,10 +7,10 @@ import TableSectionContext from "../TableSectionContext.js";
 import { useClasses } from "./TableRow.styles.js";
 import { staticClasses } from "./TableRow.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { getVarValue } from "../../../utils/theme.js";
 import checkValidHexColorValue from "../../../utils/checkValidHexColorValue.js";
 import fade from "../../../utils/hexToRgbA.js";
 import { useTheme } from "../../../hooks/useTheme.js";
+import { getVarValue } from "../../../utils/theme.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {

package/dist/esm/index.js

@@ -67,6 +67,8 @@ import { default as default26 } from "./components/Dialog/Actions/actionsClasses
 import { HvDialogActions } from "./components/Dialog/Actions/Actions.js";
 import { staticClasses as staticClasses8 } from "./components/Dialog/Dialog.styles.js";
 import { HvDialog } from "./components/Dialog/Dialog.js";
+import { staticClasses as staticClasses9 } from "./components/Drawer/Drawer.styles.js";
+import { HvDrawer } from "./components/Drawer/Drawer.js";
 import { default as default27 } from "./components/EmptyState/emptyStateClasses.js";
 import { HvEmptyState } from "./components/EmptyState/EmptyState.js";
 import { default as default28 } from "./components/Footer/footerClasses.js";
@@ -121,7 +123,7 @@ import { default as default50 } from "./components/BaseSwitch/baseSwitchClasses.
 import { HvBaseSwitch } from "./components/BaseSwitch/BaseSwitch.js";
 import { default as default51 } from "./components/CheckBox/checkBoxClasses.js";
 import { HvCheckBox } from "./components/CheckBox/CheckBox.js";
-import { staticClasses as staticClasses9 } from "./components/Input/Input.styles.js";
+import { staticClasses as staticClasses10 } from "./components/Input/Input.styles.js";
 import { HvInput } from "./components/Input/Input.js";
 import { default as default52 } from "./components/Switch/switchClasses.js";
 import { HvSwitch } from "./components/Switch/Switch.js";
@@ -142,25 +144,25 @@ import { HvFileUploaderPreview } from "./components/FileUploader/Preview/Preview
 import { default as default60 } from "./components/FileUploader/File/fileClasses.js";
 import { HvFile } from "./components/FileUploader/File/File.js";
 import { HvFileUploader } from "./components/FileUploader/FileUploader.js";
-import { staticClasses as staticClasses10 } from "./components/DropDownMenu/DropDownMenu.styles.js";
+import { staticClasses as staticClasses11 } from "./components/DropDownMenu/DropDownMenu.styles.js";
 import { HvDropDownMenu } from "./components/DropDownMenu/DropDownMenu.js";
-import { staticClasses as staticClasses11 } from "./components/Pagination/Pagination.styles.js";
+import { staticClasses as staticClasses12 } from "./components/Pagination/Pagination.styles.js";
 import { HvPagination } from "./components/Pagination/Pagination.js";
 import { default as default61 } from "./components/ActionsGeneric/actionsGenericClasses.js";
 import { HvActionsGeneric } from "./components/ActionsGeneric/ActionsGeneric.js";
 import { default as default62 } from "./components/BreadCrumb/breadCrumbClasses.js";
 import { HvBreadCrumb } from "./components/BreadCrumb/BreadCrumb.js";
-import { staticClasses as staticClasses12 } from "./components/DotPagination/DotPagination.styles.js";
+import { staticClasses as staticClasses13 } from "./components/DotPagination/DotPagination.styles.js";
 import { HvDotPagination } from "./components/DotPagination/DotPagination.js";
-import { staticClasses as staticClasses13 } from "./components/Banner/Banner.styles.js";
+import { staticClasses as staticClasses14 } from "./components/Banner/Banner.styles.js";
 import { HvBanner } from "./components/Banner/Banner.js";
-import { staticClasses as staticClasses14 } from "./components/Banner/BannerContent/BannerContent.styles.js";
+import { staticClasses as staticClasses15 } from "./components/Banner/BannerContent/BannerContent.styles.js";
 import { HvBannerContent } from "./components/Banner/BannerContent/BannerContent.js";
-import { staticClasses as staticClasses15 } from "./components/Snackbar/Snackbar.styles.js";
+import { staticClasses as staticClasses16 } from "./components/Snackbar/Snackbar.styles.js";
 import { HvSnackbar } from "./components/Snackbar/Snackbar.js";
-import { staticClasses as staticClasses16 } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
+import { staticClasses as staticClasses17 } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
 import { HvSnackbarProvider, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
-import { staticClasses as staticClasses17 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js";
+import { staticClasses as staticClasses18 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js";
 import { HvSnackbarContent } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
 import { default as default63 } from "./components/BulkActions/bulkActionsClasses.js";
 import { HvBulkActions } from "./components/BulkActions/BulkActions.js";
@@ -178,9 +180,9 @@ import { default as default69 } from "./components/Table/TableHead/tableHeadClas
 import { HvTableHead } from "./components/Table/TableHead/TableHead.js";
 import { default as default70 } from "./components/Table/TableHeader/tableHeaderClasses.js";
 import { HvTableHeader } from "./components/Table/TableHeader/TableHeader.js";
-import { staticClasses as staticClasses18 } from "./components/Table/TableRow/TableRow.styles.js";
+import { staticClasses as staticClasses19 } from "./components/Table/TableRow/TableRow.styles.js";
 import { HvTableRow } from "./components/Table/TableRow/TableRow.js";
-import { staticClasses as staticClasses19 } from "./components/Table/TableCell/TableCell.styles.js";
+import { staticClasses as staticClasses20 } from "./components/Table/TableCell/TableCell.styles.js";
 import { HvTableCell } from "./components/Table/TableCell/TableCell.js";
 import { getHeaderFooterPropsHook, default as default71 } from "./components/Table/hooks/useTableStyles.js";
 import { default as default72 } from "./components/Table/hooks/useSortBy.js";
@@ -230,29 +232,29 @@ import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigatio
 import { VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigationContext.js";
 import { default as default98 } from "./components/Slider/sliderClasses.js";
 import { HvSlider } from "./components/Slider/Slider.js";
-import { staticClasses as staticClasses20 } from "./components/FilterGroup/FilterGroup.styles.js";
+import { staticClasses as staticClasses21 } from "./components/FilterGroup/FilterGroup.styles.js";
 import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
-import { staticClasses as staticClasses21 } from "./components/DatePicker/DatePicker.styles.js";
+import { staticClasses as staticClasses22 } from "./components/DatePicker/DatePicker.styles.js";
 import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
-import { staticClasses as staticClasses22 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
-import { staticClasses as staticClasses23 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
+import { staticClasses as staticClasses23 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
+import { staticClasses as staticClasses24 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
 import { HvScrollToVertical } from "./components/ScrollTo/Vertical/ScrollToVertical.js";
-import { staticClasses as staticClasses24 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
-import { staticClasses as staticClasses25 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
+import { staticClasses as staticClasses25 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
+import { staticClasses as staticClasses26 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
 import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.js";
 import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
-import { staticClasses as staticClasses26 } from "./components/InlineEditor/InlineEditor.styles.js";
+import { staticClasses as staticClasses27 } from "./components/InlineEditor/InlineEditor.styles.js";
 import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
-import { staticClasses as staticClasses27 } from "./components/TimeAgo/TimeAgo.styles.js";
+import { staticClasses as staticClasses28 } from "./components/TimeAgo/TimeAgo.styles.js";
 import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
-import { staticClasses as staticClasses28 } from "./components/QueryBuilder/QueryBuilder.styles.js";
+import { staticClasses as staticClasses29 } from "./components/QueryBuilder/QueryBuilder.styles.js";
 import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
-import { staticClasses as staticClasses29 } from "./components/ColorPicker/ColorPicker.styles.js";
+import { staticClasses as staticClasses30 } from "./components/ColorPicker/ColorPicker.styles.js";
 import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
-import { staticClasses as staticClasses30 } from "./components/Carousel/Carousel.styles.js";
+import { staticClasses as staticClasses31 } from "./components/Carousel/Carousel.styles.js";
 import { HvCarousel } from "./components/Carousel/Carousel.js";
 import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
-import { staticClasses as staticClasses31 } from "./components/TimePicker/TimePicker.styles.js";
+import { staticClasses as staticClasses32 } from "./components/TimePicker/TimePicker.styles.js";
 import { HvTimePicker } from "./components/TimePicker/TimePicker.js";
 import { default as default99 } from "./hooks/useUniqueId.js";
 import { default as default100 } from "./hooks/useIsMounted.js";
@@ -328,6 +330,7 @@ export {
   HvDialogContent,
   HvDialogTitle,
   HvDotPagination,
+  HvDrawer,
   HvDropDownMenu,
   HvDropdown,
   default81 as HvDropdownColumnCell,
@@ -432,8 +435,8 @@ export {
   default48 as appSwitcherClasses,
   default20 as avatarClasses,
   default21 as badgeClasses,
-  staticClasses13 as bannerClasses,
-  staticClasses14 as bannerContentClasses,
+  staticClasses14 as bannerClasses,
+  staticClasses15 as bannerContentClasses,
   default46 as baseCheckBoxClasses,
   default18 as baseDropdownClasses,
   staticClasses2 as baseInputClasses,
@@ -450,17 +453,17 @@ export {
   staticClasses6 as cardContentClasses,
   staticClasses5 as cardHeaderClasses,
   staticClasses7 as cardMediaClasses,
-  staticClasses30 as carouselClasses,
+  staticClasses31 as carouselClasses,
   default10 as charCounterClasses,
   default51 as checkBoxClasses,
   default56 as checkBoxGroupClasses,
   default106 as checkValidHexColorValue,
-  staticClasses29 as colorPickerClasses,
+  staticClasses30 as colorPickerClasses,
   default23 as containerClasses,
   default85 as controlsClasses,
   createClasses,
   createTheme,
-  staticClasses21 as datePickerClasses,
+  staticClasses22 as datePickerClasses,
   decreaseSize,
   defaultCacheKey,
   defaultEmotionCache,
@@ -473,15 +476,16 @@ export {
   staticClasses8 as dialogClasses,
   default25 as dialogContentClasses,
   default24 as dialogTitleClasses,
-  staticClasses12 as dotPaginationClasses,
-  staticClasses10 as dropDownMenuClasses,
+  staticClasses13 as dotPaginationClasses,
+  staticClasses9 as drawerClasses,
+  staticClasses11 as dropDownMenuClasses,
   default65 as dropdownClasses,
   ds3,
   ds5,
   default27 as emptyStateClasses,
   default60 as fileClasses,
   default59 as fileUploaderPreviewClasses,
-  staticClasses20 as filterGroupClasses,
+  staticClasses21 as filterGroupClasses,
   findDescriptors,
   default7 as focusClasses,
   default28 as footerClasses,
@@ -507,7 +511,7 @@ export {
   default30 as headerClasses,
   default33 as headerNavigationClasses,
   default102 as hexToRgbA,
-  staticClasses24 as horizontalScrollListItemClasses,
+  staticClasses25 as horizontalScrollListItemClasses,
   hvDateColumn,
   hvDropdownColumn,
   hvExpandColumn,
@@ -522,8 +526,8 @@ export {
   default101 as iconVariant,
   increaseSize,
   default14 as infoMessageClasses,
-  staticClasses26 as inlineEditorClasses,
-  staticClasses9 as inputClasses,
+  staticClasses27 as inlineEditorClasses,
+  staticClasses10 as inputClasses,
   default103 as isBrowser,
   isInvalid,
   isKeycode,
@@ -544,46 +548,46 @@ export {
   normalizeProgressBar,
   outlineStyles,
   default45 as overflowTooltipClasses,
-  staticClasses11 as paginationClasses,
+  staticClasses12 as paginationClasses,
   default38 as panelClasses,
   prepareRow,
   processThemes,
   default39 as progressBarClasses,
-  staticClasses28 as queryBuilderClasses,
+  staticClasses29 as queryBuilderClasses,
   default53 as radioClasses,
   default58 as radioGroupClasses,
   reducer,
   replace$,
   default87 as rightControlClasses,
-  staticClasses25 as scrollToHorizontalClasses,
-  staticClasses23 as scrollToVerticalClasses,
+  staticClasses26 as scrollToHorizontalClasses,
+  staticClasses24 as scrollToVerticalClasses,
   default16 as selectionListClasses,
   setElementAttrs,
   setId,
   setUid,
   default98 as sliderClasses,
-  staticClasses15 as snackbarClasses,
-  staticClasses17 as snackbarContentClasses,
-  staticClasses16 as snackbarProviderClasses,
+  staticClasses16 as snackbarClasses,
+  staticClasses18 as snackbarContentClasses,
+  staticClasses17 as snackbarProviderClasses,
   default40 as stackClasses,
   default17 as suggestionsClasses,
   default52 as switchClasses,
   default41 as tabClasses,
   default68 as tableBodyClasses,
-  staticClasses19 as tableCellClasses,
+  staticClasses20 as tableCellClasses,
   default66 as tableClasses,
   default67 as tableContainerClasses,
   default69 as tableHeadClasses,
   default70 as tableHeaderClasses,
-  staticClasses18 as tableRowClasses,
+  staticClasses19 as tableRowClasses,
   default42 as tabsClasses,
   default43 as tagClasses,
   default55 as tagsInputClasses,
   default54 as textAreaClasses,
   theme,
   themes,
-  staticClasses27 as timeAgoClasses,
-  staticClasses31 as timePickerClasses,
+  staticClasses28 as timeAgoClasses,
+  staticClasses32 as timePickerClasses,
   default44 as tooltipClasses,
   default96 as treeViewClasses,
   default97 as treeViewItemClasses,
@@ -622,7 +626,7 @@ export {
   default91 as verticalNavigationHeaderClasses,
   default95 as verticalNavigationSliderClasses,
   default94 as verticalNavigationTreeClasses,
-  staticClasses22 as verticalScrollListItemClasses,
+  staticClasses23 as verticalScrollListItemClasses,
   default15 as warningTextClasses,
   default107 as withTooltip,
   wrapperTooltip

package/dist/esm/index.js.map

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