@ledgerhq/lumen-ui-rnative 0.0.68 → 0.0.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/mocks/blur.tsx +1 -2
- package/dist/package.json +2 -2
- package/dist/src/i18n/locales/de.json +4 -0
- package/dist/src/i18n/locales/en.json +4 -0
- package/dist/src/i18n/locales/es.json +4 -0
- package/dist/src/i18n/locales/fr.json +4 -0
- package/dist/src/i18n/locales/ja.json +4 -0
- package/dist/src/i18n/locales/ko.json +4 -0
- package/dist/src/i18n/locales/pt.json +4 -0
- package/dist/src/i18n/locales/ru.json +4 -0
- package/dist/src/i18n/locales/th.json +4 -0
- package/dist/src/i18n/locales/tr.json +4 -0
- package/dist/src/i18n/locales/zh.json +4 -0
- package/dist/src/lib/Components/Avatar/Avatar.d.ts +19 -0
- package/dist/src/lib/Components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/src/lib/Components/Avatar/Avatar.js +81 -0
- package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts +22 -0
- package/dist/src/lib/Components/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/src/lib/Components/Avatar/Avatar.stories.js +72 -0
- package/dist/src/lib/Components/Avatar/index.d.ts +3 -0
- package/dist/src/lib/Components/Avatar/index.d.ts.map +1 -0
- package/dist/src/lib/Components/Avatar/index.js +2 -0
- package/dist/src/lib/Components/Avatar/types.d.ts +26 -0
- package/dist/src/lib/Components/Avatar/types.d.ts.map +1 -0
- package/dist/src/lib/Components/Avatar/types.js +1 -0
- package/dist/src/lib/Components/CardButton/CardButton.js +3 -3
- package/dist/src/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
- package/dist/src/lib/Components/PageIndicator/PageIndicator.js +3 -2
- package/dist/src/lib/Components/PageIndicator/PageIndicator.stories.js +4 -4
- package/dist/src/lib/Components/PageIndicator/types.d.ts +1 -1
- package/dist/src/lib/Components/index.d.ts +1 -0
- package/dist/src/lib/Components/index.d.ts.map +1 -1
- package/dist/src/lib/Components/index.js +1 -0
- package/dist/src/lib/Symbols/Icons/Chart5.d.ts +35 -0
- package/dist/src/lib/Symbols/Icons/Chart5.d.ts.map +1 -0
- package/dist/src/lib/Symbols/Icons/Chart5.js +34 -0
- package/dist/src/lib/Symbols/Icons/Chart5Fill.d.ts +35 -0
- package/dist/src/lib/Symbols/Icons/Chart5Fill.d.ts.map +1 -0
- package/dist/src/lib/Symbols/Icons/Chart5Fill.js +34 -0
- package/dist/src/lib/Symbols/Icons/CurveDown.d.ts +35 -0
- package/dist/src/lib/Symbols/Icons/CurveDown.d.ts.map +1 -0
- package/dist/src/lib/Symbols/Icons/CurveDown.js +34 -0
- package/dist/src/lib/Symbols/Icons/CurveUp.d.ts +35 -0
- package/dist/src/lib/Symbols/Icons/CurveUp.d.ts.map +1 -0
- package/dist/src/lib/Symbols/Icons/CurveUp.js +34 -0
- package/dist/src/lib/Symbols/Icons/Target.d.ts +35 -0
- package/dist/src/lib/Symbols/Icons/Target.d.ts.map +1 -0
- package/dist/src/lib/Symbols/Icons/Target.js +34 -0
- package/dist/src/lib/Symbols/index.d.ts +5 -0
- package/dist/src/lib/Symbols/index.d.ts.map +1 -1
- package/dist/src/lib/Symbols/index.js +5 -0
- package/package.json +3 -3
- package/src/i18n/locales/de.json +4 -0
- package/src/i18n/locales/en.json +4 -0
- package/src/i18n/locales/es.json +4 -0
- package/src/i18n/locales/fr.json +4 -0
- package/src/i18n/locales/ja.json +4 -0
- package/src/i18n/locales/ko.json +4 -0
- package/src/i18n/locales/pt.json +4 -0
- package/src/i18n/locales/ru.json +4 -0
- package/src/i18n/locales/th.json +4 -0
- package/src/i18n/locales/tr.json +4 -0
- package/src/i18n/locales/zh.json +4 -0
- package/src/lib/Components/Avatar/Avatar.mdx +323 -0
- package/src/lib/Components/Avatar/Avatar.stories.tsx +127 -0
- package/src/lib/Components/Avatar/Avatar.test.tsx +215 -0
- package/src/lib/Components/Avatar/Avatar.tsx +132 -0
- package/src/lib/Components/Avatar/index.ts +2 -0
- package/src/lib/Components/Avatar/types.ts +26 -0
- package/src/lib/Components/CardButton/CardButton.tsx +3 -3
- package/src/lib/Components/PageIndicator/PageIndicator.mdx +7 -4
- package/src/lib/Components/PageIndicator/PageIndicator.stories.tsx +5 -5
- package/src/lib/Components/PageIndicator/PageIndicator.test.tsx +14 -14
- package/src/lib/Components/PageIndicator/PageIndicator.tsx +6 -2
- package/src/lib/Components/PageIndicator/types.ts +1 -1
- package/src/lib/Components/index.ts +1 -0
- package/src/lib/Symbols/Icons/Chart5.tsx +53 -0
- package/src/lib/Symbols/Icons/Chart5Fill.tsx +42 -0
- package/src/lib/Symbols/Icons/CurveDown.tsx +69 -0
- package/src/lib/Symbols/Icons/CurveUp.tsx +68 -0
- package/src/lib/Symbols/Icons/Target.tsx +45 -0
- package/src/lib/Symbols/index.ts +5 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import Svg, { Path } from 'react-native-svg';
|
|
2
|
+
import createIcon from '../../Components/Icon/createIcon';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Target icon component for React Native.
|
|
6
|
+
*
|
|
7
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
8
|
+
* to create a consistent icon interface. It supports all standard SVG props (from react-native-svg)
|
|
9
|
+
* and additional size variants defined in the Icon component.
|
|
10
|
+
*
|
|
11
|
+
* @component
|
|
12
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
13
|
+
* @param {string} [color] - The color of the icon.
|
|
14
|
+
* @param {SVGProps} [...props] - All standard SVG element props (from react-native-svg).
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Basic usage with default size (24px)
|
|
18
|
+
* import { Target } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
19
|
+
*
|
|
20
|
+
* <Target />
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* // With custom size and style
|
|
24
|
+
* <Target size={40} color="warning" lx={{ marginTop: 's4' }} />
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* // Used within a Button component
|
|
28
|
+
* import { Button } from '@ledgerhq/lumen-ui-rnative';
|
|
29
|
+
*
|
|
30
|
+
* <Button icon={Target} size="md">
|
|
31
|
+
* Click me
|
|
32
|
+
* </Button>
|
|
33
|
+
*/
|
|
34
|
+
export const Target = createIcon(
|
|
35
|
+
'Target',
|
|
36
|
+
<Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
|
|
37
|
+
<Path
|
|
38
|
+
stroke='currentColor'
|
|
39
|
+
strokeLinecap='round'
|
|
40
|
+
strokeLinejoin='round'
|
|
41
|
+
strokeWidth={1.3}
|
|
42
|
+
d='M13.818 8.316a5.684 5.684 0 1 1-5.685-5.684m3.158 5.684a3.158 3.158 0 1 1-3.158-3.158m2.53.629L8.136 8.313M12.555 2 10.66 3.895v1.894h1.895l1.894-1.894-1.263-.632z'
|
|
43
|
+
/>
|
|
44
|
+
</Svg>,
|
|
45
|
+
);
|
package/src/lib/Symbols/index.ts
CHANGED
|
@@ -34,6 +34,8 @@ export { Chart1 } from './Icons/Chart1';
|
|
|
34
34
|
export { Chart2 } from './Icons/Chart2';
|
|
35
35
|
export { Chart3 } from './Icons/Chart3';
|
|
36
36
|
export { Chart4 } from './Icons/Chart4';
|
|
37
|
+
export { Chart5 } from './Icons/Chart5';
|
|
38
|
+
export { Chart5Fill } from './Icons/Chart5Fill';
|
|
37
39
|
export { ChartPie } from './Icons/ChartPie';
|
|
38
40
|
export { Check } from './Icons/Check';
|
|
39
41
|
export { CheckmarkCircle } from './Icons/CheckmarkCircle';
|
|
@@ -73,6 +75,8 @@ export { CreditCard } from './Icons/CreditCard';
|
|
|
73
75
|
export { CreditCardFill } from './Icons/CreditCardFill';
|
|
74
76
|
export { CryptoBitcoinCoin } from './Icons/CryptoBitcoinCoin';
|
|
75
77
|
export { CursorTouch } from './Icons/CursorTouch';
|
|
78
|
+
export { CurveDown } from './Icons/CurveDown';
|
|
79
|
+
export { CurveUp } from './Icons/CurveUp';
|
|
76
80
|
export { DatabaseLock } from './Icons/DatabaseLock';
|
|
77
81
|
export { Delete } from './Icons/Delete';
|
|
78
82
|
export { DeleteCircle } from './Icons/DeleteCircle';
|
|
@@ -215,6 +219,7 @@ export { Support } from './Icons/Support';
|
|
|
215
219
|
export { Switch } from './Icons/Switch';
|
|
216
220
|
export { Switch2 } from './Icons/Switch2';
|
|
217
221
|
export { Tablet } from './Icons/Tablet';
|
|
222
|
+
export { Target } from './Icons/Target';
|
|
218
223
|
export { Telegram } from './Icons/Telegram';
|
|
219
224
|
export { Theme } from './Icons/Theme';
|
|
220
225
|
export { ThemeFill } from './Icons/ThemeFill';
|