@lamenna/lxp-native 0.0.2 → 0.1.1

package/dist/__tests__/button-options.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Button options tests - React Native package
+ *
+ * These tests validate that the React Native package can consume the
+ * shared button configuration (variants, sizes, common styles). They
+ * deliberately avoid React Native runtime dependencies so they work
+ * in a plain Jest + ts-jest environment.
+ */
+export {};

package/dist/__tests__/button-options.test.js

@@ -0,0 +1,24 @@
+/**
+ * Button options tests - React Native package
+ *
+ * These tests validate that the React Native package can consume the
+ * shared button configuration (variants, sizes, common styles). They
+ * deliberately avoid React Native runtime dependencies so they work
+ * in a plain Jest + ts-jest environment.
+ */
+import { buttonConfig } from "@lamenna/lxp-shared-components";
+describe("Button options (React Native)", () => {
+    it("should expose primary and secondary variants", () => {
+        expect(buttonConfig.variants.primary).toBeDefined();
+        expect(buttonConfig.variants.secondary).toBeDefined();
+    });
+    it("should expose standard sizes", () => {
+        expect(buttonConfig.sizes.sm).toBeDefined();
+        expect(buttonConfig.sizes.md).toBeDefined();
+        expect(buttonConfig.sizes.lg).toBeDefined();
+    });
+    it("should have common button styles configured", () => {
+        expect(buttonConfig.common.borderRadius).toBeDefined();
+        expect(buttonConfig.common.cursor).toBe("pointer");
+    });
+});

package/dist/components/Button/Button.d.ts

@@ -3,4 +3,4 @@ import { TouchableOpacityProps } from "react-native";
 import { ReactNativeButtonProps } from "@lamenna/lxp-shared-components";
 export type { ReactNativeButtonProps as ButtonProps };
 type Props = ReactNativeButtonProps & Omit<TouchableOpacityProps, "style">;
-export declare const Button: ({ children, variant, size, disabled, testID, onPress, ...rest }: Props) => React.JSX.Element;
+export declare const Button: ({ children, label, variant, size, disabled, testID, onPress, ...rest }: Props) => React.JSX.Element;

package/dist/components/Button/Button.js

@@ -1,21 +1,23 @@
 import React from "react";
 import { TouchableOpacity, Text, StyleSheet, } from "react-native";
-export const Button = ({ children, variant = "primary", size = "md", disabled = false, testID, onPress, ...rest }) => {
-    const variantStyle = variant === "primary"
-        ? styles.primaryButton
-        : styles.secondaryButton;
-    const sizeStyle = size === "sm"
-        ? styles.small
-        : size === "lg"
-            ? styles.large
-            : styles.medium;
+import { buttonConfig, } from "@lamenna/lxp-shared-components";
+export const Button = ({ children, label, variant = "primary", size = "md", disabled = false, testID, onPress, ...rest }) => {
+    const variantConfig = buttonConfig.variants[variant];
+    const sizeStyle = size === "sm" ? styles.small : size === "lg" ? styles.large : styles.medium;
+    // `label` is the platform-agnostic text prop; `children` takes precedence for
+    // callers that need richer content.
+    const content = children ?? label;
     return (<TouchableOpacity style={[
             styles.button,
-            variantStyle,
+            {
+                backgroundColor: variantConfig.backgroundColor,
+            },
             sizeStyle,
             disabled && styles.disabled,
         ]} onPress={onPress} activeOpacity={0.7} disabled={disabled} testID={testID} {...rest}>
-      <Text style={styles.text}>{children}</Text>
+      <Text style={[styles.text, { color: variantConfig.color }]}>
+        {content}
+      </Text>
     </TouchableOpacity>);
 };
 const styles = StyleSheet.create({
@@ -24,12 +26,6 @@ const styles = StyleSheet.create({
         alignItems: "center",
         justifyContent: "center",
     },
-    primaryButton: {
-        backgroundColor: "#2563EB",
-    },
-    secondaryButton: {
-        backgroundColor: "#7C3AED",
-    },
     small: {
         paddingVertical: 6,
         paddingHorizontal: 12,
@@ -43,7 +39,7 @@ const styles = StyleSheet.create({
         paddingHorizontal: 32,
     },
     disabled: {
-        opacity: 0.6,
+        opacity: 0.5,
     },
     text: {
         color: "#FFFFFF",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lamenna/lxp-native",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "description": "React Native components for LXP",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,27 +11,27 @@
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-native": ">=0.73.0"
+    "react": "^19.0.0",
+    "react-native": ">=0.83.0"
   },
   "dependencies": {
-    "@lamenna/lxp-core": "0.0.2",
-    "@lamenna/lxp-tokens": "0.0.2",
-    "@lamenna/lxp-shared-components": "0.0.2"
+    "@lamenna/lxp-core": "0.1.0",
+    "@lamenna/lxp-tokens": "0.1.0",
+    "@lamenna/lxp-shared-components": "0.1.0"
   },
   "devDependencies": {
-    "@types/react": "18.2.79",
+    "@types/react": "^19.0.0",
     "@types/react-native": "^0.73.0",
-    "react": "^18.2.0",
-    "react-native": "^0.73.0",
-    "typescript": "^5.3.3"
+    "react": "^19.2.3",
+    "react-native": "0.83.0",
+    "typescript": "^5.9.3"
   },
   "scripts": {
     "build": "tsc",
     "dev": "tsc --watch",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch --passWithNoTests",
+    "test:coverage": "jest --coverage --passWithNoTests",
     "clean": "rm -rf dist"
   }
 }