🐛 Fix list item to don't show forced bottom line if lines are deactivated in theme settings

Author: Jannik Weise

packages/core/src/components/list/list-item/ListItem.styles.ts

@@ -39,13 +39,6 @@ export const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`
             }
         `}
     
-    ${({ $shouldForceBottomLine, $shouldShowSeparatorBelow, theme }: StyledListItemProps) =>
-        $shouldForceBottomLine &&
-        css`
-            border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
-                rgba(${theme['headline-rgb']}, 0.5);
-        `}
-    
     ${({
         $isInAccordion,
         $isOpen,
@@ -54,18 +47,30 @@ export const StyledMotionListItem = styled(motion.div)<StyledListItemProps>`
         $shouldForceBottomLine,
         $shouldShowSeparatorBelow,
         theme,
-    }: StyledListItemProps) =>
-        ($shouldShowSeparatorBelow ||
+    }: StyledListItemProps) => {
+        if (
+            $shouldShowSeparatorBelow ||
             ((!$isOpen || $isWrapped || $isInAccordion) &&
                 theme.accordionLines &&
-                !$shouldHideBottomLine &&
-                !$shouldForceBottomLine)) &&
-        css`
-            &&:not(:last-child) {
-                border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
-                    rgba(${theme['headline-rgb']}, 0.5);
+                !$shouldHideBottomLine)
+        ) {
+            if ($shouldForceBottomLine) {
+                return css`
+                    border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
+                        rgba(${theme['headline-rgb']}, 0.5);
+                `;
             }
-        `}
+
+            return css`
+                &&:not(:last-child) {
+                    border-bottom: ${$shouldShowSeparatorBelow ? '4px' : '1px'} solid
+                        rgba(${theme['headline-rgb']}, 0.5);
+                }
+            `;
+        }
+
+        return undefined;
+    }}
 
     ${({ $isWrapped }) =>
         $isWrapped &&