@lamenna/lxp-native 0.1.0 → 0.1.1

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,9 +1,12 @@
 import React from "react";
 import { TouchableOpacity, Text, StyleSheet, } from "react-native";
 import { buttonConfig, } from "@lamenna/lxp-shared-components";
-export const Button = ({ children, variant = "primary", size = "md", disabled = false, testID, onPress, ...rest }) => {
+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,
             {
@@ -13,7 +16,7 @@ export const Button = ({ children, variant = "primary", size = "md", disabled =
             disabled && styles.disabled,
         ]} onPress={onPress} activeOpacity={0.7} disabled={disabled} testID={testID} {...rest}>
       <Text style={[styles.text, { color: variantConfig.color }]}>
-        {children}
+        {content}
       </Text>
     </TouchableOpacity>);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lamenna/lxp-native",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React Native components for LXP",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",