@hitachivantara/uikit-react-core 5.100.0 → 5.101.0

package/dist/cjs/Dropdown/Dropdown.cjs

@@ -292,6 +292,7 @@ const HvDropdown = generic.fixedForwardRef(function HvDropdown2(props, ref) {
                 height,
                 maxHeight,
                 virtualized,
+                "data-is-dropdown": "true",
                 ...listProps
               }
             )

package/dist/cjs/Header/Navigation/MenuBar/Bar.cjs

@@ -7,7 +7,6 @@ const SelectionContext = require("../utils/SelectionContext.cjs");
 const Bar_styles = require("./Bar.styles.cjs");
 const Bar = (props) => {
   const {
-    id,
     data = [],
     type = "menubar",
     className,
@@ -30,7 +29,7 @@ const Bar = (props) => {
         },
         className
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classes.list, id, onFocus: () => {
+      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classes.list, onFocus: () => {
       }, children })
     }
   );

package/dist/cjs/Header/Navigation/MenuBar/Bar.styles.cjs

@@ -4,14 +4,14 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const show = {
   top: uikitStyles.theme.header.height,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: uikitStyles.theme.colors.shadow,
   transitionDuration: "500ms",
   backgroundColor: uikitStyles.theme.colors.bgPage
 };
 const hide = {
   top: 0,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: "none",
   transitionDuration: "300ms"
 };

package/dist/cjs/Pagination/Pagination.styles.cjs

@@ -49,7 +49,14 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvPaginatio
     display: "flex",
     alignItems: "center",
     [`& .${BaseDropdown_styles.staticClasses.arrowContainer}`]: {
-      marginTop: -2
+      display: "flex",
+      alignItems: "center",
+      top: "unset",
+      height: 24,
+      "> svg": {
+        marginTop: 0,
+        marginBottom: 0
+      }
     }
   },
   pageSizeRoot: {

package/dist/cjs/StatusIcon/StatusIcon.styles.cjs

@@ -41,7 +41,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStatusIco
     ),
     [`&[data-variant="default"]`]: {
       color: uikitStyles.theme.colors.text,
-      backgroundColor: uikitStyles.theme.colors.bgContainerSecondary,
+      backgroundColor: uikitStyles.theme.colors.bgPage,
       outline: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
       [`&[data-type="simple"]`]: {
         outline: "none",

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

@@ -91,6 +91,8 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableHead
   },
   sortable: {},
   sortButton: {
+    paddingLeft: 4,
+    paddingTop: 4,
     ":focus-visible": {
       boxShadow: "none",
       backgroundColor: "transparent"

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

@@ -11,7 +11,6 @@ const SwitchColumnCell = require("./SwitchColumnCell.cjs");
 const Button = require("../../Button/Button.cjs");
 const Tag = require("../../Tag/Tag.cjs");
 const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const Typography = require("../../Typography/Typography.cjs");
 const EM_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : EM_DASH;
@@ -102,7 +101,7 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
       return /* @__PURE__ */ jsxRuntime.jsx(
         Tag.HvTag,
         {
-          label: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "body", children: name }),
+          label: name,
           type: "semantic",
           color,
           style: textColor != null ? { color: textColor } : {},

package/dist/cjs/Tag/Tag.cjs

@@ -11,6 +11,12 @@ const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const Tag_styles = require("./Tag.styles.cjs");
 const ButtonBase = require("../ButtonBase/ButtonBase.cjs");
 const Typography = require("../Typography/Typography.cjs");
+const colorMap = {
+  positive_20: "positive",
+  negative_20: "negative",
+  warning_20: "warning",
+  neutral_20: "info"
+};
 const HvTag = React.forwardRef(function HvTag2(props, ref) {
   const {
     classes: classesProp,
@@ -26,7 +32,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     selected,
     defaultSelected = false,
     showSelectIcon = selectable,
-    color,
+    color: colorProp,
     icon: iconProp,
     deleteIcon: deleteIconProp,
     onDelete,
@@ -38,6 +44,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     ...others
   } = uikitReactUtils.useDefaultProps("HvTag", props);
   const { classes, cx } = Tag_styles.useClasses(classesProp);
+  const { activeTheme } = uikitReactUtils.useTheme();
   const [isSelected, setIsSelected] = useControlled.useControlled(
     selected,
     Boolean(defaultSelected)
@@ -46,6 +53,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
+  const color = activeTheme?.name === "pentahoPlus" && colorMap[colorProp] || colorProp;
   const tagColor = (
     // backwards-compatibility for `type` prop
     type === "categorical" && uikitStyles.theme.alpha(color || "cat1", 0.2) || // use the palette color if it matches

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

@@ -10,7 +10,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
     cursor: "default",
     color: uikitStyles.theme.colors.textDark,
     borderColor: uikitStyles.theme.colors.border,
-    borderRadius: 0,
+    borderRadius: uikitStyles.theme.radii.round,
     maxWidth: 180,
     whiteSpace: "nowrap",
     transition: "background-color 0.3s ease",
@@ -24,7 +24,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
     }
   },
   hasIcon: {
-    paddingLeft: 2
+    paddingLeft: uikitStyles.theme.space.xxs
   },
   /** @deprecated */
   outlined: {
@@ -66,11 +66,12 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTag", {
     }
   },
   label: {
-    padding: uikitStyles.theme.spacing(0, "xxs"),
+    padding: uikitStyles.theme.spacing(0, "xs"),
     color: "inherit"
   },
   deleteIcon: {
     margin: 0,
+    marginRight: uikitStyles.theme.space.xxs,
     padding: 2,
     ":hover": {
       backgroundColor: uikitStyles.theme.colors.bgHover

package/dist/cjs/icons.cjs

@@ -49,7 +49,7 @@ const defaultIconPathMap = {
   Close: "m8.7 8 5.3 5.3-.7.7L8 8.7 2.7 14l-.7-.7L7.3 8 2 2.7l.7-.7L8 7.3 13.3 2l.7.7z",
   Search: "M15.07 14.52 10.5 9.95a5.96 5.96 0 1 0-.72.7l4.58 4.58zM5.9 11A4.95 4.95 0 0 1 1 6v-.1A4.95 4.95 0 0 1 6 1h.1A4.95 4.95 0 0 1 11 6v.1A4.95 4.95 0 0 1 6 11z",
   SortAsc: "M.08 6.07 6.5.01l6.42 6.06Zm0 0",
-  SortDesc: "M1.76 5 6 .76 10.24 5z",
+  SortDesc: "M12.92 8.93 6.5 14.99.08 8.93Zm0 0",
   Sort: "M10.24 7 6 11.24 1.76 7zM1.76 5 6 .76 10.24 5z",
   // single-use icons in Widgets
   Calendar: "M10.5 2V0h-1v2h-3V0h-1v2H0v14h16V2zM15 15H1V3h14zM3 6h2v2H3zm4 0h2v2H7zm4 0h2v2h-2zm-8 4h2v2H3zm4 0h2v2H7zm4 0h2v2h-2z",

package/dist/cjs/themes/ds3.cjs

@@ -1153,9 +1153,6 @@ const ds3 = uikitStyles.mergeTheme(uikitStyles.ds3, {
           "& button&.HvMultiButton-button&.HvMultiButton-selected": {
             height: 32
           }
-        },
-        splitDisabled: {
-          backgroundColor: uikitStyles.theme.colors.atmo3
         }
       }
     },

package/dist/cjs/themes/ds5.cjs

@@ -31,53 +31,88 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         panel: {
           "--r": uikitStyles.theme.radii.round,
           "&[data-popper-placement*='top']": {
+            top: 1,
+            borderRadius: "var(--r) var(--r) var(--r) 0"
+          },
+          "&[data-popper-placement*='top']:has([data-is-dropdown='true'])": {
             top: 1,
             borderRadius: "var(--r) var(--r) 0 0"
           },
           "&[data-popper-placement*='bottom']": {
+            top: -1,
+            borderRadius: "0 var(--r) var(--r) var(--r)"
+          },
+          "&[data-popper-placement*='bottom']:has([data-is-dropdown='true'])": {
             top: -1,
             borderRadius: "0 0 var(--r) var(--r)"
           }
         }
       }
     },
+    HvBreadCrumb: {
+      classes: {
+        link: {
+          borderRadius: uikitStyles.theme.radii.round
+        }
+      }
+    },
     HvButton: {
       radius: "round",
       classes: {
         root: {
           ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=warning]": { color: uikitStyles.theme.colors.warning_140 }
+            "&[data-color=warning]": { color: uikitStyles.theme.colors.warningDeep }
           }
         },
         contained: {
           ":where([data-color=primary]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.primary_80,
-              borderColor: uikitStyles.theme.colors.primary_80
+              backgroundColor: uikitStyles.theme.colors.primaryStrong,
+              borderColor: uikitStyles.theme.colors.primaryStrong
             }
           },
           ":where([data-color=positive]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.positive_80,
-              borderColor: uikitStyles.theme.colors.positive_80
+              backgroundColor: uikitStyles.theme.colors.positiveStrong,
+              borderColor: uikitStyles.theme.colors.positiveStrong
             }
           },
           ":where([data-color=warning]:not(.HvButton-disabled))": {
-            backgroundColor: uikitStyles.theme.colors.warning_120,
+            backgroundColor: uikitStyles.theme.colors.warningStrong,
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.warning_140,
-              borderColor: uikitStyles.theme.colors.warning_140
+              backgroundColor: uikitStyles.theme.colors.warningDeep,
+              borderColor: uikitStyles.theme.colors.warningDeep
             }
           },
           ":where([data-color=negative]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.negative_80,
-              borderColor: uikitStyles.theme.colors.negative_80
+              backgroundColor: uikitStyles.theme.colors.negativeStrong,
+              borderColor: uikitStyles.theme.colors.negativeStrong
             }
           }
         }
       }
     },
+    HvCalendar: {
+      classes: {
+        root: {
+          " .HvCalendarCell-cellContainer": {
+            borderRadius: uikitStyles.theme.radii.round,
+            "& .HvCalendarCell-startBookend": {
+              borderTopLeftRadius: uikitStyles.theme.radii.round,
+              borderBottomLeftRadius: uikitStyles.theme.radii.round
+            },
+            "& .HvCalendarCell-endBookend": {
+              borderTopRightRadius: uikitStyles.theme.radii.round,
+              borderBottomRightRadius: uikitStyles.theme.radii.round
+            }
+          },
+          " .HvCalendarCell-calendarDateSelected": {
+            borderRadius: uikitStyles.theme.radii.round
+          }
+        }
+      }
+    },
     HvCallout: {
       classes: {
         messageIcon: {
@@ -86,6 +121,27 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         }
       }
     },
+    HvColorPicker: {
+      classes: {
+        colorPicker: {
+          " .HvColorPickerPresetColors-swatchWrap > span > div": {
+            borderRadius: uikitStyles.theme.radii.round
+          },
+          " .HvColorPickerSavedColors-swatchWrap > span > div": {
+            borderRadius: uikitStyles.theme.radii.round
+          },
+          " .HvColorPickerPicker-saturation > div": {
+            borderRadius: uikitStyles.theme.radii.round,
+            " .saturation-white": {
+              borderRadius: uikitStyles.theme.radii.round,
+              " .saturation-black": {
+                borderRadius: uikitStyles.theme.radii.round
+              }
+            }
+          }
+        }
+      }
+    },
     HvDropdownButton: {
       classes: {
         open: {
@@ -102,13 +158,29 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
     },
     HvMultiButton: {
       classes: {
+        multiple: {
+          borderRadius: uikitStyles.theme.radii.round,
+          "& .HvMultiButton-button.HvMultiButton-selected": {
+            borderRadius: uikitStyles.theme.radii.round,
+            borderColor: uikitStyles.theme.colors.primary,
+            borderWidth: 2
+          }
+        },
+        vertical: {
+          borderRadius: uikitStyles.theme.radii.round,
+          "& .HvMultiButton-button.HvMultiButton-selected": {
+            borderRadius: uikitStyles.theme.radii.round,
+            borderColor: uikitStyles.theme.colors.primary,
+            borderWidth: 2
+          }
+        },
         splitGroup: {
           // NEXT5 subtle multi-buttons have a custom background
           "& .HvButton-subtle": {
-            backgroundColor: uikitStyles.theme.colors.atmo1
+            backgroundColor: uikitStyles.theme.colors.bgContainer
           },
           "&& .HvButton-disabled": {
-            backgroundColor: uikitStyles.theme.colors.atmo3
+            backgroundColor: uikitStyles.theme.colors.bgDisabled
           }
         }
       }
@@ -126,6 +198,13 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         }
       }
     },
+    HvSnackbarContent: {
+      classes: {
+        root: {
+          borderRadius: uikitStyles.theme.radii.round
+        }
+      }
+    },
     HvStatusIcon: {
       type: "simple"
     },
@@ -133,7 +212,7 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
       classes: {
         root: {
           "&.HvTab-selected": {
-            color: uikitStyles.theme.colors.secondary
+            color: uikitStyles.theme.colors.text
           }
         }
       }
@@ -145,6 +224,9 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         },
         categorical: {
           "--tagColor": uikitStyles.theme.alpha("cat1", 0.2)
+        },
+        xs: {
+          height: 19
         }
       }
     },
@@ -155,7 +237,7 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
             padding: 0
           },
           "& .HvIconContainer-root": {
-            color: `${uikitStyles.theme.colors.secondary}!important`
+            color: `${uikitStyles.theme.colors.text}!important`
           }
         }
       }

package/dist/cjs/themes/pentahoPlus.cjs

@@ -186,7 +186,6 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
       classes: {
         content: {
           backgroundColor: uikitStyles.theme.colors.bgPage
-          // = bgContainerSecondary
         }
       }
     },
@@ -254,7 +253,6 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
         root: {
           outline: `1px solid ${uikitStyles.theme.colors.border}`,
           outlineOffset: -1,
-          borderRadius: uikitStyles.theme.radii.round,
           ":where(:not([data-color],.HvTag-disabled))": {
             color: uikitStyles.theme.colors.text,
             "--tagColor": uikitStyles.theme.colors.bgContainer
@@ -394,7 +392,7 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
             },
             "&[data-color=secondary]": {
               borderColor: uikitStyles.theme.colors.border,
-              backgroundColor: uikitStyles.theme.colors.bgContainerSecondary
+              backgroundColor: uikitStyles.theme.colors.bgPage
             },
             ":hover": {
               backgroundColor: uikitStyles.theme.colors.primaryDimmed

package/dist/esm/Dropdown/Dropdown.js

@@ -291,6 +291,7 @@ const HvDropdown = fixedForwardRef(function HvDropdown2(props, ref) {
                 height,
                 maxHeight,
                 virtualized,
+                "data-is-dropdown": "true",
                 ...listProps
               }
             )

package/dist/esm/Header/Navigation/MenuBar/Bar.js

@@ -6,7 +6,6 @@ import { useClasses } from "./Bar.styles.js";
 import { staticClasses } from "./Bar.styles.js";
 const Bar = (props) => {
   const {
-    id,
     data = [],
     type = "menubar",
     className,
@@ -29,7 +28,7 @@ const Bar = (props) => {
         },
         className
       ),
-      children: /* @__PURE__ */ jsx("ul", { className: classes.list, id, onFocus: () => {
+      children: /* @__PURE__ */ jsx("ul", { className: classes.list, onFocus: () => {
       }, children })
     }
   );

package/dist/esm/Header/Navigation/MenuBar/Bar.styles.js

@@ -2,14 +2,14 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const show = {
   top: theme.header.height,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: theme.colors.shadow,
   transitionDuration: "500ms",
   backgroundColor: theme.colors.bgPage
 };
 const hide = {
   top: 0,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: "none",
   transitionDuration: "300ms"
 };

package/dist/esm/Pagination/Pagination.styles.js

@@ -47,7 +47,14 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     display: "flex",
     alignItems: "center",
     [`& .${staticClasses$2.arrowContainer}`]: {
-      marginTop: -2
+      display: "flex",
+      alignItems: "center",
+      top: "unset",
+      height: 24,
+      "> svg": {
+        marginTop: 0,
+        marginBottom: 0
+      }
     }
   },
   pageSizeRoot: {

package/dist/esm/StatusIcon/StatusIcon.styles.js

@@ -39,7 +39,7 @@ const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
     ),
     [`&[data-variant="default"]`]: {
       color: theme.colors.text,
-      backgroundColor: theme.colors.bgContainerSecondary,
+      backgroundColor: theme.colors.bgPage,
       outline: `1px solid ${theme.colors.borderSubtle}`,
       [`&[data-type="simple"]`]: {
         outline: "none",

package/dist/esm/Table/TableHeader/TableHeader.styles.js

@@ -89,6 +89,8 @@ const { staticClasses, useClasses } = createClasses("HvTableHeader", {
   },
   sortable: {},
   sortButton: {
+    paddingLeft: 4,
+    paddingTop: 4,
     ":focus-visible": {
       boxShadow: "none",
       backgroundColor: "transparent"

package/dist/esm/Table/renderers/renderers.js

@@ -9,7 +9,6 @@ import { HvSwitchColumnCell } from "./SwitchColumnCell.js";
 import { HvButton } from "../../Button/Button.js";
 import { HvTag } from "../../Tag/Tag.js";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-import { HvTypography } from "../../Typography/Typography.js";
 const EM_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : EM_DASH;
@@ -100,7 +99,7 @@ function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowD
       return /* @__PURE__ */ jsx(
         HvTag,
         {
-          label: /* @__PURE__ */ jsx(HvTypography, { variant: "body", children: name }),
+          label: name,
           type: "semantic",
           color,
           style: textColor != null ? { color: textColor } : {},

package/dist/esm/Tag/Tag.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, cloneElement } from "react";
-import { useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, useTheme, mergeStyles } from "@hitachivantara/uikit-react-utils";
 import { theme, getColor } from "@hitachivantara/uikit-styles";
 import { HvCheckBoxIcon } from "../BaseCheckBox/CheckBoxIcon.js";
 import { useControlled } from "../hooks/useControlled.js";
@@ -10,6 +10,12 @@ import { useClasses } from "./Tag.styles.js";
 import { staticClasses } from "./Tag.styles.js";
 import { HvButtonBase } from "../ButtonBase/ButtonBase.js";
 import { HvTypography } from "../Typography/Typography.js";
+const colorMap = {
+  positive_20: "positive",
+  negative_20: "negative",
+  warning_20: "warning",
+  neutral_20: "info"
+};
 const HvTag = forwardRef(function HvTag2(props, ref) {
   const {
     classes: classesProp,
@@ -25,7 +31,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     selected,
     defaultSelected = false,
     showSelectIcon = selectable,
-    color,
+    color: colorProp,
     icon: iconProp,
     deleteIcon: deleteIconProp,
     onDelete,
@@ -37,6 +43,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     ...others
   } = useDefaultProps("HvTag", props);
   const { classes, cx } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
   const [isSelected, setIsSelected] = useControlled(
     selected,
     Boolean(defaultSelected)
@@ -45,6 +52,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
+  const color = activeTheme?.name === "pentahoPlus" && colorMap[colorProp] || colorProp;
   const tagColor = (
     // backwards-compatibility for `type` prop
     type === "categorical" && theme.alpha(color || "cat1", 0.2) || // use the palette color if it matches

package/dist/esm/Tag/Tag.styles.js

@@ -8,7 +8,7 @@ const { staticClasses, useClasses } = createClasses("HvTag", {
     cursor: "default",
     color: theme.colors.textDark,
     borderColor: theme.colors.border,
-    borderRadius: 0,
+    borderRadius: theme.radii.round,
     maxWidth: 180,
     whiteSpace: "nowrap",
     transition: "background-color 0.3s ease",
@@ -22,7 +22,7 @@ const { staticClasses, useClasses } = createClasses("HvTag", {
     }
   },
   hasIcon: {
-    paddingLeft: 2
+    paddingLeft: theme.space.xxs
   },
   /** @deprecated */
   outlined: {
@@ -64,11 +64,12 @@ const { staticClasses, useClasses } = createClasses("HvTag", {
     }
   },
   label: {
-    padding: theme.spacing(0, "xxs"),
+    padding: theme.spacing(0, "xs"),
     color: "inherit"
   },
   deleteIcon: {
     margin: 0,
+    marginRight: theme.space.xxs,
     padding: 2,
     ":hover": {
       backgroundColor: theme.colors.bgHover

package/dist/esm/icons.js

@@ -45,7 +45,7 @@ const defaultIconPathMap = {
   Close: "m8.7 8 5.3 5.3-.7.7L8 8.7 2.7 14l-.7-.7L7.3 8 2 2.7l.7-.7L8 7.3 13.3 2l.7.7z",
   Search: "M15.07 14.52 10.5 9.95a5.96 5.96 0 1 0-.72.7l4.58 4.58zM5.9 11A4.95 4.95 0 0 1 1 6v-.1A4.95 4.95 0 0 1 6 1h.1A4.95 4.95 0 0 1 11 6v.1A4.95 4.95 0 0 1 6 11z",
   SortAsc: "M.08 6.07 6.5.01l6.42 6.06Zm0 0",
-  SortDesc: "M1.76 5 6 .76 10.24 5z",
+  SortDesc: "M12.92 8.93 6.5 14.99.08 8.93Zm0 0",
   Sort: "M10.24 7 6 11.24 1.76 7zM1.76 5 6 .76 10.24 5z",
   // single-use icons in Widgets
   Calendar: "M10.5 2V0h-1v2h-3V0h-1v2H0v14h16V2zM15 15H1V3h14zM3 6h2v2H3zm4 0h2v2H7zm4 0h2v2h-2zm-8 4h2v2H3zm4 0h2v2H7zm4 0h2v2h-2z",

package/dist/esm/themes/ds3.js

@@ -1151,9 +1151,6 @@ const ds3 = mergeTheme(ds3$1, {
           "& button&.HvMultiButton-button&.HvMultiButton-selected": {
             height: 32
           }
-        },
-        splitDisabled: {
-          backgroundColor: theme.colors.atmo3
         }
       }
     },