npm - @ledgerhq/lumen-ui-rnative - Versions diffs - 0.1.45 → 0.1.47 - Mend

@ledgerhq/lumen-ui-rnative 0.1.45 → 0.1.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (391) hide show

package/src/lib/Components/AmountDisplay/AmountDisplay.stories.tsx CHANGED Viewed

@@ -44,7 +44,8 @@ const btcFormatter = (value: number): FormattedValue => {
 const meta: Meta<typeof AmountDisplay> = {
   component: AmountDisplay,
-  title: 'Communication/AmountDisplay',
+  id: 'rnative-amountdisplay',
+  title: 'Core/AmountDisplay',
   args: {
     formatter: eurFormatter,
     hidden: false,

package/src/lib/Components/AmountDisplay/AmountDisplay.tsx CHANGED Viewed

@@ -255,8 +255,7 @@ DigitStripList.displayName = 'DigitStripList';
  * This component uses a formatter function pattern that gives you full control over how amounts are displayed,
  * including currency position, decimal separators, and precision. Use the `hidden` prop for privacy features.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-amountdisplay--docs Guidelines}
  *
  * @example
  * ```tsx

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

@@ -5,7 +5,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title='Input/AmountInput' of={AmountInputStories} />
+<Meta title='Core/AmountInput' of={AmountInputStories} />
 # AmountInput

package/src/lib/Components/AmountInput/AmountInput.stories.tsx CHANGED Viewed

@@ -17,7 +17,8 @@ const SIZES: { size: AmountInputSize; value: string }[] = [
 const meta: Meta<typeof AmountInput> = {
   component: AmountInput,
-  title: 'Input/AmountInput',
+  id: 'rnative-amountinput',
+  title: 'Core/AmountInput',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Avatar/Avatar.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
-<Meta title='Communication/Avatar' of={AvatarStories} />
+<Meta title='Core/Avatar' of={AvatarStories} />
 # Avatar

package/src/lib/Components/Avatar/Avatar.stories.tsx CHANGED Viewed

@@ -6,7 +6,8 @@ import { Avatar } from './Avatar';
 const meta = {
   component: Avatar,
-  title: 'Communication/Avatar',
+  id: 'rnative-avatar',
+  title: 'Core/Avatar',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Avatar/Avatar.tsx CHANGED Viewed

@@ -74,10 +74,10 @@ const useStyles = ({
  * When the image fails to load or no src is provided, displays a User icon fallback.
  * Supports an optional notification indicator.
  *
- * @see {@link https://lumen-ldls.vercel.app/?path=/docs/react-native_communication-avatar--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-avatar--docs Storybook}
  *
  * @example
- * import { Avatar } from '@ledgerhq/lumen-ui-react';
+ * import { Avatar } from '@ledgerhq/lumen-ui-rnative';
  *
  * <Avatar src="https://example.com/photo.jpg" size="md" />
  *

package/src/lib/Components/Banner/Banner.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title='Components/Banner' of={BannerStories} />
+<Meta title='Core/Banner' of={BannerStories} />
 # Banner

package/src/lib/Components/Banner/Banner.stories.tsx CHANGED Viewed

@@ -6,7 +6,8 @@ import { Banner } from './Banner';
 const meta: Meta<typeof Banner> = {
   component: Banner,
-  title: 'Communication/Banner',
+  id: 'rnative-banner',
+  title: 'Core/Banner',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Banner/Banner.tsx CHANGED Viewed

@@ -102,8 +102,7 @@ const iconsMap: Record<Appearance, ComponentType<IconProps>> = {
  *
  * The appearance determines the color scheme and icon used.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-overview--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-banner-implementation--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-banner--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the banner's core appearance (colors, padding, etc). Use the `appearance` prop instead.

package/src/lib/Components/BaseInput/BaseInput.tsx CHANGED Viewed

@@ -88,10 +88,10 @@ export const BaseInput = ({
   );
   const handleClear = () => {
-    if (!isControlled) {
-      setUncontrolledValue('');
-    } else {
+    if (isControlled) {
       onChangeTextProp?.('');
+    } else {
+      setUncontrolledValue('');
     }
     props.onClear?.();
   };

package/src/lib/Components/BottomSheet/BottomSheet.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
-<Meta title="Components/BottomSheet" of={BottomSheetStories} />
+<Meta title='Core/BottomSheet' of={BottomSheetStories} />
 # BottomSheet

package/src/lib/Components/BottomSheet/BottomSheet.stories.tsx CHANGED Viewed

@@ -19,7 +19,8 @@ import { useBottomSheetRef } from './useBottomSheetRef';
 const meta = {
   component: BottomSheet,
   subcomponents: { BottomSheetHeader },
-  title: 'Containment/BottomSheet',
+  id: 'rnative-bottomsheet',
+  title: 'Core/BottomSheet',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Button/Button.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
-<Meta title='Action/Button' of={ButtonStories} />
+<Meta title='Core/Button' of={ButtonStories} />
 # Button
@@ -53,7 +53,7 @@ Buttons' contents can be of two types:
 - text (default)
 - icon-text
-> Note: For `icon-only` buttons, use the [IconButton](https://ldls.vercel.app/?path=/docs/action-iconbutton--docs) component instead. It's specifically designed for icon-only interactions with proper accessibility support.
+> Note: For `icon-only` buttons, use the [IconButton](https://ldls-react-native.vercel.app/?path=/docs/rnative-iconbutton--docs) component instead. It's specifically designed for icon-only interactions with proper accessibility support.
 <Canvas of={ButtonStories.ContentTypesShowcase} />
@@ -65,7 +65,7 @@ Buttons come in four different sizes:
 - `md` (**48px**, default)
 - `lg` (**56px**)
-> Note: For `xs` size (32 px), use the [IconButton](/docs/action-iconbutton--docs) component instead.
+> Note: For `xs` size (32 px), use the [IconButton](/docs/rnative-iconbutton--docs) component instead.
 <Canvas of={ButtonStories.SizesShowcase} />

package/src/lib/Components/Button/Button.stories.tsx CHANGED Viewed

@@ -6,7 +6,8 @@ import { Button } from './Button';
 const meta: Meta<typeof Button> = {
   component: Button,
-  title: 'Action/Button',
+  id: 'rnative-button',
+  title: 'Core/Button',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/Button/Button.tsx CHANGED Viewed

@@ -6,8 +6,7 @@ import type { ButtonProps } from './types';
  *
  * When in loading state, it displays a spinner. If an icon is provided without children, it renders as an icon-only button.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_action-button--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_action-button--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-button--docs Guidelines}
  *
  * @example
  * // Basic primary button

package/src/lib/Components/Card/Card.mdx CHANGED Viewed

@@ -22,7 +22,7 @@ import {
 } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title='Components/Card' of={CardStories} />
+<Meta title='Core/Card' of={CardStories} />
 # Card

package/src/lib/Components/Card/Card.stories.tsx CHANGED Viewed

@@ -21,7 +21,8 @@ import {
 const meta: Meta<typeof Card> = {
   component: Card,
-  title: 'Containment/Card',
+  id: 'rnative-card',
+  title: 'Core/Card',
   subcomponents: {
     CardHeader,
     CardLeading,

package/src/lib/Components/Card/Card.tsx CHANGED Viewed

@@ -130,7 +130,7 @@ const useCardStyles = ({
  * - `type="expandable"`: only CardHeader is pressable, toggles footer visibility.
  * - `type="info"`: data-display only, no built-in press handling.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_containment-card--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-card--docs Storybook}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the card's core appearance (colors, padding, etc).

package/src/lib/Components/CardButton/CardButton.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
 import { Box } from '../Utility';
-<Meta title='Action/CardButton' of={CardButtonStories} />
+<Meta title='Core/CardButton' of={CardButtonStories} />
 # CardButton

package/src/lib/Components/CardButton/CardButton.stories.tsx CHANGED Viewed

@@ -5,7 +5,8 @@ import { CardButton } from './CardButton';
 const meta: Meta<typeof CardButton> = {
   component: CardButton,
-  title: 'Action/CardButton',
+  id: 'rnative-cardbutton',
+  title: 'Core/CardButton',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/CardButton/CardButton.tsx CHANGED Viewed

@@ -97,8 +97,7 @@ const useStyles = ({
  *
  * It supports different appearances. Takes only the necessary width based on content. The chevron can be hidden if needed.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_action-cardbutton--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_action-cardbutton--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-cardbutton--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the card button's core appearance (colors, padding, etc). Use the `appearance` prop instead.

package/src/lib/Components/Checkbox/Checkbox.mdx CHANGED Viewed

@@ -6,7 +6,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title="Components/Checkbox" of={CheckboxStories} />
+<Meta title='Core/Checkbox' of={CheckboxStories} />
 # Checkbox

package/src/lib/Components/Checkbox/Checkbox.stories.tsx CHANGED Viewed

@@ -3,7 +3,8 @@ import { Box, Text } from '../Utility';
 import { Checkbox } from './Checkbox';
 const meta: Meta<typeof Checkbox> = {
-  title: 'Selection/Checkbox',
+  id: 'rnative-checkbox',
+  title: 'Core/Checkbox',
   component: Checkbox,
   parameters: {
     layout: 'fullscreen',

package/src/lib/Components/Checkbox/Checkbox.tsx CHANGED Viewed

@@ -12,8 +12,7 @@ import type { CheckboxProps } from './types';
  * The checkbox follows the design system tokens and supports checked, unchecked,
  * disabled, and focus states with proper hover and active interactions.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-checkbox--docs Storybook}
- * @see {@link https://ldls.vercel.app/?path=/docs/react-native_selection-checkbox--docs#dos-and-donts Guidelines}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-checkbox--docs Guidelines}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the checkbox's core appearance.

package/src/lib/Components/ContentBanner/ContentBanner.mdx CHANGED Viewed

@@ -11,7 +11,7 @@ import { CustomTabs, Tab } from '../../../../.storybook/components';
 import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title='Components/ContentBanner' of={ContentBannerStories} />
+<Meta title='Core/ContentBanner' of={ContentBannerStories} />
 # ContentBanner

package/src/lib/Components/ContentBanner/ContentBanner.stories.tsx CHANGED Viewed

@@ -14,7 +14,8 @@ import {
 const meta: Meta<typeof ContentBanner> = {
   component: ContentBanner,
-  title: 'Communication/ContentBanner',
+  id: 'rnative-contentbanner',
+  title: 'Core/ContentBanner',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/ContentBanner/ContentBanner.tsx CHANGED Viewed

@@ -136,7 +136,7 @@ export const ContentBannerDescription = ({
  * A content banner component for displaying a composable banner with an optional
  * leading visual, title, description, and close button.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/communication-contentbanner-overview--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-contentbanner--docs Storybook}
  *
  * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
  * Do not use it to modify the banner's core appearance (colors, padding, etc).

package/src/lib/Components/DescriptionItem/DescriptionItem.mdx CHANGED Viewed

@@ -2,7 +2,7 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as DescriptionItemStories from './DescriptionItem.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-<Meta title='Containment/DescriptionItem' of={DescriptionItemStories} />
+<Meta title='Core/DescriptionItem' of={DescriptionItemStories} />
 # DescriptionItem

package/src/lib/Components/DescriptionItem/DescriptionItem.stories.tsx CHANGED Viewed

@@ -20,7 +20,8 @@ const Container = ({ children }: { children: React.ReactNode }) => (
 const meta: Meta<typeof DescriptionItem> = {
   component: DescriptionItem,
-  title: 'Containment/DescriptionItem',
+  id: 'rnative-descriptionitem',
+  title: 'Core/DescriptionItem',
   subcomponents: {
     DescriptionItemLeading,
     DescriptionItemLabel,

package/src/lib/Components/DescriptionItem/DescriptionItem.tsx CHANGED Viewed

@@ -25,7 +25,7 @@ const [DescriptionItemSizeProvider, useDescriptionItemSizeContext] =
  * Composed with DescriptionItemLeading / DescriptionItemLabel (key side)
  * and DescriptionItemTrailing / DescriptionItemValue (value side).
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/containment-descriptionitem--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-descriptionitem--docs Storybook}
  *
  * @example
  * <DescriptionItem size="md">

package/src/lib/Components/Divider/Divider.mdx CHANGED Viewed

@@ -7,7 +7,7 @@ import {
 } from '../../../../.storybook/components';
 import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
-<Meta title='Layout/Divider' of={DividerStories} />
+<Meta title='Core/Divider' of={DividerStories} />
 # Divider

package/src/lib/Components/Divider/Divider.stories.tsx CHANGED Viewed

@@ -5,7 +5,8 @@ import { Divider } from './Divider';
 const meta: Meta<typeof Divider> = {
   component: Divider,
-  title: 'Layout/Divider',
+  id: 'rnative-divider',
+  title: 'Core/Divider',
   parameters: {
     actions: { disable: true },
   },

package/src/lib/Components/Divider/Divider.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import type { DividerProps } from './types';
  * The Divider renders a horizontal or vertical line to create visual separation
  * between content areas. It uses design system tokens for consistent styling.
  *
- * @see {@link https://ldls.vercel.app/?path=/docs/layout-divider--docs Storybook}
+ * @see {@link https://ldls-react-native.vercel.app/?path=/docs/rnative-divider--docs Storybook}
  *
  * @example
  * // Horizontal divider (default)

package/src/lib/Components/DotCount/DotCount.mdx CHANGED Viewed

@@ -2,7 +2,7 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as DotCountStories from './DotCount.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-<Meta title='Communication/DotCount' of={DotCountStories} />
+<Meta title='Core/DotCount' of={DotCountStories} />
 # DotCount

package/src/lib/Components/DotCount/DotCount.stories.tsx CHANGED Viewed

@@ -10,7 +10,8 @@ import { DotCount } from './DotCount';
 const meta = {
   component: DotCount,
-  title: 'Communication/DotCount',
+  id: 'rnative-dotcount',
+  title: 'Core/DotCount',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/DotIcon/DotIcon.mdx CHANGED Viewed

@@ -2,7 +2,7 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as DotIconStories from './DotIcon.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-<Meta title='Communication/DotIcon' of={DotIconStories} />
+<Meta title='Core/DotIcon' of={DotIconStories} />
 # DotIcon

package/src/lib/Components/DotIcon/DotIcon.stories.tsx CHANGED Viewed

@@ -7,7 +7,8 @@ import { DotIcon, mediaImageDotIconSizeMap } from './DotIcon';
 const meta = {
   component: DotIcon,
-  title: 'Communication/DotIcon',
+  id: 'rnative-doticon',
+  title: 'Core/DotIcon',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/DotIndicator/DotIndicator.mdx CHANGED Viewed

@@ -2,7 +2,7 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as DotIndicatorStories from './DotIndicator.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-<Meta title='Communication/DotIndicator' of={DotIndicatorStories} />
+<Meta title='Core/DotIndicator' of={DotIndicatorStories} />
 # DotIndicator

package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx CHANGED Viewed

@@ -8,7 +8,8 @@ import { DotIndicator } from './DotIndicator';
 const meta = {
   component: DotIndicator,
-  title: 'Communication/DotIndicator',
+  id: 'rnative-dotindicator',
+  title: 'Core/DotIndicator',
   parameters: {
     docs: {
       source: {

package/src/lib/Components/DotSymbol/DotSymbol.mdx CHANGED Viewed

@@ -2,7 +2,7 @@ import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
 import * as DotSymbolStories from './DotSymbol.stories';
 import { CustomTabs, Tab } from '../../../../.storybook/components';
-<Meta title='Communication/DotSymbol' of={DotSymbolStories} />
+<Meta title='Core/DotSymbol' of={DotSymbolStories} />
 # DotSymbol

package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx CHANGED Viewed

@@ -7,7 +7,8 @@ import { DotSymbol, mediaImageDotSizeMap } from './DotSymbol';
 const meta = {
   component: DotSymbol,
-  title: 'Communication/DotSymbol',
+  id: 'rnative-dotsymbol',
+  title: 'Core/DotSymbol',
   parameters: {
     docs: {
       source: {