@ledgerhq/lumen-ui-rnative 0.1.33 → 0.1.34

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

@@ -0,0 +1,122 @@
+"use strict";
+
+import { MediaImage } from "../MediaImage/index.js";
+import { Box } from "../Utility/Box/index.js";
+import { MediaTag } from "./MediaTag.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ETH_ICON = /*#__PURE__*/_jsx(MediaImage, {
+  src: "https://crypto-icons.ledger.com/ETH.png",
+  alt: "Ethereum",
+  size: 16,
+  shape: "square"
+});
+const meta = {
+  component: MediaTag,
+  title: 'Communication/MediaTag',
+  argTypes: {
+    appearance: {
+      control: 'select',
+      options: ['base', 'gray', 'accent', 'accent-subtle', 'success', 'error', 'warning', 'white']
+    },
+    size: {
+      control: 'radio',
+      options: ['sm', 'md']
+    },
+    label: {
+      control: 'text'
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    label: 'Ethereum',
+    appearance: 'accent',
+    size: 'md'
+  },
+  render: args => /*#__PURE__*/_jsx(MediaTag, {
+    ...args,
+    leadingContent: ETH_ICON
+  })
+};
+export const AppearanceShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      gap: 's4'
+    },
+    children: [/*#__PURE__*/_jsx(MediaTag, {
+      appearance: "base",
+      label: "Base",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "gray",
+      label: "Gray",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "accent",
+      label: "Accent",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "accent-subtle",
+      label: "Accent subtle",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "success",
+      label: "Success",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "error",
+      label: "Error",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "warning",
+      label: "Warning",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      appearance: "white",
+      label: "White",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      label: "Disabled",
+      leadingContent: ETH_ICON,
+      disabled: true
+    })]
+  })
+};
+export const SizeShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's4'
+    },
+    children: [/*#__PURE__*/_jsx(MediaTag, {
+      size: "md",
+      label: "Medium",
+      leadingContent: ETH_ICON
+    }), /*#__PURE__*/_jsx(MediaTag, {
+      size: "sm",
+      label: "Small",
+      leadingContent: /*#__PURE__*/_jsx(MediaImage, {
+        src: "https://crypto-icons.ledger.com/ETH.png",
+        alt: "Ethereum",
+        size: 12,
+        shape: "square"
+      })
+    })]
+  })
+};
+export const TruncateShowcase = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      width: 's176'
+    },
+    children: /*#__PURE__*/_jsx(MediaTag, {
+      label: "Very long text that truncates",
+      leadingContent: ETH_ICON
+    })
+  })
+};
+//# sourceMappingURL=MediaTag.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MediaImage","Box","MediaTag","jsx","_jsx","jsxs","_jsxs","ETH_ICON","src","alt","size","shape","meta","component","title","argTypes","appearance","control","options","label","Base","args","render","leadingContent","AppearanceShowcase","lx","flexDirection","flexWrap","gap","children","disabled","SizeShowcase","alignItems","TruncateShowcase","width"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaTag/MediaTag.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"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 { Text } from 'react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { MediaTag } from "./MediaTag.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const renderWithProvider = component => render(/*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: component
+}));
+describe('MediaTag Component', () => {
+  it('should render label and the provided ReactNode icon as-is', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(MediaTag, {
+      label: "Bitcoin",
+      leadingContent: /*#__PURE__*/_jsx(Text, {
+        testID: "media-icon",
+        children: "bitcoin-icon"
+      })
+    }));
+    expect(screen.getByText('Bitcoin')).toBeTruthy();
+    expect(screen.getByTestId('media-icon')).toBeTruthy();
+    expect(screen.getByText('bitcoin-icon')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=MediaTag.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","screen","Text","ThemeProvider","MediaTag","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","label","leadingContent","testID","getByText","toBeTruthy","getByTestId"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaTag/MediaTag.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ,eAAe;AACpD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,MAAM,QAAQ,+BAA+B;AAC9D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,kBAAkB,GAAIC,SAA6B,IACvDR,MAAM,cACJM,IAAA,CAACH,aAAa;EAACM,MAAM,EAAEV,gBAAiB;EAACW,WAAW,EAAC,MAAM;EAACC,MAAM,EAAC,IAAI;EAAAC,QAAA,EACpEJ;AAAS,CACG,CACjB,CAAC;AAEHZ,QAAQ,CAAC,oBAAoB,EAAE,MAAM;EACnCC,EAAE,CAAC,2DAA2D,EAAE,MAAM;IACpEU,kBAAkB,cAChBD,IAAA,CAACF,QAAQ;MACPS,KAAK,EAAC,SAAS;MACfC,cAAc,eAAER,IAAA,CAACJ,IAAI;QAACa,MAAM,EAAC,YAAY;QAAAH,QAAA,EAAC;MAAY,CAAM;IAAE,CAC/D,CACH,CAAC;IACDd,MAAM,CAACG,MAAM,CAACe,SAAS,CAAC,SAAS,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAChDnB,MAAM,CAACG,MAAM,CAACiB,WAAW,CAAC,YAAY,CAAC,CAAC,CAACD,UAAU,CAAC,CAAC;IACrDnB,MAAM,CAACG,MAAM,CAACe,SAAS,CAAC,cAAc,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACvD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -1,71 +1,7 @@
 "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 useStyles = ({
-  appearance,
-  size,
-  disabled
-}) => {
-  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
-    };
-    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
-    };
-    const sizeStyles = {
-      md: {
-        paddingHorizontal: t.spacings.s8,
-        paddingVertical: t.spacings.s4
-      },
-      sm: {
-        paddingHorizontal: t.spacings.s4,
-        paddingVertical: t.spacings.s2
-      }
-    };
-    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],
-        ...sizeStyles[size]
-      }, 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]);
-};
+import { BaseTag } from "../BaseTag/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const iconSizeMap = {
   md: 16,
   sm: 12
@@ -99,42 +35,21 @@ const iconSizeMap = {
  * <Tag label="Small" size="sm" />
  */
 export const Tag = ({
-  appearance = 'accent',
-  size = 'md',
   icon,
-  label,
-  disabled: disabledProp = false,
-  lx = {},
-  style,
-  ref,
+  size = 'md',
   ...props
 }) => {
-  const disabled = useDisabledContext({
-    consumerName: 'Tag',
-    mergeWith: {
-      disabled: disabledProp
-    }
-  });
-  const styles = useStyles({
-    appearance,
-    size,
-    disabled: !!disabled
-  });
   const IconComponent = icon;
   const iconSize = iconSizeMap[size];
-  return /*#__PURE__*/_jsxs(Box, {
-    ref: ref,
-    lx: lx,
-    style: StyleSheet.flatten([styles.root, style]),
+  return /*#__PURE__*/_jsx(BaseTag, {
     ...props,
-    children: [IconComponent && /*#__PURE__*/_jsx(IconComponent, {
+    size: size,
+    variant: "tag",
+    consumerName: "Tag",
+    renderIcon: IconComponent ? iconStyle => /*#__PURE__*/_jsx(IconComponent, {
       size: iconSize,
-      style: styles.icon
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.text,
-      numberOfLines: 1,
-      children: label
-    })]
+      style: iconStyle
+    }) : undefined
   });
 };
 //# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useDisabledContext","StyleSheet","Text","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","useStyles","appearance","size","disabled","t","bgColors","base","colors","bg","mutedTransparent","gray","accent","activeSubtle","success","error","warning","textColors","text","muted","onAccent","active","sizeStyles","md","paddingHorizontal","spacings","s8","paddingVertical","s4","sm","s2","textTypography","typographies","body3","body4","root","flatten","flexDirection","alignItems","justifyContent","gap","borderRadius","xs","backgroundColor","color","icon","flexShrink","iconSizeMap","Tag","label","disabledProp","lx","style","ref","props","consumerName","mergeWith","styles","IconComponent","iconSize","children","numberOfLines"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tag/Tag.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BaseTag","jsx","_jsx","iconSizeMap","md","sm","Tag","icon","size","props","IconComponent","iconSize","variant","consumerName","renderIcon","iconStyle","style","undefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tag/Tag.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrC,MAAMC,WAAmC,GAAG;EAC1CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA;AACA;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,GAAG,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAgB,CAAC,KAAK;EAChE,MAAMC,aAAa,GAAGH,IAAI;EAC1B,MAAMI,QAAQ,GAAGR,WAAW,CAACK,IAAI,CAAC;EAElC,oBACEN,IAAA,CAACF,OAAO;IAAA,GACFS,KAAK;IACTD,IAAI,EAAEA,IAAK;IACXI,OAAO,EAAC,KAAK;IACbC,YAAY,EAAC,KAAK;IAClBC,UAAU,EACRJ,aAAa,GACRK,SAAS,iBAAKb,IAAA,CAACQ,aAAa;MAACF,IAAI,EAAEG,QAAS;MAACK,KAAK,EAAED;IAAU,CAAE,CAAC,GAClEE;EACL,CACF,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -7,7 +7,7 @@ import { Box } from '../Utility/Box';
 
 <Meta title='Components/Tag' of={TagStories} />
 
-# 🏷️ Tag
+# Tag
 
 <CustomTabs>
   <Tab label="Overview">
@@ -53,16 +53,6 @@ When a tag's label exceeds the available space, the text is automatically trunca
 
 <Canvas of={TagStories.TruncateShowcase} />
 
-### Accessibility
-
-To be implemented:
-
-- **Color contrast**
-- **Text zoom**
-- **Touch targets**
-- **Screen reader support**
-- **Semantic labeling**
-
 </Tab>
 <Tab label="Implementation">
 
@@ -106,73 +96,5 @@ function MyComponent() {
 }
 ```
 
-
-## Do's and Don'ts
-
-<Box lx={{ flexDirection: 'column', gap: 's24' }}>
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Use standard size variants'
-      description='Use the size prop with predefined variants (sm, md)'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Check } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Tag size="sm" icon={Check} label="Success" />
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't use custom sizes"
-      description='Avoid using style prop to override standard sizes'
-    >
-
-{/* prettier-ignore */}
-```tsx
-import { Check } from '@ledgerhq/lumen-ui-rnative/symbols';
-
-<Tag style={{ height: 52 }} icon={Check} label="Success" />
-```
-
-    </DontBlockItem>
-</DoVsDontRow>
-
-  <DoVsDontRow>
-    <DoBlockItem
-      title='Provide proper accessibility props'
-      description='Use accessible and accessibilityRole props for screen reader support'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Tag
-  label="Important"
-  accessible={true}
-  accessibilityRole="text"
-/>
-```
-
-    </DoBlockItem>
-    <DontBlockItem
-      title="Don't omit accessibility props"
-      description='Avoid creating tags without accessibility support for screen readers'
-    >
-
-{/* prettier-ignore */}
-```tsx
-<Tag
-  label="Important"
-/>
-```
-
-    </DontBlockItem>
-
-  </DoVsDontRow>
-
-  <CommonRulesDoAndDont />
-</Box>
-
 </Tab>
 </CustomTabs>

package/dist/module/lib/Components/Tag/Tag.stories.js

@@ -10,7 +10,7 @@ const meta = {
   argTypes: {
     appearance: {
       control: 'select',
-      options: ['base', 'gray', 'accent', 'accent-subtle', 'success', 'error', 'warning']
+      options: ['base', 'gray', 'accent', 'accent-subtle', 'success', 'error', 'warning', 'white']
     },
     size: {
       control: 'radio',
@@ -71,6 +71,9 @@ export const AppearanceShowcase = {
       }), /*#__PURE__*/_jsx(Tag, {
         appearance: "warning",
         label: "Warning"
+      }), /*#__PURE__*/_jsx(Tag, {
+        appearance: "white",
+        label: "White"
       }), /*#__PURE__*/_jsx(Tag, {
         label: "Disabled",
         disabled: true
@@ -108,6 +111,10 @@ export const AppearanceShowcase = {
         appearance: "warning",
         label: "Warning",
         icon: Check
+      }), /*#__PURE__*/_jsx(Tag, {
+        appearance: "white",
+        label: "White",
+        icon: Check
       }), /*#__PURE__*/_jsx(Tag, {
         label: "Disabled",
         icon: Check,

package/dist/module/lib/Components/Tag/Tag.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Check","Box","Tag","jsx","_jsx","jsxs","_jsxs","meta","component","title","argTypes","appearance","control","options","size","label","icon","type","description","Base","args","render","undefined","AppearanceShowcase","lx","flexDirection","gap","children","disabled","SizeShowcase","alignItems","ContentTypeShowcase","TruncateShowcase","width"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tag/Tag.stories.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Check","Box","Tag","jsx","_jsx","jsxs","_jsxs","meta","component","title","argTypes","appearance","control","options","size","label","icon","type","description","Base","args","render","undefined","AppearanceShowcase","lx","flexDirection","gap","children","disabled","SizeShowcase","alignItems","ContentTypeShowcase","TruncateShowcase","width"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tag/Tag.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"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 { Tag } from "./Tag.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const renderWithProvider = component => render(/*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: component
+}));
+describe('Tag Component', () => {
+  it('should render without icon', () => {
+    renderWithProvider(/*#__PURE__*/_jsx(Tag, {
+      label: "Label"
+    }));
+    expect(screen.getByText('Label')).toBeTruthy();
+  });
+  it('should render the icon component when icon prop is provided', () => {
+    const Icon = jest.fn(({
+      size
+    }) => /*#__PURE__*/_jsxs(Text, {
+      testID: "tag-icon",
+      children: ["icon-", size]
+    }));
+    renderWithProvider(/*#__PURE__*/_jsx(Tag, {
+      label: "Label",
+      icon: Icon
+    }));
+    expect(screen.getByTestId('tag-icon')).toBeTruthy();
+  });
+  it('should inject size=16 into the icon when tag size is md', () => {
+    const Icon = jest.fn(({
+      size
+    }) => /*#__PURE__*/_jsxs(Text, {
+      testID: "tag-icon",
+      children: ["icon-", size]
+    }));
+    renderWithProvider(/*#__PURE__*/_jsx(Tag, {
+      label: "Label",
+      size: "md",
+      icon: Icon
+    }));
+    expect(Icon).toHaveBeenCalledWith(expect.objectContaining({
+      size: 16
+    }), undefined);
+  });
+  it('should inject size=12 into the icon when tag size is sm', () => {
+    const Icon = jest.fn(({
+      size
+    }) => /*#__PURE__*/_jsxs(Text, {
+      testID: "tag-icon",
+      children: ["icon-", size]
+    }));
+    renderWithProvider(/*#__PURE__*/_jsx(Tag, {
+      label: "Label",
+      size: "sm",
+      icon: Icon
+    }));
+    expect(Icon).toHaveBeenCalledWith(expect.objectContaining({
+      size: 12
+    }), undefined);
+  });
+});
+//# sourceMappingURL=Tag.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","Text","ThemeProvider","Tag","jsx","_jsx","jsxs","_jsxs","renderWithProvider","component","themes","colorScheme","locale","children","label","getByText","toBeTruthy","Icon","fn","size","testID","icon","getByTestId","toHaveBeenCalledWith","objectContaining","undefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/Tag/Tag.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,MAAM,QAAQ,+BAA+B;AAC9D,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,GAAG,QAAQ,UAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5B,MAAMC,kBAAkB,GAAIC,SAA6B,IACvDV,MAAM,cACJM,IAAA,CAACH,aAAa;EAACQ,MAAM,EAAEZ,gBAAiB;EAACa,WAAW,EAAC,MAAM;EAACC,MAAM,EAAC,IAAI;EAAAC,QAAA,EACpEJ;AAAS,CACG,CACjB,CAAC;AAEHf,QAAQ,CAAC,eAAe,EAAE,MAAM;EAC9BC,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrCa,kBAAkB,cAACH,IAAA,CAACF,GAAG;MAACW,KAAK,EAAC;IAAO,CAAE,CAAC,CAAC;IACzClB,MAAM,CAACI,MAAM,CAACe,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFrB,EAAE,CAAC,6DAA6D,EAAE,MAAM;IACtE,MAAMsB,IAAI,GAAGpB,IAAI,CAACqB,EAAE,CAAC,CAAC;MAAEC;IAAgB,CAAC,kBACvCZ,KAAA,CAACN,IAAI;MAACmB,MAAM,EAAC,UAAU;MAAAP,QAAA,GAAC,OAAK,EAACM,IAAI;IAAA,CAAO,CAC1C,CAAC;IACFX,kBAAkB,cAACH,IAAA,CAACF,GAAG;MAACW,KAAK,EAAC,OAAO;MAACO,IAAI,EAAEJ;IAAK,CAAE,CAAC,CAAC;IACrDrB,MAAM,CAACI,MAAM,CAACsB,WAAW,CAAC,UAAU,CAAC,CAAC,CAACN,UAAU,CAAC,CAAC;EACrD,CAAC,CAAC;EAEFrB,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAClE,MAAMsB,IAAI,GAAGpB,IAAI,CAACqB,EAAE,CAAC,CAAC;MAAEC;IAAgB,CAAC,kBACvCZ,KAAA,CAACN,IAAI;MAACmB,MAAM,EAAC,UAAU;MAAAP,QAAA,GAAC,OAAK,EAACM,IAAI;IAAA,CAAO,CAC1C,CAAC;IACFX,kBAAkB,cAACH,IAAA,CAACF,GAAG;MAACW,KAAK,EAAC,OAAO;MAACK,IAAI,EAAC,IAAI;MAACE,IAAI,EAAEJ;IAAK,CAAE,CAAC,CAAC;IAC/DrB,MAAM,CAACqB,IAAI,CAAC,CAACM,oBAAoB,CAC/B3B,MAAM,CAAC4B,gBAAgB,CAAC;MAAEL,IAAI,EAAE;IAAG,CAAC,CAAC,EACrCM,SACF,CAAC;EACH,CAAC,CAAC;EAEF9B,EAAE,CAAC,yDAAyD,EAAE,MAAM;IAClE,MAAMsB,IAAI,GAAGpB,IAAI,CAACqB,EAAE,CAAC,CAAC;MAAEC;IAAgB,CAAC,kBACvCZ,KAAA,CAACN,IAAI;MAACmB,MAAM,EAAC,UAAU;MAAAP,QAAA,GAAC,OAAK,EAACM,IAAI;IAAA,CAAO,CAC1C,CAAC;IACFX,kBAAkB,cAACH,IAAA,CAACF,GAAG;MAACW,KAAK,EAAC,OAAO;MAACK,IAAI,EAAC,IAAI;MAACE,IAAI,EAAEJ;IAAK,CAAE,CAAC,CAAC;IAC/DrB,MAAM,CAACqB,IAAI,CAAC,CAACM,oBAAoB,CAC/B3B,MAAM,CAAC4B,gBAAgB,CAAC;MAAEL,IAAI,EAAE;IAAG,CAAC,CAAC,EACrCM,SACF,CAAC;EACH,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -25,6 +25,7 @@ export * from "./MediaBanner/index.js";
 export * from "./MediaButton/index.js";
 export * from "./MediaCard/index.js";
 export * from "./MediaImage/index.js";
+export * from "./MediaTag/index.js";
 export * from "./NavBar/index.js";
 export * from "./OptionList/index.js";
 export * from "./PageIndicator/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,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,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/Components/BaseTag/BaseTag.d.ts

@@ -0,0 +1,3 @@
+import type { BaseTagProps } from './types';
+export declare const BaseTag: ({ appearance, size, variant, consumerName, label, renderIcon, disabled: disabledProp, lx, style, ref, ...props }: BaseTagProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTag.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BaseTag/BaseTag.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,SAAS,CAAC;AA6G5D,eAAO,MAAM,OAAO,GAAI,kHAYrB,YAAY,4CAyBd,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
+import type { TagProps } from '../Tag/types';
+export type BaseTagVariant = 'tag' | 'media';
+export type BaseTagProps = Omit<TagProps, 'icon'> & {
+    variant: BaseTagVariant;
+    consumerName: string;
+    renderIcon?: (style: StyleProp<TextStyle>) => ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BaseTag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG;IAClD,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC;CACzD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAgBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AAyCF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,wEAWxB,eAAe,4CAuCjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAmB,MAAM,SAAS,CAAC;AAgBhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AAyCF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,wEAWxB,eAAe,4CA0CjB,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { MediaTagProps } from './types';
+/**
+ * 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 declare const MediaTag: ({ leadingContent, ...props }: MediaTagProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaTag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaTag.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaTag/MediaTag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,GAAI,8BAA8B,aAAa,4CASnE,CAAC"}

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

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