@lamenna/lxp-native 0.0.1

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

@@ -0,0 +1,6 @@
+import React from "react";
+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;

package/dist/components/Button/Button.js

@@ -0,0 +1,53 @@
+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;
+    return (<TouchableOpacity style={[
+            styles.button,
+            variantStyle,
+            sizeStyle,
+            disabled && styles.disabled,
+        ]} onPress={onPress} activeOpacity={0.7} disabled={disabled} testID={testID} {...rest}>
+      <Text style={styles.text}>{children}</Text>
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    button: {
+        borderRadius: 8,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    primaryButton: {
+        backgroundColor: "#2563EB",
+    },
+    secondaryButton: {
+        backgroundColor: "#7C3AED",
+    },
+    small: {
+        paddingVertical: 6,
+        paddingHorizontal: 12,
+    },
+    medium: {
+        paddingVertical: 8,
+        paddingHorizontal: 24,
+    },
+    large: {
+        paddingVertical: 12,
+        paddingHorizontal: 32,
+    },
+    disabled: {
+        opacity: 0.6,
+    },
+    text: {
+        color: "#FFFFFF",
+        fontSize: 16,
+        fontWeight: "500",
+    },
+});

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./components/Button/Button";

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./components/Button/Button";

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@lamenna/lxp-native",
+  "version": "0.0.1",
+  "description": "React Native components for LXP",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-native": ">=0.73.0"
+  },
+  "dependencies": {
+    "@lamenna/lxp-core": "0.0.1",
+    "@lamenna/lxp-tokens": "0.0.1",
+    "@lamenna/lxp-shared-components": "0.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "18.2.79",
+    "@types/react-native": "^0.73.0",
+    "react": "^18.2.0",
+    "react-native": "^0.73.0",
+    "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "clean": "rm -rf dist"
+  }
+}