@umituz/react-native-settings 5.3.38 → 5.3.39

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 (5) hide show
  1. package/dist/domains/feedback/presentation/components/FeedbackForm.styles.d.ts +15 -1
  2. package/package.json +1 -1
  3. package/src/domains/feedback/presentation/components/FeedbackForm.styles.ts +26 -12
  4. package/src/domains/feedback/presentation/components/FeedbackForm.tsx +1 -1
  5. package/src/domains/feedback/presentation/screens/FeatureRequestScreen.tsx +3 -2
package/dist/domains/feedback/presentation/components/FeedbackForm.styles.d.ts CHANGED
@@ -16,11 +16,21 @@ export declare const getFeedbackFormStyles: (_tokens: ReturnType<typeof useAppDe
16
16
  paddingVertical: number;
17
17
  borderRadius: number;
18
18
  borderWidth: number;
19
- gap: number;
19
+ marginRight: number;
20
20
  };
21
21
  ratingContainer: {
22
22
  alignItems: "center";
23
+ marginVertical: number;
24
+ paddingVertical: number;
25
+ backgroundColor: string;
26
+ borderRadius: number;
27
+ };
28
+ ratingLabel: {
29
+ fontSize: number;
30
+ fontWeight: "900";
31
+ letterSpacing: number;
23
32
  marginBottom: number;
33
+ textTransform: "uppercase";
24
34
  };
25
35
  stars: {
26
36
  flexDirection: "row";
@@ -38,11 +48,15 @@ export declare const getFeedbackFormStyles: (_tokens: ReturnType<typeof useAppDe
38
48
  borderWidth: number;
39
49
  borderRadius: number;
40
50
  padding: number;
51
+ fontSize: number;
41
52
  };
42
53
  errorText: {
43
54
  marginTop: number;
55
+ fontWeight: "600";
44
56
  };
45
57
  submitButton: {
46
58
  width: "100%";
59
+ height: number;
60
+ borderRadius: number;
47
61
  };
48
62
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-settings",
3
- "version": "5.3.38",
3
+ "version": "5.3.39",
4
4
  "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./dist/index.d.ts",
package/src/domains/feedback/presentation/components/FeedbackForm.styles.ts CHANGED
@@ -15,37 +15,51 @@ export const getFeedbackFormStyles = (_tokens: ReturnType<typeof useAppDesignTok
15
15
  typeButton: {
16
16
  flexDirection: "row",
17
17
  alignItems: "center",
18
- paddingHorizontal: 16,
19
- paddingVertical: 8,
20
- borderRadius: 20,
21
- borderWidth: 1,
22
- gap: 6,
18
+ paddingHorizontal: 20,
19
+ paddingVertical: 10,
20
+ borderRadius: 24,
21
+ borderWidth: 1.5,
22
+ marginRight: 10,
23
23
  },
24
24
  ratingContainer: {
25
25
  alignItems: "center",
26
- marginBottom: 24,
26
+ marginVertical: 32,
27
+ paddingVertical: 16,
28
+ backgroundColor: "rgba(255,255,255,0.02)",
29
+ borderRadius: 16,
30
+ },
31
+ ratingLabel: {
32
+ fontSize: 12,
33
+ fontWeight: "900",
34
+ letterSpacing: 1,
35
+ marginBottom: 16,
36
+ textTransform: "uppercase",
27
37
  },
28
38
  stars: {
29
39
  flexDirection: "row",
30
- gap: 8,
40
+ gap: 12,
31
41
  },
32
42
  starButton: {
33
43
  padding: 4,
34
44
  },
35
45
  inputContainer: {
36
- marginBottom: 24,
46
+ marginBottom: 32,
37
47
  },
38
48
  textArea: {
39
49
  textAlignVertical: "top",
40
- minHeight: 120,
41
- borderWidth: 1,
42
- borderRadius: 8,
43
- padding: 12,
50
+ minHeight: 140,
51
+ borderWidth: 1.5,
52
+ borderRadius: 16,
53
+ padding: 16,
54
+ fontSize: 15,
44
55
  },
45
56
  errorText: {
46
57
  marginTop: 8,
58
+ fontWeight: "600",
47
59
  },
48
60
  submitButton: {
49
61
  width: "100%",
62
+ height: 56,
63
+ borderRadius: 16,
50
64
  },
51
65
  });
package/src/domains/feedback/presentation/components/FeedbackForm.tsx CHANGED
@@ -67,7 +67,7 @@ const FeedbackRatingSection: React.FC<FeedbackRatingSectionProps> = ({
67
67
  tokens,
68
68
  }) => (
69
69
  <View style={styles.ratingContainer}>
70
- <AtomicText type="bodyMedium" style={{ marginBottom: 8, color: tokens.colors.textSecondary }}>
70
+ <AtomicText style={[styles.ratingLabel, { color: tokens.colors.textSecondary }]}>
71
71
  {ratingLabel}
72
72
  </AtomicText>
73
73
  <View style={styles.stars}>
package/src/domains/feedback/presentation/screens/FeatureRequestScreen.tsx CHANGED
@@ -132,7 +132,7 @@ export const FeatureRequestScreen: React.FC<any> = ({ config, texts }) => {
132
132
  <View style={styles.voteColumn}>
133
133
  <TouchableOpacity onPress={() => handleVote(item.id, 'up')}>
134
134
  <AtomicIcon
135
- name="expand-less"
135
+ name="chevron-up"
136
136
  size="md"
137
137
  color={item.voted === 'up' ? "primary" : "textSecondary" as any}
138
138
  />
@@ -142,7 +142,7 @@ export const FeatureRequestScreen: React.FC<any> = ({ config, texts }) => {
142
142
  </AtomicText>
143
143
  <TouchableOpacity onPress={() => handleVote(item.id, 'down')}>
144
144
  <AtomicIcon
145
- name="expand-more"
145
+ name="chevron-down"
146
146
  size="md"
147
147
  color={item.voted === 'down' ? "primary" : "textSecondary" as any}
148
148
  />
@@ -239,6 +239,7 @@ export const FeatureRequestScreen: React.FC<any> = ({ config, texts }) => {
239
239
  <FeedbackModal
240
240
  visible={isModalVisible}
241
241
  onClose={() => setIsModalVisible(false)}
242
+ title={texts.title}
242
243
  onSubmit={async (data: any) => {
243
244
  console.log("Submitted:", data);
244
245
  setIsModalVisible(false);