@umituz/react-native-settings 4.21.26 → 4.21.27

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-settings",
3
- "version": "4.21.26",
3
+ "version": "4.21.27",
4
4
  "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, rating, and gamification",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -9,6 +9,7 @@ import { View, ScrollView, StyleSheet } from "react-native";
9
9
  import {
10
10
  AtomicText,
11
11
  AtomicIcon,
12
+ AtomicTouchable,
12
13
  useAppDesignTokens,
13
14
  useSafeAreaInsets,
14
15
  AppNavigation,
@@ -58,7 +59,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
58
59
  key={item.key}
59
60
  style={[
60
61
  styles.variableCard,
61
- { backgroundColor: tokens.colors.surfaceContainer, borderRadius: tokens.borders.radiusMd },
62
+ { backgroundColor: tokens.colors.surfaceSecondary, borderRadius: tokens.borders.radius.md },
62
63
  ]}
63
64
  >
64
65
  <View style={styles.variableHeader}>
@@ -67,20 +68,22 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
67
68
  </AtomicText>
68
69
  <View style={styles.actions}>
69
70
  {item.sensitive && (
71
+ <AtomicTouchable onPress={() => toggleReveal(item.key)}>
72
+ <AtomicIcon
73
+ name={isRevealed ? "eye-off" : "eye"}
74
+ size="sm"
75
+ color="textSecondary"
76
+ />
77
+ </AtomicTouchable>
78
+ )}
79
+ <AtomicTouchable onPress={() => copyToClipboard(item.value, item.key)}>
70
80
  <AtomicIcon
71
- name={isRevealed ? "eye-off" : "eye"}
81
+ name="copy"
72
82
  size="sm"
73
83
  color="textSecondary"
74
- onPress={() => toggleReveal(item.key)}
84
+ style={{ marginLeft: tokens.spacing.sm }}
75
85
  />
76
- )}
77
- <AtomicIcon
78
- name="copy"
79
- size="sm"
80
- color="textSecondary"
81
- onPress={() => copyToClipboard(item.value, item.key)}
82
- style={{ marginLeft: tokens.spacing.sm }}
83
- />
86
+ </AtomicTouchable>
84
87
  </View>
85
88
  </View>
86
89
  <AtomicText type="bodyMedium" color="textSecondary" style={{ marginTop: tokens.spacing.xs }}>
@@ -99,7 +102,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
99
102
  contentContainerStyle={{ paddingBottom: bottom + tokens.spacing.lg }}
100
103
  >
101
104
  {config.environmentName && (
102
- <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceContainer }]}>
105
+ <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceSecondary }]}>
103
106
  <AtomicText type="labelSmall" color="textSecondary">
104
107
  Environment
105
108
  </AtomicText>
@@ -110,7 +113,7 @@ export const EnvViewerScreen: React.FC<EnvViewerScreenProps> = ({ config }) => {
110
113
  )}
111
114
 
112
115
  {config.version && (
113
- <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceContainer }]}>
116
+ <View style={[styles.infoCard, { backgroundColor: tokens.colors.surfaceSecondary }]}>
114
117
  <AtomicText type="labelSmall" color="textSecondary">
115
118
  Version
116
119
  </AtomicText>