@umituz/react-native-design-system 4.26.5 → 4.26.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.26.5",
+  "version": "4.26.7",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/molecules/ListItem.tsx

@@ -5,6 +5,12 @@ import { AtomicText, AtomicIcon } from '../atoms';
 import { ListItemProps } from './listitem/types';
 import { getListItemStyles } from './listitem/styles/listItemStyles';
 
+// SVG paths for common icons (work without external icon library)
+const ICON_PATHS: Record<string, string> = {
+  'globe': "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z",
+  'chevron-forward': "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",
+};
+
 export type { ListItemProps };
 
 export const ListItem: React.FC<ListItemProps> = ({
@@ -31,11 +37,12 @@ export const ListItem: React.FC<ListItemProps> = ({
       {...accessibilityProps}
     >
       {leftIcon && (
-        <AtomicIcon 
-          name={leftIcon} 
-          color={disabled ? 'surfaceVariant' : 'primary'} 
-          size="md" 
-          style={listItemStyles.iconContainer} 
+        <AtomicIcon
+          svgPath={ICON_PATHS[leftIcon] || undefined}
+          name={!ICON_PATHS[leftIcon] ? leftIcon : undefined}
+          color={disabled ? 'surfaceVariant' : 'primary'}
+          size="md"
+          style={listItemStyles.iconContainer}
         />
       )}
       <View style={listItemStyles.content}>
@@ -43,11 +50,12 @@ export const ListItem: React.FC<ListItemProps> = ({
         {subtitle && <AtomicText type="bodySmall" color="surfaceVariant" numberOfLines={2} style={listItemStyles.subtitle}>{subtitle}</AtomicText>}
       </View>
       {rightIcon && onPress && (
-        <AtomicIcon 
-          name={rightIcon} 
-          color="surfaceVariant" 
-          size="sm" 
-          style={{ marginLeft: tokens.spacing.md }} 
+        <AtomicIcon
+          svgPath={ICON_PATHS[rightIcon] || undefined}
+          name={!ICON_PATHS[rightIcon] ? rightIcon : undefined}
+          color="surfaceVariant"
+          size="sm"
+          style={{ marginLeft: tokens.spacing.md }}
         />
       )}
     </Component>