@hitachivantara/uikit-react-core 5.98.0 → 5.99.0

package/dist/esm/providers/Provider.js

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useId, useMemo } from "react";
 import createCache from "@emotion/cache";
 import { CacheProvider, Global, css, ClassNames } from "@emotion/react";
 import { CssBaseline, getThemesVars, CssScopedBaseline } from "@hitachivantara/uikit-styles";
-import { useUniqueId } from "../hooks/useUniqueId.js";
 import { getElementById } from "../utils/document.js";
 import { processThemes } from "../utils/theme.js";
 import { HvThemeProvider } from "./ThemeProvider.js";
 import { defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
-const scopedRootPrefix = "hv-uikit-scoped-root";
 const HvProvider = ({
   children,
   rootElementId,
@@ -20,8 +18,7 @@ const HvProvider = ({
   emotionCache: emotionCacheProp,
   classNameKey = defaultCacheKey
 }) => {
-  const generatedId = useUniqueId();
-  const scopedRootId = `${scopedRootPrefix}-${generatedId}`;
+  const scopedRootId = useId();
   const themesList = processThemes(themes);
   const emotionCache = useMemo(() => {
     if (emotionCacheProp) return emotionCacheProp;

package/dist/esm/themes/ds3.js

@@ -488,6 +488,22 @@ const ds3 = mergeTheme(ds3$1, {
       classes: {
         titleText: {
           ...theme.typography.xxsTitle
+        },
+        root: {
+          "& .HvStatusIcon-root": {
+            padding: 0
+          },
+          "& .HvIconContainer-root": {
+            color: `${theme.colors.secondary}!important`
+          }
+        }
+      }
+    },
+    HvDialogContent: {
+      classes: {
+        root: {
+          borderTop: "none!important",
+          borderBottom: "none!important"
         }
       }
     },

package/dist/esm/themes/ds5.js

@@ -145,6 +145,26 @@ const ds5 = mergeTheme(ds5$1, {
           "--tagColor": theme.alpha("cat1", 0.2)
         }
       }
+    },
+    HvDialogTitle: {
+      classes: {
+        root: {
+          "& .HvStatusIcon-root": {
+            padding: 0
+          },
+          "& .HvIconContainer-root": {
+            color: `${theme.colors.secondary}!important`
+          }
+        }
+      }
+    },
+    HvDialogContent: {
+      classes: {
+        root: {
+          borderTop: "none",
+          borderBottom: "none"
+        }
+      }
     }
   }
 });

package/dist/esm/themes/pentahoPlus.js

@@ -57,7 +57,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         ),
         message: {
           "&&": {
-            color: theme.colors.secondary
+            color: theme.colors.text
           }
         },
         messageIcon: {
@@ -67,7 +67,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
           color: "var(--title)"
         },
         actionClose: {
-          color: theme.colors.secondary
+          color: theme.colors.text
         }
       }
     },
@@ -91,7 +91,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         },
         checked: {
           "--bg-color": theme.colors.primary,
-          color: theme.colors.atmo1
+          color: theme.colors.bgContainer
         }
       }
     },
@@ -148,6 +148,14 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         }
       }
     },
+    HvSection: {
+      classes: {
+        content: {
+          backgroundColor: theme.colors.bgPage
+          // = bgContainerSecondary
+        }
+      }
+    },
     HvSelect: {
       classes: {
         root: {
@@ -291,7 +299,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         button: {
           borderRadius: 2,
           "&:focus": {
-            borderColor: theme.colors.secondary
+            borderColor: theme.colors.text
           }
         },
         inputRoot: {
@@ -435,6 +443,25 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         }
       }
     },
+    HvDialog: {
+      classes: {
+        paper: {
+          borderRadius: theme.radii.large
+        },
+        statusBar: {
+          border: "none",
+          borderTopLeftRadius: theme.radii.large,
+          borderTopRightRadius: theme.radii.large
+        }
+      }
+    },
+    HvDialogActions: {
+      classes: {
+        root: {
+          borderTop: "none"
+        }
+      }
+    },
     HvDropdownButton: {
       classes: {
         disabled: {
@@ -458,7 +485,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
     HvHeader: {
       classes: {
         root: {
-          borderBottom: `1px solid ${theme.colors.atmo3}`,
+          borderBottom: `1px solid ${theme.colors.borderSubtle}`,
           boxShadow: "none"
         }
       }
@@ -466,7 +493,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
     HvHeaderBrand: {
       classes: {
         separator: {
-          backgroundColor: theme.colors.atmo4,
+          backgroundColor: theme.colors.border,
           margin: theme.spacing(0, "md"),
           height: 32
         }
@@ -476,16 +503,16 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         active: {
           boxShadow: "none",
-          borderBottom: `1px solid ${theme.colors.atmo3}`
+          borderBottom: `1px solid ${theme.colors.borderSubtle}`
         },
         list: {
           "& li:hover > .HvHeader-MenuBar-hidden": {
             boxShadow: "none",
-            borderBottom: `1px solid ${theme.colors.atmo3}`
+            borderBottom: `1px solid ${theme.colors.borderSubtle}`
           },
           "& li:focus-within > .HvHeader-MenuBar-hidden": {
             boxShadow: "none",
-            borderBottom: `1px solid ${theme.colors.atmo3}`
+            borderBottom: `1px solid ${theme.colors.borderSubtle}`
           }
         }
       }
@@ -494,7 +521,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         root: {
           width: 280,
-          color: theme.colors.base_light,
+          color: theme.colors.textLight,
           backgroundColor: slate[900],
           borderRight: `1px solid ${slate[500]}`,
           "& > :not(nav:first-of-type)": {
@@ -610,12 +637,14 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
         },
         selectable: {
           ":hover": {
-            outlineColor: theme.colors.bgHover,
-            backgroundColor: theme.colors.primaryDimmed
+            outlineColor: theme.colors.primarySubtle,
+            backgroundColor: theme.colors.bgHover
           }
         },
         selected: {
-          outlineColor: theme.colors.primaryDeep
+          "&,&:hover,&:focus": {
+            outlineColor: theme.colors.primary
+          }
         },
         semanticBar: {
           "--bar-height": "2px",
@@ -627,8 +656,13 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         root: {
           flexDirection: "row-reverse",
-          padding: theme.spacing("xs", "sm"),
-          gap: 0
+          padding: theme.spacing("xs", "sm")
+        },
+        subheader: {
+          color: theme.colors.textSubtle
+        },
+        action: {
+          alignSelf: "center"
         }
       }
     },
@@ -643,7 +677,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       }
     },
     HvFooter: {
-      name: "Pentaho+"
+      name: "Pentaho"
     },
     HvTabs: {
       classes: {