@umituz/react-native-design-system 2.0.14 → 2.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "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",
@@ -21,8 +21,8 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "typecheck": "echo 'TypeScript validation passed'",
-    "lint": "echo 'Lint passed'",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .ts,.tsx",
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
     "version:major": "npm version major -m 'chore: release v%s'"
@@ -83,12 +83,13 @@
     "@react-navigation/native": "^6.0.0",
     "@types/jest": "^30.0.0",
     "@types/react": "~19.1.10",
-    "@typescript-eslint/eslint-plugin": "^8.50.0",
-    "@typescript-eslint/parser": "^8.50.0",
+    "@typescript-eslint/eslint-plugin": "^8.50.1",
+    "@typescript-eslint/parser": "^8.50.1",
     "@umituz/react-native-icons": "latest",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-native": "^5.0.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
     "react-native-gesture-handler": "^2.20.0",
@@ -106,4 +107,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/src/atoms/AtomicCard.tsx

@@ -40,11 +40,8 @@ export const AtomicCard: React.FC<AtomicCardProps> = ({
             case 'elevated':
                 return {
                     backgroundColor: tokens.colors.surface,
-                    shadowColor: '#000',
-                    shadowOffset: { width: 0, height: 2 },
-                    shadowOpacity: 0.1,
-                    shadowRadius: 4,
-                    elevation: 2,
+                    borderWidth: 1,
+                    borderColor: tokens.colors.outlineVariant || tokens.colors.outline,
                 };
             case 'outlined':
                 return {

package/src/molecules/ConfirmationModalContent.tsx

@@ -29,7 +29,7 @@ const useConfirmButtonStyle = (
 ) => {
   return React.useCallback(() => {
     const baseStyle = getButtonStyle();
-    const variantStyles = [];
+    const variantStyles: ViewStyle[] = [];
 
     if (variant === 'destructive') variantStyles.push({ backgroundColor: tokens.colors.error });
     if (variant === 'warning') variantStyles.push({ backgroundColor: tokens.colors.warning });

package/src/theme/core/TokenFactory.ts

@@ -28,6 +28,7 @@ export type DesignTokens = {
   iconSizes: typeof BASE_TOKENS.iconSizes;
   opacity: typeof BASE_TOKENS.opacity;
   avatarSizes: typeof BASE_TOKENS.avatarSizes;
+  borderRadius: typeof BASE_TOKENS.borders.radius;
   borders: typeof BASE_TOKENS.borders & {
     card: typeof BASE_TOKENS.borders.card & { borderColor: string };
     input: typeof BASE_TOKENS.borders.input & { borderColor: string };
@@ -78,6 +79,7 @@ export const createDesignTokens = (
     iconSizes: BASE_TOKENS.iconSizes,
     opacity: BASE_TOKENS.opacity,
     avatarSizes: BASE_TOKENS.avatarSizes,
+    borderRadius: BASE_TOKENS.borders.radius,
 
     // ✅ BORDERS: Static + injected border colors from theme
     borders: {

package/src/theme/core/tokens/BorderRadius.ts

@@ -0,0 +1,16 @@
+/**
+ * Border Radius Tokens
+ * Single Responsibility: Define border radius scale
+ */
+
+export const borderRadius = {
+  none: 0,
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 20,
+  xxl: 24,
+  full: 9999,
+} as const;
+
+export type BorderRadius = typeof borderRadius;