@umituz/react-native-design-system 2.5.0 → 2.5.1

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/atoms/AtomicIcon.tsx +9 -1
  3. package/src/atoms/AtomicSpinner.tsx +1 -5
  4. package/src/molecules/countdown/components/Countdown.tsx +5 -1
  5. package/src/theme/core/colors/DarkColors.ts +1 -0
  6. package/src/theme/core/colors/LightColors.ts +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-design-system",
3
- "version": "2.5.0",
3
+ "version": "2.5.1",
4
4
  "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
package/src/atoms/AtomicIcon.tsx CHANGED
@@ -31,7 +31,11 @@ export type IconColor =
31
31
  | "surfaceVariant"
32
32
  | "onPrimary"
33
33
  | "onSecondary"
34
- | "textInverse";
34
+ | "textInverse"
35
+ | "textPrimary"
36
+ | "textSecondary"
37
+ | "textTertiary"
38
+ | "onSurfaceVariant";
35
39
 
36
40
  // Accept any string for flexibility
37
41
  export type IconName = string;
@@ -75,6 +79,10 @@ const getSemanticColor = (
75
79
  onPrimary: tokens.colors.onPrimary,
76
80
  onSecondary: tokens.colors.onSecondary,
77
81
  textInverse: tokens.colors.textInverse,
82
+ textPrimary: tokens.colors.textPrimary,
83
+ textSecondary: tokens.colors.textSecondary,
84
+ textTertiary: tokens.colors.textTertiary,
85
+ onSurfaceVariant: tokens.colors.onSurfaceVariant,
78
86
  };
79
87
  return colorMap[color];
80
88
  };
package/src/atoms/AtomicSpinner.tsx CHANGED
@@ -183,8 +183,4 @@ const styles = StyleSheet.create({
183
183
  },
184
184
  });
185
185
 
186
- // =============================================================================
187
- // EXPORTS
188
- // =============================================================================
189
-
190
- export default AtomicSpinner;
186
+ // End of file
package/src/molecules/countdown/components/Countdown.tsx CHANGED
@@ -74,7 +74,11 @@ export const Countdown: React.FC<CountdownProps> = ({
74
74
  const labelFormatter = formatLabel || defaultFormatLabel;
75
75
 
76
76
  const timeUnits = useMemo(() => {
77
- const units: { value: number; label: string }[] = [];
77
+ interface CountdownUnit {
78
+ value: number;
79
+ label: string;
80
+ }
81
+ const units: CountdownUnit[] = [];
78
82
 
79
83
  const shouldShowDays = showDays !== undefined ? showDays : timeRemaining.days > 0;
80
84
 
package/src/theme/core/colors/DarkColors.ts CHANGED
@@ -28,6 +28,7 @@ export const darkColors = {
28
28
  onSurface: '#E2E8F0', // Light text on dark surface
29
29
  onBackground: '#F1F5F9', // Light text on dark background
30
30
  onSurfaceDisabled: '#64748B', // Disabled dark mode text
31
+ onSurfaceVariant: '#CBD5E1', // Text on dark surface variant
31
32
 
32
33
  // MATERIAL DESIGN 3 - CONTAINER COLORS (Dark mode containers)
33
34
  primaryContainer: '#CC4A1F', // Dark orange container
package/src/theme/core/colors/LightColors.ts CHANGED
@@ -28,6 +28,7 @@ export const lightColors = {
28
28
  onSurface: '#1E293B', // Text on surface
29
29
  onBackground: '#1E293B', // Text on background
30
30
  onSurfaceDisabled: '#CBD5E1', // Disabled text color
31
+ onSurfaceVariant: '#64748B', // Text on surface variant
31
32
 
32
33
  // MATERIAL DESIGN 3 - CONTAINER COLORS (Lighter versions for containers)
33
34
  primaryContainer: '#FFE4CD', // Light orange container