@umituz/react-native-design-system 4.28.9 → 4.28.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.28.9",
+  "version": "4.28.10",
   "description": "Universal design system for React Native apps with safe navigation hooks - updated SKILL.md with navigation documentation",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/molecules/SearchBar/SearchBar.tsx

@@ -9,7 +9,7 @@ import { useAppDesignTokens } from '../../theme';
 import { AtomicIcon, useIconName } from '../../atoms';
 import { AtomicSpinner } from '../../atoms/AtomicSpinner';
 import type { SearchBarProps } from './types';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { MISC_SIZES } from '../../constants';
 
 export const SearchBar: React.FC<SearchBarProps> = ({

package/src/molecules/StepHeader/StepHeader.tsx

@@ -12,7 +12,7 @@ import { useAppDesignTokens } from "../../theme/hooks/useAppDesignTokens";
 import {
   calculateResponsiveSize,
   calculateLineHeight,
-} from '../responsive'
+} from "../../utils/responsiveUtils";
 import { SPACING, STEP_INDICATOR } from "../../constants";
 import { createMappedArray } from "../../utils";
 

package/src/molecules/StepProgress/StepProgress.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
 import { View, StyleSheet, ViewStyle } from "react-native";
 import { useAppDesignTokens } from '../../theme/hooks/useAppDesignTokens';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { STEP_INDICATOR } from '../../constants';
 import { createMappedArray } from '../../utils/arrayUtils';
 

package/src/molecules/action-footer/ActionFooter.tsx

@@ -5,7 +5,7 @@ import { AtomicText } from '../../atoms/AtomicText';
 import { AtomicIcon } from '../../atoms';
 import { useAppDesignTokens } from '../../theme';
 import type { ActionFooterProps } from './types';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { NAVIGATION } from '../../constants';
 
 const createStyles = (spacingMultiplier: number) => StyleSheet.create({

package/src/molecules/alerts/AlertModal.tsx

@@ -9,7 +9,7 @@ import { useAppDesignTokens } from '../../theme';
 import { Alert, AlertType } from './AlertTypes';
 import { getAlertBackgroundColor } from './utils/alertUtils';
 import { useAlertDismissHandler } from './hooks';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { MODAL_SIZES, ALERT_MODAL_ICON } from '../../constants';
 
 interface AlertModalProps {

package/src/molecules/avatar/Avatar.tsx

@@ -12,7 +12,7 @@ import { AtomicText, AtomicIcon } from '../../atoms';
 import type { AvatarSize, AvatarShape } from './Avatar.types';
 import type { SizeConfig } from './Avatar.types';
 import { AVATAR_SIZES } from '../../constants';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { AvatarUtils } from './Avatar.utils';
 
 export interface AvatarProps {

package/src/molecules/avatar/AvatarGroup.tsx

@@ -12,7 +12,7 @@ import { AtomicText } from '../../atoms';
 import { Avatar } from './Avatar';
 import type { AvatarSize, AvatarShape } from './Avatar.types';
 import { AVATAR_SIZES } from '../../constants';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import type { SizeConfig } from './Avatar.types';
 
 const AVATAR_CONSTANTS = {

package/src/molecules/circular-menu/CircularMenuItem.tsx

@@ -4,7 +4,7 @@ import { AtomicIcon } from "../../atoms";
 import { AtomicText } from "../../atoms";
 import { useAppDesignTokens } from "../../theme";
 import { LAYOUT } from "./constants";
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from "../../utils/responsiveUtils";
 
 export interface CircularMenuItemProps {
   icon: string;

package/src/molecules/hero-section/HeroSection.tsx

@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
 import { View, StyleSheet, Text, Image } from 'react-native';
 import { useAppDesignTokens } from '../../theme';
 import type { HeroSectionProps } from './types';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { HERO_ICON } from '../../constants';
 
 export const HeroSection: React.FC<HeroSectionProps> = ({

package/src/molecules/icon-grid/IconGrid.tsx

@@ -21,7 +21,7 @@ import { AtomicIcon } from '../../atoms';
 import { AtomicText } from '../../atoms';
 import type { IconName } from '../../atoms';
 import { calculateGridItemWidth } from '../../utils/math';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { ICON_GRID } from '../../constants';
 
 export interface IconGridItem {

package/src/molecules/info-grid/InfoGrid.tsx

@@ -5,7 +5,7 @@ import { AtomicText } from '../../atoms/AtomicText';
 import { AtomicIcon } from '../../atoms';
 import { useAppDesignTokens } from '../../theme';
 import type { InfoGridProps } from './types';
-import { calculateResponsiveSize } from '../responsive'
+import { calculateResponsiveSize } from '../../utils/responsiveUtils';
 import { INFO_GRID_ICONS } from '../../constants';
 
 export const InfoGrid: React.FC<InfoGridProps> = ({