From 50b4ac41e60381ec655a9596e951dc20a4b66d0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paulo=20Lagoa=CC=81?= <paulo.lagoa@hitachivantara.com>
Date: Fri, 17 Apr 2026 11:35:26 +0100
Subject: [PATCH 1/2] feat(Metrics): replace metrics with CommonUI components

---
 packages/core/src/themes/pentaho.ts   | 6 +++++-
 packages/styles/src/themes/pentaho.ts | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/themes/pentaho.ts b/packages/core/src/themes/pentaho.ts
index dde2f284d1..a664fd712e 100644
--- a/packages/core/src/themes/pentaho.ts
+++ b/packages/core/src/themes/pentaho.ts
@@ -130,7 +130,7 @@ const popperStyles = {
   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)`,
+  boxShadow: theme.colors.shadow,
 };
 
 export const pentaho = mergeTheme(pentahoBase, {
@@ -672,6 +672,7 @@ export const pentaho = mergeTheme(pentahoBase, {
       classes: {
         paper: {
           borderRadius: theme.radii.large,
+          boxShadow: `0 32px 32px 0 ${theme.alpha(slate[900], 0.1)}, 0 20px 20px 0 ${theme.alpha(slate[900], 0.08)}, 0 12px 12px 0 ${theme.alpha(slate[900], 0.06)}, 0 5px 5px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
         },
         statusBar: {
           border: "none",
@@ -851,6 +852,7 @@ export const pentaho = mergeTheme(pentahoBase, {
       classes: {
         root: {
           outlineColor: theme.colors.borderSubtle,
+          boxShadow: theme.colors.shadow,
           "--rb": theme.radii.large,
           // default non-semantic card
           "&[data-color=sema0]": {
@@ -1058,6 +1060,7 @@ export const pentaho = mergeTheme(pentahoBase, {
       classes: {
         tooltip: {
           padding: theme.spacing("xs", "sm"),
+          boxShadow: `0 16px 16px 0 ${theme.alpha(slate[900], 0.1)}, 0 10px 10px 0 ${theme.alpha(slate[900], 0.08)}, 0 6px 6px 0 ${theme.alpha(slate[900], 0.06)}, 0 3px 3px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
         },
       },
     } satisfies CSSClasses<HvTooltipProps>,
@@ -1230,6 +1233,7 @@ export const pentaho = mergeTheme(pentahoBase, {
         root: {
           width: 525,
           minHeight: "unset",
+          boxShadow: theme.colors.shadow,
         },
         messageText: {
           paddingLeft: 0,
diff --git a/packages/styles/src/themes/pentaho.ts b/packages/styles/src/themes/pentaho.ts
index 2c40797a87..95c72db7f0 100644
--- a/packages/styles/src/themes/pentaho.ts
+++ b/packages/styles/src/themes/pentaho.ts
@@ -30,8 +30,8 @@ const pentaho = makeTheme((theme) => ({
     warning_20: amber[100],
     positive_20: green[100],
     neutral_20: sky[100],
-    shadow: `0px 2px 4px -1px ${theme.alpha(slate[700], 0.08)}`,
-    shad1: theme.alpha(slate[700], 0.08),
+    shadow: `0 4px 4px 0 ${theme.alpha(slate[900], 0.02)}, 0 3px 3px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.06)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.08)}, 0 0 0 0 ${theme.alpha(slate[900], 0.1)}`,
+    shad1: theme.alpha(slate[900], 0.08),
 
     primary: [blue[600], blue[500]],
     primaryStrong: [blue[700], blue[600]],

From 4875f84d701974e28121b2becfa465eb6af98d24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paulo=20Lagoa=CC=81?= <paulo.lagoa@hitachivantara.com>
Date: Mon, 20 Apr 2026 13:14:16 +0100
Subject: [PATCH 2/2] feat(Theme): update shadows on the Pentaho theme to the
 latest specs

---
 packages/core/src/themes/pentaho.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/themes/pentaho.ts b/packages/core/src/themes/pentaho.ts
index a664fd712e..c4faea46de 100644
--- a/packages/core/src/themes/pentaho.ts
+++ b/packages/core/src/themes/pentaho.ts
@@ -125,12 +125,18 @@ const inputColors = {
   bg: ld("#FFFFFF", "#020617"),
 };
 
+const shadows = {
+  container: theme.colors.shadow,
+  elevated: `0 16px 16px 0 ${theme.alpha(slate[900], 0.1)}, 0 10px 10px 0 ${theme.alpha(slate[900], 0.08)}, 0 6px 6px 0 ${theme.alpha(slate[900], 0.06)}, 0 3px 3px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
+  modal: `0 32px 32px 0 ${theme.alpha(slate[900], 0.1)}, 0 20px 20px 0 ${theme.alpha(slate[900], 0.08)}, 0 12px 12px 0 ${theme.alpha(slate[900], 0.06)}, 0 5px 5px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
+};
+
 const popperStyles = {
   margin: theme.spacing("xxs", 0),
   backgroundColor: theme.colors.bgContainer,
   border: `1px solid ${theme.colors.borderSubtle}`,
   borderRadius: theme.radii.large,
-  boxShadow: theme.colors.shadow,
+  boxShadow: shadows.container,
 };
 
 export const pentaho = mergeTheme(pentahoBase, {
@@ -672,7 +678,7 @@ export const pentaho = mergeTheme(pentahoBase, {
       classes: {
         paper: {
           borderRadius: theme.radii.large,
-          boxShadow: `0 32px 32px 0 ${theme.alpha(slate[900], 0.1)}, 0 20px 20px 0 ${theme.alpha(slate[900], 0.08)}, 0 12px 12px 0 ${theme.alpha(slate[900], 0.06)}, 0 5px 5px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
+          boxShadow: shadows.modal,
         },
         statusBar: {
           border: "none",
@@ -1060,7 +1066,7 @@ export const pentaho = mergeTheme(pentahoBase, {
       classes: {
         tooltip: {
           padding: theme.spacing("xs", "sm"),
-          boxShadow: `0 16px 16px 0 ${theme.alpha(slate[900], 0.1)}, 0 10px 10px 0 ${theme.alpha(slate[900], 0.08)}, 0 6px 6px 0 ${theme.alpha(slate[900], 0.06)}, 0 3px 3px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
+          boxShadow: shadows.elevated,
         },
       },
     } satisfies CSSClasses<HvTooltipProps>,