@umituz/react-native-ai-generation-content 1.17.43 → 1.17.44

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/presentation/components/headers/AIGenScreenHeader.tsx +26 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-ai-generation-content",
3
- "version": "1.17.43",
3
+ "version": "1.17.44",
4
4
  "description": "Provider-agnostic AI generation orchestration for React Native",
5
5
  "main": "src/index.ts",
6
6
  "types": "src/index.ts",
package/src/presentation/components/headers/AIGenScreenHeader.tsx CHANGED
@@ -26,7 +26,7 @@ export const AIGenScreenHeader: React.FC<AIGenScreenHeaderProps> = ({
26
26
  onNavigationPress,
27
27
  headerContent,
28
28
  rightContent,
29
- titleType = "titleLarge",
29
+ titleType = "headlineLarge",
30
30
  showDescription = !!description,
31
31
  }) => {
32
32
  const tokens = useAppDesignTokens();
@@ -49,33 +49,34 @@ export const AIGenScreenHeader: React.FC<AIGenScreenHeaderProps> = ({
49
49
  return (
50
50
  <View style={styles.header}>
51
51
  <View style={styles.headerTop}>
52
- <View style={styles.leftContainer}>
53
- <TouchableOpacity
54
- onPress={onNavigationPress}
55
- style={buttonStyle}
56
- hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
57
- >
58
- <AtomicIcon name={iconName} size="md" color={iconColor} />
59
- </TouchableOpacity>
52
+ <View style={styles.titleContainer}>
60
53
  <AtomicText
61
54
  type={titleType}
62
55
  style={{
63
56
  color: tokens.colors.textPrimary,
64
57
  fontWeight: "700",
65
- marginLeft: navigationType === "back" ? 8 : 0,
66
58
  }}
67
59
  >
68
60
  {title}
69
61
  </AtomicText>
70
62
  </View>
71
- <View style={styles.headerActions}>{rightContent}</View>
63
+ <View style={styles.headerActions}>
64
+ {rightContent}
65
+ <TouchableOpacity
66
+ onPress={onNavigationPress}
67
+ style={buttonStyle}
68
+ hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
69
+ >
70
+ <AtomicIcon name={iconName} size="md" color={iconColor} />
71
+ </TouchableOpacity>
72
+ </View>
72
73
  </View>
73
74
  {showDescription && description && (
74
75
  <AtomicText
75
76
  type="bodyMedium"
76
77
  style={[
77
78
  styles.description,
78
- { color: tokens.colors.textSecondary, marginTop: 8 },
79
+ { color: tokens.colors.textSecondary, marginTop: 4 },
79
80
  ]}
80
81
  >
81
82
  {description}
@@ -88,34 +89,37 @@ export const AIGenScreenHeader: React.FC<AIGenScreenHeaderProps> = ({
88
89
 
89
90
  const styles = StyleSheet.create({
90
91
  header: {
91
- padding: 16,
92
+ paddingHorizontal: 16,
92
93
  paddingTop: 60,
93
94
  width: "100%",
95
+ marginBottom: 24,
94
96
  },
95
97
  headerTop: {
96
98
  flexDirection: "row",
97
- alignItems: "center",
99
+ alignItems: "flex-start",
98
100
  justifyContent: "space-between",
99
101
  },
100
- leftContainer: {
101
- flexDirection: "row",
102
- alignItems: "center",
102
+ titleContainer: {
103
103
  flex: 1,
104
+ marginRight: 12,
104
105
  },
105
106
  headerActions: {
106
107
  flexDirection: "row",
107
108
  alignItems: "center",
108
- gap: 12,
109
+ gap: 8,
109
110
  },
110
111
  navigationButton: {
111
- width: 40,
112
- height: 40,
112
+ width: 36,
113
+ height: 36,
114
+ borderRadius: 18,
113
115
  alignItems: "center",
114
116
  justifyContent: "center",
115
117
  },
116
- backButton: {},
118
+ backButton: {
119
+ width: 40,
120
+ height: 40,
121
+ },
117
122
  closeButton: {
118
- borderRadius: 20,
119
123
  borderWidth: 1,
120
124
  },
121
125
  description: {