@umituz/react-native-design-system 2.5.36 → 2.5.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.5.36",
+  "version": "2.5.38",
   "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/atoms/AtomicIcon.tsx

@@ -129,8 +129,13 @@ export const AtomicIcon: React.FC<AtomicIconProps> = React.memo(({
       ? getSemanticColor(color, tokens)
       : tokens.colors.textPrimary;
 
-  // Validate icon - use fallback silently if invalid
-  const iconName = name && name in Ionicons.glyphMap ? name : FALLBACK_ICON;
+  // Validate icon - use fallback and log warning in DEV if invalid
+  const isInvalidIcon = name && !(name in Ionicons.glyphMap);
+  const iconName = name && !isInvalidIcon ? name : FALLBACK_ICON;
+
+  if (__DEV__ && isInvalidIcon) {
+    console.warn(`[DesignSystem] Invalid icon name: "${name}". Falling back to "${FALLBACK_ICON}"`);
+  }
 
   const iconElement = svgPath ? (
     <Svg
@@ -197,6 +202,4 @@ const styles = StyleSheet.create({
   },
 });
 
-// Legacy type alias for backward compatibility
-export type IconProps = AtomicIconProps;
 

package/src/responsive/useResponsive.ts

@@ -78,6 +78,7 @@ export interface UseResponsiveReturn {
   modalMinHeight: number;
   gridColumns: number;
   spacingMultiplier: number;
+  tabBarConfig: ResponsiveTabBarConfig;
 
   // Modal layouts (complete configurations)
   modalLayout: ResponsiveModalLayout;
@@ -167,6 +168,7 @@ export const useResponsive = (): UseResponsiveReturn => {
       modalMinHeight: getResponsiveMinModalHeight(),
       gridColumns: getResponsiveGridColumns(),
       spacingMultiplier: getSpacingMultiplier(),
+      tabBarConfig: getResponsiveTabBarConfig(insets),
 
       // Modal layouts (complete configurations)
       modalLayout: getResponsiveModalLayout(),