@wlloyalty/wll-react-sdk 1.4.9 → 1.4.10

package/dist/index.d.ts

@@ -353,9 +353,10 @@ type ButtonProps = {
     disabled?: boolean;
     accessibilityLabel?: string;
     accessibilityHint?: string;
+    icon?: React$1.ReactNode;
     testID?: string;
 };
-declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => React$1.ReactElement;
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, icon, testID, }: ButtonProps) => React$1.ReactElement;
 
 type IconName = keyof typeof LucideReactIcons;
 type IconProps = {

package/dist/native.js

@@ -2177,6 +2177,7 @@ var useButtonDynamicStyles = function () {
         button: {
             justifyContent: 'center',
             alignItems: 'center',
+            flexDirection: 'row',
             paddingHorizontal: useResponsiveValue(theme.sizes.xxl, theme.sizes.sm, isDesktop, isTablet),
             paddingVertical: theme.sizes.sm,
             alignSelf: 'flex-start',
@@ -2219,12 +2220,12 @@ var useTextStyles = createVariantSystem({}, function (theme) { return ({
     },
 }); });
 var Button = function (_a) {
-    var title = _a.title, onPress = _a.onPress, variant = _a.variant, _b = _a.disabled, disabled = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, accessibilityHint = _a.accessibilityHint, testID = _a.testID;
+    var title = _a.title, onPress = _a.onPress, variant = _a.variant, _b = _a.disabled, disabled = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, accessibilityHint = _a.accessibilityHint, icon = _a.icon, testID = _a.testID;
     var theme = useWllSdk().theme;
     var buttonStyle = useButtonStyles(theme, variant);
     var textStyle = useTextStyles(theme, variant);
     var styles = useButtonDynamicStyles();
-    return (jsxRuntimeExports.jsx(reactNative.Pressable, { style: function (_a) {
+    return (jsxRuntimeExports.jsxs(reactNative.Pressable, { style: function (_a) {
             var pressed = _a.pressed;
             return [
                 styles.button,
@@ -2233,7 +2234,7 @@ var Button = function (_a) {
                 disabled && { opacity: 0.5 },
                 pressed && { opacity: 0.7 },
             ];
-        }, onPress: onPress, disabled: disabled, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: disabled }, testID: testID, children: jsxRuntimeExports.jsx(reactNative.Text, { style: [styles.text, textStyle], children: title }) }));
+        }, onPress: onPress, disabled: disabled, accessible: true, role: "button", accessibilityLabel: accessibilityLabel || title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: disabled }, testID: testID, children: [icon && icon, title && jsxRuntimeExports.jsx(reactNative.Text, { style: [styles.text, textStyle], children: title })] }));
 };
 
 var LucideReactNativeIcons;