@klyftig/mobile-ui 1.0.2 → 1.0.4
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": "@klyftig/mobile-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"pack-install": "npm pack && mv klyftig-ui-*.tgz /tmp/klyftig-ui-local.tgz && cd ../../mobile && npm install /tmp/klyftig-ui-local.tgz"
|
|
6
6
|
},
|
|
@@ -28,5 +28,10 @@
|
|
|
28
28
|
},
|
|
29
29
|
"publishConfig": {
|
|
30
30
|
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"dependencies": {
|
|
33
|
+
"expo": "~55.0.11",
|
|
34
|
+
"react": "19.2.0",
|
|
35
|
+
"react-native": "0.83.4"
|
|
31
36
|
}
|
|
32
37
|
}
|
|
@@ -30,12 +30,18 @@ export const AdaptiveGlassView: React.FC<AdaptiveGlassViewProps> = ({
|
|
|
30
30
|
style,
|
|
31
31
|
}) => {
|
|
32
32
|
if (GLASS_AVAILABLE) {
|
|
33
|
+
// Ensure a consistent light base: without this, the native glass material
|
|
34
|
+
// samples whatever pixels happen to be behind it on first mount (often a
|
|
35
|
+
// dark shadow or tab-bar region), which makes the control look "darkened"
|
|
36
|
+
// until the user scrolls. A subtle translucent white keeps the appearance
|
|
37
|
+
// consistent while still reading as glass.
|
|
38
|
+
const baseStyle: ViewStyle = { backgroundColor: 'rgba(255,255,255,0.55)' };
|
|
33
39
|
return (
|
|
34
40
|
<GlassView
|
|
35
41
|
glassEffectStyle={variant}
|
|
36
42
|
tintColor={tintColor}
|
|
37
43
|
isInteractive={interactive}
|
|
38
|
-
style={style}
|
|
44
|
+
style={[baseStyle, style]}
|
|
39
45
|
>
|
|
40
46
|
{children}
|
|
41
47
|
</GlassView>
|
|
@@ -228,14 +228,15 @@ const styles = StyleSheet.create({
|
|
|
228
228
|
flexDirection: 'row',
|
|
229
229
|
alignItems: 'center',
|
|
230
230
|
justifyContent: 'center',
|
|
231
|
-
backgroundColor: '
|
|
232
|
-
borderWidth: 1
|
|
233
|
-
borderColor: 'rgba(0,0,0,0.
|
|
231
|
+
backgroundColor: '#FFFFFF',
|
|
232
|
+
borderWidth: 1,
|
|
233
|
+
borderColor: 'rgba(0,0,0,0.08)',
|
|
234
|
+
overflow: 'hidden',
|
|
234
235
|
shadowColor: '#000',
|
|
235
236
|
shadowOffset: { width: 0, height: 2 },
|
|
236
237
|
shadowOpacity: 0.06,
|
|
237
238
|
shadowRadius: 8,
|
|
238
|
-
elevation:
|
|
239
|
+
elevation: 0,
|
|
239
240
|
},
|
|
240
241
|
secondaryButtonCompact: {
|
|
241
242
|
height: 40,
|