@ledgerhq/lumen-ui-rnative 0.0.44 → 0.0.45

package/dist/src/styles/types/styled.types.d.ts

@@ -1,4 +1,4 @@
-import type { ViewStyle, FlexStyle, TextStyle, ViewProps, TextProps } from 'react-native';
+import type { ViewStyle, TextStyle } from 'react-native';
 import type { LumenStyleSheetTheme } from './theme.types';
 /**
  * Extract token keys from theme
@@ -12,7 +12,28 @@ type BorderColorToken = keyof LumenStyleSheetTheme['colors']['border'];
 type BorderRadiusToken = keyof LumenStyleSheetTheme['borderRadius'];
 type ShadowToken = keyof LumenStyleSheetTheme['shadows'];
 type TypographyToken = keyof LumenStyleSheetTheme['typographies'];
-type SpacingProps = {
+/**
+ * Main public types - combine token props with RN props
+ */
+export type LumenViewStyle = {
+    /**
+     * Flex layout
+     */
+    flex?: ViewStyle['flex'];
+    flexDirection?: ViewStyle['flexDirection'];
+    flexWrap?: ViewStyle['flexWrap'];
+    justifyContent?: ViewStyle['justifyContent'];
+    alignItems?: ViewStyle['alignItems'];
+    alignSelf?: ViewStyle['alignSelf'];
+    alignContent?: ViewStyle['alignContent'];
+    flexGrow?: ViewStyle['flexGrow'];
+    flexShrink?: ViewStyle['flexShrink'];
+    flexBasis?: ViewStyle['flexBasis'];
+    position?: ViewStyle['position'];
+    zIndex?: ViewStyle['zIndex'];
+    overflow?: ViewStyle['overflow'];
+    display?: ViewStyle['display'];
+    aspectRatio?: ViewStyle['aspectRatio'];
     /**
      * Padding
      */
@@ -38,30 +59,37 @@ type SpacingProps = {
     marginHorizontal?: SpacingToken;
     marginVertical?: SpacingToken;
     /**
-     * Gaps
+     * Position
+     */
+    top?: SpacingToken;
+    bottom?: SpacingToken;
+    left?: SpacingToken;
+    right?: SpacingToken;
+    start?: SpacingToken;
+    end?: SpacingToken;
+    /**
+     * Gap
      */
     gap?: SpacingToken;
     rowGap?: SpacingToken;
     columnGap?: SpacingToken;
-};
-/**
- * Size props - use size tokens only
- */
-type SizeProps = {
+    /**
+     * Size
+     */
     width?: SizeToken;
     height?: SizeToken;
     minWidth?: SizeToken;
     minHeight?: SizeToken;
     maxWidth?: SizeToken;
     maxHeight?: SizeToken;
-};
-/**
- * Background color props - use background color tokens only
- */
-type BackgroundColorProps = {
+    /**
+     * Background color
+     */
     backgroundColor?: BackgroundColorToken;
-};
-type BorderProps = {
+    /**
+     * Shadow
+     */
+    boxShadow?: ShadowToken;
     /**
      * Border width
      */
@@ -90,46 +118,40 @@ type BorderProps = {
     borderTopRightRadius?: BorderRadiusToken;
     borderBottomLeftRadius?: BorderRadiusToken;
     borderBottomRightRadius?: BorderRadiusToken;
+    /**
+     * Other styles
+     */
+    opacity?: ViewStyle['opacity'];
+    borderStyle?: ViewStyle['borderStyle'];
+    transform?: ViewStyle['transform'];
 };
-/**
- * Shadow props - use shadow tokens
- */
-type ShadowProps = {
-    boxShadow?: ShadowToken;
-};
-/**
- * Flex layout props - passthrough from React Native
- */
-type FlexLayoutProps = Pick<FlexStyle, 'flex' | 'flexDirection' | 'flexWrap' | 'justifyContent' | 'alignItems' | 'alignSelf' | 'alignContent' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'position' | 'top' | 'bottom' | 'left' | 'right' | 'start' | 'end' | 'zIndex' | 'overflow' | 'display' | 'aspectRatio'>;
-/**
- * Other view style props - passthrough from React Native
- */
-type OtherViewStyleProps = Pick<ViewStyle, 'opacity' | 'borderStyle' | 'transform'>;
-/**
- * Text color props - use text color tokens only
- */
-type TextColorProps = {
+export type LumenTextStyle = LumenViewStyle & {
     color?: TextColorToken;
+    typography?: TypographyToken;
+    textAlign?: TextStyle['textAlign'];
+    textTransform?: TextStyle['textTransform'];
+    textDecorationLine?: TextStyle['textDecorationLine'];
 };
-/**
- * Typography prop
- */
-type TypographyProps = {
-    typo?: TypographyToken;
-};
-/**
- * Text style props - passthrough from React Native
- */
-type OtherTextStyleProps = Pick<TextStyle, 'textAlign' | 'textTransform' | 'textDecorationLine'>;
-/**
- * Main public types - combine token props with RN props
- */
-export type LumenViewStyleProps = SpacingProps & SizeProps & BackgroundColorProps & BorderProps & ShadowProps & FlexLayoutProps & OtherViewStyleProps;
-export type LumenTextStyleProps = LumenViewStyleProps & TextColorProps & TypographyProps & OtherTextStyleProps;
 /**
  * Derived style-only types (for internal resolver use)
  */
-export type LumenViewProps = LumenViewStyleProps & ViewProps;
-export type LumenTextProps = LumenTextStyleProps & TextProps;
+export type LumenViewStyleLX = {
+    /**
+     * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+     */
+    lx?: LumenViewStyle;
+};
+export type LumenPressableStyleLX = {
+    /**
+     * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+     */
+    lx?: LumenViewStyle;
+};
+export type LumenTextStyleLX = {
+    /**
+     * Support LX property - [see documentation](/?path=/docs/style-system-lx--docs).
+     */
+    lx?: LumenTextStyle;
+};
 export {};
 //# sourceMappingURL=styled.types.d.ts.map

package/dist/src/styles/types/styled.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/styled.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/styled.types.ts"],"names":[],"mappings":"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"}

package/dist/src/styles/types/utility.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utility.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/utility.types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,CAAC;AACjE,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;KACpE,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAAC"}
+{"version":3,"file":"utility.types.d.ts","sourceRoot":"","sources":["../../../../src/styles/types/utility.types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,CAAC;AAEjE,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG;KACpE,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAAC"}

package/dist/src/styles/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mergeStyles';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/styles/utils/index.js

@@ -0,0 +1 @@
+export * from './mergeStyles';

package/dist/src/styles/utils/mergeStyles.d.ts

@@ -0,0 +1,16 @@
+import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+type StyleValue = ViewStyle & TextStyle & ImageStyle;
+type StyleInput = StyleValue | false | null | undefined;
+/**
+ * Merges multiple style objects, filtering out falsy values.
+ * Use with conditional expressions for variant-based styling.
+ *
+ * @example
+ * const style = mergeStyles(
+ *   baseStyle,
+ *   disabled && disabledStyle,
+ * );
+ */
+export declare const mergeStyles: (...styles: StyleInput[]) => StyleValue;
+export {};
+//# sourceMappingURL=mergeStyles.d.ts.map

package/dist/src/styles/utils/mergeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACrD,KAAK,UAAU,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAExD;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,UASrD,CAAC"}

package/dist/src/styles/utils/mergeStyles.js

@@ -0,0 +1,20 @@
+/**
+ * Merges multiple style objects, filtering out falsy values.
+ * Use with conditional expressions for variant-based styling.
+ *
+ * @example
+ * const style = mergeStyles(
+ *   baseStyle,
+ *   disabled && disabledStyle,
+ * );
+ */
+export const mergeStyles = (...styles) => {
+    const result = {};
+    for (let i = 0; i < styles.length; i++) {
+        const style = styles[i];
+        if (style) {
+            Object.assign(result, style);
+        }
+    }
+    return result;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",
@@ -25,11 +25,10 @@
       "import": "./src/lib/Symbols/index.ts",
       "default": "./src/lib/Symbols/index.ts"
     },
-    "./styles": "./src/styles/index.ts",
-    "./ToRemove": "./src/lib/Components/_ToRemove/ToRemove.tsx"
+    "./styles": "./src/styles/index.ts"
   },
   "dependencies": {
-    "@ledgerhq/lumen-utils-shared": "0.0.11",
+    "@ledgerhq/lumen-utils-shared": "0.0.12",
     "i18next": "^23.7.0",
     "react-i18next": "^14.0.0"
   },

package/src/lib/Components/AddressInput/AddressInput.mdx

@@ -18,7 +18,10 @@ The AddressInput component provides a specialized input field for entering crypt
 
 > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6375-6974&m=dev).
 
-<Canvas of={AddressInputStories.WebPreviewWarning} />
+> ⚠️ **Note on Web Preview:** The Storybook preview below may display visual inconsistencies as certain React Native APIs (such as Reanimated animations) cannot be fully translated to web environments. While the component's functionality should accurately represent the native implementation, it may not render as intended. For the complete native experience, please refer to the component on an actual iOS or Android device.
+
+<Canvas of={AddressInputStories.Base} />
+<Controls of={AddressInputStories.Base} />
 
 ## Anatomy
 
@@ -28,28 +31,34 @@ The AddressInput component provides a specialized input field for entering crypt
 
 The component displays "To:" as the default prefix text, but this can be customized via the `prefix` prop for different use cases like "From:", "Withdraw to:", etc.
 
+<Canvas of={AddressInputStories.WithCustomPrefix} />
+
 ### QR Code Scanner
 
 When `onQrCodeClick` is provided, a QR code scanner icon appears when the input is empty, allowing users to scan addresses directly. Without `onQrCodeClick`, no QR code icon appears.
 
+<Canvas of={AddressInputStories.WithoutQrCode} />
+
 ### Clear Button
 
 A clear button appears **automatically** when input has content, replacing the QR code scanner icon (if present).
 
+<Canvas of={AddressInputStories.WithContent} />
+
 > **Note:** The clear button only clears the input content/value. It does not clear error states - you must handle error state clearing separately in your component logic.
 
 #### **Hiding the Clear Button**
 
 Use `hideClearButton` to prevent the clear button from appearing.
 
-#### **Extending the Clear Behavior**
-
-Use `onClear` to extend the default clear behavior with custom logic.
+<Canvas of={AddressInputStories.WithHiddenClearButton} />
 
 ### Error State
 
 The input supports error handling through `errorMessage` which displays an error message below the input with error styling including a red border and text color.
 
+<Canvas of={AddressInputStories.WithError} />
+
 The error message will be automatically:
 
 - Connected to the input
@@ -61,6 +70,8 @@ The error message will be automatically:
 
 The input can be disabled using the `editable` prop set to `false`.
 
+<Canvas of={AddressInputStories.DisabledAddressInput} />
+
 ## Controlled vs Uncontrolled
 
 The AddressInput component supports both controlled and uncontrolled usage.

package/src/lib/Components/AddressInput/AddressInput.stories.tsx

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Banner } from '../Banner';
-import { AddressInput } from './AddressInput';
+import { useState } from 'react';
+import { View } from 'react-native';
+import { AddressInput, type AddressInputProps } from './AddressInput';
 
 const meta: Meta<typeof AddressInput> = {
   component: AddressInput,
@@ -14,25 +15,140 @@ const meta: Meta<typeof AddressInput> = {
       },
     },
   },
+  argTypes: {
+    placeholder: {
+      control: 'text',
+      description: 'Placeholder text when input is empty',
+    },
+    prefix: {
+      control: 'text',
+      description: 'Custom prefix text (default: "To:")',
+    },
+    errorMessage: {
+      control: 'text',
+      description: 'Error message to display below input',
+    },
+    editable: {
+      control: 'boolean',
+      description: 'Whether the input is editable',
+    },
+    hideClearButton: {
+      control: 'boolean',
+      description: 'Hide the clear button',
+    },
+  },
 };
 
 export default meta;
 type Story = StoryObj<typeof AddressInput>;
 
-export const WebPreviewWarning: Story = {
-  render: () => (
-    <Banner
-      appearance='warning'
-      title='Unsupported previews on web'
-      description='For this component, previewing stories is currently only supported on mobile. Reanimated causes compatibility issues with the web preview, so for now, please test on-device. We plan to add screenshots or embed Expo Snack in the future.'
-    />
-  ),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          '⚠️ This component requires testing on a physical device or emulator due to Reanimated compatibility issues with web previews.',
-      },
-    },
+const AddressInputStory = (args: AddressInputProps) => {
+  const [address, setAddress] = useState(args.value?.toString() ?? '');
+
+  return (
+    <View className='flex min-h-400 items-center justify-center p-24'>
+      <View className='w-full max-w-320'>
+        <AddressInput
+          {...args}
+          value={address}
+          onChangeText={setAddress}
+          onQrCodeClick={
+            args.onQrCodeClick ?? (() => alert('QR code scanner opened'))
+          }
+        />
+      </View>
+    </View>
+  );
+};
+
+export const Base: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    prefix: 'To:',
+    editable: true,
+    hideClearButton: false,
+  },
+};
+
+export const WithContent: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
+    prefix: 'To:',
+    editable: true,
+    hideClearButton: false,
+  },
+};
+
+export const WithCustomPrefix: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter sender address',
+    prefix: 'From:',
+    editable: true,
+    hideClearButton: false,
+  },
+};
+
+const AddressInputWithoutQrStory = (args: AddressInputProps) => {
+  const [address, setAddress] = useState(args.value?.toString() ?? '');
+
+  return (
+    <View className='flex min-h-400 items-center justify-center p-24'>
+      <View className='w-full max-w-320'>
+        <AddressInput
+          {...args}
+          value={address}
+          onChangeText={setAddress}
+          onQrCodeClick={undefined}
+        />
+      </View>
+    </View>
+  );
+};
+
+export const WithoutQrCode: Story = {
+  render: (args) => <AddressInputWithoutQrStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    prefix: 'To:',
+    editable: true,
+    hideClearButton: false,
+  },
+};
+
+export const WithError: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    value: 'invalid-address',
+    errorMessage: 'Invalid address format',
+    prefix: 'To:',
+    editable: true,
+    hideClearButton: false,
+  },
+};
+
+export const DisabledAddressInput: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
+    prefix: 'To:',
+    editable: false,
+    hideClearButton: false,
+  },
+};
+
+export const WithHiddenClearButton: Story = {
+  render: (args) => <AddressInputStory {...args} />,
+  args: {
+    placeholder: 'Enter address or ENS',
+    value: '0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb27',
+    prefix: 'To:',
+    editable: true,
+    hideClearButton: true,
   },
 };

package/src/lib/Components/AddressInput/AddressInput.tsx

@@ -47,7 +47,7 @@ export const AddressInput = React.forwardRef<
     suffix ||
     (onQrCodeClick && (
       <InteractiveIcon
-        iconType='filled'
+        iconType='stroked'
         onPress={onQrCodeClick}
         accessibilityLabel={t('components.addressInput.qrCodeAriaLabel')}
       >

package/src/lib/Components/AmountInput/AmountInput.mdx

@@ -20,7 +20,10 @@ AmountInput is a specialized input component designed for handling numeric value
 
 > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=6245-2067&m=dev).
 
-<Canvas of={AmountInputStories.WebPreviewWarning} />
+> ⚠️ **Note on Web Preview:** The Storybook preview below may display visual inconsistencies as certain React Native APIs (such as Reanimated animations) cannot be fully translated to web environments. While the component's functionality should accurately represent the native implementation, it may not render as intended. For the complete native experience, please refer to the component on an actual iOS or Android device.
+
+<Canvas of={AmountInputStories.Base} />
+<Controls of={AmountInputStories.Base} />
 
 ## Anatomy
 
@@ -30,6 +33,10 @@ AmountInput is a specialized input component designed for handling numeric value
 
 The currency text can be positioned on either the **left** (default) or **right** side of the input:
 
+<Canvas of={AmountInputStories.CurrencyPositionLeft} />
+
+<Canvas of={AmountInputStories.CurrencyPositionRight} />
+
 ### Input Validation
 
 The AmountInput provides built-in validation controls:
@@ -39,6 +46,8 @@ The AmountInput provides built-in validation controls:
 `allowDecimals` is set to `true` by default, the input accepts decimal values.
 Set it to `false` to only accept whole numbers.
 
+<Canvas of={AmountInputStories.IntegerOnly} />
+
 #### **Length Limits**
 
 By default, the AmountInput allows:
@@ -49,18 +58,28 @@ By default, the AmountInput allows:
 
 You can customize these limits using `maxIntegerLength` and `maxDecimalLength` props if needed.
 
+<Canvas of={AmountInputStories.CustomLengthLimits} />
+
 #### **Thousands Separator**
 
 By default, the component displays thousands separators (e.g., `1 000` for `1000`). You can disable this by setting `thousandsSeparator={false}`.
 
+<Canvas of={AmountInputStories.WithThousandsSeparator} />
+
+<Canvas of={AmountInputStories.WithoutThousandsSeparator} />
+
 ### Error State
 
 The input supports error handling through `isInvalid` prop which controls the error state styling including text color changes for both input and currency text.
 
+<Canvas of={AmountInputStories.ErrorState} />
+
 ### Disabled State
 
 The component supports disabled state through the `editable` prop set to `false` with appropriate visual feedback.
 
+<Canvas of={AmountInputStories.DisabledAmountInput} />
+
 ## Animations
 
 The AmountInput features several sophisticated animations: