@umituz/react-native-design-system 2.6.99 → 2.6.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.99",
+  "version": "2.6.101",
   "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/atoms/chip/types/index.ts

@@ -2,7 +2,7 @@
  * AtomicChip Type Definitions
  */
 
-import type { ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconSize } from '../../AtomicIcon';
 
 export type ChipVariant = 'filled' | 'outlined' | 'soft';
@@ -23,7 +23,7 @@ export interface AtomicChipProps {
   readonly onPress?: () => void;
   readonly selected?: boolean;
   readonly disabled?: boolean;
-  readonly style?: ViewStyle;
+  readonly style?: StyleProp<ViewStyle>;
   readonly testID?: string;
   readonly activeOpacity?: number;
 }

package/src/molecules/filter-group/FilterGroup.tsx

@@ -42,11 +42,11 @@ export function FilterGroup<T = string>({
           <AtomicChip
             key={`${item.value}`}
             variant={isSelected ? 'filled' : 'outlined'}
-            color={isSelected ? 'primary' : 'surface'}
+            color={isSelected ? 'primary' : 'secondary'}
             selected={isSelected}
             onPress={() => onSelect(item.value)}
             clickable
-            style={[styles.item, itemStyle]}
+            style={[styles.item, itemStyle] as any}
             testID={item.testID}
           >
             {item.label}