@ledgerhq/lumen-ui-rnative 0.1.4 → 0.1.6

package/dist/src/lib/Components/Utility/Gradient/LinearGradient/LinearGradient.stories.js

@@ -1,105 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from 'src/styles';
-import { Box } from '../../Box';
-import { Text } from '../../Text';
-import { LinearGradient } from './LinearGradient';
-const meta = {
-    component: LinearGradient,
-    title: 'Utility/LinearGradient',
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        direction: 'to-bottom',
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            width: 's192',
-            height: 's56',
-            borderRadius: 'lg',
-        },
-    },
-};
-export const DirectionShowcase = {
-    render: () => {
-        const orientations = [
-            'to-bottom',
-            'to-right',
-            'to-top',
-            'to-left',
-            'to-bottomright',
-            'to-bottomleft',
-            'to-topright',
-            'to-topleft',
-            0,
-            90,
-            180,
-            270,
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's20' }, children: orientations.map((orientation) => {
-                return (_jsxs(Box, { lx: { gap: 's4' }, children: [_jsx(LinearGradient, { direction: orientation, stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }], lx: { height: 's40', width: 's176', borderRadius: 'md' } }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: orientation })] }, orientation));
-            }) }));
-    },
-};
-export const WithChildren = {
-    args: {
-        direction: 'to-bottomright',
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0, offset: 0.75 }],
-        lx: {
-            padding: 's24',
-            borderRadius: 'lg',
-            width: 's288',
-        },
-    },
-    render: (args) => (_jsxs(LinearGradient, { ...args, children: [_jsx(Text, { typography: 'heading2SemiBold', lx: { color: 'base' }, children: "With Children" }), _jsx(Text, { typography: 'body2', lx: { color: 'base', marginTop: 's8' }, children: "Adapt height based on content." }), _jsx(Text, { typography: 'body3', lx: { color: 'base', marginTop: 's8' }, children: "Lorem ipsum dolor sit amet consectetur adipisicing elit consectetur adipisicing elit adipisicing elit. Mas adename labin anet." })] })),
-};
-export const WithMultipleStops = {
-    args: {
-        direction: 'to-right',
-        stops: [
-            { color: 'accent', offset: 0, opacity: 1 },
-            { color: 'warning', offset: 0.5, opacity: 1 },
-            { color: 'errorStrong', offset: 1, opacity: 1 },
-        ],
-        lx: {
-            borderRadius: 'md',
-            height: 's56',
-            width: 's288',
-        },
-    },
-    render: (args) => {
-        return (_jsxs(Box, { lx: { gap: 's12' }, children: [_jsx(LinearGradient, { ...args }), _jsxs(Box, { lx: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(Text, { children: "accent" }), _jsx(Text, { children: "warning" }), _jsx(Text, { children: "errorStrong" })] })] }));
-    },
-};
-export const CryptoGradients = {
-    args: {
-        direction: 'to-bottomright',
-        lx: {
-            borderRadius: 'md',
-            height: 's56',
-            width: 's288',
-        },
-    },
-    render: (args) => {
-        const { theme } = useTheme();
-        return (_jsx(Box, { lx: {
-                gap: 's20',
-                flexDirection: 'row',
-                flexWrap: 'wrap',
-            }, children: Object.entries(theme.colors.gradients.crypto).map(([key, gradient]) => (_jsxs(Box, { lx: { gap: 's4' }, children: [_jsx(LinearGradient, { ...args, lx: {
-                            height: 's40',
-                            width: 's176',
-                            borderRadius: 'md',
-                        }, stops: gradient }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: key })] }, key))) }));
-    },
-};

package/dist/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { RadialGradient } from './RadialGradient';
-declare const meta: Meta<typeof RadialGradient>;
-export default meta;
-type Story = StoryObj<typeof RadialGradient>;
-export declare const Base: Story;
-export declare const CenterPositionShowcase: Story;
-export declare const WithChildren: Story;
-export declare const WithMultipleStops: Story;
-//# sourceMappingURL=RadialGradient.stories.d.ts.map

package/dist/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadialGradient.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,IAAI,EAAE,KASlB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAuEpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC"}

package/dist/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../Box';
-import { Text } from '../../Text';
-import { RadialGradient } from './RadialGradient';
-const meta = {
-    component: RadialGradient,
-    title: 'Utility/RadialGradient',
-    parameters: {
-        layout: 'centered',
-        backgrounds: { default: 'light' },
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            height: 's192',
-            width: 's192',
-            borderRadius: 'lg',
-        },
-    },
-};
-export const CenterPositionShowcase = {
-    render: () => {
-        const positions = [
-            {
-                title: 'Aspect ratio 1:1',
-                isSquare: true,
-                items: [
-                    {
-                        center: { x: 0.5, y: 0.5 },
-                        label: '{x: 0.5, y: 0.5} (default)',
-                    },
-                    { center: { x: 0.2, y: 0.2 }, label: '{x: 0.2, y: 0.2}' },
-                    { center: { x: 0.8, y: 0.8 }, label: '{x: 0.8, y: 0.8}' },
-                    { center: { x: 0.2, y: 0.8 }, label: '{x: 0.2, y: 0.8}' },
-                    { center: { x: 0.8, y: 0.2 }, label: '{x: 0.8, y: 0.2}' },
-                ],
-            },
-            {
-                title: 'Aspect ratio 1:2',
-                isSquare: false,
-                items: [
-                    {
-                        center: { x: 0.5, y: 0.5 },
-                        label: '{x: 0.5, y: 0.5} (default)',
-                    },
-                    { center: { x: 0.2, y: 0.2 }, label: '{x: 0.2, y: 0.2}' },
-                    { center: { x: 0.8, y: 0.8 }, label: '{x: 0.8, y: 0.8}' },
-                    { center: { x: 0.2, y: 0.8 }, label: '{x: 0.2, y: 0.8}' },
-                    { center: { x: 0.8, y: 0.2 }, label: '{x: 0.8, y: 0.2}' },
-                ],
-            },
-        ];
-        return (_jsx(Box, { lx: { flexDirection: 'column', gap: 's40' }, children: positions.map(({ title, isSquare, items }) => (_jsxs(Box, { children: [_jsx(Text, { typography: 'heading5SemiBold', lx: { color: 'base', marginBottom: 's16' }, children: title }), _jsx(Box, { lx: { flexDirection: 'row', flexWrap: 'wrap', gap: 's24' }, children: items.map(({ center, label }) => (_jsxs(Box, { lx: { gap: 's8', alignItems: 'center' }, children: [_jsx(RadialGradient, { center: center, stops: [
-                                        { color: 'accent' },
-                                        { color: 'active', opacity: 0 },
-                                    ], lx: {
-                                        height: 's72',
-                                        width: isSquare ? 's72' : 's144',
-                                        borderRadius: 'md',
-                                        borderColor: 'active',
-                                        borderWidth: 's1',
-                                    } }), _jsx(Text, { typography: 'body4', lx: { color: 'base' }, children: label })] }, label))) })] }, title))) }));
-    },
-};
-export const WithChildren = {
-    args: {
-        stops: [{ color: 'accent' }, { color: 'active', opacity: 0 }],
-        lx: {
-            padding: 's24',
-            borderRadius: 'lg',
-            width: 's288',
-            borderColor: 'active',
-            borderWidth: 's1',
-        },
-    },
-    render: (args) => (_jsxs(RadialGradient, { ...args, children: [_jsx(Text, { typography: 'heading2SemiBold', lx: { color: 'base' }, children: "With Children" }), _jsx(Text, { typography: 'body2', lx: { color: 'base', marginTop: 's8' }, children: "Adapt height based on content." }), _jsx(Text, { typography: 'body3', lx: { color: 'base', marginTop: 's8' }, children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos" })] })),
-};
-export const WithMultipleStops = {
-    args: {
-        stops: [
-            { color: 'warning', offset: 0, opacity: 1 },
-            { color: 'accent', offset: 0.5, opacity: 1 },
-            { color: 'error', offset: 1, opacity: 1 },
-        ],
-        lx: {
-            height: 's80',
-            width: 's80',
-            borderRadius: 'full',
-        },
-    },
-};

package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { Pressable } from './Pressable';
-declare const meta: Meta<typeof Pressable>;
-export default meta;
-type Story = StoryObj<typeof Pressable>;
-export declare const Base: Story;
-//# sourceMappingURL=Pressable.stories.d.ts.map

package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pressable.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Pressable/Pressable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAYhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAC"}

package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pressable } from './Pressable';
-const meta = {
-    component: Pressable,
-    title: 'Utility/Pressable',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        lx: {
-            height: 's48',
-            width: 's48',
-            backgroundColor: 'accent',
-            borderRadius: 'md',
-            alignSelf: 'center',
-        },
-        style: ({ pressed }) => ({ opacity: pressed ? 0.5 : 1 }),
-    },
-    render: (args) => _jsx(Pressable, { ...args }),
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Pressable
-  style={({ pressed }) => ({ opacity: pressed ? 0.5 : 1 })}
-  lx={{
-    height: 's48',
-    width: 's48',
-    backgroundColor: 'accent',
-    borderRadius: 'md',
-    alignSelf: 'center',
-  }}
-/>
-`,
-            },
-        },
-    },
-};

package/dist/src/lib/Components/Utility/Text/Text.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
-import { TextProps } from './types';
-declare const meta: Meta<TextProps>;
-export default meta;
-type Story = StoryObj<TextProps>;
-export declare const Base: Story;
-//# sourceMappingURL=Text.stories.d.ts.map

package/dist/src/lib/Components/Utility/Text/Text.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Utility/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,SAAS,CAYzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}

package/dist/src/lib/Components/Utility/Text/Text.stories.js

@@ -1,33 +0,0 @@
-import { Text } from './Text';
-const meta = {
-    component: Text,
-    title: 'Utility/Text',
-    parameters: {
-        docs: {
-            source: {
-                language: 'tsx',
-                format: true,
-                type: 'code',
-            },
-        },
-    },
-};
-export default meta;
-export const Base = {
-    args: {
-        typography: 'body1',
-        lx: { color: 'base' },
-        children: 'Hello World',
-    },
-    parameters: {
-        docs: {
-            source: {
-                code: `
-<Text typography='body1' lx={{ color: 'base' }}>
-  Hello World
-</Text>
-`,
-            },
-        },
-    },
-};