fix(Section): raisedHeader border styles

lumada-design · Jan 10, 2025 · b4513d7 · b4513d7
1 parent 935adda
commit b4513d7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/core/src/Section/Section.stories.tsx b/packages/core/src/Section/Section.stories.tsx
@@ -22,6 +22,7 @@ export default meta;
 export const Main: StoryObj<HvSectionProps> = {
   args: {
     title: "Section Title",
+    raisedHeader: false,
     expandable: false,
     defaultExpanded: true,
   },

diff --git a/packages/core/src/Section/Section.styles.tsx b/packages/core/src/Section/Section.styles.tsx
@@ -14,6 +14,7 @@ export const { staticClasses, useClasses } = createClasses("HvSection", {
   header: {
     display: "flex",
     alignItems: "center",
+    borderColor: "inherit",
     position: "relative",
     minHeight: theme.sizes.sm,
     padding: theme.space.sm,
@@ -36,6 +37,7 @@ export const { staticClasses, useClasses } = createClasses("HvSection", {
   raisedHeader: {
     "& $header": {
       zIndex: 1,
+      borderBottomWidth: 1,
       boxShadow: theme.colors.shadow,
     },
     "& $content": {

diff --git a/packages/core/src/TableSection/TableSection.styles.tsx b/packages/core/src/TableSection/TableSection.styles.tsx
@@ -13,7 +13,6 @@ export const { staticClasses, useClasses } = createClasses("HvTableSection", {
   header: {
     // Only apply the border to divide the header and content when both are displayed
     "+ div": {
-      borderTop: `1px solid ${theme.colors.atmo3}`,
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0,
     },