@ledgerhq/lumen-ui-rnative 0.1.33 → 0.1.34

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

@@ -0,0 +1,122 @@
+"use strict";
+
+import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
+import { StyleSheet, Text } from 'react-native';
+import { useStyleSheet } from "../../../styles/index.js";
+import { Box } from "../Utility/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useBaseTagStyles = ({
+  appearance,
+  size,
+  disabled,
+  variant
+}) => {
+  return useStyleSheet(t => {
+    const bgColors = {
+      base: t.colors.bg.mutedTransparent,
+      gray: t.colors.bg.mutedTransparent,
+      accent: t.colors.bg.accent,
+      'accent-subtle': t.colors.bg.activeSubtle,
+      success: t.colors.bg.success,
+      error: t.colors.bg.error,
+      warning: t.colors.bg.warning,
+      white: t.colors.bg.white
+    };
+    const textColors = {
+      base: t.colors.text.base,
+      gray: t.colors.text.muted,
+      accent: t.colors.text.onAccent,
+      'accent-subtle': t.colors.text.active,
+      success: t.colors.text.success,
+      error: t.colors.text.error,
+      warning: t.colors.text.warning,
+      white: t.colors.text.black
+    };
+    const tagPadding = {
+      md: {
+        paddingHorizontal: t.spacings.s8,
+        paddingVertical: t.spacings.s4
+      },
+      sm: {
+        paddingHorizontal: t.spacings.s4,
+        paddingVertical: t.spacings.s2
+      }
+    };
+    const mediaPadding = {
+      md: {
+        paddingLeft: t.spacings.s4,
+        paddingRight: t.spacings.s8,
+        paddingVertical: t.spacings.s4
+      },
+      sm: {
+        paddingLeft: t.spacings.s4,
+        paddingRight: t.spacings.s4,
+        paddingVertical: t.spacings.s2
+      }
+    };
+    const padding = variant === 'media' ? mediaPadding[size] : tagPadding[size];
+    const textTypography = size === 'md' ? t.typographies.body3 : t.typographies.body4;
+    return {
+      root: StyleSheet.flatten([{
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: t.spacings.s4,
+        borderRadius: t.borderRadius.xs,
+        backgroundColor: bgColors[appearance],
+        ...padding
+      }, disabled && {
+        backgroundColor: t.colors.bg.disabled
+      }]),
+      text: StyleSheet.flatten([textTypography, {
+        color: textColors[appearance]
+      }, disabled && {
+        color: t.colors.text.disabled
+      }]),
+      icon: StyleSheet.flatten([{
+        flexShrink: 0,
+        color: textColors[appearance]
+      }, disabled && {
+        color: t.colors.text.disabled
+      }])
+    };
+  }, [appearance, size, disabled, variant]);
+};
+export const BaseTag = ({
+  appearance = 'accent',
+  size = 'md',
+  variant,
+  consumerName,
+  label,
+  renderIcon,
+  disabled: disabledProp = false,
+  lx = {},
+  style,
+  ref,
+  ...props
+}) => {
+  const disabled = useDisabledContext({
+    consumerName,
+    mergeWith: {
+      disabled: disabledProp
+    }
+  });
+  const styles = useBaseTagStyles({
+    appearance,
+    size,
+    disabled: !!disabled,
+    variant
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([styles.root, style]),
+    ...props,
+    children: [renderIcon?.(styles.icon), /*#__PURE__*/_jsx(Text, {
+      style: styles.text,
+      numberOfLines: 1,
+      children: label
+    })]
+  });
+};
+//# sourceMappingURL=BaseTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useDisabledContext","StyleSheet","Text","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","useBaseTagStyles","appearance","size","disabled","variant","t","bgColors","base","colors","bg","mutedTransparent","gray","accent","activeSubtle","success","error","warning","white","textColors","text","muted","onAccent","active","black","tagPadding","md","paddingHorizontal","spacings","s8","paddingVertical","s4","sm","s2","mediaPadding","paddingLeft","paddingRight","padding","textTypography","typographies","body3","body4","root","flatten","flexDirection","alignItems","justifyContent","gap","borderRadius","xs","backgroundColor","color","icon","flexShrink","BaseTag","consumerName","label","renderIcon","disabledProp","lx","style","ref","props","mergeWith","styles","children","numberOfLines"],"sourceRoot":"../../../../../src","sources":["lib/Components/BaseTag/BaseTag.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,144 @@
+"use strict";
+
+import { describe, it, expect, jest } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render, screen } from '@testing-library/react-native';
+import { Text } from 'react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { BaseTag } from "./BaseTag.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  colors
+} = ledgerLiveThemes.dark;
+const renderWithProvider = component => render(/*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: component
+}));
+const baseProps = {
+  consumerName: 'BaseTagTest',
+  variant: 'tag',
+  label: 'Label',
+  testID: 'base-tag'
+};
+describe('BaseTag Component', () => {
+  describe('Rendering', () => {
+    it('should render label text', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        label: "Bitcoin"
+      }));
+      expect(screen.getByText('Bitcoin')).toBeTruthy();
+    });
+    it('should render testID on root element', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps
+      }));
+      expect(screen.getByTestId('base-tag')).toBeTruthy();
+    });
+    it('should not render any icon when renderIcon is not provided', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps
+      }));
+      expect(screen.queryByTestId('test-icon')).toBeNull();
+    });
+    it('should call renderIcon with the computed icon style', () => {
+      const renderIcon = jest.fn(() => /*#__PURE__*/_jsx(Text, {
+        testID: "test-icon",
+        children: "icon"
+      }));
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        renderIcon: renderIcon
+      }));
+      expect(screen.getByTestId('test-icon')).toBeTruthy();
+      expect(renderIcon).toHaveBeenCalledWith(expect.objectContaining({
+        color: expect.any(String)
+      }));
+    });
+  });
+  describe('Appearances', () => {
+    const cases = [['base', colors.bg.mutedTransparent], ['gray', colors.bg.mutedTransparent], ['accent', colors.bg.accent], ['accent-subtle', colors.bg.activeSubtle], ['success', colors.bg.success], ['error', colors.bg.error], ['warning', colors.bg.warning], ['white', colors.bg.white]];
+    it.each(cases)('should render with %s background color', (appearance, expected) => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        appearance: appearance
+      }));
+      expect(screen.getByTestId('base-tag').props.style.backgroundColor).toBe(expected);
+    });
+  });
+  describe('Sizes', () => {
+    it.each(['sm', 'md'])('should render with %s size', size => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        size: size
+      }));
+      expect(screen.getByTestId('base-tag')).toBeTruthy();
+    });
+    it('should use smaller padding for sm than md (tag variant)', () => {
+      const {
+        rerender
+      } = renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        size: "md"
+      }));
+      const mdPadding = screen.getByTestId('base-tag').props.style.paddingHorizontal;
+      rerender(/*#__PURE__*/_jsx(ThemeProvider, {
+        themes: ledgerLiveThemes,
+        colorScheme: "dark",
+        locale: "en",
+        children: /*#__PURE__*/_jsx(BaseTag, {
+          ...baseProps,
+          size: "sm"
+        })
+      }));
+      const smPadding = screen.getByTestId('base-tag').props.style.paddingHorizontal;
+      expect(smPadding).toBeLessThan(mdPadding);
+    });
+  });
+  describe('Variants', () => {
+    it('should use paddingHorizontal for tag variant', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        variant: "tag"
+      }));
+      const style = screen.getByTestId('base-tag').props.style;
+      expect(style.paddingHorizontal).toBeDefined();
+      expect(style.paddingLeft).toBeUndefined();
+      expect(style.paddingRight).toBeUndefined();
+    });
+    it('should use asymmetric paddingLeft / paddingRight for media variant', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        variant: "media"
+      }));
+      const style = screen.getByTestId('base-tag').props.style;
+      expect(style.paddingLeft).toBeDefined();
+      expect(style.paddingRight).toBeDefined();
+      expect(style.paddingHorizontal).toBeUndefined();
+    });
+  });
+  describe('Disabled', () => {
+    it('should apply disabled background when disabled', () => {
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        disabled: true
+      }));
+      expect(screen.getByTestId('base-tag').props.style.backgroundColor).toBe(colors.bg.disabled);
+    });
+  });
+  describe('Styling', () => {
+    it('should merge custom style with computed root style', () => {
+      const custom = {
+        marginTop: 16
+      };
+      renderWithProvider(/*#__PURE__*/_jsx(BaseTag, {
+        ...baseProps,
+        style: custom
+      }));
+      expect(screen.getByTestId('base-tag').props.style.marginTop).toBe(16);
+    });
+  });
+});
+//# sourceMappingURL=BaseTag.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","Text","ThemeProvider","BaseTag","jsx","_jsx","colors","dark","renderWithProvider","component","themes","colorScheme","locale","children","baseProps","consumerName","variant","label","testID","getByText","toBeTruthy","getByTestId","queryByTestId","toBeNull","renderIcon","fn","toHaveBeenCalledWith","objectContaining","color","any","String","cases","bg","mutedTransparent","accent","activeSubtle","success","error","warning","white","each","appearance","expected","props","style","backgroundColor","toBe","size","rerender","mdPadding","paddingHorizontal","smPadding","toBeLessThan","toBeDefined","paddingLeft","toBeUndefined","paddingRight","disabled","custom","marginTop"],"sourceRoot":"../../../../../src","sources":["lib/Components/BaseTag/BaseTag.test.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,7 @@
 import { useEffect, useState } from 'react';
 import { Image, StyleSheet } from 'react-native';
 import { useStyleSheet } from "../../../styles/index.js";
+import { RuntimeConstants } from "../../utils/index.js";
 import { Skeleton } from "../Skeleton/index.js";
 import { Box, Text } from "../Utility/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -105,7 +106,10 @@ export const MediaImage = ({
       style: StyleSheet.absoluteFillObject
     }), !loading && shouldFallback && fallback && /*#__PURE__*/_jsx(Text, {
       style: {
-        fontSize: fontSizeMap[size]
+        fontSize: fontSizeMap[size],
+        ...(RuntimeConstants.isIOS && {
+          lineHeight: 0
+        })
       },
       lx: {
         color: 'base'

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Skeleton","Box","Text","jsx","_jsx","jsxs","_jsxs","borderRadiusMap","fontSizeMap","useStyles","size","shape","t","sizeValue","sizes","radius","borderRadius","full","root","width","height","overflow","alignItems","justifyContent","backgroundColor","colors","bg","muted","outlineColor","border","icon","outlineWidth","outlineOffset","outlineStyle","image","MediaImage","src","alt","fallback","loading","lx","style","ref","props","error","setError","shouldFallback","styles","flatten","accessibilityRole","accessibilityLabel","children","absoluteFillObject","fontSize","color","accessible","toUpperCase","source","uri","onError","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,aAAa,QAAQ,0BAAiB;AAE/C,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,GAAG,EAAEC,IAAI,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKvC,MAAMC,eAAwD,GAAG;EAC/D,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE;AACN,CAAC;AAED,OAAO,MAAMC,WAA2C,GAAG;EACzD,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,EAAE;EACN,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC;AAIF,CAAC,KAAK;EACJ,OAAOZ,aAAa,CACjBa,CAAC,IAAK;IACL,MAAMC,SAAS,GAAGD,CAAC,CAACE,KAAK,CAAC,IAAIJ,IAAI,EAAE,CAAmC;IACvE,MAAMK,MAAM,GACVJ,KAAK,KAAK,QAAQ,GACdC,CAAC,CAACI,YAAY,CAACC,IAAI,GACnBL,CAAC,CAACI,YAAY,CAACT,eAAe,CAACG,IAAI,CAAC,CAAC;IAE3C,OAAO;MACLQ,IAAI,EAAE;QACJC,KAAK,EAAEN,SAAS;QAChBO,MAAM,EAAEP,SAAS;QACjBG,YAAY,EAAED,MAAM;QACpBM,QAAQ,EAAE,QAAQ;QAClBC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEZ,CAAC,CAACa,MAAM,CAACC,EAAE,CAACC,KAAK;QAClCC,YAAY,EAAEhB,CAAC,CAACa,MAAM,CAACI,MAAM,CAACC,IAAI;QAClCC,YAAY,EAAE,CAAC;QACfC,aAAa,EAAE,CAAC,CAAC;QACjBC,YAAY,EAAE;MAChB,CAAC;MACDC,KAAK,EAAE;QACLf,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAAC;EACH,CAAC,EACD,CAACV,IAAI,EAAEC,KAAK,CACd,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMwB,UAAU,GAAGA,CAAC;EACzBC,GAAG;EACHC,GAAG;EACH3B,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,QAAQ;EAChB2B,QAAQ;EACRC,OAAO,GAAG,KAAK;EACfC,EAAE,GAAG,CAAC,CAAC;EACPC,KAAK;EACLC,GAAG;EACH,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGjD,QAAQ,CAAC,KAAK,CAAC;EACzC,MAAMkD,cAAc,GAAG,CAACV,GAAG,IAAIQ,KAAK;EACpC,MAAMG,MAAM,GAAGtC,SAAS,CAAC;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;EAEzChB,SAAS,CAAC,MAAM;IACdkD,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACT,GAAG,CAAC,CAAC;EAET,oBACE9B,KAAA,CAACL,GAAG;IACFyC,GAAG,EAAEA,GAAI;IACTF,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAE3C,UAAU,CAACkD,OAAO,CAAC,CAACD,MAAM,CAAC7B,IAAI,EAAEuB,KAAK,CAAC,CAAE;IAChDQ,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAEb,GAAI;IAAA,GACpBM,KAAK;IAAAQ,QAAA,GAERZ,OAAO,iBAAInC,IAAA,CAACJ,QAAQ;MAACyC,KAAK,EAAE3C,UAAU,CAACsD;IAAmB,CAAE,CAAC,EAC7D,CAACb,OAAO,IAAIO,cAAc,IAAIR,QAAQ,iBACrClC,IAAA,CAACF,IAAI;MACHuC,KAAK,EAAE;QAAEY,QAAQ,EAAE7C,WAAW,CAACE,IAAI;MAAE,CAAE;MACvC8B,EAAE,EAAE;QAAEc,KAAK,EAAE;MAAO,CAAE;MACtBC,UAAU,EAAE,KAAM;MAAAJ,QAAA,EAEjBb,QAAQ,CAAC,CAAC,CAAC,EAAEkB,WAAW,CAAC;IAAC,CACvB,CACP,EACA,CAACjB,OAAO,IAAI,CAACO,cAAc,iBAC1B1C,IAAA,CAACP,KAAK;MACJ4D,MAAM,EAAE;QAAEC,GAAG,EAAEtB;MAAI,CAAE;MACrBK,KAAK,EAAEM,MAAM,CAACb,KAAM;MACpBqB,UAAU,EAAE,KAAM;MAClBI,OAAO,EAAEA,CAAA,KAAMd,QAAQ,CAAC,IAAI,CAAE;MAC9Be,MAAM,EAAC;IAAiB,CACzB,CACF;EAAA,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","RuntimeConstants","Skeleton","Box","Text","jsx","_jsx","jsxs","_jsxs","borderRadiusMap","fontSizeMap","useStyles","size","shape","t","sizeValue","sizes","radius","borderRadius","full","root","width","height","overflow","alignItems","justifyContent","backgroundColor","colors","bg","muted","outlineColor","border","icon","outlineWidth","outlineOffset","outlineStyle","image","MediaImage","src","alt","fallback","loading","lx","style","ref","props","error","setError","shouldFallback","styles","flatten","accessibilityRole","accessibilityLabel","children","absoluteFillObject","fontSize","isIOS","lineHeight","color","accessible","toUpperCase","source","uri","onError","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+import { BaseTag } from "../BaseTag/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A compact label used to categorize, classify, or highlight information with a required media element (image, crypto icon, etc.).
+ *
+ * The appearance determines the color scheme used.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediatag-overview--docs Storybook}
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-mediatag-implementation--docs#dos-and-donts Guidelines}
+ *
+ * @warning The `lx` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the tag's core appearance (colors, padding, etc). Use the `appearance` prop instead.
+ *
+ * @example
+ * import { MediaTag, MediaImage } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * // MediaTag with image
+ * <MediaTag
+ *   label='Ethereum'
+ *   leadingContent={<MediaImage src='https://crypto-icons.ledger.com/ETH.png' alt='Ethereum' size={16} shape='square' />}
+ * />
+ *
+ * // Small MediaTag
+ * <MediaTag label='Bitcoin' size='sm' leadingContent={myIcon} />
+ */
+export const MediaTag = ({
+  leadingContent,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(BaseTag, {
+    ...props,
+    variant: "media",
+    consumerName: "MediaTag",
+    renderIcon: () => leadingContent
+  });
+};
+//# sourceMappingURL=MediaTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseTag","jsx","_jsx","MediaTag","leadingContent","props","variant","consumerName","renderIcon"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaTag/MediaTag.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,cAAc;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACvE,oBACEH,IAAA,CAACF,OAAO;IAAA,GACFK,KAAK;IACTC,OAAO,EAAC,OAAO;IACfC,YAAY,EAAC,UAAU;IACvBC,UAAU,EAAEA,CAAA,KAAMJ;EAAe,CAClC,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/module/lib/Components/MediaTag/MediaTag.mdx

@@ -0,0 +1,161 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as MediaTagStories from './MediaTag.stories';
+import { CustomTabs, Tab } from '../../../../.storybook/components';
+import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
+import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
+import { Box } from '../Utility/Box';
+
+<Meta title='Components/MediaTag' of={MediaTagStories} />
+
+# MediaTag
+
+<CustomTabs>
+  <Tab label="Overview">
+
+## Introduction
+
+MediaTag is a compact label used to categorize, classify, or highlight information alongside a required media element such as an image or crypto icon. Like [Tag](/docs/communication-tag--docs), it supports multiple appearances and sizes, but is designed for cases where the icon is richer than a Symbol.
+
+> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=16793-36383&m=dev).
+
+## Anatomy
+
+<Canvas of={MediaTagStories.Base} />
+
+- **Label:** The text content of the tag.
+- **Leading content:** A required media element (image, crypto icon, etc.) displayed before the label. Passed via the `leadingContent` prop.
+
+## Properties
+
+<Canvas of={MediaTagStories.Base} />
+<Controls of={MediaTagStories.Base} />
+
+### Appearance
+
+<Canvas of={MediaTagStories.AppearanceShowcase} />
+
+---
+
+### Size
+
+MediaTags come in two different sizes:
+
+- **md** (default) — the `leadingContent` media should be rendered at **16px**.
+- **sm** — the `leadingContent` media should be rendered at **12px**.
+
+The MediaTag does not resize its `leadingContent`; consumers are responsible for passing a media element sized to match the tag's `size`.
+
+<Canvas of={MediaTagStories.SizeShowcase} />
+
+### Truncation
+
+When a MediaTag's label exceeds the available space, the text is automatically truncated with an ellipsis.
+
+<Canvas of={MediaTagStories.TruncateShowcase} />
+
+### Accessibility
+
+To be implemented:
+
+- **Color contrast**
+- **Text zoom**
+- **Touch targets**
+- **Screen reader support**
+- **Semantic labeling**
+
+</Tab>
+<Tab label="Implementation">
+
+## Setup
+
+Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+
+### Basic Usage
+
+Match the media element size to the MediaTag `size`: **16px** for `md`, **12px** for `sm`.
+
+```tsx
+import { MediaTag, MediaImage } from '@ledgerhq/lumen-ui-rnative';
+
+function MyComponent() {
+  return (
+    <>
+      {/* md → image size 16 */}
+      <MediaTag
+        size="md"
+        appearance="accent"
+        label="Ethereum"
+        leadingContent={
+          <MediaImage
+            src="https://crypto-icons.ledger.com/ETH.png"
+            alt="Ethereum"
+            size={16}
+            shape="square"
+          />
+        }
+      />
+
+      {/* sm → image size 12 */}
+      <MediaTag
+        size="sm"
+        appearance="accent"
+        label="Ethereum"
+        leadingContent={
+          <MediaImage
+            src="https://crypto-icons.ledger.com/ETH.png"
+            alt="Ethereum"
+            size={12}
+            shape="square"
+          />
+        }
+      />
+    </>
+  );
+}
+```
+
+### Custom Styling
+
+While the component comes with predefined styles, you can extend them using the `lx` prop for layout adjustments:
+
+```tsx
+<MediaTag
+  size="md"
+  appearance="accent"
+  label="Custom MediaTag"
+  leadingContent={myIcon}
+  lx={{ marginTop: 's4' }}
+/>
+```
+
+### With Crypto Icons
+
+The MediaTag accepts any `ReactNode` as its `leadingContent`, including crypto icons. Use **16px** for `md` and **12px** for `sm`:
+
+```tsx
+import { MediaTag } from '@ledgerhq/lumen-ui-rnative';
+import CryptoIcon from '@ledgerhq/crypto-icons/native';
+
+function MyComponent() {
+  return (
+    <>
+      {/* md → leadingContent size 16 */}
+      <MediaTag
+        size="md"
+        label="Bitcoin"
+        leadingContent={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size={16} />}
+      />
+
+      {/* sm → leadingContent size 12 */}
+      <MediaTag
+        size="sm"
+        label="Bitcoin"
+        leadingContent={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size={12} />}
+      />
+    </>
+  );
+}
+```
+
+</Tab>
+</CustomTabs>