@ledgerhq/lumen-ui-rnative 0.1.35 → 0.1.36

package/dist/module/lib/Components/DescriptionItem/DescriptionItem.test.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, screen } from '@testing-library/react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { DescriptionItem, DescriptionItemLabel, DescriptionItemLeading, DescriptionItemTrailing, DescriptionItemValue } from "./DescriptionItem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const typographyTokens = ledgerLiveThemes.dark.typographies.sm;
+const typographies = {
+  ...typographyTokens.heading,
+  ...typographyTokens.body
+};
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+const renderDescriptionItem = (props = {}) => render(/*#__PURE__*/_jsx(TestWrapper, {
+  children: /*#__PURE__*/_jsxs(DescriptionItem, {
+    testID: "description-item",
+    ...props,
+    children: [/*#__PURE__*/_jsx(DescriptionItemLeading, {
+      testID: "leading",
+      children: /*#__PURE__*/_jsx(DescriptionItemLabel, {
+        children: "Label"
+      })
+    }), /*#__PURE__*/_jsx(DescriptionItemTrailing, {
+      testID: "trailing",
+      children: /*#__PURE__*/_jsx(DescriptionItemValue, {
+        children: "Value"
+      })
+    })]
+  })
+}));
+describe('DescriptionItem', () => {
+  describe('Rendering', () => {
+    it('renders label and value', () => {
+      renderDescriptionItem();
+      expect(screen.getByText('Label')).toBeTruthy();
+      expect(screen.getByText('Value')).toBeTruthy();
+    });
+    it('forwards testID to sub-components', () => {
+      renderDescriptionItem();
+      expect(screen.getByTestId('description-item')).toBeTruthy();
+      expect(screen.getByTestId('leading')).toBeTruthy();
+      expect(screen.getByTestId('trailing')).toBeTruthy();
+    });
+  });
+  describe('DescriptionItemLabel', () => {
+    it.each([['md', typographies.body2], ['sm', typographies.body3]])('applies %s size typography', (size, expectedTypography) => {
+      renderDescriptionItem({
+        size: size
+      });
+      const labelStyle = screen.getByText('Label').props.style;
+      expect(labelStyle.fontSize).toBe(expectedTypography.fontSize);
+      expect(labelStyle.fontWeight).toBe(expectedTypography.fontWeight);
+    });
+    it('defaults to md typography when no size is provided', () => {
+      renderDescriptionItem();
+      const labelStyle = screen.getByText('Label').props.style;
+      expect(labelStyle.fontSize).toBe(typographies.body2.fontSize);
+      expect(labelStyle.fontWeight).toBe(typographies.body2.fontWeight);
+    });
+    it('truncates label to two lines by default', () => {
+      renderDescriptionItem();
+      expect(screen.getByText('Label').props.numberOfLines).toBe(2);
+    });
+  });
+  describe('DescriptionItemValue', () => {
+    it.each([['md', typographies.body2SemiBold], ['sm', typographies.body3SemiBold]])('applies %s size typography', (size, expectedTypography) => {
+      renderDescriptionItem({
+        size: size
+      });
+      const valueStyle = screen.getByText('Value').props.style;
+      expect(valueStyle.fontSize).toBe(expectedTypography.fontSize);
+      expect(valueStyle.fontWeight).toBe(expectedTypography.fontWeight);
+    });
+    it('defaults to md typography when no size is provided', () => {
+      renderDescriptionItem();
+      const valueStyle = screen.getByText('Value').props.style;
+      expect(valueStyle.fontSize).toBe(typographies.body2SemiBold.fontSize);
+      expect(valueStyle.fontWeight).toBe(typographies.body2SemiBold.fontWeight);
+    });
+    it('truncates value to one line by default', () => {
+      renderDescriptionItem();
+      expect(screen.getByText('Value').props.numberOfLines).toBe(1);
+    });
+  });
+});
+//# sourceMappingURL=DescriptionItem.test.js.map

package/dist/module/lib/Components/DescriptionItem/DescriptionItem.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","screen","ThemeProvider","DescriptionItem","DescriptionItemLabel","DescriptionItemLeading","DescriptionItemTrailing","DescriptionItemValue","jsx","_jsx","jsxs","_jsxs","typographyTokens","dark","typographies","sm","heading","body","TestWrapper","children","themes","colorScheme","locale","renderDescriptionItem","props","testID","getByText","toBeTruthy","getByTestId","each","body2","body3","size","expectedTypography","labelStyle","style","fontSize","toBe","fontWeight","numberOfLines","body2SemiBold","body3SemiBold","valueStyle"],"sourceRoot":"../../../../../src","sources":["lib/Components/DescriptionItem/DescriptionItem.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/DescriptionItem/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./DescriptionItem.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/DescriptionItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DescriptionItem/index.ts"],"mappings":";;AAAA,cAAc,sBAAmB;AACjC,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/DescriptionItem/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/lib/Components/DescriptionItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DescriptionItem/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/NavBar/CoinCapsule.js

@@ -21,6 +21,7 @@ const useStyles = () => useStyleSheet(t => ({
     flexDirection: 'row',
     gap: t.spacings.s8,
     padding: t.spacings.s8,
+    paddingRight: t.spacings.s12,
     justifyContent: 'center',
     alignItems: 'center',
     borderRadius: t.borderRadius.full,

package/dist/module/lib/Components/NavBar/CoinCapsule.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStyleSheet","Box","Text","jsx","_jsx","jsxs","_jsxs","CoinCapsule","ticker","icon","styles","useStyles","style","container","children","text","t","flexDirection","gap","spacings","s8","padding","justifyContent","alignItems","borderRadius","full","backgroundColor","colors","bg","mutedTransparent","typographies","body1","color","base"],"sourceRoot":"../../../../../src","sources":["lib/Components/NavBar/CoinCapsule.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,GAAG,EAAEC,IAAI,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC,OAAO,SAASC,WAAWA,CAAC;EAAEC,MAAM;EAAEC;AAAuB,CAAC,EAAE;EAC9D,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,oBACEL,KAAA,CAACL,GAAG;IAACW,KAAK,EAAEF,MAAM,CAACG,SAAU;IAAAC,QAAA,GAC1BL,IAAI,eACLL,IAAA,CAACF,IAAI;MAACU,KAAK,EAAEF,MAAM,CAACK,IAAK;MAAAD,QAAA,EAAEN;IAAM,CAAO,CAAC;EAAA,CACtC,CAAC;AAEV;AAEA,MAAMG,SAAS,GAAGA,CAAA,KAChBX,aAAa,CACVgB,CAAC,KAAM;EACNH,SAAS,EAAE;IACTI,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEF,CAAC,CAACG,QAAQ,CAACC,EAAE;IAClBC,OAAO,EAAEL,CAAC,CAACG,QAAQ,CAACC,EAAE;IACtBE,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAER,CAAC,CAACQ,YAAY,CAACC,IAAI;IACjCC,eAAe,EAAEV,CAAC,CAACW,MAAM,CAACC,EAAE,CAACC;EAC/B,CAAC;EACDd,IAAI,EAAE;IACJ,GAAGC,CAAC,CAACc,YAAY,CAACC,KAAK;IACvBC,KAAK,EAAEhB,CAAC,CAACW,MAAM,CAACZ,IAAI,CAACkB;EACvB;AACF,CAAC,CAAC,EACF,EACF,CAAC","ignoreList":[]}
+{"version":3,"names":["useStyleSheet","Box","Text","jsx","_jsx","jsxs","_jsxs","CoinCapsule","ticker","icon","styles","useStyles","style","container","children","text","t","flexDirection","gap","spacings","s8","padding","paddingRight","s12","justifyContent","alignItems","borderRadius","full","backgroundColor","colors","bg","mutedTransparent","typographies","body1","color","base"],"sourceRoot":"../../../../../src","sources":["lib/Components/NavBar/CoinCapsule.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,GAAG,EAAEC,IAAI,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC,OAAO,SAASC,WAAWA,CAAC;EAAEC,MAAM;EAAEC;AAAuB,CAAC,EAAE;EAC9D,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,oBACEL,KAAA,CAACL,GAAG;IAACW,KAAK,EAAEF,MAAM,CAACG,SAAU;IAAAC,QAAA,GAC1BL,IAAI,eACLL,IAAA,CAACF,IAAI;MAACU,KAAK,EAAEF,MAAM,CAACK,IAAK;MAAAD,QAAA,EAAEN;IAAM,CAAO,CAAC;EAAA,CACtC,CAAC;AAEV;AAEA,MAAMG,SAAS,GAAGA,CAAA,KAChBX,aAAa,CACVgB,CAAC,KAAM;EACNH,SAAS,EAAE;IACTI,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEF,CAAC,CAACG,QAAQ,CAACC,EAAE;IAClBC,OAAO,EAAEL,CAAC,CAACG,QAAQ,CAACC,EAAE;IACtBE,YAAY,EAAEN,CAAC,CAACG,QAAQ,CAACI,GAAG;IAC5BC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEV,CAAC,CAACU,YAAY,CAACC,IAAI;IACjCC,eAAe,EAAEZ,CAAC,CAACa,MAAM,CAACC,EAAE,CAACC;EAC/B,CAAC;EACDhB,IAAI,EAAE;IACJ,GAAGC,CAAC,CAACgB,YAAY,CAACC,KAAK;IACvBC,KAAK,EAAElB,CAAC,CAACa,MAAM,CAACd,IAAI,CAACoB;EACvB;AACF,CAAC,CAAC,EACF,EACF,CAAC","ignoreList":[]}

package/dist/module/lib/Components/index.js

@@ -11,6 +11,7 @@ export * from "./Card/index.js";
 export * from "./CardButton/index.js";
 export * from "./Checkbox/index.js";
 export * from "./ContentBanner/index.js";
+export * from "./DescriptionItem/index.js";
 export * from "./Divider/index.js";
 export * from "./DotCount/index.js";
 export * from "./DotIcon/index.js";

package/dist/module/lib/Components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,0BAAiB;AAC/B,cAAc,oBAAW;AACzB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,sBAAa;AAC3B,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,sBAAa;AAC3B,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,oBAAW","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,0BAAiB;AAC/B,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,sBAAa;AAC3B,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,sBAAa;AAC3B,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,oBAAW","ignoreList":[]}

package/dist/typescript/src/lib/Animations/Pulse/Pulse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Animations/Pulse/Pulse.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQ1C,eAAO,MAAM,KAAK,2FAC0C,UAAU,6CAqCrE,CAAC"}
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Animations/Pulse/Pulse.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQ1C,eAAO,MAAM,KAAK,2FAC0C,UAAU,6CAwCrE,CAAC"}

package/dist/typescript/src/lib/Components/DescriptionItem/DescriptionItem.d.ts

@@ -0,0 +1,42 @@
+import type { DescriptionItemLabelProps, DescriptionItemLeadingProps, DescriptionItemProps, DescriptionItemTrailingProps, DescriptionItemValueProps } from './types';
+/**
+ * A compound component for displaying a key-value description row.
+ * Composed with DescriptionItemLeading / DescriptionItemLabel (key side)
+ * and DescriptionItemTrailing / DescriptionItemValue (value side).
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/containment-descriptionitem--docs Storybook}
+ *
+ * @example
+ * <DescriptionItem size="md">
+ *   <DescriptionItemLeading>
+ *     <DescriptionItemLabel>Fees</DescriptionItemLabel>
+ *   </DescriptionItemLeading>
+ *   <DescriptionItemTrailing>
+ *     <DescriptionItemValue>0.001 BTC</DescriptionItemValue>
+ *   </DescriptionItemTrailing>
+ * </DescriptionItem>
+ */
+export declare const DescriptionItem: ({ children, lx, style, size, ...props }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout container for the leading (left) side of the description item.
+ * Contains DescriptionItemLabel and an optional info icon sibling.
+ */
+export declare const DescriptionItemLeading: ({ children, lx, style, ...props }: DescriptionItemLeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography-bearing label for the leading side.
+ * Reads size from DescriptionItemSizeContext to apply the correct typography
+ * based on the size of the parent `DescriptionItem`.
+ */
+export declare const DescriptionItemLabel: ({ children, lx, style, numberOfLines, ellipsizeMode, ...props }: DescriptionItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout container for the trailing (right) side of the description item.
+ * Accepts DescriptionItemValue, Tag, Link, or any custom content.
+ */
+export declare const DescriptionItemTrailing: ({ children, lx, style, ...props }: DescriptionItemTrailingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography-bearing value for the trailing side.
+ * Reads size from DescriptionItemSizeContext to apply the correct typography
+ * based on the size of the parent `DescriptionItem`.
+ */
+export declare const DescriptionItemValue: ({ children, lx, style, numberOfLines, ellipsizeMode, ...props }: DescriptionItemValueProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DescriptionItem.d.ts.map

package/dist/typescript/src/lib/Components/DescriptionItem/DescriptionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionItem.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DescriptionItem/DescriptionItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,oBAAoB,EAEpB,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,SAAS,CAAC;AAWjB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,GAAI,yCAM7B,oBAAoB,4CAoBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,mCAKpC,2BAA2B,4CAmB7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,iEAOlC,yBAAyB,4CAgC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,mCAKrC,4BAA4B,4CAuB9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,iEAOlC,yBAAyB,4CAkC3B,CAAC"}

package/dist/typescript/src/lib/Components/DescriptionItem/index.d.ts

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

package/dist/typescript/src/lib/Components/DescriptionItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DescriptionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/typescript/src/lib/Components/DescriptionItem/types.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import type { StyledTextProps, StyledViewProps } from '../../../styles';
+export type DescriptionItemSize = 'sm' | 'md';
+export type DescriptionItemProps = {
+    /**
+     * The content of the description item (DescriptionItemLeading, DescriptionItemTrailing).
+     */
+    children: ReactNode;
+    /**
+     * The size of the description item.
+     * @default 'md'
+     */
+    size?: DescriptionItemSize;
+} & Omit<StyledViewProps, 'children'>;
+export type DescriptionItemLeadingProps = {
+    /**
+     * The leading content (DescriptionItemLabel + optional info icon sibling).
+     */
+    children: ReactNode;
+} & Omit<StyledViewProps, 'children'>;
+export type DescriptionItemLabelProps = {
+    /**
+     * The label text or custom content.
+     */
+    children: ReactNode;
+} & Omit<StyledTextProps, 'children'>;
+export type DescriptionItemTrailingProps = {
+    /**
+     * The trailing content (DescriptionItemValue, Tag, Link, etc.).
+     */
+    children: ReactNode;
+} & Omit<StyledViewProps, 'children'>;
+export type DescriptionItemValueProps = {
+    /**
+     * The value text or custom content.
+     */
+    children: ReactNode;
+} & Omit<StyledTextProps, 'children'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/lib/Components/DescriptionItem/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DescriptionItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAEtC,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/dist/typescript/src/lib/Components/index.d.ts

@@ -9,6 +9,7 @@ export * from './Card';
 export * from './CardButton';
 export * from './Checkbox';
 export * from './ContentBanner';
+export * from './DescriptionItem';
 export * from './Divider';
 export * from './DotCount';
 export * from './DotIcon';

package/dist/typescript/src/lib/Components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-rnative",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "license": "Apache-2.0",
   "keywords": [
     "react-native",

package/src/lib/Animations/Pulse/Pulse.tsx

@@ -41,9 +41,12 @@ export const Pulse = memo(
       };
     }, [sv, animate, timingConfig]);
 
-    const animatedStyle = useAnimatedStyle(() => ({
-      opacity: sv.value,
-    }));
+    const animatedStyle = useAnimatedStyle(
+      () => ({
+        opacity: sv.value,
+      }),
+      [sv],
+    );
 
     return (
       <Animated.View

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

@@ -0,0 +1,139 @@
+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} />
+
+# DescriptionItem
+
+> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=10311-11837&m=dev).
+
+<CustomTabs>
+  <Tab label="Overview">
+
+## Introduction
+
+DescriptionItem is a compound component for displaying key-value rows — typically used inside a summary panel, transaction detail, or settings screen. It composes a leading label side and a trailing value side, with the trailing always taking priority over the leading when space is constrained.
+
+## Anatomy
+
+<Canvas of={DescriptionItemStories.Base} />
+
+- **DescriptionItem**: Root row container. Accepts an optional `size` prop (`md` | `sm`).
+- **DescriptionItemLeading**: Left section holding the label and any optional sibling (e.g. a tooltip icon).
+- **DescriptionItemLabel**: Muted text label. Wraps to a second line before truncating (`numberOfLines={2}`).
+- **DescriptionItemTrailing**: Right section holding the value or any inline element (Tag, Link, etc.). Never shrinks — always has layout priority.
+- **DescriptionItemValue**: Semi-bold value text. Truncates to a single line (`numberOfLines={1}`).
+
+## Properties
+
+<Canvas of={DescriptionItemStories.Base} />
+<Controls of={DescriptionItemStories.Base} />
+
+### Trailing variants
+
+The trailing section accepts any content — a plain value, a `Tag`, multiple `Tag`s, or a custom element. Use `DescriptionItemValue` for plain text; place other components directly in `DescriptionItemTrailing`.
+
+<Canvas of={DescriptionItemStories.TrailingVariants} />
+
+### Size
+
+Two sizes are available — `md` (default) and `sm`.
+
+- The size of `DescriptionItemValue` is inherited from the parent `DescriptionItem`.
+- The size of additional trailing content (e.g. `Tag`) needs to be set explicitly.
+
+<Canvas of={DescriptionItemStories.SizeShowcase} />
+
+### With info tooltip
+
+Pair a `Tooltip` with an info icon inside `DescriptionItemLeading` to surface additional context without cluttering the label.
+
+<Canvas of={DescriptionItemStories.WithInfoIcon} />
+
+### Truncation
+
+The label can wrap to two lines before truncating. The trailing value truncates after one line. When both sides have long content, the trailing always gets layout priority.
+
+<Canvas of={DescriptionItemStories.TruncationBehavior} />
+
+</Tab>
+<Tab label="Implementation">
+
+## Setup
+
+Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+
+## Basic Usage
+
+```tsx
+import {
+  DescriptionItem,
+  DescriptionItemLabel,
+  DescriptionItemLeading,
+  DescriptionItemTrailing,
+  DescriptionItemValue,
+} from '@ledgerhq/lumen-ui-rnative';
+
+function MyComponent() {
+  return (
+    <DescriptionItem size='md'>
+      <DescriptionItemLeading>
+        <DescriptionItemLabel>Fees</DescriptionItemLabel>
+      </DescriptionItemLeading>
+      <DescriptionItemTrailing>
+        <DescriptionItemValue>0.001 BTC</DescriptionItemValue>
+      </DescriptionItemTrailing>
+    </DescriptionItem>
+  );
+}
+```
+
+### With info tooltip
+
+Use a `Tooltip` alongside the label to add contextual information:
+
+```tsx
+import {
+  DescriptionItem,
+  DescriptionItemLabel,
+  DescriptionItemLeading,
+  DescriptionItemTrailing,
+  DescriptionItemValue,
+  InteractiveIcon,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+} from '@ledgerhq/lumen-ui-rnative';
+import { Information } from '@ledgerhq/lumen-ui-rnative/symbols';
+import { Text } from 'react-native';
+
+function MyComponent() {
+  return (
+    <DescriptionItem>
+      <DescriptionItemLeading>
+        <DescriptionItemLabel>Fees</DescriptionItemLabel>
+        <Tooltip>
+          <TooltipTrigger>
+            <InteractiveIcon
+              icon={Information}
+              size={16}
+              iconType='stroked'
+              accessibilityLabel='More information'
+            />
+          </TooltipTrigger>
+          <TooltipContent
+            content={<Text>Network fee paid to miners</Text>}
+          />
+        </Tooltip>
+      </DescriptionItemLeading>
+      <DescriptionItemTrailing>
+        <DescriptionItemValue>0.001 BTC</DescriptionItemValue>
+      </DescriptionItemTrailing>
+    </DescriptionItem>
+  );
+}
+```
+
+</Tab>
+</CustomTabs>