fix(MultiButton): correct ds5 selected multibutton specs

lumada-design · Mar 6, 2024 · afe3ab0 · afe3ab0
1 parent c090958
commit afe3ab0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/core/src/MultiButton/MultiButton.styles.tsx b/packages/core/src/MultiButton/MultiButton.styles.tsx
@@ -30,7 +30,8 @@ export const { staticClasses, useClasses } = createClasses("HvMultiButton", {
       borderLeft: "solid 1px transparent",
       borderRight: "solid 1px transparent",
       borderRadius: 0,
-      ...theme.typography.body,
+      fontWeight: theme.typography.body.fontWeight,
+      fontSize: theme.typography.body.fontSize,
       "&:active": {
         backgroundColor: `${theme.colors.atmo3}`,
       },
@@ -80,7 +81,6 @@ export const { staticClasses, useClasses } = createClasses("HvMultiButton", {
     },
     "& button$button$selected": {
       background: theme.colors.atmo1,
-      height: 34,
       ...theme.typography.label,
       borderRadius: theme.radii.base,
       border: `solid 1px ${theme.colors.secondary}`,

diff --git a/packages/styles/src/themes/ds3.ts b/packages/styles/src/themes/ds3.ts
@@ -1378,6 +1378,15 @@ const ds3 = makeTheme((theme) => ({
         },
       },
     },
+    HvMultiButton: {
+      classes: {
+        root: {
+          "& button&.HvMultiButton-button&.HvMultiButton-selected": {
+            height: 32,
+          },
+        },
+      },
+    },
     HvTooltip: {
       classes: {
         popper: {