@umituz/react-native-design-system 2.9.25 → 2.9.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/molecules/BaseModal.tsx +19 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-design-system",
3
- "version": "2.9.25",
3
+ "version": "2.9.26",
4
4
  "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/molecules/BaseModal.tsx CHANGED
@@ -5,9 +5,10 @@
5
5
  */
6
6
 
7
7
  import React, { useEffect } from 'react';
8
- import { View, Modal, StyleSheet, TouchableOpacity, ViewStyle, Text } from 'react-native';
8
+ import { View, Modal, StyleSheet, TouchableOpacity, ViewStyle } from 'react-native';
9
9
  import { useAppDesignTokens } from '../theme';
10
10
  import { useResponsive } from '../responsive';
11
+ import { AtomicText } from '../atoms/AtomicText';
11
12
 
12
13
  declare const __DEV__: boolean;
13
14
 
@@ -100,25 +101,27 @@ export const BaseModal: React.FC<BaseModalProps> = ({
100
101
  paddingBottom: tokens.spacing.md,
101
102
  }}>
102
103
  {title && (
103
- <Text style={{
104
- fontSize: 20,
105
- fontWeight: '700',
106
- color: tokens.colors.textPrimary,
107
- textAlign: 'center',
108
- marginBottom: subtitle ? tokens.spacing.xs : 0,
109
- }}>
104
+ <AtomicText
105
+ type="headingMedium"
106
+ style={{
107
+ textAlign: 'center',
108
+ marginBottom: subtitle ? tokens.spacing.xs : 0,
109
+ }}
110
+ >
110
111
  {title}
111
- </Text>
112
+ </AtomicText>
112
113
  )}
113
114
  {subtitle && (
114
- <Text style={{
115
- fontSize: 15,
116
- color: tokens.colors.textSecondary,
117
- textAlign: 'center',
118
- lineHeight: 20,
119
- }}>
115
+ <AtomicText
116
+ type="bodyMedium"
117
+ style={{
118
+ color: tokens.colors.textSecondary,
119
+ textAlign: 'center',
120
+ lineHeight: 20,
121
+ }}
122
+ >
120
123
  {subtitle}
121
- </Text>
124
+ </AtomicText>
122
125
  )}
123
126
  </View>
124
127
  )}