@umituz/react-native-design-system 2.3.23 → 2.3.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.3.23",
+  "version": "2.3.24",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/countdown/components/TimeUnit.tsx

@@ -24,8 +24,18 @@ export const TimeUnit: React.FC<TimeUnitProps> = ({
 
     const config = sizeConfig[size];
 
-    // Pad 2-digit values with leading zero, display 3+ digits as-is
     const displayValue = value >= 100 ? String(value) : String(value).padStart(2, '0');
+    const digitCount = String(value).length;
+
+    // Calculate font size based on digit count for better consistency
+    let fontSizeMultiplier = 1;
+    if (digitCount >= 4) {
+        fontSizeMultiplier = 0.6; // 4+ digits
+    } else if (digitCount === 3) {
+        fontSizeMultiplier = 0.7; // 3 digits
+    }
+
+    const calculatedFontSize = config.fontSize * fontSizeMultiplier;
 
     return (
         <View
@@ -43,10 +53,8 @@ export const TimeUnit: React.FC<TimeUnitProps> = ({
             <AtomicText
                 type="displaySmall"
                 color="onSurface"
-                style={[styles.value, { fontSize: config.fontSize }]}
+                style={[styles.value, { fontSize: calculatedFontSize }]}
                 numberOfLines={1}
-                adjustsFontSizeToFit
-                minimumFontScale={0.6}
             >
                 {displayValue}
             </AtomicText>