@umituz/react-native-notifications 1.3.17 → 1.3.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-notifications",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "description": "Offline-first local notifications system for React Native apps using expo-notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -27,8 +27,6 @@
     "@react-native-async-storage/async-storage": ">=2.0.0",
     "@react-native-community/datetimepicker": ">=8.0.0",
     "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-design-system-atoms": "latest",
-    "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-haptics": "latest",
     "expo-device": ">=6.0.0",
     "expo-haptics": ">=15.0.0",

package/src/domains/quietHours/presentation/components/QuietHoursCard.tsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon, AtomicCard } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { SettingRow } from '../../../../presentation/components/SettingRow';
 import type { QuietHoursConfig, QuietHoursTranslations } from '../../../../infrastructure/services/types';
 

package/src/domains/reminders/presentation/components/FormButton.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from 'react';
 import { TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 
 export interface FormButtonProps {
   label: string;

package/src/domains/reminders/presentation/components/FrequencySelector.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import type { ReminderFrequency } from '../../../../infrastructure/services/types';
 import type { FrequencyOption } from '../../infrastructure/config/reminderPresets';
 

package/src/domains/reminders/presentation/components/ReminderForm.tsx

@@ -6,7 +6,7 @@
 import React, { useState, useMemo, useCallback } from 'react';
 import { View, TextInput, StyleSheet, ScrollView } from 'react-native';
 import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { TimePresetSelector } from './TimePresetSelector';
 import { FrequencySelector } from './FrequencySelector';
 import { WeekdaySelector } from './WeekdaySelector';
@@ -150,7 +150,11 @@ export const ReminderForm: React.FC<ReminderFormProps> = ({
 
 const createStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
   StyleSheet.create({
-    container: { flex: 1, padding: 16 },
+    container: {
+      flex: 1,
+      padding: 16,
+      backgroundColor: tokens.colors.surface,
+    },
     section: { marginBottom: 20 },
     label: { color: tokens.colors.textPrimary, marginBottom: 8 },
     input: {

package/src/domains/reminders/presentation/components/ReminderItem.tsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import type { Reminder, ReminderFrequency } from '../../../../infrastructure/services/types';
 
 export interface ReminderItemTranslations {

package/src/domains/reminders/presentation/components/TimePresetSelector.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import type { TimePreset } from '../../../../infrastructure/services/types';
 
 export interface TimePresetSelectorProps {

package/src/domains/reminders/presentation/components/WeekdaySelector.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from 'react';
 import { View, TouchableOpacity, StyleSheet } from 'react-native';
 import { AtomicText } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { WEEKDAY_OPTIONS } from '../../infrastructure/config/reminderPresets';
 
 export interface WeekdaySelectorProps {

package/src/domains/reminders/presentation/screens/ReminderListScreen.tsx

@@ -6,7 +6,7 @@
 import React, { useEffect, useMemo, useCallback } from 'react';
 import { View, FlatList, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { ReminderItem } from '../components/ReminderItem';
 import { useRemindersStore, useReminders, useRemindersLoading } from '../../infrastructure/storage/RemindersStore';
 import { useReminderActions } from '../../infrastructure/hooks/useReminderActions';

package/src/presentation/components/NotificationsSection.tsx

@@ -7,7 +7,7 @@ import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { View, TouchableOpacity, StyleSheet, Switch } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 // @ts-ignore - Optional peer dependency
 import { useNavigation } from '@react-navigation/native';
 import { notificationService } from '../../infrastructure/services/NotificationService';

package/src/presentation/components/SettingRow.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo, useCallback } from 'react';
 import { View, StyleSheet, Switch } from 'react-native';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 
 export interface SettingRowProps {
     iconName: string;

package/src/presentation/screens/NotificationSettingsScreen.tsx

@@ -6,7 +6,7 @@
 import React, { useMemo } from 'react';
 import { View, StyleSheet, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { AtomicText, AtomicIcon, AtomicCard, ScreenLayout } from '@umituz/react-native-design-system';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { QuietHoursCard } from '../../domains/quietHours/presentation/components/QuietHoursCard';
 import { SettingRow } from '../components/SettingRow';
 import { useNotificationSettingsUI } from '../hooks/useNotificationSettingsUI';

package/src/presentation/screens/NotificationsScreen.tsx

@@ -9,7 +9,7 @@ import React, { useMemo } from 'react';
 import { View, StyleSheet, ActivityIndicator } from 'react-native';
 import { AtomicIcon, AtomicCard, AtomicText, ScreenLayout, STATIC_TOKENS } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-design-system-theme';
+import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { useNotificationSettings } from '../../infrastructure/hooks/useNotificationSettings';
 import type { DesignTokens } from '@umituz/react-native-design-system';
 

package/src/types/global.d.ts

@@ -252,7 +252,7 @@ declare module '@umituz/react-native-design-system' {
   }
 }
 
-declare module '@umituz/react-native-design-system-theme' {
+declare module '@umituz/react-native-design-system' {
   export function useAppDesignTokens(): import('@umituz/react-native-design-system').DesignTokens;
 }