@hitachivantara/uikit-react-core 5.89.0 → 5.90.0

package/dist/cjs/Select/Select.styles.cjs

@@ -12,7 +12,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSelect",
   disabled: {},
   readOnly: {},
   invalid: {
-    borderColor: uikitStyles.theme.colors.negative_120
+    borderColor: uikitStyles.theme.form.errorColor
   },
   labelContainer: {
     display: "flex",
@@ -26,13 +26,13 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSelect",
   },
   panel: {
     maxHeight: 400,
-    border: `1px solid ${uikitStyles.theme.colors.secondary}`,
+    border: `1px solid ${uikitStyles.theme.colors.text}`,
     marginTop: -1,
     marginBottom: -1,
     // panel styles
     position: "relative",
     padding: uikitStyles.theme.space.xs,
-    backgroundColor: uikitStyles.theme.colors.atmo1,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
     overflowY: "auto",
     borderRadius: "inherit"
   },

package/dist/cjs/SelectionList/SelectionList.styles.cjs

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

package/dist/cjs/Skeleton/Skeleton.styles.cjs

@@ -4,7 +4,7 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSkeleton", {
   root: {
-    backgroundColor: uikitStyles.theme.colors.atmo3,
+    backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
     width: "fit-content",
     "& > *": {
       visibility: "hidden"
@@ -20,7 +20,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSkeleton"
     }
   },
   circle: {
-    borderRadius: uikitStyles.theme.radii.circle
+    borderRadius: uikitStyles.theme.radii.full
   },
   square: {
     borderRadius: uikitStyles.theme.radii.base
@@ -46,7 +46,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSkeleton"
       background: `linear-gradient(
             90deg,
             transparent,
-            ${uikitStyles.theme.colors.atmo4},
+            ${uikitStyles.theme.colors.border},
             transparent
           )`,
       content: "''",

package/dist/cjs/Slider/Slider.styles.cjs

@@ -11,8 +11,7 @@ const dot = {
   width: "1px",
   height: "4px",
   border: "none",
-  borderRadius: "0%",
-  backgroundColor: uikitStyles.theme.colors.atmo4,
+  backgroundColor: uikitStyles.theme.colors.border,
   cursor: "pointer",
   verticalAlign: "middle",
   zIndex: "-3"
@@ -26,15 +25,15 @@ const dragSquare = {
   top: "-12px",
   content: "''",
   background: "transparent",
-  borderTop: `12px solid ${uikitStyles.theme.colors.primary_20}`,
-  borderBottom: `12px solid ${uikitStyles.theme.colors.primary_20}`,
+  borderTop: `12px solid ${uikitStyles.theme.colors.primaryDimmed}`,
+  borderBottom: `12px solid ${uikitStyles.theme.colors.primaryDimmed}`,
   zIndex: "-2"
 };
 const ring = {
   width: "32px",
   height: "32px",
-  borderRadius: "50%",
-  border: `9px solid ${uikitStyles.theme.colors.primary_20}`,
+  borderRadius: uikitStyles.theme.radii.circle,
+  border: `9px solid ${uikitStyles.theme.colors.primaryDimmed}`,
   opacity: "100%",
   content: "''",
   position: "absolute",
@@ -44,8 +43,8 @@ const ring = {
 const border = {
   width: "20px",
   height: "20px",
-  borderRadius: "50%",
-  border: `2px solid ${uikitStyles.theme.colors.atmo1}`,
+  borderRadius: uikitStyles.theme.radii.circle,
+  border: `2px solid ${uikitStyles.theme.colors.textDimmed}`,
   content: "''",
   position: "absolute",
   top: "-4px",
@@ -61,7 +60,7 @@ const sliderStyles = {
   disabledMark: {
     ...uikitStyles.theme.typography.caption1,
     fontFamily: uikitStyles.theme.fontFamily.body,
-    color: `${uikitStyles.theme.colors.secondary_60}`,
+    color: uikitStyles.theme.colors.textDisabled,
     cursor: "not-allowed",
     top: "-2px"
   },
@@ -79,7 +78,6 @@ const sliderStyles = {
     width: "2px",
     marginLeft: "-1px",
     border: "none",
-    borderRadius: "0",
     marginTop: "0px",
     left: "100%",
     touchAction: "none",
@@ -88,16 +86,16 @@ const sliderStyles = {
   knobInner: {
     borderColor: "transparent",
     boxShadow: "none",
-    backgroundColor: uikitStyles.theme.colors.secondary,
+    backgroundColor: uikitStyles.theme.colors.text,
     width: "16px",
     height: "16px"
   },
   knobOuter: {
     position: "relative",
     borderColor: "transparent",
-    borderRadius: "50%",
+    borderRadius: uikitStyles.theme.radii.circle,
     boxShadow: "none",
-    backgroundColor: uikitStyles.theme.colors.atmo4,
+    backgroundColor: uikitStyles.theme.colors.border,
     width: "32px",
     height: "32px",
     top: "-80%",
@@ -105,12 +103,12 @@ const sliderStyles = {
     zIndex: "-1"
   },
   track: {
-    backgroundColor: uikitStyles.theme.colors.secondary,
+    backgroundColor: uikitStyles.theme.colors.text,
     height: "3px",
     zIndex: "-1",
     marginTop: "-1px"
   },
-  rail: { backgroundColor: uikitStyles.theme.colors.atmo4, height: "1px", zIndex: "-3" }
+  rail: { backgroundColor: uikitStyles.theme.colors.border, height: "1px", zIndex: "-3" }
 };
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSlider", {
   sliderBase: { ...base.default },
@@ -206,7 +204,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSlider",
   root: {},
   sliderTooltip: {
     "&& .rc-slider-tooltip-inner": {
-      background: uikitStyles.theme.colors.atmo1,
+      background: uikitStyles.theme.colors.bgContainer,
       borderRadius: 0,
       maxWidth: "532px",
       height: "100%",

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,6 +17,7 @@ const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
     classes: classesProp,
     className,
     id,
+    title,
     open = false,
     onClose,
     label,
@@ -75,6 +76,7 @@ const HvSnackbar = React.forwardRef(function HvSnackbar2(props, ref) {
         SnackbarContent.HvSnackbarContent,
         {
           id: setId.setId(id, "content"),
+          title,
           label,
           variant,
           customIcon,

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

@@ -14,6 +14,8 @@ const { useClasses, staticClasses } = uikitReactUtils.createClasses(name, {
   error: {},
   default: {},
   warning: {},
+  info: {},
+  accent: {},
   message: {
     padding: 0,
     width: "100%",

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/Table/TableSection/TableSection.styles.cjs

@@ -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

@@ -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;

package/dist/cjs/Tabs/Tab/Tab.styles.cjs

@@ -13,17 +13,17 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTab", {
     ...uikitStyles.theme.typography.body,
     borderRadius: `${uikitStyles.theme.radii.base} ${uikitStyles.theme.radii.base} 0 0`,
     "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover,
+      backgroundColor: uikitStyles.theme.colors.bgHover,
       "&::after": {
         height: "1px",
-        backgroundColor: uikitStyles.theme.colors.atmo4
+        backgroundColor: uikitStyles.theme.colors.border
       }
     },
     "&$selected": {
       fontWeight: uikitStyles.theme.typography.label.fontWeight
     },
     "&$disabled": {
-      color: uikitStyles.theme.colors.secondary_60,
+      color: uikitStyles.theme.colors.textDisabled,
       cursor: "not-allowed",
       pointerEvents: "all",
       opacity: 1,
@@ -38,7 +38,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTab", {
       top: "calc(100% - 1px)",
       height: "1px",
       width: "100%",
-      backgroundColor: uikitStyles.theme.colors.atmo4,
+      backgroundColor: uikitStyles.theme.colors.border,
       content: "''"
     },
     // Override Mui styling: https://mui.com/material-ui/api/tab/#css

package/dist/cjs/Tag/Tag.cjs

@@ -96,7 +96,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
           CheckboxIcon,
           {
             className: classes.icon,
-            color: disabled && ["atmo3", "secondary_60"] || void 0,
+            color: disabled && ["bgPageSecondary", "textDisabled"] || void 0,
             size: "XS"
           }
         ),

package/dist/cjs/Tag/Tag.styles.cjs

@@ -8,7 +8,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
     alignItems: "center",
     justifyContent: "center",
     cursor: "default",
-    color: uikitStyles.theme.colors.base_dark,
+    color: uikitStyles.theme.colors.textDark,
     backgroundColor: "var(--bgColor)",
     height: 16,
     borderRadius: 0,
@@ -21,16 +21,16 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
   categorical: {
     borderRadius: 8,
     "& $label": {
-      color: uikitStyles.theme.colors.secondary
+      color: uikitStyles.theme.colors.text
     }
   },
   disabled: {
-    backgroundColor: uikitStyles.theme.colors.atmo3,
+    backgroundColor: uikitStyles.theme.colors.bgDisabled,
     ":hover, :focus": {
-      backgroundColor: uikitStyles.theme.colors.atmo3
+      backgroundColor: uikitStyles.theme.colors.bgDisabled
     },
     "& $label": {
-      color: uikitStyles.theme.colors.secondary_60
+      color: uikitStyles.theme.colors.textDisabled
     }
   },
   label: {
@@ -41,7 +41,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
     width: 16,
     height: 16,
     "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+      backgroundColor: uikitStyles.theme.colors.bgHover
     }
   },
   selected: {},