@umituz/react-native-design-system 2.0.6 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "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

@@ -212,6 +212,7 @@ export const AtomicButton: React.FC<AtomicButtonProps> = React.memo(({
     </TouchableOpacity>
   );
 });
+AtomicButton.displayName = 'AtomicButton';
 
 const styles = StyleSheet.create({
   button: {

package/src/atoms/AtomicChip.tsx

@@ -218,6 +218,7 @@ export const AtomicChip: React.FC<AtomicChipProps> = React.memo(({
 
   return content;
 });
+AtomicChip.displayName = 'AtomicChip';
 
 // =============================================================================
 // EXPORTS

package/src/atoms/AtomicPicker.tsx

@@ -197,12 +197,7 @@ export const AtomicPicker: React.FC<AtomicPickerProps> = ({
     setSearchQuery(query);
   };
 
-  /**
-   * Check if option is selected
-   */
-  const _isSelected = (optionValue: string): boolean => {
-    return selectedValues.includes(optionValue);
-  };
+
 
   /**
    * Handle chip removal

package/src/atoms/picker/components/PickerChips.tsx

@@ -54,4 +54,5 @@ export const PickerChips: React.FC<PickerChipsProps> = React.memo(({
       ))}
     </View>
   );
-});
+});
+PickerChips.displayName = 'PickerChips';

package/src/atoms/picker/components/PickerModal.tsx

@@ -210,4 +210,5 @@ export const PickerModal: React.FC<PickerModalProps> = React.memo(({
       </View>
     </Modal>
   );
-});
+});
+PickerModal.displayName = 'PickerModal';

package/src/molecules/ScreenHeader.tsx

@@ -40,7 +40,7 @@ export interface ScreenHeaderProps {
   backIconName?: string;
 
   /** Custom back button icon color */
-  backIconColor: 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'surfaceVariant';
+  backIconColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'surfaceVariant';
 }
 
 /**

package/src/organisms/ScreenLayout.example.tsx

@@ -18,7 +18,7 @@ import {
 export function App() {
     return (
         <SafeAreaProvider>
-            <YourNavigator />
+            <View />
         </SafeAreaProvider>
     );
 }
@@ -35,7 +35,6 @@ export function HomeScreen() {
             header={
                 <ScreenHeader
                     title="Home"
-                    subtitle="Welcome back"
                 />
             }
             // Optional footer
@@ -47,8 +46,8 @@ export function HomeScreen() {
                 </View>
             }
         >
-            <AtomicText type="h1">Welcome to Home</AtomicText>
-            <AtomicText type="body">
+            <AtomicText type="headlineLarge">Welcome to Home</AtomicText>
+            <AtomicText type="bodyMedium">
                 This screen uses ScreenLayout with default safe area configuration.
             </AtomicText>
         </ScreenLayout>
@@ -63,7 +62,7 @@ export function ModalScreen() {
             edges={['top', 'bottom']}
             scrollable={false}
         >
-            <AtomicText type="h2">Modal Content</AtomicText>
+            <AtomicText type="headlineMedium">Modal Content</AtomicText>
         </ScreenLayout>
     );
 }
@@ -73,7 +72,7 @@ export function CustomScrollScreen() {
     return (
         <ScreenLayout scrollable={false}>
             {/* Your custom scroll component */}
-            <YourCustomScrollView />
+            <View />
         </ScreenLayout>
     );
 }