react-native: BadgeCount – restore size-specific line-heights and correct twClassName precedence; remove invalid leading-0

cursoragent · cursoragent · commit c33a17570be7 · 2026-03-03T16:50:59.000Z
diff --git a/packages/design-system-react-native/src/components/BadgeCount/BadgeCount.constants.ts b/packages/design-system-react-native/src/components/BadgeCount/BadgeCount.constants.ts
@@ -18,3 +18,12 @@ export const TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER: Record<
   [BadgeCountSize.Md]: 'min-w-4 h-3.5 py-0 px-1', // min-width 16px, height 14px, padding-vertical 0, padding-horizontal 4
   [BadgeCountSize.Lg]: 'min-w-6 h-5 py-0.5 px-1.5', // min-width 24px, height 20px, padding-vertical 2, padding-horizontal 6
 };
+
+export const TWCLASSMAP_BADGECOUNT_SIZE_LINEHEIGHT: Record<
+  BadgeCountSize,
+  string
+> = {
+  // Match text line-height to container height
+  [BadgeCountSize.Md]: 'leading-[14px]',
+  [BadgeCountSize.Lg]: 'leading-[16px]',
+};
diff --git a/packages/design-system-react-native/src/components/BadgeCount/BadgeCount.tsx b/packages/design-system-react-native/src/components/BadgeCount/BadgeCount.tsx
@@ -8,6 +8,7 @@ import { Text, TextColor, FontWeight } from '../Text';
 import {
   MAP_BADGECOUNT_SIZE_TEXTVARIANT,
   TWCLASSMAP_BADGECOUNT_SIZE_CONTAINER,
+  TWCLASSMAP_BADGECOUNT_SIZE_LINEHEIGHT,
 } from './BadgeCount.constants';
 import type { BadgeCountProps } from './BadgeCount.types';
 
@@ -38,8 +39,12 @@ export const BadgeCount = ({
         variant={MAP_BADGECOUNT_SIZE_TEXTVARIANT[size]}
         color={TextColor.ErrorInverse}
         fontWeight={FontWeight.Medium}
-        twClassName="leading-0"
         {...textProps}
+        twClassName={
+          textProps?.twClassName
+            ? textProps.twClassName
+            : TWCLASSMAP_BADGECOUNT_SIZE_LINEHEIGHT[size]
+        }
       >
         {count > max ? `${max}+` : `${count}`}
       </Text>
