@hitachivantara/uikit-react-core 5.88.0 → 5.90.0

package/dist/cjs/Slider/SliderInput/SliderInput.cjs

@@ -33,7 +33,7 @@ const HvSliderInput = ({
     setInputValues(utils.knobsValuesToString(valuesProp, markDigits));
   }, [markDigits, valuesProp]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.inputRoot, className), ...others, children: inputValues.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputContainer, children: [
-    index !== 0 && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Remove, { color: disabled ? "secondary_60" : void 0 }),
+    index !== 0 && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Remove, { color: disabled ? "textDisabled" : void 0 }),
     /* @__PURE__ */ jsxRuntime.jsx(
       Input.HvInput,
       {

package/dist/cjs/Slider/base.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const uikitStyles = require("@hitachivantara/uikit-styles");
 const base = {
   "& .rc-slider": {
     position: "relative",
     width: "100%",
     height: "14px",
     padding: " 5px 0",
-    borderRadius: "6px",
     touchAction: "none",
     boxSizing: "border-box",
     WebkitTapHighlightColor: "rgba(0, 0, 0, 0)"
@@ -19,14 +19,12 @@ const base = {
     position: "absolute",
     width: "100%",
     height: "4px",
-    backgroundColor: "#e9e9e9",
-    borderRadius: "6px"
+    backgroundColor: "#e9e9e9"
   },
   "& .rc-slider-track": {
     position: "absolute",
     height: "4px",
-    backgroundColor: "#abe2fb",
-    borderRadius: "6px"
+    backgroundColor: "#abe2fb"
   },
   "& .rc-slider-handle": {
     position: "absolute",
@@ -35,7 +33,7 @@ const base = {
     marginTop: "-5px",
     backgroundColor: "#fff",
     border: "solid 2px #96dbfa",
-    borderRadius: "50%",
+    borderRadius: uikitStyles.theme.radii.full,
     cursor: "grab",
     opacity: 0.8,
     touchAction: "pan-x"
@@ -97,7 +95,7 @@ const base = {
     verticalAlign: "middle",
     backgroundColor: "#fff",
     border: "2px solid #e9e9e9",
-    borderRadius: "50%",
+    borderRadius: uikitStyles.theme.radii.full,
     cursor: "pointer"
   },
   "& .rc-slider-dot-active": {
@@ -226,7 +224,7 @@ const base = {
     textAlign: "center",
     textDecoration: "none",
     backgroundColor: "#6c6c6c",
-    borderRadius: "6px",
+    borderRadius: uikitStyles.theme.radii.round,
     boxShadow: "0 0 4px #d9d9d9"
   },
   "& .rc-slider-tooltip-arrow": {

package/dist/cjs/Slider/utils.cjs

@@ -140,18 +140,18 @@ const isSingleSlider = (values, defaultValues) => {
 const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
   let knobProperties = knobPropertiesProp || [];
   const defaultKnobStyles = {
-    color: uikitStyles.theme.colors.secondary,
-    hoverColor: uikitStyles.theme.colors.secondary,
-    trackColor: uikitStyles.theme.colors.secondary,
-    dragColor: uikitStyles.theme.colors.secondary,
-    knobRingColor: uikitStyles.theme.colors.atmo1
+    color: uikitStyles.theme.colors.text,
+    hoverColor: uikitStyles.theme.colors.text,
+    trackColor: uikitStyles.theme.colors.text,
+    dragColor: uikitStyles.theme.colors.text,
+    knobRingColor: uikitStyles.theme.colors.textDimmed
   };
   const disabledKnobStyles = {
-    color: uikitStyles.theme.colors.secondary_60,
-    hoverColor: uikitStyles.theme.colors.secondary_60,
-    trackColor: uikitStyles.theme.colors.secondary_60,
-    dragColor: uikitStyles.theme.colors.secondary_60,
-    knobRingColor: uikitStyles.theme.colors.secondary_60
+    color: uikitStyles.theme.colors.textDisabled,
+    hoverColor: uikitStyles.theme.colors.textDisabled,
+    trackColor: uikitStyles.theme.colors.textDisabled,
+    dragColor: uikitStyles.theme.colors.textDisabled,
+    knobRingColor: uikitStyles.theme.colors.textDisabled
   };
   if (knobProperties.length > 0) {
     knobProperties = knobProperties.slice(0, numberOfKnobs);

package/dist/cjs/Snackbar/Snackbar.cjs

@@ -17,15 +17,16 @@ const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
     classes: classesProp,
     className,
     id,
+    title,
     open = false,
     onClose,
-    label = "",
+    label,
     anchorOrigin = { vertical: "top", horizontal: "right" },
     autoHideDuration = 5e3,
-    variant = "default",
-    showIcon = false,
-    customIcon = null,
-    action = null,
+    variant,
+    showIcon,
+    customIcon,
+    action,
     actionCallback,
     // TODO - remove in v6
     onAction,
@@ -75,6 +76,7 @@ const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
         SnackbarContent.HvSnackbarContent,
         {
           id: setId.setId(id, "content"),
+          title,
           label,
           variant,
           customIcon,
@@ -82,6 +84,7 @@ const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
           action,
           actionCallback,
           onAction,
+          onClose,
           ...snackbarContentProps
         }
       )

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.cjs

@@ -2,14 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const SnackbarContent = require("@mui/material/SnackbarContent");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const iconVariant = require("../../utils/iconVariant.cjs");
-const setId = require("../../utils/setId.cjs");
+const Callout = require("../../utils/Callout.cjs");
 const SnackbarContent_styles = require("./SnackbarContent.styles.cjs");
-const ActionsGeneric = require("../../ActionsGeneric/ActionsGeneric.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const SnackbarContent__default = /* @__PURE__ */ _interopDefault(SnackbarContent);
+const isActionGeneric = (action) => action && typeof action === "object" && "id" in action && "label" in action;
 const HvSnackbarContent = React.forwardRef(function HvSnackbarContent2(props, ref) {
   const {
     className,
@@ -23,37 +19,33 @@ const HvSnackbarContent = React.forwardRef(function HvSnackbarContent2(props, re
     actionCallback,
     // TODO - remove in v6
     onAction,
+    onClose,
     ...others
   } = uikitReactUtils.useDefaultProps("HvSnackbarContent", props);
-  const icon = customIcon || showIcon && iconVariant.iconVariant(variant, "base_dark");
-  const innerAction = React.isValidElement(action) ? action : [action];
   const { classes, cx } = SnackbarContent_styles.useClasses(classesProp);
-  const { activeTheme } = uikitReactUtils.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    SnackbarContent__default.default,
+    Callout.HvCallout,
     {
       ref,
       id,
+      variant,
       classes: {
-        root: classes.root,
-        message: classes.message
+        root: cx(classes.root, classes[variant], className),
+        message: cx(classes.message, classes.messageSpan),
+        messageIcon: classes.iconVariant,
+        messageContent: classes.messageText,
+        action: classes.action
       },
-      className: cx(classes?.[variant], className),
-      message: /* @__PURE__ */ jsxRuntime.jsxs("div", { id: setId.setId(id, "message"), className: classes.messageSpan, children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.iconVariant, children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.messageText, children: label }),
-        action && /* @__PURE__ */ jsxRuntime.jsx("div", { id: setId.setId(id, "action"), className: classes.action, children: /* @__PURE__ */ jsxRuntime.jsx(
-          ActionsGeneric.HvActionsGeneric,
-          {
-            id,
-            variant: activeTheme?.snackbar.actionButtonVariant,
-            actions: innerAction,
-            actionsCallback: actionCallback,
-            onAction
-          }
-        ) })
-      ] }),
-      ...others
+      showIcon,
+      customIcon,
+      actions: isActionGeneric(action) ? [action] : action,
+      onClose,
+      onAction: (evt, action2) => {
+        onAction?.(evt, action2);
+        actionCallback?.(evt, id, action2);
+      },
+      ...others,
+      children: label
     }
   );
 });

package/dist/cjs/Snackbar/SnackbarContent/SnackbarContent.styles.cjs

@@ -2,61 +2,33 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const ActionsGeneric_styles = require("../../ActionsGeneric/ActionsGeneric.styles.cjs");
-const { useClasses, staticClasses } = uikitReactUtils.createClasses(
-  "HvSnackbar-Content",
-  {
-    root: {
-      width: "310px",
-      minHeight: "52px",
-      maxHeight: "92px",
-      padding: uikitStyles.theme.space.xs,
-      boxShadow: "none"
-    },
-    success: {
-      backgroundColor: uikitStyles.theme.colors.positive_20
-    },
-    error: {
-      backgroundColor: uikitStyles.theme.colors.negative_20
-    },
-    default: {
-      backgroundColor: uikitStyles.theme.colors.neutral_20
-    },
-    warning: {
-      backgroundColor: uikitStyles.theme.colors.warning_20
-    },
-    message: {
-      padding: 0,
-      width: "100%"
-    },
-    messageSpan: {
-      display: "flex",
-      alignItems: "center",
-      minHeight: "32px"
-    },
-    messageText: {
-      paddingLeft: uikitStyles.theme.space.xs,
-      color: uikitStyles.theme.colors.base_dark,
-      fontFamily: uikitStyles.theme.fontFamily.body,
-      maxHeight: "72px",
-      wordBreak: "break-word",
-      textWrap: "balance",
-      overflow: "hidden"
-    },
-    action: {
-      textAlign: "right",
-      paddingLeft: uikitStyles.theme.space.xs,
-      marginLeft: "auto",
-      [`& .${ActionsGeneric_styles.staticClasses.button}`]: {
-        borderColor: uikitStyles.theme.colors.base_dark,
-        color: uikitStyles.theme.colors.base_dark,
-        "&:hover": {
-          borderColor: uikitStyles.theme.colors.base_dark
-        }
-      }
-    },
-    iconVariant: {}
-  }
-);
+const name = "HvSnackbarContent";
+const { useClasses, staticClasses } = uikitReactUtils.createClasses(name, {
+  root: {
+    width: "310px",
+    minHeight: "52px",
+    maxHeight: "92px",
+    padding: uikitStyles.theme.space.xs
+  },
+  success: {},
+  error: {},
+  default: {},
+  warning: {},
+  info: {},
+  accent: {},
+  message: {
+    padding: 0,
+    width: "100%",
+    minHeight: "32px"
+  },
+  action: {},
+  messageText: {
+    paddingLeft: uikitStyles.theme.space.xs,
+    maxHeight: "72px"
+  },
+  iconVariant: {},
+  /** @deprecated use `classes.message` instead */
+  messageSpan: {}
+});
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/Stack/Stack.styles.cjs

@@ -13,7 +13,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStack", {
     flexDirection: "row"
   },
   divider: {
-    borderColor: uikitStyles.theme.colors.atmo4
+    borderColor: uikitStyles.theme.colors.border
   },
   xs: {
     gap: uikitStyles.theme.space.xs

package/dist/cjs/Switch/Switch.styles.cjs

@@ -19,7 +19,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSwitch",
   },
   invalidSwitch: {
     paddingBottom: "1px",
-    borderBottom: `1px solid ${uikitStyles.theme.colors.negative_120}`
+    borderBottom: `1px solid ${uikitStyles.theme.form.errorColor}`
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Table/Table.styles.cjs

@@ -17,7 +17,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTable", {
   },
   stickyHeader: {},
   stickyColumns: {
-    backgroundColor: uikitStyles.theme.colors.atmo2,
+    backgroundColor: uikitStyles.theme.colors.bgPage,
     "&": {
       borderSpacing: 0
     }

package/dist/cjs/Table/TableCell/TableCell.styles.cjs

@@ -8,7 +8,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableCell
     verticalAlign: "inherit",
     alignContent: "inherit",
     textAlign: "left",
-    borderColor: uikitStyles.theme.colors.atmo4,
+    borderColor: uikitStyles.theme.colors.border,
     padding: `calc(${uikitStyles.theme.space.xs} - 2px ) ${uikitStyles.theme.space.xs} calc(${uikitStyles.theme.space.xs} - 3px ) ${uikitStyles.theme.spacing(4)}`,
     borderBottomWidth: 1
   },
@@ -17,7 +17,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableCell
     height: 52,
     verticalAlign: "top",
     alignContent: "start",
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     borderTop: "1px solid transparent",
     ...uikitStyles.theme.typography.label
   },
@@ -117,7 +117,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableCell
   stickyColumn: {
     position: "sticky",
     zIndex: 2,
-    backgroundColor: uikitStyles.theme.colors.atmo2,
+    backgroundColor: uikitStyles.theme.colors.bgPage,
     "&$groupColumnMostRight+$stickyColumn": {
       borderLeft: 0
     }
@@ -157,7 +157,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableCell
   },
   /** Styles applied to the cell when it's part of a resizing column. */
   resizing: {
-    borderRight: `2px solid ${uikitStyles.theme.colors.primary_80}`
+    borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}`
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Table/TableHeader/TableHeader.styles.cjs

@@ -11,7 +11,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
     alignContent: "inherit",
     textAlign: "left",
     padding: uikitStyles.theme.spacing(0, 1, 0, 4),
-    borderColor: uikitStyles.theme.colors.atmo4,
+    borderColor: uikitStyles.theme.colors.border,
     borderBottomWidth: 1
   },
   head: {
@@ -19,7 +19,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
     verticalAlign: "top",
     alignContent: "start",
     ...uikitStyles.theme.typography.label,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     borderBottomWidth: 1,
     "*:first-of-type > &": {
       height: "var(--first-row-cell-height)",
@@ -39,7 +39,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
       paddingLeft: 0,
       cursor: "pointer",
       ":hover, :focus-within": {
-        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover,
+        backgroundColor: uikitStyles.theme.colors.bgHover,
         "& $sortIcon": {
           opacity: 1
         }
@@ -50,7 +50,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
     backgroundColor: "inherit",
     ...uikitStyles.theme.typography.body,
     ":where($sorted)": {
-      backgroundColor: uikitStyles.theme.alpha("atmo1", 0.4)
+      backgroundColor: uikitStyles.theme.alpha("bgContainer", 0.4)
     },
     "&$sortable:not($variantNone)": {
       paddingLeft: 32
@@ -131,10 +131,10 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
   resizable: {
     borderRightWidth: 1,
     ":has($resizer:hover)": {
-      borderRight: `2px solid ${uikitStyles.theme.colors.primary_80}`
+      borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}`
     }
   },
-  resizing: { borderRight: `2px solid ${uikitStyles.theme.colors.primary_80}` },
+  resizing: { borderRight: `2px solid ${uikitStyles.theme.colors.primaryStrong}` },
   resizer: {
     display: "inline-block",
     width: 16,

package/dist/cjs/Table/TableRow/TableRow.styles.cjs

@@ -22,12 +22,12 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow"
   /** Styles applied to the component root class. */
   root: {
     color: "inherit",
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     verticalAlign: "middle",
     alignContent: "center",
     outline: 0,
     ":is($hover,$striped):hover": {
-      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+      backgroundColor: uikitStyles.theme.colors.bgHover
     }
   },
   /** Styles applied to the component root when inside a `HvTableHead`. */
@@ -38,11 +38,11 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow"
   footer: {},
   /** Styles applied to the component root when selected. */
   selected: {
-    backgroundColor: uikitStyles.theme.colors.atmo2
+    backgroundColor: uikitStyles.theme.colors.bgPage
   },
   /** Styles applied to the component root when expanded. */
   expanded: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     "& > *[role=cell]": {
       borderBottom: "none"
     }
@@ -50,7 +50,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow"
   /** Styles applied to the component root when striped. */
   striped: {
     "&:nth-of-type(even)": {
-      backgroundColor: uikitStyles.theme.alpha("atmo1", 0.6)
+      backgroundColor: uikitStyles.theme.alpha("bgContainer", 0.6)
     },
     "&:nth-of-type(odd)": {
       backgroundColor: "transparent"
@@ -63,16 +63,16 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableRow"
     // only applied on custom `display`
     marginBottom: uikitStyles.theme.space.xs,
     borderRadius: uikitStyles.theme.radii.round,
-    ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round),
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round),
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     "&$selected": {
-      ...getBorderStyles(uikitStyles.theme.colors.secondary, uikitStyles.theme.radii.round),
+      ...getBorderStyles(uikitStyles.theme.colors.text, uikitStyles.theme.radii.round),
       "&:hover": {
-        ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
+        ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round)
       }
     },
     "&:hover": {
-      ...getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
+      ...getBorderStyles(uikitStyles.theme.colors.border, uikitStyles.theme.radii.round)
     },
     "&.HvIsFocused": {
       borderRadius: uikitStyles.theme.radii.round

package/dist/cjs/{TableSection → Table/TableSection}/TableSection.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const TableSection_styles = require("./TableSection.styles.cjs");
-const Section = require("../Section/Section.cjs");
+const Section = require("../../Section/Section.cjs");
 const HvTableSection = React.forwardRef(
   function HvTableSection2(props, ref) {
     const {

package/dist/cjs/{TableSection → Table/TableSection}/TableSection.styles.cjs

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const Pagination_styles = require("../Pagination/Pagination.styles.cjs");
-require("../Pagination/Pagination.cjs");
-const BulkActions_styles = require("../BulkActions/BulkActions.styles.cjs");
-require("../BulkActions/BulkActions.cjs");
-const TableCell_styles = require("../Table/TableCell/TableCell.styles.cjs");
-require("../Table/TableCell/TableCell.cjs");
-const TableRow_styles = require("../Table/TableRow/TableRow.styles.cjs");
-require("../Table/TableRow/TableRow.cjs");
-const TableHeader_styles = require("../Table/TableHeader/TableHeader.styles.cjs");
-require("../Table/TableHeader/TableHeader.cjs");
-const TableContainer_styles = require("../Table/TableContainer/TableContainer.styles.cjs");
-require("../Table/TableContainer/TableContainer.cjs");
+const Pagination_styles = require("../../Pagination/Pagination.styles.cjs");
+require("../../Pagination/Pagination.cjs");
+const BulkActions_styles = require("../../BulkActions/BulkActions.styles.cjs");
+require("../../BulkActions/BulkActions.cjs");
+const TableCell_styles = require("../TableCell/TableCell.styles.cjs");
+require("../TableCell/TableCell.cjs");
+const TableRow_styles = require("../TableRow/TableRow.styles.cjs");
+require("../TableRow/TableRow.cjs");
+const TableHeader_styles = require("../TableHeader/TableHeader.styles.cjs");
+require("../TableHeader/TableHeader.cjs");
+const TableContainer_styles = require("../TableContainer/TableContainer.styles.cjs");
+require("../TableContainer/TableContainer.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSection", {
   root: {},
   header: {
@@ -44,8 +44,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSect
       borderTopRightRadius: "inherit"
     },
     [`& .${TableHeader_styles.staticClasses.head}`]: {
-      backgroundColor: uikitStyles.theme.colors.atmo2,
-      borderBottomColor: uikitStyles.theme.colors.atmo3,
+      backgroundColor: uikitStyles.theme.colors.bgPage,
+      borderBottomColor: uikitStyles.theme.colors.bgPageSecondary,
       [`&.${TableHeader_styles.staticClasses.variantCheckbox}`]: {
         borderRight: "none"
       },
@@ -60,7 +60,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSect
       }
     },
     [`& .${TableCell_styles.staticClasses.root}`]: {
-      borderBottomColor: uikitStyles.theme.colors.atmo3
+      borderBottomColor: uikitStyles.theme.colors.borderSubtle
     },
     [`& .${TableCell_styles.staticClasses.variantCheckbox}`]: {
       borderRight: "none"
@@ -71,14 +71,14 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSect
     [`& .${BulkActions_styles.staticClasses.root}`]: {
       marginBottom: 0,
       border: "none",
-      borderBottom: `1px solid ${uikitStyles.theme.colors.atmo3}`,
+      borderBottom: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
       padding: uikitStyles.theme.spacing("xs", "sm")
     },
     [`& .${Pagination_styles.staticClasses.root}`]: {
       margin: 0,
-      backgroundColor: uikitStyles.theme.colors.atmo2,
+      backgroundColor: uikitStyles.theme.colors.bgPage,
       padding: uikitStyles.theme.space.xs,
-      borderTop: `1px solid ${uikitStyles.theme.colors.atmo3}`,
+      borderTop: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
       borderBottomLeftRadius: "inherit",
       borderBottomRightRadius: "inherit"
     },

package/dist/cjs/Table/hooks/useHvPagination.cjs

@@ -52,5 +52,4 @@ const useHvPagination = (hooks) => {
   hooks.useInstance.push(useInstanceHook);
 };
 useHvPagination.pluginName = "useHvPagination";
-exports.defaultGetHvPaginationProps = defaultGetHvPaginationProps;
 exports.useHvPagination = useHvPagination;

package/dist/cjs/Table/hooks/useHvRowExpand.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useLabels = require("../../hooks/useLabels.cjs");
-const DefaultCell = require("../renderers/DefaultCell.cjs");
 const Button = require("../../Button/Button.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const DEFAULT_LABELS = {
@@ -36,11 +35,12 @@ const visibleColumnsHook = (columns, { instance }) => {
     return columns;
   }
   const firstDataColumnIndex = columns.findIndex(
-    (c) => c.id?.indexOf("_hv_") !== 0
+    (c) => !c.id?.startsWith("_hv_")
   );
   if (firstDataColumnIndex !== -1) {
     const firstDataColumn = columns[firstDataColumnIndex];
-    if (firstDataColumn.Cell == null || firstDataColumn.Cell !== DefaultCell.DefaultCell) {
+    if (firstDataColumn.Cell === CellWithExpandButton) return columns;
+    if (firstDataColumn.Cell == null) {
       firstDataColumn.Cell = CellWithExpandButton;
       firstDataColumn.variant = "expand";
       return columns;
@@ -74,5 +74,4 @@ const useHvRowExpand = (hooks) => {
   hooks.getRowProps.push(getRowPropsHook);
 };
 useHvRowExpand.pluginName = "useHvRowExpand";
-exports.CellWithExpandButton = CellWithExpandButton;
 exports.useHvRowExpand = useHvRowExpand;

package/dist/cjs/Table/hooks/useHvRowSelection.cjs

@@ -439,7 +439,4 @@ const useHvRowSelection = (hooks) => {
   hooks.prepareRow.push(prepareRow);
 };
 useHvRowSelection.pluginName = "useHvRowSelection";
-exports.defaultGetToggleAllPageRowsSelectedProps = defaultGetToggleAllPageRowsSelectedProps;
-exports.defaultGetToggleAllRowsSelectedProps = defaultGetToggleAllRowsSelectedProps;
-exports.defaultGetToggleRowSelectedProps = defaultGetToggleRowSelectedProps;
 exports.useHvRowSelection = useHvRowSelection;

package/dist/cjs/Table/hooks/useHvSticky.cjs

@@ -103,7 +103,7 @@ const getCellProps = (header, isHeaderCell) => {
       justifyContent: header.align,
       width: `${header.totalWidth}px`,
       minWidth: `${header.totalMinWidth}px`,
-      ...isHeaderCell && { backgroundColor: uikitStyles.theme.colors.atmo2 }
+      ...isHeaderCell && { backgroundColor: uikitStyles.theme.colors.bgPage }
     }
   };
   if (header.sticky != null) {

package/dist/cjs/Table/renderers/ProgressColumnCell.cjs

@@ -12,15 +12,15 @@ const { useClasses } = uikitReactUtils.createClasses("HvProgressColumnCell", {
   linearProgress: {
     height: 8
   },
-  linearProgressRoot: { backgroundColor: uikitStyles.theme.colors.atmo4 },
+  linearProgressRoot: { backgroundColor: uikitStyles.theme.colors.border },
   linearProgressColorPrimary: {
-    backgroundColor: uikitStyles.theme.colors.atmo4
+    backgroundColor: uikitStyles.theme.colors.border
   },
   linearProgressBarColorPrimary: {
     backgroundColor: uikitStyles.theme.colors.positive
   },
   linearProgressBarColorSecondary: {
-    backgroundColor: uikitStyles.theme.colors.secondary
+    backgroundColor: uikitStyles.theme.colors.text
   }
 });
 const normalizeProgressBar = (value, max) => {
@@ -52,4 +52,3 @@ const HvProgressColumnCell = ({
   ) }) });
 };
 exports.HvProgressColumnCell = HvProgressColumnCell;
-exports.normalizeProgressBar = normalizeProgressBar;