@hitachivantara/uikit-react-core 6.0.0-next.1 → 6.0.0-next.10

package/dist/StatusIcon/StatusIcon.styles.js

@@ -14,37 +14,32 @@ const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
     lineHeight: 0,
     flexShrink: 0,
     padding: theme.space.xxs,
+    borderRadius: theme.radii.base,
     "--icsize": "auto",
-    [`&[data-size=xs]`]: { borderRadius: theme.radii.base },
-    [`&[data-size=sm]`]: { borderRadius: theme.radii.base },
-    [`&[data-size=md]`]: { borderRadius: theme.radii.round },
-    [`&[data-size=lg]`]: { borderRadius: theme.radii.large },
-    [`&[data-size=xl]`]: { borderRadius: theme.radii.large },
-    [`:not([data-type="simple"])`]: {
+    ":where([data-size=md])": { borderRadius: theme.radii.round },
+    ":where([data-size=lg])": { borderRadius: theme.radii.large },
+    ":where([data-size=xl])": { borderRadius: theme.radii.large },
+    ":where([data-type=full])": {
       outline: "1px solid currentcolor"
     },
     ...Object.fromEntries(
       Object.entries(notificationMap).map(([variant, color]) => [
-        [`&[data-variant="${variant}"]`],
+        [`:where([data-variant=${variant}])`],
         {
           color: theme.colors[color],
           outline: `1px solid ${theme.colors[`${color}Border`]}`,
           backgroundColor: theme.colors[`${color}Dimmed`],
-          [`&[data-type="simple"]`]: {
+          ":where([data-type=simple])": {
             outline: "none",
             backgroundColor: "transparent"
           }
         }
       ])
     ),
-    [`&[data-variant="default"]`]: {
+    ":where([data-variant=default][data-type=full])": {
       color: theme.colors.text,
       backgroundColor: theme.colors.bgPage,
-      outline: `1px solid ${theme.colors.borderSubtle}`,
-      [`&[data-type="simple"]`]: {
-        outline: "none",
-        backgroundColor: "transparent"
-      }
+      outline: `1px solid ${theme.colors.borderSubtle}`
     }
   },
   icon: {

package/dist/Tag/Tag.js

@@ -51,7 +51,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
-  const color = activeTheme?.name === "pentaho" && colorMap[colorProp] || colorProp;
+  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/TextArea/TextArea.js

@@ -61,7 +61,7 @@ const HvTextArea = forwardRef(function HvTextArea2(props, ref) {
   const isDirty = useRef(false);
   const inputRef = useRef(null);
   const forkedRef = useForkRef(ref, inputRefProp, inputRef);
-  const [description, infoMessage] = activeTheme?.name === "pentaho" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
+  const [description, infoMessage] = activeTheme?.name === "pentahoPlus" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
   const [focused, setFocused] = useState(false);
   const [autoScrolling, setAutoScrolling] = useState(autoScroll);
   const [validationState, setValidationState] = useControlled(

package/dist/TreeView/TreeView.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useSlotProps } from "@mui/base/utils";
+import { useSlotProps } from "@mui/base";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { HvIcon } from "../icons.js";
 import { fixedForwardRef } from "../types/generic.js";

package/dist/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Popper } from "@mui/base/Popper";
-import ClickAwayListener from "@mui/material/ClickAwayListener";
+import { Popper, ClickAwayListener } from "@mui/base";
 import { useTheme } from "@hitachivantara/uikit-react-utils";
 import { getContainerElement } from "../../utils/document.js";
 import { HvVerticalNavigation } from "../VerticalNavigation.js";

package/dist/icons.js

@@ -44,8 +44,8 @@ const defaultIconPathMap = {
   Add: "M16 8.5H8.5V16h-1V8.5H0v-1h7.5V0h1v7.5H16z",
   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: "M12.92 8.93 6.5 14.99.08 8.93Zm0 0",
+  SortAsc: "M10.24 7 6 11.24 1.76 7z",
+  SortDesc: "M1.76 5 6 .76 10.24 5z",
   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",