@umituz/react-native-design-system 2.6.21 → 2.6.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.21",
+  "version": "2.6.23",
   "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/AtomicButton.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
-import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View, ActivityIndicator } from 'react-native';
+import { StyleSheet, StyleProp, ViewStyle, TextStyle, TouchableOpacity, View } from 'react-native';
 import { AtomicText } from './AtomicText';
 import { AtomicIcon } from './AtomicIcon';
+import { AtomicSpinner } from './AtomicSpinner';
 import { useAppDesignTokens } from '../theme';
 import type { IconName } from './AtomicIcon';
 
@@ -198,8 +199,8 @@ export const AtomicButton: React.FC<AtomicButtonProps> = React.memo(({
     >
       <View style={styles.content}>
         {loading ? (
-          <ActivityIndicator
-            size="small"
+          <AtomicSpinner
+            size="sm"
             color={iconColor as string}
             style={styles.icon}
           />

package/src/atoms/EmptyState.tsx

@@ -26,7 +26,7 @@ export interface EmptyStateProps {
 }
 
 export const EmptyState: React.FC<EmptyStateProps> = ({
-  icon = 'inbox',
+  icon = 'file-tray-outline',
   title,
   subtitle,
   description,

package/src/molecules/SearchBar/SearchBar.tsx

@@ -3,11 +3,11 @@ import {
     View,
     TextInput,
     TouchableOpacity,
-    ActivityIndicator,
     StyleSheet,
 } from 'react-native';
 import { useAppDesignTokens } from '../../theme';
 import { AtomicIcon } from '../../atoms/AtomicIcon';
+import { AtomicSpinner } from '../../atoms/AtomicSpinner';
 import type { SearchBarProps } from './types';
 
 export const SearchBar: React.FC<SearchBarProps> = ({
@@ -83,9 +83,9 @@ export const SearchBar: React.FC<SearchBarProps> = ({
             {(loading || showClear) && (
                 <View style={styles.rightActions}>
                     {loading && (
-                        <ActivityIndicator
-                            size="small"
-                            color={tokens.colors.primary}
+                        <AtomicSpinner
+                            size="sm"
+                            color="primary"
                             style={styles.loader}
                         />
                     )}

package/src/molecules/splash/components/SplashScreen.tsx

@@ -4,10 +4,10 @@
  */
 
 import React, { useEffect, useState, useCallback } from "react";
-import { View, Image, StyleSheet, ActivityIndicator } from "react-native";
+import { View, Image, StyleSheet } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
 import { useSafeAreaInsets } from "../../../safe-area";
-import { AtomicText } from "../../../atoms";
+import { AtomicText, AtomicSpinner } from "../../../atoms";
 import { useAppDesignTokens } from "../../../theme";
 import type { SplashScreenProps, SplashColors } from "../types";
 import { SPLASH_CONSTANTS } from "../constants";
@@ -126,8 +126,8 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
 
         {/* Always show loading indicator during initialization */}
         <View style={styles.loadingContainer}>
-          <ActivityIndicator
-            size="large"
+          <AtomicSpinner
+            size="lg"
             color={colors.text}
             style={styles.loadingIndicator}
           />