OC-12122 - Adding Icon Tokens to NavTabs

dxc-technology · Feb 21, 2023 · 0e4163c · 0e4163c
1 parent f6a1df6
commit 0e4163c
Showing 1 changed file with 16 additions and 17 deletions.
diff --git a/lib/src/tabs-nav/Tab.tsx b/lib/src/tabs-nav/Tab.tsx
@@ -92,6 +92,21 @@ type TabContainerProps = {
 };
 const TabContainer = styled.div<TabContainerProps>`
   border-bottom: 2px solid ${(props) => (props.active ? props.theme.selectedUnderlineColor : props.theme.dividerColor)};
+  svg {
+    color: ${(props) => props.theme.unselectedIconColor};
+  }
+
+  &[aria-selected="true"] {
+    svg {
+      color: ${(props) => props.theme.selectedIconColor};
+    }
+  }
+
+  &[aria-disabled="true"] {
+    svg {
+      color: ${(props) => props.theme.disabledIconColor};
+    }
+  }
 `;
 
 type TabStyleProps = {
@@ -116,23 +131,7 @@ const Tab = styled.a<TabStyleProps>`
   padding: 0.375rem;
 
   border-radius: 4px;
-  svg {
-    height: 24px;
-    width: 24px;
-    color: ${(props) => props.theme.unselectedIconColor};
-  }
-
-  &[aria-selected="true"] {
-    svg {
-      color: ${(props) => props.theme.selectedIconColor};
-    }
-  }
-
-  &[aria-disabled="true"] {
-    svg {
-      color: ${(props) => props.theme.disabledIconColor};
-    }
-  }
+  
 
   ${(props) =>
     !props.disabled &&