fix(Flow): unnecessary headings removed

lumada-design · Nov 21, 2023 · 8b77530 · 8b77530
1 parent 2171028
commit 8b77530
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/lab/src/components/Flow/Node/BaseNode.tsx b/packages/lab/src/components/Flow/Node/BaseNode.tsx
@@ -185,7 +185,11 @@ export const HvFlowBaseNode = ({
           )}
         >
           {icon}
-          <HvTypography variant="title4" className={classes.title}>
+          <HvTypography
+            component="p"
+            variant="title4"
+            className={classes.title}
+          >
             {title}
           </HvTypography>
         </div>

diff --git a/packages/lab/src/components/Flow/Sidebar/Sidebar.tsx b/packages/lab/src/components/Flow/Sidebar/Sidebar.tsx
@@ -178,7 +178,9 @@ export const HvFlowSidebar = ({
         <div id={drawerElementId} ref={setNodeRef}>
           <div className={classes.titleContainer}>
             <Add role="none" />
-            <HvTypography variant="title3">{title}</HvTypography>
+            <HvTypography component="p" variant="title3">
+              {title}
+            </HvTypography>
           </div>
           <div className={classes.contentContainer}>
             <HvTypography className={classes.description}>

diff --git a/packages/lab/src/components/Flow/Sidebar/SidebarGroup/SidebarGroup.tsx b/packages/lab/src/components/Flow/Sidebar/SidebarGroup/SidebarGroup.tsx
@@ -75,7 +75,7 @@ export const HvFlowSidebarGroup = ({
           <div className={classes.icon} role="none">
             {icon}
           </div>
-          <HvTypography variant="title4">
+          <HvTypography component="p" variant="title4">
             {nodes.length > 1 ? `${label} (${nodes.length})` : label}
           </HvTypography>
         </div>