@hitachivantara/uikit-react-core 5.41.1 → 5.42.0

package/dist/esm/AvatarGroup/AvatarGroup.js

@@ -1,104 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef, Children, cloneElement } from "react";
-import { css } from "@emotion/css";
-import { theme } from "@hitachivantara/uikit-styles";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./AvatarGroup.styles.js";
-import { staticClasses } from "./AvatarGroup.styles.js";
-import { HvAvatar } from "../Avatar/Avatar.js";
-const getSpacingValue = (spacing, size) => {
-  switch (size) {
-    case "xs":
-      return spacing === "compact" ? 24 : 16;
-    case "sm":
-      return spacing === "compact" ? 30 : 18;
-    case "md":
-      return spacing === "compact" ? 36 : 20;
-    case "lg":
-      return spacing === "compact" ? 44 : 24;
-    case "xl":
-      return spacing === "compact" ? 72 : 34;
-    default:
-      return spacing === "compact" ? 30 : 18;
-  }
-};
-const HvAvatarGroup = forwardRef(
-  (props, ref) => {
-    const {
-      className,
-      classes: classesProp,
-      children,
-      size = "sm",
-      spacing = "loose",
-      direction = "row",
-      toBack = true,
-      maxVisible = 3,
-      overflowComponent,
-      ...others
-    } = useDefaultProps("HvAvatarGroup", props);
-    const { classes, cx } = useClasses(classesProp);
-    const spacingValue = getSpacingValue(spacing, size);
-    const totalChildren = Children.count(children);
-    const zIndexMultiplier = toBack ? -1 : 1;
-    const willOverflow = totalChildren > maxVisible;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cx(classes.root, classes[direction], className),
-        ref,
-        ...others,
-        children: [
-          Children.map(children, (child, index) => {
-            if (index < maxVisible) {
-              return cloneElement(child, {
-                style: {
-                  zIndex: 100 + index * zIndexMultiplier
-                },
-                classes: {
-                  container: css({
-                    marginLeft: direction === "row" ? index !== 0 ? -spacingValue : 0 : 0,
-                    marginTop: direction === "column" ? index !== 0 ? -spacingValue : 0 : 0
-                  })
-                },
-                size
-              });
-            }
-          }),
-          willOverflow && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                marginLeft: direction === "row" ? -spacingValue : 0,
-                marginTop: direction === "column" ? -spacingValue : 0,
-                zIndex: 100 + maxVisible * zIndexMultiplier
-              },
-              children: overflowComponent ? overflowComponent(totalChildren - maxVisible) : /* @__PURE__ */ jsxs(
-                HvAvatar,
-                {
-                  size,
-                  backgroundColor: theme.colors.atmo4,
-                  classes: {
-                    avatar: css({
-                      [`&.HvAvatar-${size}`]: {
-                        fontSize: "unset"
-                      }
-                    })
-                  },
-                  children: [
-                    "+",
-                    totalChildren - maxVisible
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  HvAvatarGroup,
-  staticClasses as avatarGroupClasses
-};
-//# sourceMappingURL=AvatarGroup.js.map

package/dist/esm/AvatarGroup/AvatarGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef } from \"react\";\n\nimport { css } from \"@emotion/css\";\n\nimport { HvSize, theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\nimport { HvBaseProps } from \"../types/generic\";\n\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./AvatarGroup.styles\";\n\nimport { HvAvatar } from \"../Avatar/Avatar\";\n\nexport { staticClasses as avatarGroupClasses };\n\nexport type HvAvatarGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAvatarGroupProps extends HvBaseProps {\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAvatarGroupClasses;\n  /** The avatar size. */\n  size?: HvSize;\n  /** The spacing between avatars. */\n  spacing?: \"compact\" | \"loose\";\n  /** The direction of the group. */\n  direction?: \"row\" | \"column\";\n  /** Whether the avatars display behind the previous avatar or on top. */\n  toBack?: boolean;\n  /**\n   * The maximum number of visible avatars. If there are more avatars then the value of this property, an added avatar will\n   * be added to the end of the list, indicating the number of hidden avatars.\n   */\n  maxVisible?: number;\n  /**\n   * What to show as an overflow representation.\n   * If `undefined` a default `HvAvatar` will be displayed along with a HvTooltip with the count of overflowing items.\n   * */\n  overflowComponent?: (overflowCount: number) => React.ReactNode;\n}\n\nconst getSpacingValue = (\n  spacing: HvAvatarGroupProps[\"spacing\"],\n  size: HvAvatarGroupProps[\"size\"]\n) => {\n  switch (size) {\n    case \"xs\":\n      return spacing === \"compact\" ? 24 : 16;\n    case \"sm\":\n      return spacing === \"compact\" ? 30 : 18;\n    case \"md\":\n      return spacing === \"compact\" ? 36 : 20;\n    case \"lg\":\n      return spacing === \"compact\" ? 44 : 24;\n    case \"xl\":\n      return spacing === \"compact\" ? 72 : 34;\n    default:\n      return spacing === \"compact\" ? 30 : 18;\n  }\n};\n\n/**\n * The AvatarGroup component is used to group multiple avatars.\n */\nexport const HvAvatarGroup = forwardRef<HTMLDivElement, HvAvatarGroupProps>(\n  (props, ref) => {\n    const {\n      className,\n      classes: classesProp,\n      children,\n      size = \"sm\",\n      spacing = \"loose\",\n      direction = \"row\",\n      toBack = true,\n      maxVisible = 3,\n      overflowComponent,\n      ...others\n    } = useDefaultProps(\"HvAvatarGroup\", props);\n    const { classes, cx } = useClasses(classesProp);\n\n    const spacingValue = getSpacingValue(spacing, size);\n\n    const totalChildren = Children.count(children);\n    const zIndexMultiplier = toBack ? -1 : 1;\n    const willOverflow = totalChildren > maxVisible;\n\n    return (\n      <div\n        className={cx(classes.root, classes[direction], className)}\n        ref={ref}\n        {...others}\n      >\n        {Children.map(children, (child: any, index: number) => {\n          if (index < maxVisible) {\n            return cloneElement(child, {\n              style: {\n                zIndex: 100 + index * zIndexMultiplier,\n              },\n              classes: {\n                container: css({\n                  marginLeft:\n                    direction === \"row\" ? (index !== 0 ? -spacingValue : 0) : 0,\n                  marginTop:\n                    direction === \"column\"\n                      ? index !== 0\n                        ? -spacingValue\n                        : 0\n                      : 0,\n                }),\n              },\n              size,\n            });\n          }\n        })}\n        {willOverflow && (\n          <div\n            style={{\n              marginLeft: direction === \"row\" ? -spacingValue : 0,\n              marginTop: direction === \"column\" ? -spacingValue : 0,\n              zIndex: 100 + maxVisible * zIndexMultiplier,\n            }}\n          >\n            {overflowComponent ? (\n              overflowComponent(totalChildren - maxVisible)\n            ) : (\n              <HvAvatar\n                size={size}\n                backgroundColor={theme.colors.atmo4}\n                classes={{\n                  avatar: css({\n                    [`&.HvAvatar-${size}`]: {\n                      fontSize: \"unset\",\n                    },\n                  }),\n                }}\n              >\n                +{totalChildren - maxVisible}\n              </HvAvatar>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;AA2CA,MAAM,kBAAkB,CACtB,SACA,SACG;AACH,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA,YAAY,YAAY,KAAK;AAAA,IACtC,KAAK;AACI,aAAA,YAAY,YAAY,KAAK;AAAA,IACtC,KAAK;AACI,aAAA,YAAY,YAAY,KAAK;AAAA,IACtC,KAAK;AACI,aAAA,YAAY,YAAY,KAAK;AAAA,IACtC,KAAK;AACI,aAAA,YAAY,YAAY,KAAK;AAAA,IACtC;AACS,aAAA,YAAY,YAAY,KAAK;AAAA,EACxC;AACF;AAKO,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,aAAa;AAAA,MACb;AAAA,MACA,GAAG;AAAA,IAAA,IACD,gBAAgB,iBAAiB,KAAK;AAC1C,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAExC,UAAA,eAAe,gBAAgB,SAAS,IAAI;AAE5C,UAAA,gBAAgB,SAAS,MAAM,QAAQ;AACvC,UAAA,mBAAmB,SAAS,KAAK;AACvC,UAAM,eAAe,gBAAgB;AAGnC,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,MAAM,QAAQ,SAAS,GAAG,SAAS;AAAA,QACzD;AAAA,QACC,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,SAAS,IAAI,UAAU,CAAC,OAAY,UAAkB;AACrD,gBAAI,QAAQ,YAAY;AACtB,qBAAO,aAAa,OAAO;AAAA,gBACzB,OAAO;AAAA,kBACL,QAAQ,MAAM,QAAQ;AAAA,gBACxB;AAAA,gBACA,SAAS;AAAA,kBACP,WAAW,IAAI;AAAA,oBACb,YACE,cAAc,QAAS,UAAU,IAAI,CAAC,eAAe,IAAK;AAAA,oBAC5D,WACE,cAAc,WACV,UAAU,IACR,CAAC,eACD,IACF;AAAA,kBAAA,CACP;AAAA,gBACH;AAAA,gBACA;AAAA,cAAA,CACD;AAAA,YACH;AAAA,UAAA,CACD;AAAA,UACA,gBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,YAAY,cAAc,QAAQ,CAAC,eAAe;AAAA,gBAClD,WAAW,cAAc,WAAW,CAAC,eAAe;AAAA,gBACpD,QAAQ,MAAM,aAAa;AAAA,cAC7B;AAAA,cAEC,UACC,oBAAA,kBAAkB,gBAAgB,UAAU,IAE5C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,iBAAiB,MAAM,OAAO;AAAA,kBAC9B,SAAS;AAAA,oBACP,QAAQ,IAAI;AAAA,sBACV,CAAC,cAAc,IAAI,EAAE,GAAG;AAAA,wBACtB,UAAU;AAAA,sBACZ;AAAA,oBAAA,CACD;AAAA,kBACH;AAAA,kBACD,UAAA;AAAA,oBAAA;AAAA,oBACG,gBAAgB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/dist/esm/AvatarGroup/AvatarGroup.styles.js

@@ -1,24 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../utils/classes.js";
-import "../Avatar/Avatar.js";
-import { staticClasses as staticClasses$1 } from "../Avatar/Avatar.styles.js";
-const { staticClasses, useClasses } = createClasses("HvAvatarGroup", {
-  root: {
-    display: "flex",
-    [`& .${staticClasses$1.root}`]: {
-      border: `2px solid ${theme.colors.atmo2}`,
-      boxSizing: "content-box"
-    }
-  },
-  row: {
-    flexDirection: "row"
-  },
-  column: {
-    flexDirection: "column"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=AvatarGroup.styles.js.map

package/dist/esm/AvatarGroup/AvatarGroup.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.styles.js","sources":["../../../src/AvatarGroup/AvatarGroup.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nimport { avatarClasses } from \"../Avatar/Avatar\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAvatarGroup\", {\n  root: {\n    display: \"flex\",\n    [`& .${avatarClasses.root}`]: {\n      border: `2px solid ${theme.colors.atmo2}`,\n      boxSizing: \"content-box\",\n    },\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n});\n"],"names":["avatarClasses"],"mappings":";;;;AAMO,MAAM,EAAE,eAAe,eAAe,cAAc,iBAAiB;AAAA,EAC1E,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,CAAC,MAAMA,gBAAc,IAAI,EAAE,GAAG;AAAA,MAC5B,QAAQ,aAAa,MAAM,OAAO,KAAK;AAAA,MACvC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,KAAK;AAAA,IACH,eAAe;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,EACjB;AACF,CAAC;"}

package/dist/esm/Badge/Badge.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./Badge.styles.js";
-import { staticClasses } from "./Badge.styles.js";
-import { HvTypography } from "../Typography/Typography.js";
-const HvBadge = (props) => {
-  const {
-    classes: classesProp,
-    className,
-    showCount = false,
-    count = 0,
-    maxCount = 99,
-    label = null,
-    icon = null,
-    text = null,
-    textVariant = void 0,
-    ...others
-  } = useDefaultProps("HvBadge", props);
-  const { classes, cx } = useClasses(classesProp);
-  const renderedCount = count > maxCount ? `${maxCount}+` : count;
-  const renderedCountOrLabel = label || showCount && count > 0 && renderedCount || null;
-  const Component = icon || text && /* @__PURE__ */ jsx(HvTypography, { variant: textVariant, children: text });
-  return /* @__PURE__ */ jsxs("div", { className: cx(classes.root, className), ...others, children: [
-    Component,
-    /* @__PURE__ */ jsx("div", { className: Component ? classes.badgeContainer : void 0, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cx(classes.badgePosition, {
-          [classes.badge]: !!(count > 0 || renderedCountOrLabel),
-          [classes.showCount]: !!(!label && renderedCountOrLabel),
-          [classes.showLabel]: !!label,
-          [classes.badgeIcon]: !!icon,
-          [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1
-        }),
-        children: renderedCountOrLabel
-      }
-    ) })
-  ] });
-};
-export {
-  HvBadge,
-  staticClasses as badgeClasses
-};
-//# sourceMappingURL=Badge.js.map

package/dist/esm/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { HvTypography, HvTypographyVariants } from \"../Typography\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Badge.styles\";\n\nexport { staticClasses as badgeClasses };\n\nexport type HvBadgeClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBadgeProps extends HvBaseProps {\n  /**\n   * Count is the number of unread notifications.\n   * Note count and label are mutually exclusive.\n   * count is ignored when label is specified at the same time.\n   */\n  count?: number;\n  /**\n   * True if count should be displayed.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Custom text to show in place of count.\n   * Note showCount and label are mutually exclusive.\n   * showCount is ignored when label is specified at the same time.\n   */\n  label?: string;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. */\n  text?: string;\n  /** Text variant. */\n  textVariant?: HvTypographyVariants;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBadgeClasses;\n}\n\n/**\n * The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n  const {\n    classes: classesProp,\n    className,\n    showCount = false,\n    count = 0,\n    maxCount = 99,\n    label = null,\n    icon = null,\n    text = null,\n    textVariant = undefined,\n    ...others\n  } = useDefaultProps(\"HvBadge\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const renderedCount = count > maxCount ? `${maxCount}+` : count;\n  // If label is specified and non-empty, render it.\n  // If showCount is specified and count > 0, render the count.\n  // Otherwise, render nothing on the badge.\n  // (Note count=0 should not be rendered to avoid ghosty 0.)\n  const renderedCountOrLabel =\n    label || (showCount && count > 0 && renderedCount) || null;\n  const Component =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      {Component}\n      <div className={Component ? classes.badgeContainer : undefined}>\n        <div\n          className={cx(classes.badgePosition, {\n            [classes.badge]: !!(count > 0 || renderedCountOrLabel),\n            [classes.showCount]: !!(!label && renderedCountOrLabel),\n            [classes.showLabel]: !!label,\n            [classes.badgeIcon]: !!icon,\n            [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1,\n          })}\n        >\n          {renderedCountOrLabel}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AA6Ca,MAAA,UAAU,CAAC,UAAwB;AACxC,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,IACd,GAAG;AAAA,EAAA,IACD,gBAAgB,WAAW,KAAK;AAEpC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,gBAAgB,QAAQ,WAAW,GAAG,QAAQ,MAAM;AAK1D,QAAM,uBACJ,SAAU,aAAa,QAAQ,KAAK,iBAAkB;AACxD,QAAM,YACJ,QAAS,4BAAS,cAAa,EAAA,SAAS,aAAc,UAAK,KAAA,CAAA;AAG3D,SAAA,qBAAC,SAAI,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QAC9C,UAAA;AAAA,IAAA;AAAA,wBACA,OAAI,EAAA,WAAW,YAAY,QAAQ,iBAAiB,QACnD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,eAAe;AAAA,UACnC,CAAC,QAAQ,KAAK,GAAG,CAAC,EAAE,QAAQ,KAAK;AAAA,UACjC,CAAC,QAAQ,SAAS,GAAG,CAAC,EAAE,CAAC,SAAS;AAAA,UAClC,CAAC,QAAQ,SAAS,GAAG,CAAC,CAAC;AAAA,UACvB,CAAC,QAAQ,SAAS,GAAG,CAAC,CAAC;AAAA,UACvB,CAAC,QAAQ,aAAa,GAAG,OAAO,oBAAoB,EAAE,WAAW;AAAA,QAAA,CAClE;AAAA,QAEA,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/Badge/Badge.styles.js

@@ -1,29 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../utils/classes.js";
-const labelBaseStyle = {
-  ...theme.typography.label,
-  padding: "0 5px",
-  color: theme.colors.atmo1,
-  lineHeight: "16px"
-};
-const { staticClasses, useClasses } = createClasses("HvBadge", {
-  root: { position: "relative", "&>*": { float: "left" } },
-  badgeContainer: { width: 0 },
-  badgePosition: {},
-  badge: {
-    borderRadius: theme.space.xs,
-    backgroundColor: theme.colors.secondary,
-    float: "left",
-    minHeight: "8px",
-    minWidth: "8px"
-  },
-  showCount: { ...labelBaseStyle, wordBreak: "keep-all" },
-  showLabel: { ...labelBaseStyle, wordBreak: "keep-all" },
-  badgeIcon: { position: "relative", top: "1px", left: "-7px" },
-  badgeOneDigit: { padding: 0, width: "16px", textAlign: "center" }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Badge.styles.js.map

package/dist/esm/Badge/Badge.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../src/Badge/Badge.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nconst labelBaseStyle: CSSProperties = {\n  ...theme.typography.label,\n  padding: \"0 5px\",\n  color: theme.colors.atmo1,\n  lineHeight: \"16px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvBadge\", {\n  root: { position: \"relative\", \"&>*\": { float: \"left\" } },\n  badgeContainer: { width: 0 },\n  badgePosition: {},\n  badge: {\n    borderRadius: theme.space.xs,\n    backgroundColor: theme.colors.secondary,\n    float: \"left\",\n    minHeight: \"8px\",\n    minWidth: \"8px\",\n  },\n  showCount: { ...labelBaseStyle, wordBreak: \"keep-all\" },\n  showLabel: { ...labelBaseStyle, wordBreak: \"keep-all\" },\n  badgeIcon: { position: \"relative\", top: \"1px\", left: \"-7px\" },\n  badgeOneDigit: { padding: 0, width: \"16px\", textAlign: \"center\" },\n});\n"],"names":[],"mappings":";;AAMA,MAAM,iBAAgC;AAAA,EACpC,GAAG,MAAM,WAAW;AAAA,EACpB,SAAS;AAAA,EACT,OAAO,MAAM,OAAO;AAAA,EACpB,YAAY;AACd;AAEO,MAAM,EAAE,eAAe,eAAe,cAAc,WAAW;AAAA,EACpE,MAAM,EAAE,UAAU,YAAY,OAAO,EAAE,OAAO,SAAS;AAAA,EACvD,gBAAgB,EAAE,OAAO,EAAE;AAAA,EAC3B,eAAe,CAAC;AAAA,EAChB,OAAO;AAAA,IACL,cAAc,MAAM,MAAM;AAAA,IAC1B,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,WAAW,EAAE,GAAG,gBAAgB,WAAW,WAAW;AAAA,EACtD,WAAW,EAAE,GAAG,gBAAgB,WAAW,WAAW;AAAA,EACtD,WAAW,EAAE,UAAU,YAAY,KAAK,OAAO,MAAM,OAAO;AAAA,EAC5D,eAAe,EAAE,SAAS,GAAG,OAAO,QAAQ,WAAW,SAAS;AAClE,CAAC;"}

package/dist/esm/Banner/Banner.js

@@ -1,78 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { useCallback } from "react";
-import Slide from "@mui/material/Slide";
-import Snackbar from "@mui/material/Snackbar";
-import { setId } from "../utils/setId.js";
-import { useDefaultProps } from "../hooks/useDefaultProps.js";
-import { useClasses } from "./Banner.styles.js";
-import { staticClasses } from "./Banner.styles.js";
-import { HvBannerContent } from "./BannerContent/BannerContent.js";
-const HvBanner = (props) => {
-  const {
-    id,
-    classes: classesProp,
-    className,
-    open,
-    onClose,
-    anchorOrigin = "top",
-    variant = "default",
-    transitionDuration = 300,
-    transitionDirection = "down",
-    showIcon = false,
-    customIcon,
-    actions,
-    actionsCallback,
-    actionsPosition = "auto",
-    label,
-    offset = 60,
-    bannerContentProps,
-    ...others
-  } = useDefaultProps("HvBanner", props);
-  const { classes, cx } = useClasses(classesProp);
-  const anchorOriginBanner = {
-    horizontal: "center",
-    vertical: anchorOrigin
-  };
-  const SlideTransition = useCallback(
-    (properties) => /* @__PURE__ */ jsx(Slide, { ...properties, direction: transitionDirection }),
-    [transitionDirection]
-  );
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      id,
-      open,
-      className,
-      classes: {
-        root: cx(classes.root, { [classes.rootClosed]: !open }),
-        anchorOriginTopCenter: classes.anchorOriginTopCenter,
-        anchorOriginBottomCenter: classes.anchorOriginBottomCenter
-      },
-      style: { [anchorOrigin]: offset },
-      anchorOrigin: anchorOriginBanner,
-      TransitionComponent: SlideTransition,
-      transitionDuration,
-      ...others,
-      children: /* @__PURE__ */ jsx(
-        HvBannerContent,
-        {
-          id: setId(id, "content"),
-          content: label,
-          variant,
-          customIcon,
-          showIcon,
-          actions,
-          actionsCallback,
-          actionsPosition,
-          onClose,
-          ...bannerContentProps
-        }
-      )
-    }
-  );
-};
-export {
-  HvBanner,
-  staticClasses as bannerClasses
-};
-//# sourceMappingURL=Banner.js.map

package/dist/esm/Banner/Banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport Slide from \"@mui/material/Slide\";\n\nimport Snackbar, {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\n\nimport { HvActionGeneric } from \"../ActionsGeneric\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\n\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvBannerActionPosition, HvBannerVariant } from \"./types\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\"> {\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  /** @ignore */\n  ref?: MuiSnackbarProps[\"ref\"];\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 = (props: HvBannerProps) => {\n  const {\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  } = useDefaultProps(\"HvBanner\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback<\n    NonNullable<MuiSnackbarProps[\"TransitionComponent\"]>\n  >(\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":[],"mappings":";;;;;;;;;AAqEa,MAAA,WAAW,CAAC,UAAyB;AAC1C,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,YAAY,KAAK;AACrC,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,qBAAqC;AAAA,IACzC,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAGZ,QAAM,kBAAkB;AAAA,IAGtB,CAAC,eAAe,oBAAC,SAAO,GAAG,YAAY,WAAW,qBAAqB;AAAA,IACvE,CAAC,mBAAmB;AAAA,EAAA;AAIpB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,MAAM,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,UAAU,GAAG,CAAC,MAAM;AAAA,QACtD,uBAAuB,QAAQ;AAAA,QAC/B,0BAA0B,QAAQ;AAAA,MACpC;AAAA,MACA,OAAO,EAAE,CAAC,YAAY,GAAG,OAAO;AAAA,MAChC,cAAc;AAAA,MACd,qBAAqB;AAAA,MACrB;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,MAAM,IAAI,SAAS;AAAA,UACvB,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/Banner/Banner.styles.js

@@ -1,25 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../utils/classes.js";
-const { useClasses, staticClasses } = createClasses("HvBanner", {
-  /** Styles applied to the component root class when the component is closed. */
-  rootClosed: {
-    display: "none"
-  },
-  /** Styles applied to the component root class. */
-  root: {
-    minWidth: `calc(100% - ${theme.space.sm})`
-  },
-  /** Styles applied to the component when define as top. */
-  anchorOriginTopCenter: {
-    top: theme.space.xs
-  },
-  /** Styles applied to the component when define as bottom. */
-  anchorOriginBottomCenter: {
-    bottom: theme.space.xs
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Banner.styles.js.map

package/dist/esm/Banner/Banner.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.styles.js","sources":["../../../src/Banner/Banner.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBanner\", {\n  /** Styles applied to the component root class when the component is closed. */\n  rootClosed: {\n    display: \"none\",\n  },\n  /** Styles applied to the component root class. */\n  root: {\n    minWidth: `calc(100% - ${theme.space.sm})`,\n  },\n  /** Styles applied to the component when define as top. */\n  anchorOriginTopCenter: {\n    top: theme.space.xs,\n  },\n  /** Styles applied to the component when define as bottom. */\n  anchorOriginBottomCenter: {\n    bottom: theme.space.xs,\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,cAAc,YAAY;AAAA;AAAA,EAErE,YAAY;AAAA,IACV,SAAS;AAAA,EACX;AAAA;AAAA,EAEA,MAAM;AAAA,IACJ,UAAU,eAAe,MAAM,MAAM,EAAE;AAAA,EACzC;AAAA;AAAA,EAEA,uBAAuB;AAAA,IACrB,KAAK,MAAM,MAAM;AAAA,EACnB;AAAA;AAAA,EAEA,0BAA0B;AAAA,IACxB,QAAQ,MAAM,MAAM;AAAA,EACtB;AACF,CAAC;"}

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.js

@@ -1,46 +0,0 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { Close } from "@hitachivantara/uikit-react-icons";
-import { useClasses } from "./ActionContainer.styles.js";
-import { staticClasses } from "./ActionContainer.styles.js";
-import { HvButton } from "../../../Button/Button.js";
-import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
-const HvActionContainer = (props) => {
-  const {
-    id,
-    classes: classesProp,
-    onClose,
-    action,
-    actionCallback,
-    ...others
-  } = props;
-  const { classes } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs("div", { className: classes.actionContainer, children: [
-    /* @__PURE__ */ jsx(
-      HvButton,
-      {
-        icon: true,
-        className: classes.closeAction,
-        variant: "semantic",
-        "aria-label": "Close",
-        onClick: onClose,
-        tabIndex: 0,
-        ...others,
-        children: /* @__PURE__ */ jsx(Close, { iconSize: "XS", className: classes.iconContainer, color: "base2" })
-      }
-    ),
-    action && /* @__PURE__ */ jsx("div", { className: classes.actionsInnerContainer, children: /* @__PURE__ */ jsx(
-      HvActionsGeneric,
-      {
-        id,
-        category: "semantic",
-        actions: action,
-        actionsCallback: actionCallback
-      }
-    ) })
-  ] });
-};
-export {
-  HvActionContainer,
-  staticClasses as actionContainerClasses
-};
-//# sourceMappingURL=ActionContainer.js.map

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionContainer.js","sources":["../../../../../src/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"../../../types/generic\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { HvButton } from \"../../../Button\";\nimport { ExtractNames } from \"../../../utils/classes\";\n\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":[],"mappings":";;;;;;AA4Ba,MAAA,oBAAoB,CAAC,UAAkC;AAC5D,QAAA;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACD,IAAA;AACJ,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAC1C,SACG,qBAAA,OAAA,EAAI,WAAW,QAAQ,iBACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,WAAW,QAAQ;AAAA,QACnB,SAAQ;AAAA,QACR,cAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA,oBAAC,SAAM,UAAS,MAAK,WAAW,QAAQ,eAAe,OAAM,QAAQ,CAAA;AAAA,MAAA;AAAA,IACvE;AAAA,IACC,UACC,oBAAC,OAAI,EAAA,WAAW,QAAQ,uBACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,UAAS;AAAA,QACT,SAAS;AAAA,QACT,iBAAiB;AAAA,MAAA;AAAA,IAAA,GAErB;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.styles.js

@@ -1,32 +0,0 @@
-import { createClasses } from "../../../utils/classes.js";
-import { outlineStyles } from "../../../utils/focusUtils.js";
-const name = "HvBannerActionContainer";
-const { staticClasses, useClasses } = createClasses(name, {
-  actionContainer: {
-    display: "flex",
-    flexDirection: "column",
-    height: "100%",
-    justifyContent: "space-between"
-  },
-  actionsInnerContainer: {
-    flexDirection: "row",
-    marginTop: "8px"
-    // avoid overlap with close button outline focus ring
-  },
-  closeAction: {
-    alignSelf: "flex-end",
-    cursor: "pointer",
-    "&:focus": {
-      ...outlineStyles
-    }
-  },
-  iconContainer: {
-    width: "32px",
-    height: "32px"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=ActionContainer.styles.js.map

package/dist/esm/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionContainer.styles.js","sources":["../../../../../src/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../../utils/classes\";\nimport { outlineStyles } from \"../../../utils/focusUtils\";\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":[],"mappings":";;AAGA,MAAM,OAAO;AAEN,MAAM,EAAE,eAAe,eAAe,cAAc,MAAM;AAAA,EAC/D,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAClB;AAAA,EACA,uBAAuB;AAAA,IACrB,eAAe;AAAA,IACf,WAAW;AAAA;AAAA,EACb;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF,CAAC;"}

package/dist/esm/Banner/BannerContent/BannerContent.js

@@ -1,72 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import SnackbarContent from "@mui/material/SnackbarContent";
-import { iconVariant } from "../../utils/iconVariant.js";
-import { useClasses } from "./BannerContent.styles.js";
-import { staticClasses } from "./BannerContent.styles.js";
-import { HvMessageContainer } from "./MessageContainer/MessageContainer.js";
-import { HvActionContainer } from "./ActionContainer/ActionContainer.js";
-const HvBannerContent = forwardRef(
-  (props, ref) => {
-    const {
-      id,
-      classes: classesProp,
-      showIcon = false,
-      customIcon,
-      variant = "default",
-      onClose,
-      actions,
-      actionsCallback,
-      actionsPosition = "auto",
-      content,
-      actionProps,
-      ...others
-    } = props;
-    const { classes, cx } = useClasses(classesProp);
-    const icon = customIcon || showIcon && iconVariant(variant, "base_dark");
-    const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
-    return /* @__PURE__ */ jsx("div", { className: classes.outContainer, children: /* @__PURE__ */ jsx(
-      SnackbarContent,
-      {
-        ref,
-        id,
-        classes: {
-          root: classes.root,
-          message: classes.message,
-          action: classes.action
-        },
-        className: cx(classes?.baseVariant, classes?.[variant]),
-        message: /* @__PURE__ */ jsx(
-          HvMessageContainer,
-          {
-            id,
-            icon,
-            ...effectiveActionsPosition === "inline" && {
-              actionsOnMessage: actions,
-              actionsOnMessageCallback: actionsCallback
-            },
-            message: content
-          }
-        ),
-        action: /* @__PURE__ */ jsx(
-          HvActionContainer,
-          {
-            id,
-            onClose,
-            ...effectiveActionsPosition === "bottom-right" && {
-              action: actions,
-              actionCallback: actionsCallback
-            },
-            ...actionProps
-          }
-        ),
-        ...others
-      }
-    ) });
-  }
-);
-export {
-  HvBannerContent,
-  staticClasses as bannerContentClasses
-};
-//# sourceMappingURL=BannerContent.js.map

package/dist/esm/Banner/BannerContent/BannerContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContent.js","sources":["../../../../src/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { iconVariant } from \"../../utils/iconVariant\";\nimport { ExtractNames } from \"../../utils/classes\";\nimport { HvActionGeneric } from \"../../ActionsGeneric\";\n\nimport { HvBannerActionPosition, HvBannerVariant } from \"../types\";\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  /** 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":[],"mappings":";;;;;;;;AA+CO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,OAAO,QAAQ;AACR,UAAA;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,MACT,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACD,IAAA;AACJ,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAC9C,UAAM,OAAO,cAAe,YAAY,YAAY,SAAS,WAAW;AAMlE,UAAA,2BACJ,oBAAoB,SAAS,WAAW;AAE1C,WACG,oBAAA,OAAA,EAAI,WAAW,QAAQ,cACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,UACP,MAAM,QAAQ;AAAA,UACd,SAAS,QAAQ;AAAA,UACjB,QAAQ,QAAQ;AAAA,QAClB;AAAA,QACA,WAAW,GAAG,SAAS,aAAa,UAAU,OAAO,CAAC;AAAA,QACtD,SACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACC,GAAI,6BAA6B,YAAY;AAAA,cAC5C,kBAAkB;AAAA,cAClB,0BAA0B;AAAA,YAC5B;AAAA,YACA,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEF,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACC,GAAI,6BAA6B,kBAAkB;AAAA,cAClD,QAAQ;AAAA,cACR,gBAAgB;AAAA,YAClB;AAAA,YACC,GAAG;AAAA,UAAA;AAAA,QACN;AAAA,QAED,GAAG;AAAA,MAAA;AAAA,IAER,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/Banner/BannerContent/BannerContent.styles.js

@@ -1,48 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.js";
-const { useClasses, staticClasses } = createClasses("HvBannerContent", {
-  root: {
-    minWidth: "100%",
-    position: "relative",
-    display: "flex",
-    flexWrap: "nowrap",
-    boxShadow: "none",
-    borderRadius: theme.radii.none
-  },
-  message: {
-    display: "flex",
-    alignItems: "center",
-    padding: theme.spacing("xs", 0),
-    paddingLeft: theme.space.sm
-  },
-  action: {
-    padding: theme.spacing("xs"),
-    marginRight: 0,
-    flex: "0 0 auto",
-    placeSelf: "stretch"
-  },
-  baseVariant: {
-    padding: 0
-  },
-  success: {
-    backgroundColor: theme.colors.positive_20
-  },
-  warning: {
-    backgroundColor: theme.colors.warning_20
-  },
-  error: {
-    backgroundColor: theme.colors.negative_20
-  },
-  default: {
-    backgroundColor: theme.colors.neutral_20
-  },
-  outContainer: {
-    width: "100%",
-    position: "relative"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=BannerContent.styles.js.map

package/dist/esm/Banner/BannerContent/BannerContent.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerContent.styles.js","sources":["../../../../src/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBannerContent\", {\n  root: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.spacing(\"xs\", 0),\n    paddingLeft: theme.space.sm,\n  },\n  action: {\n    padding: theme.spacing(\"xs\"),\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n  baseVariant: {\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.colors.positive_20,\n  },\n  warning: {\n    backgroundColor: theme.colors.warning_20,\n  },\n  error: {\n    backgroundColor: theme.colors.negative_20,\n  },\n  default: {\n    backgroundColor: theme.colors.neutral_20,\n  },\n  outContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,EAAE,YAAY,kBAAkB,cAAc,mBAAmB;AAAA,EAC5E,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,IAC9B,aAAa,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,IACN,SAAS,MAAM,QAAQ,IAAI;AAAA,IAC3B,aAAa;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,IACL,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACP,iBAAiB,MAAM,OAAO;AAAA,EAChC;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF,CAAC;"}

package/dist/esm/Banner/BannerContent/MessageContainer/MessageContainer.js

@@ -1,41 +0,0 @@
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
-import { setId } from "../../../utils/setId.js";
-import { useClasses } from "./MessageContainer.styles.js";
-import { staticClasses } from "./MessageContainer.styles.js";
-import { HvTypography } from "../../../Typography/Typography.js";
-import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
-const HvMessageContainer = ({
-  id,
-  classes: classesProp,
-  icon,
-  actionsOnMessage,
-  actionsOnMessageCallback,
-  message
-}) => {
-  const { classes } = useClasses(classesProp);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx("div", { className: classes.iconContainer, children: icon }),
-    /* @__PURE__ */ jsx(HvTypography, { id: setId(id, "message-text"), className: classes.message, children: message }),
-    actionsOnMessage && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: setId(id, "message-actions"),
-        className: classes.actionMessageContainer,
-        children: /* @__PURE__ */ jsx(
-          HvActionsGeneric,
-          {
-            id,
-            category: "semantic",
-            actions: actionsOnMessage,
-            actionsCallback: actionsOnMessageCallback
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  HvMessageContainer,
-  staticClasses as messageContainerClasses
-};
-//# sourceMappingURL=MessageContainer.js.map