@umituz/react-native-design-system 2.5.17 → 2.5.19

package/package.json

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

@@ -4,21 +4,24 @@ import { useAppDesignTokens } from '../theme';
 import { getTextColor, type TextStyleVariant, type ColorVariant } from '../typography';
 
 export interface AtomicTextProps extends TextProps {
+  /** Typographic style variant from tokens (alias for 'type') */
+  variant?: TextStyleVariant;
+
   /** Typographic style variant from tokens */
   type?: TextStyleVariant;
-  
+
   /** Color variant from tokens or custom hex color */
   color?: ColorVariant | string;
-  
+
   /** Text alignment */
   align?: TextStyle['textAlign'];
-  
+
   /** Content to render */
   children: React.ReactNode;
-  
+
   /** Custom text style */
   style?: StyleProp<TextStyle>;
-  
+
   /** Test ID for automation */
   testID?: string;
 }
@@ -31,6 +34,7 @@ export interface AtomicTextProps extends TextProps {
  * ✅ SOLID, DRY, KISS
  */
 export const AtomicText = ({
+  variant,
   type = 'bodyMedium',
   color = 'textPrimary',
   align,
@@ -41,8 +45,11 @@ export const AtomicText = ({
 }: AtomicTextProps) => {
   const tokens = useAppDesignTokens();
 
+  // Support both 'variant' and 'type' props for backward compatibility
+  const textType = variant || type;
+
   // Get typography style from tokens
-  const typographyStyle = (tokens.typography as Record<string, any>)[type];
+  const typographyStyle = (tokens.typography as Record<string, any>)[textType];
   
   // Use responsive font size if available
   const fontSize = typographyStyle?.responsiveFontSize || typographyStyle?.fontSize;

package/src/atoms/AtomicTextArea.tsx

@@ -20,6 +20,7 @@ export interface AtomicTextAreaProps {
   maxLength?: number;
   numberOfLines?: number;
   rows?: number;
+  minHeight?: number;
   disabled?: boolean;
   style?: ViewStyle;
   testID?: string;
@@ -35,11 +36,13 @@ export const AtomicTextArea: React.FC<AtomicTextAreaProps> = ({
   maxLength,
   numberOfLines,
   rows = 4,
+  minHeight,
   disabled = false,
   style,
   testID,
 }) => {
   const lineCount = numberOfLines ?? rows;
+  const calculatedMinHeight = minHeight ?? lineCount * 24;
   const tokens = useAppDesignTokens();
   const hasError = !!errorText;
 
@@ -69,7 +72,7 @@ export const AtomicTextArea: React.FC<AtomicTextAreaProps> = ({
             backgroundColor: tokens.colors.surface,
             borderColor: hasError ? tokens.colors.error : tokens.colors.border,
             color: tokens.colors.textPrimary,
-            minHeight: lineCount * 24,
+            minHeight: calculatedMinHeight,
           },
           disabled && { opacity: 0.5 },
         ]}