@ledgerhq/lumen-ui-rnative 0.0.76 → 0.0.78

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

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Invoice 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} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Invoice } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Invoice />
+ *
+ * @example
+ * // With custom size and style
+ * <Invoice size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Invoice} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Invoice = createIcon(
+  'Invoice',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M10.667 6H5.333m5.334 2H5.333m3.334 2H5.333m7.633 3.597-.66.332a.67.67 0 0 1-.595.002l-1.048-.518-1.027.516a.67.67 0 0 1-.597 0L8 13.413l-1.04.518a.67.67 0 0 1-.596-.001l-1.027-.517-1.048.519a.67.67 0 0 1-.595-.002l-.66-.332a.67.67 0 0 1-.367-.595V2.998c0-.252.142-.482.367-.595l.66-.332a.67.67 0 0 1 .595-.002l1.048.518 1.027-.516a.67.67 0 0 1 .597 0L8 2.587l1.04-.518a.67.67 0 0 1 .596.001l1.027.516 1.048-.518a.67.67 0 0 1 .595.002l.66.332a.67.67 0 0 1 .367.595v10.004a.67.67 0 0 1-.367.595'
+    />
+  </Svg>,
+);

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

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Mailbox 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} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Mailbox } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Mailbox />
+ *
+ * @example
+ * // With custom size and style
+ * <Mailbox size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Mailbox} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Mailbox = createIcon(
+  'Mailbox',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='M9.038 4.332 7.74 5.628l-.778-.778m-.964 2.817h4.002M3.33 9.334V3.33c0-.736.598-1.333 1.334-1.333h6.67c.736 0 1.334.597 1.334 1.333v6.003M1.998 12.669v-2.335a1 1 0 0 1 1-1H4.25a1 1 0 0 1 .707.293l.651.65c.25.25.589.39.942.39h2.897c.354 0 .693-.14.944-.39l.553-.553c.25-.25.588-.39.942-.39h1.115a1 1 0 0 1 1 1v2.335c0 .736-.597 1.333-1.333 1.333H3.33a1.334 1.334 0 0 1-1.333-1.333'
+    />
+  </Svg>,
+);

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

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * PenEditWriting 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} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { PenEditWriting } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <PenEditWriting />
+ *
+ * @example
+ * // With custom size and style
+ * <PenEditWriting size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={PenEditWriting} size="md">
+ *   Click me
+ * </Button>
+ */
+export const PenEditWriting = createIcon(
+  'PenEditWriting',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='m10.334 6.333-2-2.001m5.669 7.67-.73.73a2.064 2.064 0 0 1-2.918 0 2.07 2.07 0 0 0-2.919 0m4.152-9.653a1.415 1.415 0 0 1 0 2L4.927 11.74c-.171.171-.385.292-.62.351l-2.31.578.578-2.31c.059-.235.18-.449.35-.62l6.662-6.66a1.415 1.415 0 0 1 2 0'
+    />
+  </Svg>,
+);

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

@@ -0,0 +1,45 @@
+import Svg, { Path } from 'react-native-svg';
+import createIcon from '../../Components/Icon/createIcon';
+
+/**
+ * Unlink 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} [color] - The color of the icon.
+ * @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
+ *
+ * @example
+ * // Basic usage with default size (24px)
+ * import { Unlink } from '@ledgerhq/lumen-ui-rnative/symbols';
+ *
+ * <Unlink />
+ *
+ * @example
+ * // With custom size and style
+ * <Unlink size={40} color="warning" lx={{ marginTop: 's4' }} />
+ *
+ * @example
+ * // Used within a Button component
+ * import { Button } from '@ledgerhq/lumen-ui-rnative';
+ *
+ * <Button icon={Unlink} size="md">
+ *   Click me
+ * </Button>
+ */
+export const Unlink = createIcon(
+  'Unlink',
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
+    <Path
+      stroke='currentColor'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.3}
+      d='m11.403 8.36 1.458-1.458a2.75 2.75 0 0 0-3.889-3.89L7.514 4.472M5.5 10.374l1.25-1.25m2.5-2.5 1.25-1.25m2.187 7.187L3.313 3.187m1.284 4.201L3.139 8.846a2.75 2.75 0 1 0 3.889 3.89l1.458-1.459'
+    />
+  </Svg>,
+);

package/src/lib/Symbols/index.ts

@@ -74,6 +74,7 @@ export { Copy } from './Icons/Copy';
 export { CreditCard } from './Icons/CreditCard';
 export { CreditCardFill } from './Icons/CreditCardFill';
 export { CryptoBitcoinCoin } from './Icons/CryptoBitcoinCoin';
+export { Csv } from './Icons/Csv';
 export { CursorTouch } from './Icons/CursorTouch';
 export { CurveDown } from './Icons/CurveDown';
 export { CurveUp } from './Icons/CurveUp';
@@ -126,6 +127,7 @@ export { InfiniteFill } from './Icons/InfiniteFill';
 export { Information } from './Icons/Information';
 export { InformationFill } from './Icons/InformationFill';
 export { Instagram } from './Icons/Instagram';
+export { Invoice } from './Icons/Invoice';
 export { Ios } from './Icons/Ios';
 export { Label } from './Icons/Label';
 export { Language } from './Icons/Language';
@@ -143,6 +145,7 @@ export { LockCheckSuccess } from './Icons/LockCheckSuccess';
 export { Macos } from './Icons/Macos';
 export { Magnet } from './Icons/Magnet';
 export { Mail } from './Icons/Mail';
+export { Mailbox } from './Icons/Mailbox';
 export { Maths } from './Icons/Maths';
 export { Medal1 } from './Icons/Medal1';
 export { Medal2 } from './Icons/Medal2';
@@ -168,6 +171,7 @@ export { Parachute } from './Icons/Parachute';
 export { Paste } from './Icons/Paste';
 export { Pause } from './Icons/Pause';
 export { PenEdit } from './Icons/PenEdit';
+export { PenEditWriting } from './Icons/PenEditWriting';
 export { Percentage } from './Icons/Percentage';
 export { PictureImage } from './Icons/PictureImage';
 export { PiggyBank } from './Icons/PiggyBank';
@@ -231,6 +235,7 @@ export { TransferVertical } from './Icons/TransferVertical';
 export { Trash } from './Icons/Trash';
 export { Truck } from './Icons/Truck';
 export { Twitter } from './Icons/Twitter';
+export { Unlink } from './Icons/Unlink';
 export { Unlock } from './Icons/Unlock';
 export { Usb } from './Icons/Usb';
 export { UsbC } from './Icons/UsbC';