@umituz/react-native-design-system 2.5.4 → 2.5.6

package/package.json

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, type Ref } from 'react';
+import React from 'react';
 import {
     View,
     TextInput,
@@ -10,9 +10,7 @@ import { useAppDesignTokens } from '../../theme';
 import { AtomicIcon } from '../../atoms/AtomicIcon';
 import type { SearchBarProps } from './types';
 
-type TextInputRef = React.ComponentRef<typeof TextInput>;
-
-export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
+export const SearchBar: React.FC<SearchBarProps> = ({
     value,
     onChangeText,
     onSubmit,
@@ -26,7 +24,7 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
     containerStyle,
     inputStyle,
     testID,
-}, ref) => {
+}) => {
     const tokens = useAppDesignTokens();
 
     const handleClear = () => {
@@ -60,7 +58,6 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
             </View>
 
             <TextInput
-                ref={ref}
                 value={value}
                 onChangeText={onChangeText}
                 onSubmitEditing={onSubmit}
@@ -112,9 +109,7 @@ export const SearchBar = forwardRef<TextInputRef, SearchBarProps>(({
             )}
         </View>
     );
-});
-
-SearchBar.displayName = 'SearchBar';
+};
 
 const styles = StyleSheet.create({
     container: {

package/src/theme/core/TokenFactory.ts

@@ -66,6 +66,7 @@ export const createDesignTokens = (
       return acc;
     }, {} as any),
     borderRadius,
+    radius: borderRadius,
     borders: {
       ...BASE_TOKENS.borders,
       radius: borderRadius,

package/src/theme/types/ThemeTypes.ts

@@ -45,14 +45,15 @@ export type DesignTokens = {
   opacity: BaseTokens['opacity'];
   avatarSizes: BaseTokens['avatarSizes'];
   borderRadius: ResponsiveBorderRadius;
+  radius: ResponsiveBorderRadius;
   borders: Borders & {
     card: Borders['card'] & { borderColor: string };
     input: Borders['input'] & { borderColor: string };
   };
-  
+
   // Responsive metadata
   spacingMultiplier: number;
-  
+
   // Base tokens for reference if needed
   baseSpacing: Spacing;
   baseTypography: Typography;