fix: use withIcon modifier instead of withoutIcon

acid-info · Nov 7, 2023 · 387b31f · 387b31f
1 parent 8696680
commit 387b31f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/lsd-react/src/components/TabItem/TabItem.classes.ts b/packages/lsd-react/src/components/TabItem/TabItem.classes.ts
@@ -9,5 +9,5 @@ export const tabItemClasses = {
   medium: 'lsd-tab-item--medium',
   large: 'lsd-tab-item--large',
 
-  tabWithoutIcon: 'lsd-tab-item--without-icon',
+  withIcon: 'lsd-tab-item--with-icon',
 }
diff --git a/packages/lsd-react/src/components/TabItem/TabItem.styles.ts b/packages/lsd-react/src/components/TabItem/TabItem.styles.ts
@@ -10,7 +10,7 @@ export const TabItemStyles = css`
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: space-between;
+    justify-content: center;
 
     &:hover {
       text-decoration: underline;
@@ -41,8 +41,8 @@ export const TabItemStyles = css`
     }
   }
 
-  .${tabItemClasses.tabWithoutIcon} {
-    justify-content: center;
+  .${tabItemClasses.withIcon} {
+    justify-content: space-between;
   }
 
   .${tabItemClasses.disabled} {

diff --git a/packages/lsd-react/src/components/TabItem/TabItem.tsx b/packages/lsd-react/src/components/TabItem/TabItem.tsx
@@ -51,7 +51,7 @@ export const TabItem: React.FC<TabItemProps> & {
         tabItemClasses[size],
         selected && tabItemClasses.selected,
         props.disabled && tabItemClasses.disabled,
-        !icon && tabItemClasses.tabWithoutIcon,
+        !!icon && tabItemClasses.withIcon,
       )}
       onClick={onClick}
     >