@hitachivantara/uikit-react-core 5.84.3 → 5.84.4

package/dist/cjs/Badge/Badge.cjs

@@ -16,6 +16,7 @@ const HvBadge = React.forwardRef(function HvBadge2(props, ref) {
     icon,
     text,
     textVariant,
+    children: childrenProp,
     ...others
   } = uikitReactUtils.useDefaultProps("HvBadge", props);
   const { classes, cx } = Badge_styles.useClasses(classesProp);
@@ -23,7 +24,7 @@ const HvBadge = React.forwardRef(function HvBadge2(props, ref) {
   const countValue = count > maxCount ? `${maxCount}+` : count;
   const renderedCount = showCount && count > 0 ? countValue : "";
   const renderedCountOrLabel = label && typeof label !== "number" ? label : renderedCount;
-  const children = icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
+  const children = childrenProp || icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx({ [classes.badgeContainer]: children }), children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/{Tab → Tabs/Tab}/Tab.styles.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTab", {
   root: {
     marginTop: "3px",

package/dist/cjs/index.cjs

@@ -231,8 +231,6 @@ const Stack_styles = require("./Stack/Stack.styles.cjs");
 const Stack = require("./Stack/Stack.cjs");
 const Switch_styles = require("./Switch/Switch.styles.cjs");
 const Switch = require("./Switch/Switch.cjs");
-const Tab_styles = require("./Tab/Tab.styles.cjs");
-const Tab = require("./Tab/Tab.cjs");
 const useHvTable = require("./Table/hooks/useHvTable.cjs");
 const Table_styles = require("./Table/Table.styles.cjs");
 const Table = require("./Table/Table.cjs");
@@ -267,6 +265,8 @@ const ProgressColumnCell = require("./Table/renderers/ProgressColumnCell.cjs");
 const SwitchColumnCell = require("./Table/renderers/SwitchColumnCell.cjs");
 const Tabs_styles = require("./Tabs/Tabs.styles.cjs");
 const Tabs = require("./Tabs/Tabs.cjs");
+const Tab_styles = require("./Tabs/Tab/Tab.styles.cjs");
+const Tab = require("./Tabs/Tab/Tab.cjs");
 const Tag_styles = require("./Tag/Tag.styles.cjs");
 const Tag = require("./Tag/Tag.cjs");
 const TagsInput_styles = require("./TagsInput/TagsInput.styles.cjs");
@@ -589,8 +589,6 @@ exports.stackClasses = Stack_styles.staticClasses;
 exports.HvStack = Stack.HvStack;
 exports.switchClasses = Switch_styles.staticClasses;
 exports.HvSwitch = Switch.HvSwitch;
-exports.tabClasses = Tab_styles.staticClasses;
-exports.HvTab = Tab.HvTab;
 exports.useHvData = useHvTable.useHvTable;
 exports.useHvTable = useHvTable.useHvTable;
 exports.tableClasses = Table_styles.staticClasses;
@@ -642,6 +640,8 @@ exports.normalizeProgressBar = ProgressColumnCell.normalizeProgressBar;
 exports.HvSwitchColumnCell = SwitchColumnCell.HvSwitchColumnCell;
 exports.tabsClasses = Tabs_styles.staticClasses;
 exports.HvTabs = Tabs.HvTabs;
+exports.tabClasses = Tab_styles.staticClasses;
+exports.HvTab = Tab.HvTab;
 exports.tagClasses = Tag_styles.staticClasses;
 exports.HvTag = Tag.HvTag;
 exports.tagsInputClasses = TagsInput_styles.staticClasses;

package/dist/esm/Badge/Badge.js

@@ -15,6 +15,7 @@ const HvBadge = forwardRef(function HvBadge2(props, ref) {
     icon,
     text,
     textVariant,
+    children: childrenProp,
     ...others
   } = useDefaultProps("HvBadge", props);
   const { classes, cx } = useClasses(classesProp);
@@ -22,7 +23,7 @@ const HvBadge = forwardRef(function HvBadge2(props, ref) {
   const countValue = count > maxCount ? `${maxCount}+` : count;
   const renderedCount = showCount && count > 0 ? countValue : "";
   const renderedCountOrLabel = label && typeof label !== "number" ? label : renderedCount;
-  const children = icon || text && /* @__PURE__ */ jsx(HvTypography, { variant: textVariant, children: text });
+  const children = childrenProp || icon || text && /* @__PURE__ */ jsx(HvTypography, { variant: textVariant, children: text });
   return /* @__PURE__ */ jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
     children,
     /* @__PURE__ */ jsx("div", { className: cx({ [classes.badgeContainer]: children }), children: /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvTypography, HvTypographyVariants } from \"../Typography\";\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   * @deprecated use numeric `label` instead\n   */\n  count?: number;\n  /**\n   * True if `count` should be displayed.\n   *\n   * NOTE: `showCount` is ignored when a **non-numeric** `label` is specified.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Badge content to show in.\n   *\n   * If value is numeric, then `showCount` and `maxCount` will show or limit the value respectively.\n   */\n  label?: React.ReactNode;\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 = forwardRef<\n  // no-indent\n  HTMLDivElement,\n  HvBadgeProps\n>(function HvBadge(props, ref) {\n  const {\n    classes: classesProp,\n    className,\n    showCount = false,\n    count: countProp = 0,\n    maxCount = 99,\n    label,\n    icon,\n    text,\n    textVariant,\n    ...others\n  } = useDefaultProps(\"HvBadge\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const count = typeof label === \"number\" ? label : countProp;\n  const countValue = count > maxCount ? `${maxCount}+` : count;\n  const renderedCount = showCount && count > 0 ? countValue : \"\";\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 && typeof label !== \"number\" ? label : renderedCount;\n  const children =\n    icon || (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <div ref={ref} className={cx(classes.root, className)} {...others}>\n      {children}\n      <div className={cx({ [classes.badgeContainer]: children })}>\n        <div\n          className={cx(classes.badgePosition, {\n            [classes.badgeHidden]: !(count > 0 || renderedCountOrLabel),\n            // TODO: remove unnecessary classes in v6 (hoist+rename `badge` to `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":["HvBadge"],"mappings":";;;;;;AAiDO,MAAM,UAAU,WAIrB,SAASA,SAAQ,OAAO,KAAK;AACvB,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,YAAY;AAAA,IACnB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,WAAW,KAAK;AAEpC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ;AAClD,QAAM,aAAa,QAAQ,WAAW,GAAG,QAAQ,MAAM;AACvD,QAAM,gBAAgB,aAAa,QAAQ,IAAI,aAAa;AAK5D,QAAM,uBACJ,SAAS,OAAO,UAAU,WAAW,QAAQ;AAC/C,QAAM,WACJ,QAAS,4BAAS,cAAa,EAAA,SAAS,aAAc,UAAK,MAAA;AAG3D,SAAA,qBAAC,OAAI,EAAA,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACxD,UAAA;AAAA,IAAA;AAAA,IACD,oBAAC,OAAI,EAAA,WAAW,GAAG,EAAE,CAAC,QAAQ,cAAc,GAAG,UAAU,GACvD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,eAAe;AAAA,UACnC,CAAC,QAAQ,WAAW,GAAG,EAAE,QAAQ,KAAK;AAAA;AAAA,UAEtC,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,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { HvBaseProps } from \"../types/generic\";\nimport { HvTypography, HvTypographyVariants } from \"../Typography\";\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   * @deprecated use numeric `label` instead\n   */\n  count?: number;\n  /**\n   * True if `count` should be displayed.\n   *\n   * NOTE: `showCount` is ignored when a **non-numeric** `label` is specified.\n   */\n  showCount?: boolean;\n  /** The maximum number of unread notifications to be displayed */\n  maxCount?: number;\n  /**\n   * Badge content to show in.\n   *\n   * If value is numeric, then `showCount` and `maxCount` will show or limit the value respectively.\n   */\n  label?: React.ReactNode;\n  /** Icon which the notification will be attached. */\n  icon?: React.ReactNode;\n  /** Text which the notification will be attached. @deprecated use `children` instead. */\n  text?: string;\n  /** Text variant. @deprecated use a `HvTypography` on `children` instead. */\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 = forwardRef<\n  // no-indent\n  HTMLDivElement,\n  HvBadgeProps\n>(function HvBadge(props, ref) {\n  const {\n    classes: classesProp,\n    className,\n    showCount = false,\n    count: countProp = 0,\n    maxCount = 99,\n    label,\n    icon,\n    text,\n    textVariant,\n    children: childrenProp,\n    ...others\n  } = useDefaultProps(\"HvBadge\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const count = typeof label === \"number\" ? label : countProp;\n  const countValue = count > maxCount ? `${maxCount}+` : count;\n  const renderedCount = showCount && count > 0 ? countValue : \"\";\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 && typeof label !== \"number\" ? label : renderedCount;\n  const children =\n    childrenProp ||\n    icon ||\n    (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n  return (\n    <div ref={ref} className={cx(classes.root, className)} {...others}>\n      {children}\n      <div className={cx({ [classes.badgeContainer]: children })}>\n        <div\n          className={cx(classes.badgePosition, {\n            [classes.badgeHidden]: !(count > 0 || renderedCountOrLabel),\n            // TODO: remove unnecessary classes in v6 (hoist+rename `badge` to `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":["HvBadge"],"mappings":";;;;;;AAiDO,MAAM,UAAU,WAIrB,SAASA,SAAQ,OAAO,KAAK;AACvB,QAAA;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,YAAY;AAAA,IACnB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD,gBAAgB,WAAW,KAAK;AAEpC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAE9C,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ;AAClD,QAAM,aAAa,QAAQ,WAAW,GAAG,QAAQ,MAAM;AACvD,QAAM,gBAAgB,aAAa,QAAQ,IAAI,aAAa;AAK5D,QAAM,uBACJ,SAAS,OAAO,UAAU,WAAW,QAAQ;AACzC,QAAA,WACJ,gBACA,QACC,4BAAS,cAAa,EAAA,SAAS,aAAc,UAAK,KAAA,CAAA;AAGnD,SAAA,qBAAC,OAAI,EAAA,KAAU,WAAW,GAAG,QAAQ,MAAM,SAAS,GAAI,GAAG,QACxD,UAAA;AAAA,IAAA;AAAA,IACD,oBAAC,OAAI,EAAA,WAAW,GAAG,EAAE,CAAC,QAAQ,cAAc,GAAG,UAAU,GACvD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,QAAQ,eAAe;AAAA,UACnC,CAAC,QAAQ,WAAW,GAAG,EAAE,QAAQ,KAAK;AAAA;AAAA,UAEtC,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,EAEL,CAAA;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/esm/Tabs/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/Tabs/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport Tab, { TabProps as MuiTabProps } from \"@mui/material/Tab\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { staticClasses, useClasses } from \"./Tab.styles\";\n\nexport { staticClasses as tabClasses };\n\nexport type HvTabClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps extends Omit<MuiTabProps, \"children\"> {\n  /** If `true`, the tab will be disabled. */\n  disabled?: boolean;\n  /** The icon element. */\n  icon?: React.ReactElement | string;\n  /** The label element. */\n  label?: React.ReactNode;\n  /** The position of the icon relative to the label. */\n  iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n  /** A Jss Object used to override or extend the component styles. */\n  classes?: HvTabClasses;\n}\n\nexport const HvTab = forwardRef<\n  // no-indent\n  React.ComponentRef<typeof Tab>,\n  HvTabProps\n>(function HvTab(props, ref) {\n  const {\n    classes: classesProp,\n    iconPosition = \"top\",\n    disabled = false,\n    ...others\n  } = useDefaultProps(\"HvTab\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <Tab\n      ref={ref}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={cx(\"HvIsFocusVisible\", classes.focusVisible)}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n});\n"],"names":["HvTab"],"mappings":";;;;;;AA2BO,MAAM,QAAQ,WAInB,SAASA,OAAM,OAAO,KAAK;AACrB,QAAA;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,SAAS,KAAK;AAClC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAG5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,UAAU,QAAQ;AAAA,QAClB,UAAU,QAAQ;AAAA,MACpB;AAAA,MAGA,uBAAuB,GAAG,oBAAoB,QAAQ,YAAY;AAAA,MAClE;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}

package/dist/esm/{Tab → Tabs/Tab}/Tab.styles.js

@@ -1,6 +1,6 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-import { outlineStyles } from "../utils/focusUtils.js";
+import { outlineStyles } from "../../utils/focusUtils.js";
 const { staticClasses, useClasses } = createClasses("HvTab", {
   root: {
     marginTop: "3px",

package/dist/esm/Tabs/Tab/Tab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.js","sources":["../../../../src/Tabs/Tab/Tab.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTab\", {\n  root: {\n    marginTop: \"3px\",\n    padding: theme.spacing(0, \"sm\"),\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    ...theme.typography.body,\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.colors.atmo4,\n      },\n    },\n    \"&$selected\": {\n      fontWeight: theme.typography.label.fontWeight,\n    },\n    \"&$disabled\": {\n      color: theme.colors.secondary_60,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.colors.atmo4,\n      content: \"''\",\n    },\n    // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n    \"& .MuiTab-iconWrapper\": {\n      margin: 0,\n    },\n    \"& svg .color0\": {\n      fill: \"currentcolor\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS,MAAM,QAAQ,GAAG,IAAI;AAAA,IAC9B,UAAU;AAAA,IACV,WAAW;AAAA,IACX,eAAe;AAAA,IACf,GAAG,MAAM,WAAW;AAAA,IACpB,cAAc,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,IACrD,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO;AAAA,MAAA;AAAA,IAElC;AAAA,IACA,cAAc;AAAA,MACZ,YAAY,MAAM,WAAW,MAAM;AAAA,IACrC;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,yBAAyB;AAAA,MACvB,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,cAAc;AAAA,IACZ,GAAG;AAAA,EACL;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU,CAAA;AACZ,CAAC;"}

package/dist/esm/index.js

@@ -229,22 +229,20 @@ import { staticClasses as staticClasses94 } from "./Stack/Stack.styles.js";
 import { HvStack } from "./Stack/Stack.js";
 import { staticClasses as staticClasses95 } from "./Switch/Switch.styles.js";
 import { HvSwitch } from "./Switch/Switch.js";
-import { staticClasses as staticClasses96 } from "./Tab/Tab.styles.js";
-import { HvTab } from "./Tab/Tab.js";
 import { useHvTable, useHvTable as useHvTable2 } from "./Table/hooks/useHvTable.js";
-import { staticClasses as staticClasses97 } from "./Table/Table.styles.js";
+import { staticClasses as staticClasses96 } from "./Table/Table.styles.js";
 import { HvTable } from "./Table/Table.js";
-import { staticClasses as staticClasses98 } from "./Table/TableContainer/TableContainer.styles.js";
+import { staticClasses as staticClasses97 } from "./Table/TableContainer/TableContainer.styles.js";
 import { HvTableContainer } from "./Table/TableContainer/TableContainer.js";
-import { staticClasses as staticClasses99 } from "./Table/TableBody/TableBody.styles.js";
+import { staticClasses as staticClasses98 } from "./Table/TableBody/TableBody.styles.js";
 import { HvTableBody } from "./Table/TableBody/TableBody.js";
-import { staticClasses as staticClasses100 } from "./Table/TableHead/TableHead.styles.js";
+import { staticClasses as staticClasses99 } from "./Table/TableHead/TableHead.styles.js";
 import { HvTableHead } from "./Table/TableHead/TableHead.js";
-import { staticClasses as staticClasses101 } from "./Table/TableHeader/TableHeader.styles.js";
+import { staticClasses as staticClasses100 } from "./Table/TableHeader/TableHeader.styles.js";
 import { HvTableHeader } from "./Table/TableHeader/TableHeader.js";
-import { staticClasses as staticClasses102 } from "./Table/TableRow/TableRow.styles.js";
+import { staticClasses as staticClasses101 } from "./Table/TableRow/TableRow.styles.js";
 import { HvTableRow } from "./Table/TableRow/TableRow.js";
-import { staticClasses as staticClasses103 } from "./Table/TableCell/TableCell.styles.js";
+import { staticClasses as staticClasses102 } from "./Table/TableCell/TableCell.styles.js";
 import { HvTableCell } from "./Table/TableCell/TableCell.js";
 import { useHvTableStyles } from "./Table/hooks/useHvTableStyles.js";
 import { useHvSortBy } from "./Table/hooks/useHvSortBy.js";
@@ -263,8 +261,10 @@ import { HvDateColumnCell } from "./Table/renderers/DateColumnCell.js";
 import { HvDropdownColumnCell } from "./Table/renderers/DropdownColumnCell.js";
 import { HvProgressColumnCell, normalizeProgressBar } from "./Table/renderers/ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./Table/renderers/SwitchColumnCell.js";
-import { staticClasses as staticClasses104 } from "./Tabs/Tabs.styles.js";
+import { staticClasses as staticClasses103 } from "./Tabs/Tabs.styles.js";
 import { HvTabs } from "./Tabs/Tabs.js";
+import { staticClasses as staticClasses104 } from "./Tabs/Tab/Tab.styles.js";
+import { HvTab } from "./Tabs/Tab/Tab.js";
 import { staticClasses as staticClasses105 } from "./Tag/Tag.styles.js";
 import { HvTag } from "./Tag/Tag.js";
 import { staticClasses as staticClasses106 } from "./TagsInput/TagsInput.styles.js";
@@ -593,16 +593,16 @@ export {
   staticClasses94 as stackClasses,
   staticClasses14 as suggestionsClasses,
   staticClasses95 as switchClasses,
-  staticClasses96 as tabClasses,
-  staticClasses99 as tableBodyClasses,
-  staticClasses103 as tableCellClasses,
-  staticClasses97 as tableClasses,
-  staticClasses98 as tableContainerClasses,
-  staticClasses100 as tableHeadClasses,
-  staticClasses101 as tableHeaderClasses,
-  staticClasses102 as tableRowClasses,
+  staticClasses104 as tabClasses,
+  staticClasses98 as tableBodyClasses,
+  staticClasses102 as tableCellClasses,
+  staticClasses96 as tableClasses,
+  staticClasses97 as tableContainerClasses,
+  staticClasses99 as tableHeadClasses,
+  staticClasses100 as tableHeaderClasses,
+  staticClasses101 as tableRowClasses,
   staticClasses121 as tableSectionClasses,
-  staticClasses104 as tabsClasses,
+  staticClasses103 as tabsClasses,
   staticClasses105 as tagClasses,
   staticClasses106 as tagsInputClasses,
   staticClasses107 as textAreaClasses,

package/dist/types/index.d.ts

@@ -1380,9 +1380,9 @@ export declare interface HvBadgeProps extends HvBaseProps {
     label?: React.ReactNode;
     /** Icon which the notification will be attached. */
     icon?: React.ReactNode;
-    /** Text which the notification will be attached. */
+    /** Text which the notification will be attached. @deprecated use `children` instead. */
     text?: string;
-    /** Text variant. */
+    /** Text variant. @deprecated use a `HvTypography` on `children` instead. */
     textVariant?: HvTypographyVariants;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBadgeClasses;
@@ -6130,7 +6130,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_116>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -6150,7 +6150,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6238,7 +6238,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_112>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_111>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6262,7 +6262,7 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_113>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
@@ -6465,7 +6465,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_115>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6497,7 +6497,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  */
 export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_114>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
@@ -8528,12 +8528,9 @@ declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        focusVisible: string;
-        selected: string;
-        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -8547,15 +8544,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8564,7 +8553,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         categorical: string;
@@ -8586,7 +8575,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8598,6 +8587,17 @@ declare const useClasses_116: (classesProp?: Partial<Record<"root" | "floating"
     readonly cx: (...args: any) => string;
 };
 
+declare const useClasses_116: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        focusVisible: string;
+        selected: string;
+        disabled: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
 declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         input: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.84.3",
+  "version": "5.84.4",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "ee3c5267100d8abfcc676f7c8aac845f157255c8",
+  "gitHead": "ecdac13a6d228382dfa51a06508976b527bb42ea",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

package/dist/esm/Tab/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../src/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport Tab, { TabProps as MuiTabProps } from \"@mui/material/Tab\";\nimport {\n  useDefaultProps,\n  type ExtractNames,\n} from \"@hitachivantara/uikit-react-utils\";\n\nimport { staticClasses, useClasses } from \"./Tab.styles\";\n\nexport { staticClasses as tabClasses };\n\nexport type HvTabClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps extends Omit<MuiTabProps, \"children\"> {\n  /** If `true`, the tab will be disabled. */\n  disabled?: boolean;\n  /** The icon element. */\n  icon?: React.ReactElement | string;\n  /** The label element. */\n  label?: React.ReactNode;\n  /** The position of the icon relative to the label. */\n  iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n  /** A Jss Object used to override or extend the component styles. */\n  classes?: HvTabClasses;\n}\n\nexport const HvTab = forwardRef<\n  // no-indent\n  React.ComponentRef<typeof Tab>,\n  HvTabProps\n>(function HvTab(props, ref) {\n  const {\n    classes: classesProp,\n    iconPosition = \"top\",\n    disabled = false,\n    ...others\n  } = useDefaultProps(\"HvTab\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <Tab\n      ref={ref}\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={cx(\"HvIsFocusVisible\", classes.focusVisible)}\n      disabled={disabled}\n      iconPosition={iconPosition}\n      {...others}\n    />\n  );\n});\n"],"names":["HvTab"],"mappings":";;;;;;AA2BO,MAAM,QAAQ,WAInB,SAASA,OAAM,OAAO,KAAK;AACrB,QAAA;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD,gBAAgB,SAAS,KAAK;AAClC,QAAM,EAAE,SAAS,OAAO,WAAW,WAAW;AAG5C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,UAAU,QAAQ;AAAA,QAClB,UAAU,QAAQ;AAAA,MACpB;AAAA,MAGA,uBAAuB,GAAG,oBAAoB,QAAQ,YAAY;AAAA,MAClE;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.styles.js","sources":["../../../src/Tab/Tab.styles.tsx"],"sourcesContent":["import { createClasses } from \"@hitachivantara/uikit-react-utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"../utils/focusUtils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTab\", {\n  root: {\n    marginTop: \"3px\",\n    padding: theme.spacing(0, \"sm\"),\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    ...theme.typography.body,\n    borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,\n    \"&:hover\": {\n      backgroundColor: theme.colors.containerBackgroundHover,\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.colors.atmo4,\n      },\n    },\n    \"&$selected\": {\n      fontWeight: theme.typography.label.fontWeight,\n    },\n    \"&$disabled\": {\n      color: theme.colors.secondary_60,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.colors.atmo4,\n      content: \"''\",\n    },\n    // Override Mui styling: https://mui.com/material-ui/api/tab/#css\n    \"& .MuiTab-iconWrapper\": {\n      margin: 0,\n    },\n    \"& svg .color0\": {\n      fill: \"currentcolor\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,EAAE,eAAe,eAAe,cAAc,SAAS;AAAA,EAClE,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS,MAAM,QAAQ,GAAG,IAAI;AAAA,IAC9B,UAAU;AAAA,IACV,WAAW;AAAA,IACX,eAAe;AAAA,IACf,GAAG,MAAM,WAAW;AAAA,IACpB,cAAc,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,IAAI;AAAA,IACrD,WAAW;AAAA,MACT,iBAAiB,MAAM,OAAO;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,iBAAiB,MAAM,OAAO;AAAA,MAAA;AAAA,IAElC;AAAA,IACA,cAAc;AAAA,MACZ,YAAY,MAAM,WAAW,MAAM;AAAA,IACrC;AAAA,IACA,cAAc;AAAA,MACZ,OAAO,MAAM,OAAO;AAAA,MACpB,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,QACT,YAAY;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,IACX;AAAA;AAAA,IAEA,yBAAyB;AAAA,MACvB,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,cAAc;AAAA,IACZ,GAAG;AAAA,EACL;AAAA,EACA,UAAU,CAAC;AAAA,EACX,UAAU,CAAA;AACZ,CAAC;"}