@ledgerhq/lumen-ui-rnative 0.0.42

package/src/lib/Symbols/Icons/Ios.tsx

@@ -0,0 +1,48 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Ios icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Ios } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Ios />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Ios size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Ios} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Ios = createIcon(
+  'Ios',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      fill='currentColor'
+      d='M8.021 8.006c0-.97-.463-1.584-1.188-1.584-.729 0-1.189.614-1.189 1.584 0 .967.46 1.581 1.189 1.581.725 0 1.188-.614 1.188-1.581'
+    />
+    <Path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm-.008 8.678H3.79V6.985h.702zm.04-4.018a.397.397 0 0 1-.392.406.396.396 0 0 1-.39-.406c0-.23.172-.41.39-.41.22 0 .392.18.392.41m.367 1.846c0-1.383.745-2.247 1.934-2.247 1.185 0 1.93.864 1.93 2.247s-.745 2.244-1.93 2.244c-1.189 0-1.934-.861-1.934-2.244m5.745 2.244c-.937 0-1.553-.494-1.584-1.295h.706c.045.4.42.662.917.662.491 0 .833-.259.833-.62 0-.313-.209-.494-.723-.623l-.527-.133c-.751-.184-1.107-.57-1.107-1.19 0-.77.63-1.292 1.516-1.292.897 0 1.49.518 1.507 1.283h-.694c-.034-.406-.353-.65-.819-.65-.46 0-.77.24-.77.602 0 .29.206.458.705.584l.469.115c.827.202 1.177.566 1.177 1.214 0 .825-.621 1.343-1.606 1.343'
+      clipRule='evenodd'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Label.tsx

@@ -0,0 +1,54 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Label icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Label } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Label />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Label size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Label} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Label = createIcon(
+  'Label',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M5.542 5.173a.26.26 0 1 1-.367.366.26.26 0 0 1 .367-.366'
+      clipRule='evenodd'
+    />
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M4.83 2.017 6.728 2c.354-.003.694.137.945.387l5.936 5.938c.52.521.52 1.366 0 1.886l-3.396 3.398a1.333 1.333 0 0 1-1.887 0l-5.94-5.942A1.32 1.32 0 0 1 2 6.733V4.858c0-.35.14-.687.387-.934l1.52-1.52a1.32 1.32 0 0 1 .922-.387'
+      clipRule='evenodd'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Language.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Language icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Language } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Language />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Language size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Language} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Language = createIcon(
+  'Language',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M5 2.667v2m8.667 8.666-2.667-6-2.667 6M8.927 12h4.146m-10.74-2c2.73-.22 5.118-2.607 5.334-5.333H2.334M7.667 10C5.96 9.86 4.468 8.367 4.333 6.667'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/LedgerDevices.tsx

@@ -0,0 +1,42 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * LedgerDevices icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { LedgerDevices } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <LedgerDevices />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <LedgerDevices size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={LedgerDevices} size="md">
+ *   Click me
+ * </Button>
+ */
+export const LedgerDevices = createIcon(
+  'LedgerDevices',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      fill='currentColor'
+      d='M8 14.65a.65.65 0 1 0 0-1.3v1.3m2.683-11.317a.65.65 0 1 0 1.3 0h-1.3m1.3-.083a.65.65 0 1 0-1.3 0h1.3m-1.3.167a.65.65 0 1 0 1.3 0h-1.3M8 14v-.65H4.667v1.3H8zm-3.333 0v-.65a.683.683 0 0 1-.684-.683h-1.3c0 1.095.888 1.983 1.984 1.983zm-1.334-1.333h.65V3.333h-1.3v9.334zm0-9.334h.65c0-.377.306-.683.684-.683v-1.3a1.983 1.983 0 0 0-1.984 1.983zM4.667 2v.65H10v-1.3H4.667zM10 2v.65c.377 0 .683.306.683.683h1.3A1.983 1.983 0 0 0 10 1.35zm1.333 1.25h-.65v.167h1.3V3.25zM10.8 5.667v.65h1.067v-1.3H10.8zm1.867.8h-.65V13.2h1.3V6.467zm-.8 7.533v-.65H10.8v1.3h1.067zM10 13.2h.65V6.467h-1.3V13.2zm.8.8v-.65a.15.15 0 0 1-.15-.15h-1.3c0 .8.65 1.45 1.45 1.45zm1.867-.8h-.65a.15.15 0 0 1-.15.15v1.3c.8 0 1.45-.65 1.45-1.45zm-.8-7.533v.65a.15.15 0 0 1 .15.15h1.3c0-.801-.65-1.45-1.45-1.45zm-1.067 0v-.65c-.8 0-1.45.649-1.45 1.45h1.3a.15.15 0 0 1 .15-.15zm1.867 5.666h-.65V13.2h1.3v-1.867zM10 13.2h.65v-1.867h-1.3V13.2zm2.667-1.867h.65a1.983 1.983 0 0 0-1.984-1.983v1.3c.378 0 .684.306.684.683zm-2.667 0h.65c0-.377.306-.683.683-.683v-1.3a1.983 1.983 0 0 0-1.983 1.983z'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/LedgerLogo.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * LedgerLogo icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { LedgerLogo } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <LedgerLogo />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <LedgerLogo size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={LedgerLogo} size="md">
+ *   Click me
+ * </Button>
+ */
+export const LedgerLogo = createIcon(
+  'LedgerLogo',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M2 4.667V3a1 1 0 0 1 1-1h3m3.333 8H7.667a1 1 0 0 1-1-1V6M14 4.667V3a1 1 0 0 0-1-1h-3m-8 9.333V13a1 1 0 0 0 1 1h3m8-2.667V13a1 1 0 0 1-1 1h-3'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Legal.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Legal icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Legal } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Legal />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Legal size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Legal} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Legal = createIcon(
+  'Legal',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M6 14H3.333C2.593 14 2 13.4 2 12.667V3.333C2 2.593 2.593 2 3.333 2h8c.734 0 1.334.593 1.334 1.333V6m-8-.667h4M4.667 8H6m2.667 6H14m-4.667 0v-3.053m2 3.053v-3.053m2 3.053v-3.053m-4.666 0H14V9.753L11.333 8.66 8.667 9.747z'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/LifeRing.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * LifeRing icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { LifeRing } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <LifeRing />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <LifeRing size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={LifeRing} size="md">
+ *   Click me
+ * </Button>
+ */
+export const LifeRing = createIcon(
+  'LifeRing',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M9.647 6.353 12.24 3.76m-8.48 8.48 2.593-2.593m0-3.294L3.76 3.76m8.48 8.48L9.647 9.647M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2m0 3.667a2.333 2.333 0 1 0 0 4.666 2.333 2.333 0 0 0 0-4.666'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Link.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Link icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Link } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Link />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Link size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Link} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Link = createIcon(
+  'Link',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='m9.417 11.508-.971.971a3.58 3.58 0 0 1-5.067 0 3.58 3.58 0 0 1 0-5.066l.974-.969M5.93 9.931l4.14-4.14M6.583 4.215l.971-.972a3.58 3.58 0 0 1 5.844 1.163 3.58 3.58 0 0 1-.777 3.904l-.974.969'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Linkedin.tsx

@@ -0,0 +1,44 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Linkedin icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Linkedin } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Linkedin />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Linkedin size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Linkedin} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Linkedin = createIcon(
+  'Linkedin',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='M13.444 15H2.556C1.696 15 1 14.304 1 13.444V2.556C1 1.696 1.696 1 2.556 1h10.888C14.304 1 15 1.696 15 2.556v10.888c0 .86-.696 1.556-1.556 1.556m-2.466-1.944h2.078V8.788c0-1.806-1.024-2.68-2.454-2.68S8.57 7.224 8.57 7.224v-.908H6.568v6.74H8.57V9.518c0-.948.436-1.512 1.271-1.512.768 0 1.137.542 1.137 1.512zM2.944 4.188A1.24 1.24 0 0 0 4.18 5.432c.682 0 1.234-.557 1.234-1.244S4.861 2.944 4.18 2.944a1.24 1.24 0 0 0-1.235 1.244m2.289 8.868H3.145V6.315h2.088z'
+      clipRule='evenodd'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Linux.tsx

@@ -0,0 +1,42 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Linux icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Linux } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Linux />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Linux size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Linux} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Linux = createIcon(
+  'Linux',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      fill='currentColor'
+      d='M10.536 14.88c.576 0 1.12-.352 1.456-.8.4-.512 1.728-.752 1.728-1.408 0-.32-.256-.544-.432-.8-.24-.288-.128-.8-.48-1.104-.064-.064-.16-.112-.224-.16a3.5 3.5 0 0 0 .112-.816c0-2.384-2.368-3.44-2.368-5.168v-.512c0-1.456-.24-2.992-2.048-2.992-1.568 0-2.144.88-2.144 2.352 0 .416.064.816.064 1.216 0 2-2.624 3.28-2.352 5.728-.16.176-.288.384-.448.56-.32.32-1.056.176-1.056.992 0 .224.096.448.096.688s-.16.48-.16.752c0 .336.208.56.528.64.56.16 1.152.08 1.696.352.384.192.768.32 1.184.32.4 0 .992-.192 1.104-.64.432-.048.832-.192 1.264-.192.448 0 .896.144 1.36.112.16.544.544.88 1.12.88m-7.92-1.488c0-.256.128-.464.128-.736 0-.24-.08-.464-.08-.704 0-.08.016-.144.048-.208.176-.32.656-.288.912-.544.112-.112.208-.272.32-.4s.16-.208.352-.24c.32 0 .48.128.672.4.208.288.352.624.512.928.128.24.304.464.464.672.208.304.624.72.624 1.104 0 .464-.4.736-.848.736-.368 0-.72-.112-1.072-.272-.368-.192-.8-.256-1.216-.304-.208-.032-.656-.048-.784-.24-.032-.064-.032-.128-.032-.192m2.112-3.904c0-.704.416-1.504.784-2.096-.192.688-.624 1.024-.624 1.84 0 .336.112.656.304.912.048-1.664 1.28-2.96 1.408-4.608.272.256.688.576 1.088.576.368 0 1.328-.528 1.6-.8.224.864.56 1.744.976 2.528.288.544.512 1.12.624 1.728.112-.016.192.016.288.032.08-.192.112-.4.112-.592 0-.928-.8-1.792-.8-1.824 0 0-.016-.016 0-.032.544.48.992 1.328.992 2.064 0 .16 0 .304-.048.464.288.064.864.464.864.8l-.016.08-.112-.016.016-.064c0-.4-.928-.704-1.264-.704-.224 0-.352.208-.384.4l-.16.08h-.016c-.576.32-.56 1.2-.592 1.792-.016.208-.128.624-.208.848-.496.304-1.072.528-1.664.528-.416 0-.832-.112-1.184-.336-.128-.208-.24-.416-.416-.592.208-.048.384-.128.384-.368 0-1.072-1.952-1.28-1.952-2.64M6.44 3.84c0-.272.144-.672.448-.672.368 0 .528.496.528.784v.064a.8.8 0 0 0-.288.112c0-.128-.048-.464-.256-.464-.128 0-.192.224-.192.336 0 .128.032.288.128.4-.032.016-.128.096-.176.128-.16-.192-.192-.448-.192-.688m.016 1.168c0-.176.464-.48.496-.464.176-.192.4-.368.72-.368.256 0 1.552.496 1.552.752 0 .336-.336.496-.608.592-.368.144-.496.4-.944.4-.304 0-1.216-.608-1.216-.912m.112.048c.336.176.672.528 1.024.528.56 0 1.2-.576 1.408-.576l-.016-.112c-.288 0-.816.56-1.408.56-.288 0-.64-.368-1.008-.544zM7.912 4c0-.4.16-.976.656-.976.432 0 .704.464.704.848 0 .224-.064.448-.192.624-.112-.016-.224-.096-.336-.128a.8.8 0 0 0 .08-.384c0-.176-.08-.432-.304-.432-.272 0-.304.368-.304.576A1 1 0 0 0 7.912 4m1.792 9.744c0-.56.352-1.104.384-1.696 0-.432.032-1.056.288-1.424a.6.6 0 0 0 .144-.096c.096.336.208.72.64.72.272 0 .64-.176.816-.368h.144c.112 0 .24 0 .352.048.048 0 .096.032.128.064.256.176.192.816.448 1.104.144.16.352.368.352.592 0 .256-1.312.784-1.664 1.216-.288.352-.704.656-1.184.656-.464 0-.848-.336-.848-.816'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/ListEye.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * ListEye icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { ListEye } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <ListEye />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <ListEye size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={ListEye} size="md">
+ *   Click me
+ * </Button>
+ */
+export const ListEye = createIcon(
+  'ListEye',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M5.333 2.667 6.2 1.583a.65.65 0 0 1 .52-.25h2.553c.2 0 .394.087.52.25l.86 1.084v.666c0 .367-.3.667-.666.667h-4a.664.664 0 0 1-.667-.667v-.666zm0 0H4c-.74 0-1.333.593-1.333 1.333v8.667C2.667 13.4 3.26 14 4 14h4m5.333-6V4c0-.74-.6-1.333-1.333-1.333h-1.333m1.586 9.267c.033.033.033.093 0 .133a.11.11 0 0 1-.14 0 .097.097 0 0 1 0-.14c.033-.04.093-.04.133 0M5.333 9h3.334M5.333 6.667h5.334m-5.334 4.666h1.334M9.84 12.46a.83.83 0 0 1 0-.92c.56-.86 1.453-1.547 2.342-1.547.887 0 1.773.68 2.34 1.54.18.274.18.64 0 .92-.567.855-1.46 1.54-2.347 1.54-.893 0-1.78-.686-2.342-1.54z'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Lock.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Lock icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Lock } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Lock />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Lock size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Lock} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Lock = createIcon(
+  'Lock',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M5.333 6.667v-2a2.666 2.666 0 1 1 5.334 0v2M11.333 14H4.667c-.74 0-1.334-.6-1.334-1.333V8c0-.74.594-1.333 1.334-1.333h6.666c.734 0 1.334.593 1.334 1.333v4.667c0 .733-.6 1.333-1.334 1.333'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/LockCheckSuccess.tsx

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * LockCheckSuccess icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { LockCheckSuccess } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <LockCheckSuccess />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <LockCheckSuccess size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={LockCheckSuccess} size="md">
+ *   Click me
+ * </Button>
+ */
+export const LockCheckSuccess = createIcon(
+  'LockCheckSuccess',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='m9.333 9.607-1.54 1.533-.926-.927M5.333 6.667v-2a2.666 2.666 0 1 1 5.334 0v2M11.333 14H4.667c-.74 0-1.334-.6-1.334-1.333V8c0-.74.594-1.333 1.334-1.333h6.666c.734 0 1.334.593 1.334 1.333v4.667c0 .733-.6 1.333-1.334 1.333'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/Icons/Macos.tsx

@@ -0,0 +1,48 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Macos icon component for React Native.
+ *
+ * This icon component is automatically generated from SVG files and uses the createIcon utility
+ * to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
+ * and additional size variants defined in the Icon component.
+ *
+ * @component
+ * @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
+ * @param {string} [className] - Additional CSS classes to apply to the icon (via NativeWind).
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Macos } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Macos />
+ *
+ * @example
+ * // With custom size and className (NativeWind)
+ * <Macos size={40} className="text-warning" />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Macos} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Macos = createIcon(
+  'Macos',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      fill='currentColor'
+      d='M5.772 8.685c0 .146.125.238.312.238.244 0 .44-.158.44-.372v-.136L6.1 8.44c-.208.014-.328.104-.328.245M10.905 8c0-.54-.284-.881-.73-.881s-.729.342-.729.882c0 .538.283.88.73.88.445 0 .729-.342.729-.88'
+    />
+    <Path
+      fill='currentColor'
+      fillRule='evenodd'
+      d='M4.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM2.931 9.21H2.5V7.432h.414v.309h.009a.54.54 0 0 1 .523-.342c.26 0 .445.129.513.357h.01c.088-.22.307-.357.572-.357.362 0 .599.236.599.592V9.21h-.431V8.093c0-.218-.118-.342-.33-.342-.207 0-.35.148-.35.36V9.21H3.61V8.07c0-.198-.124-.32-.325-.32-.208 0-.354.156-.354.37zm3.595-.284c-.106.193-.336.312-.572.312-.355 0-.613-.216-.613-.536 0-.316.251-.505.698-.532l.485-.027v-.127c0-.186-.13-.294-.343-.294-.204 0-.334.096-.362.244h-.4c.019-.332.312-.57.78-.57.455 0 .751.233.751.59V9.21h-.416v-.284zm1.503-1.53c.485 0 .785.296.815.67h-.407a.385.385 0 0 0-.402-.332c-.272 0-.447.221-.447.587 0 .372.176.587.45.587.218 0 .36-.12.4-.322h.407c-.034.397-.351.659-.812.659-.537 0-.884-.347-.884-.924 0-.568.347-.925.88-.925M8.99 8c0-.77.457-1.251 1.187-1.251.727 0 1.185.481 1.185 1.25 0 .77-.458 1.25-1.185 1.25-.73 0-1.187-.48-1.187-1.25m3.525 1.249c-.575 0-.952-.275-.971-.721h.433c.027.223.258.369.563.369.301 0 .51-.144.51-.346 0-.174-.128-.274-.443-.347l-.324-.073c-.46-.103-.679-.317-.679-.663 0-.429.386-.719.93-.719.551 0 .915.288.925.714h-.426c-.02-.226-.216-.362-.502-.362-.282 0-.473.134-.473.335 0 .161.127.255.433.326l.288.063c.507.113.722.316.722.676 0 .46-.381.748-.986.748'
+      clipRule='evenodd'
+    />
+  </Svg>,
+);