@hitachivantara/uikit-react-core 5.17.0 → 5.18.0

package/dist/cjs/components/ActionBar/ActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionBar.styles\";\n\nexport { staticClasses as actionBarClasses };\n\nexport type HvActionBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvActionBarClasses>;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes: classesProp, className, children, ...others } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvActionBar","props","classes","classesProp","className","children","others","cx","useClasses","root"],"mappings":";;;;AAaaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC;AAAAA,IAAWC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWL,WAAW;AAE9C,wCACE,OAAA;AAAA,IAAKC,WAAWG,GAAGL,QAAQO,MAAML,SAAS;AAAA,IAAE,GAAKE;AAAAA,IAAMD;AAAAA,EAAAA,CAElD;AAET;;;"}
+{"version":3,"file":"ActionBar.cjs","sources":["../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionBar.styles\";\n\nexport { staticClasses as actionBarClasses };\n\nexport type HvActionBarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionBarProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionBarClasses;\n}\n\nexport const HvActionBar = (props: HvActionBarProps) => {\n  const { classes: classesProp, className, children, ...others } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvActionBar","props","classes","classesProp","className","children","others","cx","useClasses","root"],"mappings":";;;;AAaaA,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAaC;AAAAA,IAAWC;AAAAA,IAAU,GAAGC;AAAAA,EAAWL,IAAAA;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,iBAAAA,WAAWL,WAAW;AAE9C,wCACE,OAAA;AAAA,IAAKC,WAAWG,GAAGL,QAAQO,MAAML,SAAS;AAAA,IAAE,GAAKE;AAAAA,IAAMD;AAAAA,EAAAA,CAElD;AAET;;;"}

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs

@@ -28,7 +28,7 @@ const HvActionsGeneric = ({
   if (!Array.isArray(actions))
     return React.isValidElement(actions) ? actions : null;
   const renderButton = (action, idx) => {
-    var _a, _b;
+    var _a;
     const {
       disabled: actDisabled,
       id: actId,
@@ -48,7 +48,6 @@ const HvActionsGeneric = ({
       onClick: (event) => actionsCallback == null ? void 0 : actionsCallback(event, id || "", action),
       startIcon: renderedIcon,
       $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || uikitStyles.theme.colors.base_light,
-      size: ((_b = activeTheme == null ? void 0 : activeTheme.actionsGeneric) == null ? void 0 : _b.buttonSize) || "md",
       ...other,
       children: label
     }, actionId || idx);
@@ -59,7 +58,7 @@ const HvActionsGeneric = ({
     const semantic = category === "semantic";
     const iconColor = disabled && "secondary_60" || semantic && "base_dark" || void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.default, {
+      children: [actsVisible.map((action, idx) => renderButton(action, idx)), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu.HvDropDownMenu, {
         id: setId.setId(id, "menu"),
         disabled,
         category,

package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  HvButtonSize,\n  HvButtonVariant,\n  HvDropDownMenu,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport React, { isValidElement } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport actionsGenericClasses, {\n  HvActionsGenericClasses,\n} from \"./actionsGenericClasses\";\n\nexport interface HvActionGeneric {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n}\n\nexport interface HvActionsGenericProps extends HvBaseProps {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n}\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event: React.SyntheticEvent) =>\n          actionsCallback?.(event, id || \"\", action)\n        }\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        size={(activeTheme?.actionsGeneric?.buttonSize as HvButtonSize) || \"md\"}\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"secondary_60\") || (semantic && \"base_dark\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) =>\n            actionsCallback?.(event, id || \"\", action as HvActionGeneric)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useTheme","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base_light","theme","size","actionsGeneric","buttonSize","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}
+{"version":3,"file":"ActionsGeneric.cjs","sources":["../../../../src/components/ActionsGeneric/ActionsGeneric.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvButtonVariant, HvDropDownMenu } from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport React, { isValidElement } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledButton, StyledRoot } from \"./ActionsGeneric.styles\";\nimport actionsGenericClasses, {\n  HvActionsGenericClasses,\n} from \"./actionsGenericClasses\";\n\nexport interface HvActionGeneric {\n  id: string;\n  label: string;\n  icon?:\n    | React.ReactNode\n    | ((params: { isDisabled?: boolean }) => React.ReactNode);\n  disabled?: boolean;\n}\n\nexport interface HvActionsGenericProps extends HvBaseProps {\n  /** Button category. */\n  category?: HvButtonVariant;\n  /**  Whether actions should be all disabled */\n  disabled?: boolean;\n  /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */\n  actions: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /**  The number of maximum visible actions before they're collapsed into a `DropDownMenu`. */\n  maxVisibleActions?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionsGenericClasses;\n}\n\nexport const HvActionsGeneric = ({\n  id,\n  classes,\n  className,\n  category = \"secondaryGhost\",\n  disabled = false,\n  actions = [],\n  actionsCallback,\n  maxVisibleActions = Infinity,\n  ...others\n}: HvActionsGenericProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  if (!Array.isArray(actions)) return isValidElement(actions) ? actions : null;\n\n  const renderButton = (action: HvActionGeneric, idx: number) => {\n    const { disabled: actDisabled, id: actId, icon, label, ...other } = action;\n    const actionId = setId(id, idx, \"action\", action.id);\n\n    const renderedIcon = isValidElement(icon)\n      ? icon\n      : (icon as Function)?.({ isDisabled: disabled });\n\n    return (\n      <StyledButton\n        id={actionId}\n        key={actionId || idx}\n        variant={category}\n        className={clsx(actionsGenericClasses.button, classes?.button)}\n        disabled={actDisabled ?? disabled}\n        onClick={(event) => actionsCallback?.(event, id || \"\", action)}\n        startIcon={renderedIcon}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...other}\n      >\n        {label}\n      </StyledButton>\n    );\n  };\n\n  const renderActionsGrid = () => {\n    const actsVisible = actions.slice(0, maxVisibleActions);\n    const actsDropdown = actions.slice(maxVisibleActions);\n\n    const semantic = category === \"semantic\";\n    const iconColor =\n      (disabled && \"secondary_60\") || (semantic && \"base_dark\") || undefined;\n\n    return (\n      <>\n        {actsVisible.map((action, idx) => renderButton(action, idx))}\n        <HvDropDownMenu\n          id={setId(id, \"menu\")}\n          disabled={disabled}\n          category={category}\n          classes={{\n            root: clsx(\n              actionsGenericClasses.dropDownMenu,\n              classes?.dropDownMenu\n            ),\n            icon: clsx(\n              actionsGenericClasses.dropDownMenuButton,\n              classes?.dropDownMenuButton\n            ),\n            iconSelected: clsx(\n              actionsGenericClasses.dropDownMenuButtonSelected,\n              classes?.dropDownMenuButtonSelected\n            ),\n          }}\n          icon={<MoreOptionsVertical color={iconColor} />}\n          placement=\"left\"\n          onClick={(event, action) =>\n            actionsCallback?.(event, id || \"\", action as HvActionGeneric)\n          }\n          dataList={actsDropdown}\n          keepOpened={false}\n          disablePortal={false}\n        />\n      </>\n    );\n  };\n\n  const actionOverflow = actions.length > maxVisibleActions;\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        actionsGenericClasses.root,\n        classes?.root,\n        actionOverflow &&\n          clsx(actionsGenericClasses.actionContainer, classes?.actionContainer)\n      )}\n      $actionOverflow={actionOverflow}\n      {...others}\n    >\n      {actionOverflow\n        ? renderActionsGrid()\n        : actions.map((action, idx) => renderButton(action, idx))}\n    </StyledRoot>\n  );\n};\n"],"names":["HvActionsGeneric","id","classes","className","category","disabled","actions","actionsCallback","maxVisibleActions","Infinity","others","activeTheme","selectedMode","useTheme","Array","isArray","isValidElement","renderButton","action","idx","actDisabled","actId","icon","label","other","actionId","setId","renderedIcon","isDisabled","StyledButton","variant","clsx","actionsGenericClasses","button","onClick","event","startIcon","$baseColor","colors","modes","base_light","theme","children","renderActionsGrid","actsVisible","slice","actsDropdown","semantic","iconColor","undefined","_Fragment","map","HvDropDownMenu","root","dropDownMenu","dropDownMenuButton","iconSelected","dropDownMenuButtonSelected","MoreOptionsVertical","color","placement","dataList","keepOpened","disablePortal","actionOverflow","length","StyledRoot","actionContainer","$actionOverflow"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the 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?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvBannerClasses>;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes: classesProp = {},\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;AAkEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,cAAAA,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,wCACGqB,kBAAAA,SAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,yCAETC,+BAAe;AAAA,MACdtC,IAAIuC,MAAAA,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the 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?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes: classesProp = {},\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      id={id}\n      open={open}\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.rootClosed]: !open }),\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      style={{ [anchorOrigin]: offset }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;AAkEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,cAAAA,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,wCACGqB,kBAAAA,SAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,yCAETC,+BAAe;AAAA,MACdtC,IAAIuC,MAAAA,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;;;"}

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

@@ -1,50 +1,48 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const react = require("@emotion/react");
-const actionContainerClasses = require("./actionContainerClasses.cjs");
 const ActionContainer_styles = require("./ActionContainer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const Button = require("../../../Button/Button.cjs");
-const HvActionContainer = ({
-  id,
-  classes,
-  onClose,
-  action,
-  actionCallback,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: cx(actionContainerClasses.default.actionContainer, css(ActionContainer_styles.styles.actionContainer), classes == null ? void 0 : classes.actionContainer),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        icon: true,
-        className: cx(actionContainerClasses.default.closeAction, css(ActionContainer_styles.styles.closeAction), classes == null ? void 0 : classes.closeAction),
-        variant: "semantic",
-        "aria-label": "Close",
-        onClick: onClose,
-        tabIndex: 0,
-        ...others,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
-          iconSize: "XS",
-          className: cx(actionContainerClasses.default.iconContainer, css(ActionContainer_styles.styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
-          color: "base2"
-        })
-      }), action && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: cx(actionContainerClasses.default.actionsInnerContainer, css(ActionContainer_styles.styles.actionsInnerContainer), classes == null ? void 0 : classes.actionsInnerContainer),
-        children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
-          id,
-          category: "semantic",
-          actions: action,
-          actionsCallback: actionCallback
-        })
-      })]
-    })
+const HvActionContainer = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    onClose,
+    action,
+    actionCallback,
+    ...others
+  } = props;
+  const {
+    classes
+  } = ActionContainer_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classes.actionContainer,
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+      icon: true,
+      className: classes.closeAction,
+      variant: "semantic",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0,
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Close, {
+        iconSize: "XS",
+        className: classes.iconContainer,
+        color: "base2"
+      })
+    }), action && /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.actionsInnerContainer,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
+        id,
+        category: "semantic",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
   });
 };
+exports.actionContainerClasses = ActionContainer_styles.staticClasses;
 exports.HvActionContainer = HvActionContainer;
 //# sourceMappingURL=ActionContainer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport { styles } from \"./ActionContainer.styles\";\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            actionContainerClasses.actionContainer,\n            css(styles.actionContainer),\n            classes?.actionContainer\n          )}\n        >\n          <HvButton\n            icon\n            className={cx(\n              actionContainerClasses.closeAction,\n              css(styles.closeAction),\n              classes?.closeAction\n            )}\n            variant=\"semantic\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            tabIndex={0}\n            {...others}\n          >\n            <Close\n              iconSize=\"XS\"\n              className={cx(\n                actionContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n              color=\"base2\"\n            />\n          </HvButton>\n          {action && (\n            <div\n              className={cx(\n                actionContainerClasses.actionsInnerContainer,\n                css(styles.actionsInnerContainer),\n                classes?.actionsInnerContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={action}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","ClassNames","children","css","cx","className","actionContainerClasses","actionContainer","styles","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;AAwBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,sCACP,OAAA;AAAA,MACEC,WAAWD,GACTE,uBAAuBC,QAAAA,iBACvBJ,IAAIK,uBAAAA,OAAOD,eAAe,GAC1BX,mCAASW,eACX;AAAA,MAAEL,UAAA,CAEFO,2BAAAA,IAACC,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJN,WAAWD,GACTE,uBAAuBM,QAAAA,aACvBT,IAAIK,uBAAAA,OAAOI,WAAW,GACtBhB,mCAASgB,WACX;AAAA,QACAC,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASjB;AAAAA,QACTkB,UAAU;AAAA,QAAE,GACRf;AAAAA,QAAME,yCAETc,uBAAK;AAAA,UACJC,UAAS;AAAA,UACTZ,WAAWD,GACTE,uBAAuBY,QAAAA,eACvBf,IAAIK,uBAAAA,OAAOU,aAAa,GACxBtB,mCAASsB,aACX;AAAA,UACAC,OAAM;AAAA,QAAA,CACP;AAAA,MAAA,CACO,GACTrB,UACCW,2BAAAA,IAAA,OAAA;AAAA,QACEJ,WAAWD,GACTE,uBAAuBc,QAAAA,uBACvBjB,IAAIK,uBAAAA,OAAOY,qBAAqB,GAChCxB,mCAASwB,qBACX;AAAA,QAAElB,yCAEDmB,iCAAgB;AAAA,UACf1B;AAAAA,UACA2B,UAAS;AAAA,UACTC,SAASzB;AAAAA,UACT0B,iBAAiBzB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,EAAA,CAEG;AAEhB;;"}
+{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = (props: HvActionContainerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    onClose,\n    action,\n    actionCallback,\n    ...others\n  } = props;\n  const { classes } = useClasses(classesProp);\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        variant=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","className","actionContainer","children","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AAyBaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,uBAAAA,WAAWL,WAAW;AAC1C,yCACE,OAAA;AAAA,IAAKM,WAAWP,QAAQQ;AAAAA,IAAgBC,UAAA,CACtCC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJL,WAAWP,QAAQa;AAAAA,MACnBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASb;AAAAA,MACTc,UAAU;AAAA,MAAE,GACRX;AAAAA,MAAMI,yCAETQ,uBAAK;AAAA,QAACC,UAAS;AAAA,QAAKX,WAAWP,QAAQmB;AAAAA,QAAeC,OAAM;AAAA,MAAA,CAAS;AAAA,IAAA,CAC9D,GACTjB,UACCO,2BAAAA,IAAA,OAAA;AAAA,MAAKH,WAAWP,QAAQqB;AAAAA,MAAsBZ,yCAC3Ca,iCAAgB;AAAA,QACfvB;AAAAA,QACAwB,UAAS;AAAA,QACTC,SAASrB;AAAAA,QACTsB,iBAAiBrB;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACE;AAET;;;"}

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

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const classes = require("../../../../utils/classes.cjs");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
-const styles = {
+const name = "HvBannerActionContainer";
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses(name, {
   actionContainer: {
     display: "flex",
     flexDirection: "column",
@@ -24,6 +29,7 @@ const styles = {
     width: "32px",
     height: "32px"
   }
-};
-exports.styles = styles;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=ActionContainer.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { outlineStyles } from \"@core/utils\";\nimport { HvActionContainerClasses } from \"./actionContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvActionContainerClasses, CSSInterpolation>\n> = {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n};\n"],"names":["styles","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;;AAIO,MAAMA,SAET;AAAA,EACFC,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF;;"}
+{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses, outlineStyles } from \"@core/utils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  actionContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  actionsInnerContainer: {\n    flexDirection: \"row\",\n    marginTop: \"8px\", // avoid overlap with close button outline focus ring\n  },\n  closeAction: {\n    alignSelf: \"flex-end\",\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;;;AAEA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF,CAAC;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvBannerContentClasses>;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp = {},\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;AAgDO,MAAMA,kBAAkBC,MAAAA,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAAA,QAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,yCAClCC,kCAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,wCACGG,qCAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,uCACGK,mCAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;;;"}
+{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, iconVariant } from \"@core/utils\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"@core/components\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: string;\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** The props to pass down to the Action Container. */\n  actionProps?: HvActionContainerProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes: classesProp = {},\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    } = props;\n    const { classes, cx } = useClasses(classesProp);\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n\n    // default to inline\n    // this might try to be more intelligent in the future,\n    // taking into account the content length, available space,\n    // number of actions, etc..\n    const effectiveActionsPosition =\n      actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n    return (\n      <div className={classes.outContainer}>\n        <SnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: classes.root,\n            message: classes.message,\n            action: classes.action,\n          }}\n          className={cx(classes?.baseVariant, classes?.[variant])}\n          message={\n            <HvMessageContainer\n              id={id}\n              icon={icon}\n              {...(effectiveActionsPosition === \"inline\" && {\n                actionsOnMessage: actions,\n                actionsOnMessageCallback: actionsCallback,\n              })}\n              message={content}\n            />\n          }\n          action={\n            <HvActionContainer\n              id={id}\n              onClose={onClose}\n              {...(effectiveActionsPosition === \"bottom-right\" && {\n                action: actions,\n                actionCallback: actionsCallback,\n              })}\n              {...actionProps}\n            />\n          }\n          {...others}\n        />\n      </div>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;AAgDO,MAAMA,kBAAkBC,MAAAA,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAAA,QAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,yCAClCC,kCAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,wCACGG,qCAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,uCACGK,mCAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;;;"}

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

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("@emotion/react");
-const messageContainerClasses = require("./messageContainerClasses.cjs");
 const MessageContainer_styles = require("./MessageContainer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
@@ -9,36 +7,35 @@ const setId = require("../../../../utils/setId.cjs");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const HvMessageContainer = ({
   id,
-  classes,
+  classes: classesProp,
   icon,
   actionsOnMessage,
   actionsOnMessageCallback,
   message
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [icon && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: cx(messageContainerClasses.default.iconContainer, css(MessageContainer_styles.styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
-        children: icon
-      }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        id: setId.setId(id, "message-text"),
-        className: cx(messageContainerClasses.default.message, css(MessageContainer_styles.styles.message), classes == null ? void 0 : classes.message),
-        children: message
-      }), actionsOnMessage && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        id: setId.setId(id, "message-actions"),
-        className: cx(messageContainerClasses.default.actionMessageContainer, css(MessageContainer_styles.styles.actionMessageContainer), classes == null ? void 0 : classes.actionMessageContainer),
-        children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
-          id,
-          category: "semantic",
-          actions: actionsOnMessage,
-          actionsCallback: actionsOnMessageCallback
-        })
-      })]
-    })
+  const {
+    classes
+  } = MessageContainer_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [icon && /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: classes.iconContainer,
+      children: icon
+    }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      id: setId.setId(id, "message-text"),
+      className: classes.message,
+      children: message
+    }), actionsOnMessage && /* @__PURE__ */ jsxRuntime.jsx("div", {
+      id: setId.setId(id, "message-actions"),
+      className: classes.actionMessageContainer,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
+        id,
+        category: "semantic",
+        actions: actionsOnMessage,
+        actionsCallback: actionsOnMessageCallback
+      })
+    })]
   });
 };
+exports.messageContainerClasses = MessageContainer_styles.staticClasses;
 exports.HvMessageContainer = HvMessageContainer;
 //# sourceMappingURL=MessageContainer.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport messageContainerClasses, {\n  HvMessageContainerClasses,\n} from \"./messageContainerClasses\";\nimport { styles } from \"./MessageContainer.styles\";\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <>\n          {icon && (\n            <div\n              className={cx(\n                messageContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n            >\n              {icon}\n            </div>\n          )}\n          <HvTypography\n            id={setId(id, \"message-text\")}\n            className={cx(\n              messageContainerClasses.message,\n              css(styles.message),\n              classes?.message\n            )}\n          >\n            {message}\n          </HvTypography>\n          {actionsOnMessage && (\n            <div\n              id={setId(id, \"message-actions\")}\n              className={cx(\n                messageContainerClasses.actionMessageContainer,\n                css(styles.actionMessageContainer),\n                classes?.actionMessageContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={actionsOnMessage}\n                actionsCallback={actionsOnMessageCallback}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","ClassNames","children","css","cx","_Fragment","_jsx","className","messageContainerClasses","iconContainer","styles","HvTypography","setId","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;AA8BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,sCACPC,WAAAA,UAAA;AAAA,MAAAH,UAAA,CACGL,QACCS,2BAAAA,IAAA,OAAA;AAAA,QACEC,WAAWH,GACTI,wBAAwBC,QAAAA,eACxBN,IAAIO,wBAAAA,OAAOD,aAAa,GACxBb,mCAASa,aACX;AAAA,QAAEP,UAEDL;AAAAA,MAAAA,CACE,GAEPS,2BAAAA,IAACK,yBAAY;AAAA,QACXhB,IAAIiB,MAAAA,MAAMjB,IAAI,cAAc;AAAA,QAC5BY,WAAWH,GACTI,wBAAwBR,QAAAA,SACxBG,IAAIO,wBAAAA,OAAOV,OAAO,GAClBJ,mCAASI,OACX;AAAA,QAAEE,UAEDF;AAAAA,MAAAA,CACW,GACbF,oBACCQ,2BAAAA,IAAA,OAAA;AAAA,QACEX,IAAIiB,MAAAA,MAAMjB,IAAI,iBAAiB;AAAA,QAC/BY,WAAWH,GACTI,wBAAwBK,QAAAA,wBACxBV,IAAIO,wBAAAA,OAAOG,sBAAsB,GACjCjB,mCAASiB,sBACX;AAAA,QAAEX,yCAEDY,iCAAgB;AAAA,UACfnB;AAAAA,UACAoB,UAAS;AAAA,UACTC,SAASlB;AAAAA,UACTmB,iBAAiBlB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACD;AAAA,EAAA,CAEM;AAEhB;;"}
+{"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n  HvTypography,\n} from \"@core/components\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n  id,\n  classes: classesProp,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {icon && <div className={classes.iconContainer}>{icon}</div>}\n      <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n        {message}\n      </HvTypography>\n      {actionsOnMessage && (\n        <div\n          id={setId(id, \"message-actions\")}\n          className={classes.actionMessageContainer}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","classesProp","icon","actionsOnMessage","actionsOnMessageCallback","message","useClasses","_Fragment","children","_jsx","className","iconContainer","HvTypography","setId","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AA8BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEL;AAAAA,EAAAA,IAAYM,wBAAAA,WAAWL,WAAW;AAE1C,yCACEM,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACGN,QAAQO,2BAAAA,IAAA,OAAA;AAAA,MAAKC,WAAWV,QAAQW;AAAAA,MAAcH,UAAEN;AAAAA,IAAAA,CAAU,GAC3DO,2BAAAA,IAACG,yBAAY;AAAA,MAACb,IAAIc,MAAAA,MAAMd,IAAI,cAAc;AAAA,MAAGW,WAAWV,QAAQK;AAAAA,MAAQG,UACrEH;AAAAA,IAAAA,CACW,GACbF,oBACCM,2BAAAA,IAAA,OAAA;AAAA,MACEV,IAAIc,MAAAA,MAAMd,IAAI,iBAAiB;AAAA,MAC/BW,WAAWV,QAAQc;AAAAA,MAAuBN,yCAEzCO,iCAAgB;AAAA,QACfhB;AAAAA,QACAiB,UAAS;AAAA,QACTC,SAASd;AAAAA,QACTe,iBAAiBd;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACD;AAEN;;;"}

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

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const styles = {
+const classes = require("../../../../utils/classes.cjs");
+const name = "HvBannerMessageContainer";
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses(name, {
   message: {
     color: uikitStyles.theme.colors.base_dark,
     wordBreak: "break-word",
@@ -16,6 +21,7 @@ const styles = {
   actionMessageContainer: {
     flex: "0 0 auto"
   }
-};
-exports.styles = styles;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=MessageContainer.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvMessageContainerClasses } from \"./messageContainerClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvMessageContainerClasses, CSSInterpolation>\n> = {\n  message: {\n    color: theme.colors.base_dark,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.space.xs,\n    marginLeft: -theme.space.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n};\n"],"names":["styles","message","color","theme","colors","base_dark","wordBreak","maxWidth","overflow","marginRight","iconContainer","space","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;;AAIO,MAAMA,SAET;AAAA,EACFC,SAAS;AAAA,IACPC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,aAAa;AAAA,EACf;AAAA,EACAC,eAAe;AAAA,IACbD,aAAaN,YAAAA,MAAMQ,MAAMC;AAAAA,IACzBC,YAAY,CAACV,kBAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAE,wBAAwB;AAAA,IACtBC,MAAM;AAAA,EACR;AACF;;"}
+{"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nconst name = \"HvBannerMessageContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n  message: {\n    color: theme.colors.base_dark,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.space.xs,\n    marginLeft: -theme.space.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","message","color","theme","colors","base_dark","wordBreak","maxWidth","overflow","marginRight","iconContainer","space","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;;;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,SAAS;AAAA,IACPC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,aAAa;AAAA,EACf;AAAA,EACAC,eAAe;AAAA,IACbD,aAAaN,YAAAA,MAAMQ,MAAMC;AAAAA,IACzBC,YAAY,CAACV,kBAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAE,wBAAwB;AAAA,IACtBC,MAAM;AAAA,EACR;AACF,CAAC;;;"}