@hitachivantara/uikit-react-core 5.106.2 → 5.108.0

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

@@ -1,8 +1,7 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-import { staticClasses as staticClasses$2 } from "../BaseDropdown/BaseDropdown.styles.js";
+import { staticClasses as staticClasses$1 } from "../BaseDropdown/BaseDropdown.styles.js";
 import "../BaseDropdown/BaseDropdown.js";
-import { staticClasses as staticClasses$1 } from "../Input/Input.styles.js";
 const { staticClasses, useClasses } = createClasses("HvPagination", {
   /** Styles applied to the component root class. */
   root: {
@@ -13,24 +12,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     alignItems: "stretch",
     flexWrap: "wrap",
     marginTop: theme.space.sm,
-    [`& $pageSizeInput`]: {
-      ...theme.typography.caption2,
-      "&:focus": {
-        padding: 0
-      }
-    },
-    [`& $pageSizeInputContainer`]: {
-      width: 24,
-      minWidth: 24,
-      maxWidth: theme.spacing(8)
-    },
-    [`&& $pageSizeInputRoot`]: {
-      backgroundColor: "transparent",
-      height: "24px",
-      "&:focus, &:focus-within, &:hover": {
-        backgroundColor: theme.colors.bgHover
-      }
-    }
+    ...theme.typography.caption2
   },
   /** Styles applied to the page size selector container. */
   pageSizeOptions: {
@@ -46,7 +28,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     height: 24,
     display: "flex",
     alignItems: "center",
-    [`& .${staticClasses$2.arrowContainer}`]: {
+    [`& .${staticClasses$1.arrowContainer}`]: {
       display: "flex",
       alignItems: "center",
       top: "unset",
@@ -58,6 +40,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     }
   },
   pageSizeRoot: {
+    display: "inline-block",
     width: "auto"
   },
   /** Styles applied to the element that holds the labels for the page size selector */
@@ -66,18 +49,12 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     alignItems: "center",
     justifyContent: "center",
     height: "24px",
-    padding: "8px 0",
-    ...theme.typography.caption2
-  },
-  totalPagesTextContainer: {
-    ...theme.typography.caption2
-  },
-  /** Styles applied to the page size selector dropdown element. */
-  pageSizeOptionsSelect: {
-    display: "inline-block",
-    width: "auto",
-    ...theme.typography.caption2
+    padding: "8px 0"
   },
+  /** @deprecated unused */
+  totalPagesTextContainer: {},
+  /** Styles applied to the page size selector dropdown element. @deprecated use `classes.pageSizeRoot` instead. */
+  pageSizeOptionsSelect: {},
   /** Styles applied to the page navigation container. */
   pageNavigator: {
     display: "flex",
@@ -100,30 +77,39 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
   },
   /** Styles applied to the page selector input container. */
   pageJump: {
-    display: "inline-block",
-    marginRight: `4px`,
-    [`& .${staticClasses$1.inputRoot}`]: {
-      [`& $pageSizeInput`]: {
-        paddingLeft: `4px`,
-        paddingRight: `4px`,
-        margin: 0,
-        textAlign: "center",
-        borderRadius: theme.radii.base,
-        MozAppearance: "textfield",
-        "&:focus": {
-          backgroundColor: theme.colors.bgHover
-        },
-        "&:hover": {
-          cursor: "pointer"
-        }
-      }
+    marginRight: 4,
+    width: 24,
+    minWidth: 24,
+    maxWidth: theme.spacing(8),
+    backgroundColor: "transparent",
+    height: "24px",
+    "&:focus, &:focus-within, &:hover": {
+      backgroundColor: theme.colors.bgHover
+    },
+    "&, & $pageSizeInput": {
+      fontSize: "inherit",
+      lineHeight: "inherit"
     }
   },
   /** Styles passed down to the page selector Input component as `input`. */
-  pageSizeInput: {},
-  /** Styles passed down to the page selector Input root. */
+  pageSizeInput: {
+    paddingLeft: 4,
+    paddingRight: 4,
+    margin: 0,
+    textAlign: "center",
+    borderRadius: theme.radii.base,
+    MozAppearance: "textfield",
+    "&:focus": {
+      padding: 0,
+      backgroundColor: theme.colors.bgHover
+    },
+    "&:hover": {
+      cursor: "pointer"
+    }
+  },
+  /** Styles passed down to the page selector Input root. @deprecated use `classes.pageJump` instead. */
   pageSizeInputRoot: {},
-  /** Styles passed down to the page selector Input component as `container`. */
+  /** Styles passed down to the page selector Input component as `container`. @deprecated use `classes.pageJump` instead. */
   pageSizeInputContainer: {}
 });
 export {

package/dist/esm/SearchInput/SearchInput.styles.js

@@ -1,7 +1,6 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvSearchInput", {
-  root: { paddingLeft: theme.space.xs },
+  root: {},
   input: { marginLeft: 0 }
 });
 export {

package/dist/esm/Select/Select.js

@@ -19,7 +19,6 @@ import { HvListContainer } from "../ListContainer/ListContainer.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 function defaultRenderValue(options) {
   if (Array.isArray(options)) {
-    if (options.length === 0) return null;
     return /* @__PURE__ */ jsx(Fragment, { children: options.map((o) => o.label).join(", ") });
   }
   return options?.label ?? null;
@@ -45,6 +44,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
     defaultOpen,
     multiple,
     autoComplete,
+    renderValue: renderValueProp,
     options: optionsProp,
     variableWidth,
     value: valueProp,
@@ -95,6 +95,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
     onChange,
     onOpenChange: handleOpenChange
   });
+  const renderValue = renderValueProp ?? defaultRenderValue;
   const id = useUniqueId(idProp);
   const labelId = useUniqueId(setId(idProp, "label"));
   const descriptionId = useUniqueId(setId(idProp, "description"));
@@ -171,7 +172,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
               [descriptionId]: description
             }),
             ...getButtonProps(),
-            children: defaultRenderValue(actualValue) ?? placeholder
+            children: renderValue(actualValue) ?? placeholder
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/esm/StatusIcon/StatusIcon.js

@@ -55,8 +55,8 @@ const pentahoIconsMap = {
     ] })
   },
   info: {
-    regular: /* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
-    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,168a12,12,0,1,1,12-12A12,12,0,0,1,128,192Zm8-48.72V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36s40,16.15,40,36C168,125.38,154.24,139.93,136,143.28Z" }),
+    regular: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z" }),
     duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "path",
@@ -65,7 +65,7 @@ const pentahoIconsMap = {
           opacity: "0.2"
         }
       ),
-      /* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
+      /* @__PURE__ */ jsx("path", { d: "M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z" })
     ] })
   }
 };

package/dist/esm/providers/ThemeProvider.js

@@ -58,7 +58,7 @@ const HvThemeProvider = ({
     ]
   );
   const muiTheme = useMemo(() => {
-    const colors = activeTheme.colors.modes[colorMode];
+    const colors = activeTheme.colors.modes[selectedMode];
     return createTheme({
       spacing: activeTheme.space.base,
       typography: {
@@ -98,7 +98,7 @@ const HvThemeProvider = ({
       },
       breakpoints: activeTheme.breakpoints
     });
-  }, [activeTheme, colorMode]);
+  }, [activeTheme, selectedMode]);
   const emotionCacheValue = useMemo(
     () => ({ cache: emotionCache }),
     [emotionCache]

package/dist/esm/themes/ds3.js

@@ -784,20 +784,19 @@ const ds3 = mergeTheme(ds3$1, {
     HvPagination: {
       classes: {
         root: {
-          [`& .HvPagination-pageSizeInput`]: {
-            ...theme.typography.label,
-            "&:focus": {
-              padding: "unset"
-            }
-          },
-          [`& .HvPagination-pageSizeInputContainer`]: {
-            width: 40,
-            minWidth: 40
-          },
-          [`&& .HvPagination-pageSizeInputRoot`]: {
-            height: 32
+          ...theme.typography.body
+        },
+        pageSizeInput: {
+          ...theme.typography.label,
+          "&:focus": {
+            padding: "unset"
           }
         },
+        pageJump: {
+          width: 40,
+          minWidth: 40,
+          height: 32
+        },
         icon: {
           fontSize: 16
         },
@@ -805,20 +804,10 @@ const ds3 = mergeTheme(ds3$1, {
           height: 32
         },
         pageSizeHeader: {
-          height: "unset",
-          [`& .HvBaseDropdown-arrowContainer`]: {
-            marginTop: 0
-          }
+          height: "unset"
         },
         pageSizeTextContainer: {
-          height: 32,
-          ...theme.typography.body
-        },
-        pageSizeOptionsSelect: {
-          ...theme.typography.body
-        },
-        totalPagesTextContainer: {
-          ...theme.typography.body
+          height: 32
         },
         pageNavigator: {
           alignItems: "stretch"

package/dist/esm/themes/pentahoPlus.js

@@ -13,12 +13,25 @@ const inputColors = {
   bg: ld("#FFFFFF", "#020617")
 };
 const popperStyles = {
+  margin: theme.spacing("xxs", 0),
   backgroundColor: theme.colors.bgContainer,
   border: `1px solid ${theme.colors.borderSubtle}`,
   borderRadius: theme.radii.large,
   boxShadow: `0px 0px 6px 0px rgba(65, 65, 65, 0.08)`
 };
 const pentahoPlus = mergeTheme(pentahoPlus$1, {
+  icons: {
+    viewBox: "0 0 256 256",
+    // Semantic icons
+    Success: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z",
+    Caution: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z",
+    Fail: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z",
+    Info: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z",
+    Start: "M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z",
+    Backwards: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z",
+    Forwards: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z",
+    End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z"
+  },
   components: {
     HvLoading: {
       classes: {
@@ -537,6 +550,16 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         }
       }
     },
+    HvPagination: {
+      classes: {
+        root: {
+          ...theme.typography.caption1
+        },
+        icon: {
+          fontSize: 16
+        }
+      }
+    },
     HvHeader: {
       classes: {
         root: {
@@ -682,6 +705,9 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
               display: "none"
             }
           },
+          "& .MuiCardContent-root:last-child": {
+            paddingBottom: 0
+          },
           "& > :last-child:not(.HvCardMedia-root)": {
             paddingBottom: theme.space.sm
           },
@@ -836,6 +862,15 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
           borderRadius: theme.radii.none
         }
       }
+    },
+    HvTooltip: {
+      classes: {
+        popper: {
+          "& .HvTooltip-tooltip": {
+            padding: theme.spacing("xs", "sm")
+          }
+        }
+      }
     }
   }
 });