@umituz/react-native-design-system 2.6.83 → 2.6.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.83",
+  "version": "2.6.85",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/exports/atoms.ts

@@ -66,4 +66,6 @@ export {
   type AtomicStatusBarProps,
   AtomicKeyboardAvoidingView,
   type AtomicKeyboardAvoidingViewProps,
+  GlassView,
+  type GlassViewProps,
 } from '../atoms';

package/src/exports/molecules.ts

@@ -163,4 +163,7 @@ export {
   type SplashColors,
   type UseSplashFlowOptions,
   type UseSplashFlowResult,
+  // GlowingCard
+  GlowingCard,
+  type GlowingCardProps,
 } from '../molecules';

package/src/molecules/GlowingCard/GlowingCard.tsx

@@ -33,16 +33,23 @@ export const GlowingCard: React.FC<GlowingCardProps> = ({
     shadowOpacity: 0.6 * intensity,
     shadowRadius: 10 * intensity,
     elevation: 8 * intensity, // Android elevation
-    backgroundColor: tokens.colors.surface, // Ensure bg is solid or it looks weird
+    // We allow the style prop to override backgroundColor, default to surface if not provided
+    backgroundColor: tokens.colors.surface, 
     borderRadius: tokens.borders.radius.md,
     borderColor: resolvedColor,
     borderWidth: 1,
   };
 
+  // Extract background color from style if present to override default
+  const styleObj = StyleSheet.flatten(style) || {};
+  const finalBackgroundColor = styleObj.backgroundColor || shadowStyle.backgroundColor;
+
   const containerStyle = [
     styles.container,
     shadowStyle,
     style,
+    // Ensure background color is consistent
+    { backgroundColor: finalBackgroundColor }
   ];
 
   if (onPress) {