@ledgerhq/lumen-ui-rnative 0.1.10 → 0.1.12
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/dist/module/i18n/locales/de.json +3 -0
- package/dist/module/i18n/locales/en.json +3 -0
- package/dist/module/i18n/locales/es.json +3 -0
- package/dist/module/i18n/locales/fr.json +3 -0
- package/dist/module/i18n/locales/ja.json +3 -0
- package/dist/module/i18n/locales/ko.json +3 -0
- package/dist/module/i18n/locales/pt.json +3 -0
- package/dist/module/i18n/locales/ru.json +3 -0
- package/dist/module/i18n/locales/th.json +3 -0
- package/dist/module/i18n/locales/tr.json +3 -0
- package/dist/module/i18n/locales/zh.json +3 -0
- package/dist/module/lib/Animations/Pulse/Pulse.js +1 -1
- package/dist/module/lib/Animations/Spin/Spin.js +1 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js +21 -21
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js +19 -13
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/BaseInput/BaseInput.js +16 -9
- package/dist/module/lib/Components/BaseInput/BaseInput.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheet.stories.js.map +1 -1
- package/dist/module/lib/Components/Button/BaseButton.js +8 -1
- package/dist/module/lib/Components/Button/BaseButton.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.js +20 -14
- package/dist/module/lib/Components/Card/Card.js.map +1 -1
- package/dist/module/lib/Components/CardButton/CardButton.js +8 -1
- package/dist/module/lib/Components/CardButton/CardButton.js.map +1 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js +8 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js.map +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js +32 -5
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js.map +1 -1
- package/dist/module/lib/Components/Label/Label.js +9 -2
- package/dist/module/lib/Components/Label/Label.js.map +1 -1
- package/dist/module/lib/Components/Link/Link.mdx +1 -0
- package/dist/module/lib/Components/ListItem/ListItem.js +14 -19
- package/dist/module/lib/Components/ListItem/ListItem.js.map +1 -1
- package/dist/module/lib/Components/MediaCard/MediaCard.js +183 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.mdx +111 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.stories.js +199 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.stories.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.test.js +140 -0
- package/dist/module/lib/Components/MediaCard/MediaCard.test.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/index.js +5 -0
- package/dist/module/lib/Components/MediaCard/index.js.map +1 -0
- package/dist/module/lib/Components/MediaCard/types.js +4 -0
- package/dist/module/lib/Components/MediaCard/types.js.map +1 -0
- package/dist/module/lib/Components/PageIndicator/PageIndicator.js +2 -2
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +8 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/usePillLayout.js +1 -1
- package/dist/module/lib/Components/Select/Select.js +8 -1
- package/dist/module/lib/Components/Select/Select.js.map +1 -1
- package/dist/module/lib/Components/Spot/Spot.js +4 -4
- package/dist/module/lib/Components/Spot/Spot.js.map +1 -1
- package/dist/module/lib/Components/Stepper/Stepper.js +10 -4
- package/dist/module/lib/Components/Stepper/Stepper.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.js +1 -34
- package/dist/module/lib/Components/Subheader/Subheader.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.mdx +26 -61
- package/dist/module/lib/Components/Subheader/Subheader.stories.js +23 -12
- package/dist/module/lib/Components/Subheader/Subheader.stories.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.test.js +2 -26
- package/dist/module/lib/Components/Subheader/Subheader.test.js.map +1 -1
- package/dist/module/lib/Components/Subheader/index.js +1 -1
- package/dist/module/lib/Components/Subheader/index.js.map +1 -1
- package/dist/module/lib/Components/Switch/BaseSwitch.js +1 -1
- package/dist/module/lib/Components/Switch/Switch.js +8 -1
- package/dist/module/lib/Components/Switch/Switch.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.js +8 -7
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.js +9 -2
- package/dist/module/lib/Components/Tag/Tag.js.map +1 -1
- package/dist/module/lib/Components/ThemeProvider/ThemeProvider.test.js +22 -20
- package/dist/module/lib/Components/ThemeProvider/ThemeProvider.test.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.js +27 -48
- package/dist/module/lib/Components/Tile/Tile.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.mdx +34 -26
- package/dist/module/lib/Components/Tile/Tile.stories.js +31 -28
- package/dist/module/lib/Components/Tile/Tile.stories.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.test.js +33 -188
- package/dist/module/lib/Components/Tile/Tile.test.js.map +1 -1
- package/dist/module/lib/Components/Tile/index.js +1 -1
- package/dist/module/lib/Components/Tile/index.js.map +1 -1
- package/dist/module/lib/Components/TileButton/TileButton.js +8 -2
- package/dist/module/lib/Components/TileButton/TileButton.js.map +1 -1
- package/dist/module/lib/Components/TriggerButton/TriggerButton.js +197 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.js.map +1 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.mdx +44 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.stories.js +170 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.stories.js.map +1 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.test.js +146 -0
- package/dist/module/lib/Components/TriggerButton/TriggerButton.test.js.map +1 -0
- package/dist/module/lib/Components/TriggerButton/index.js +5 -0
- package/dist/module/lib/Components/TriggerButton/index.js.map +1 -0
- package/dist/module/lib/Components/TriggerButton/types.js +4 -0
- package/dist/module/lib/Components/TriggerButton/types.js.map +1 -0
- package/dist/module/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.js.map +1 -1
- package/dist/module/lib/Components/index.js +2 -0
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/NanoGen5.js +49 -0
- package/dist/module/lib/Symbols/Icons/NanoGen5.js.map +1 -0
- package/dist/module/lib/Symbols/index.js +1 -0
- package/dist/module/lib/Symbols/index.js.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Card/Card.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Card/types.d.ts +1 -3
- package/dist/typescript/src/lib/Components/Card/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts +14 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts +1 -1
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaCard/MediaCard.d.ts +32 -0
- package/dist/typescript/src/lib/Components/MediaCard/MediaCard.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/MediaCard/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/MediaCard/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/MediaCard/types.d.ts +38 -0
- package/dist/typescript/src/lib/Components/MediaCard/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControlContext.d.ts +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/Subheader.d.ts +2 -7
- package/dist/typescript/src/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Subheader/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts +1 -11
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts +17 -23
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Tile/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/types.d.ts +0 -9
- package/dist/typescript/src/lib/Components/Tile/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TriggerButton/TriggerButton.d.ts +26 -0
- package/dist/typescript/src/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/TriggerButton/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/TriggerButton/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/TriggerButton/types.d.ts +38 -0
- package/dist/typescript/src/lib/Components/TriggerButton/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts +2 -0
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Symbols/Icons/NanoGen5.d.ts +35 -0
- package/dist/typescript/src/lib/Symbols/Icons/NanoGen5.d.ts.map +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts +1 -0
- package/dist/typescript/src/lib/Symbols/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/i18n/locales/de.json +3 -0
- package/src/i18n/locales/en.json +3 -0
- package/src/i18n/locales/es.json +3 -0
- package/src/i18n/locales/fr.json +3 -0
- package/src/i18n/locales/ja.json +3 -0
- package/src/i18n/locales/ko.json +3 -0
- package/src/i18n/locales/pt.json +3 -0
- package/src/i18n/locales/ru.json +3 -0
- package/src/i18n/locales/th.json +3 -0
- package/src/i18n/locales/tr.json +3 -0
- package/src/i18n/locales/zh.json +3 -0
- package/src/lib/Components/AmountDisplay/AmountDisplay.tsx +20 -20
- package/src/lib/Components/AmountInput/AmountInput.tsx +15 -7
- package/src/lib/Components/BaseInput/BaseInput.tsx +12 -7
- package/src/lib/Components/BottomSheet/BottomSheet.stories.tsx +9 -9
- package/src/lib/Components/Button/BaseButton.tsx +6 -1
- package/src/lib/Components/Card/Card.tsx +16 -16
- package/src/lib/Components/Card/types.ts +1 -4
- package/src/lib/Components/CardButton/CardButton.tsx +7 -1
- package/src/lib/Components/Checkbox/Checkbox.tsx +7 -1
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.tsx +34 -7
- package/src/lib/Components/InteractiveIcon/types.ts +14 -1
- package/src/lib/Components/Label/Label.tsx +7 -2
- package/src/lib/Components/Link/Link.mdx +1 -0
- package/src/lib/Components/ListItem/ListItem.tsx +15 -12
- package/src/lib/Components/MediaCard/MediaCard.mdx +111 -0
- package/src/lib/Components/MediaCard/MediaCard.stories.tsx +190 -0
- package/src/lib/Components/MediaCard/MediaCard.test.tsx +125 -0
- package/src/lib/Components/MediaCard/MediaCard.tsx +203 -0
- package/src/lib/Components/MediaCard/index.ts +2 -0
- package/src/lib/Components/MediaCard/types.ts +39 -0
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +6 -1
- package/src/lib/Components/SegmentedControl/SegmentedControlContext.tsx +1 -1
- package/src/lib/Components/Select/Select.tsx +6 -1
- package/src/lib/Components/Spot/Spot.tsx +4 -4
- package/src/lib/Components/Stepper/Stepper.tsx +9 -2
- package/src/lib/Components/Subheader/Subheader.mdx +26 -61
- package/src/lib/Components/Subheader/Subheader.stories.tsx +16 -10
- package/src/lib/Components/Subheader/Subheader.test.tsx +0 -22
- package/src/lib/Components/Subheader/Subheader.tsx +1 -42
- package/src/lib/Components/Subheader/index.ts +0 -1
- package/src/lib/Components/Subheader/types.ts +1 -16
- package/src/lib/Components/Switch/Switch.tsx +6 -1
- package/src/lib/Components/TabBar/TabBar.tsx +5 -2
- package/src/lib/Components/Tag/Tag.tsx +7 -2
- package/src/lib/Components/ThemeProvider/ThemeProvider.test.tsx +16 -18
- package/src/lib/Components/Tile/Tile.mdx +34 -26
- package/src/lib/Components/Tile/Tile.stories.tsx +26 -26
- package/src/lib/Components/Tile/Tile.test.tsx +17 -137
- package/src/lib/Components/Tile/Tile.tsx +28 -40
- package/src/lib/Components/Tile/index.ts +0 -1
- package/src/lib/Components/Tile/types.ts +0 -11
- package/src/lib/Components/TileButton/TileButton.tsx +9 -2
- package/src/lib/Components/TriggerButton/TriggerButton.mdx +44 -0
- package/src/lib/Components/TriggerButton/TriggerButton.stories.tsx +132 -0
- package/src/lib/Components/TriggerButton/TriggerButton.test.tsx +157 -0
- package/src/lib/Components/TriggerButton/TriggerButton.tsx +228 -0
- package/src/lib/Components/TriggerButton/index.ts +2 -0
- package/src/lib/Components/TriggerButton/types.ts +38 -0
- package/src/lib/Components/Utility/Gradient/RadialGradient/RadialGradient.stories.tsx +1 -1
- package/src/lib/Components/index.ts +2 -0
- package/src/lib/Symbols/Icons/NanoGen5.tsx +44 -0
- package/src/lib/Symbols/index.ts +1 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
2
2
|
import * as LinkStories from './Link.stories';
|
|
3
3
|
import { Link } from './Link';
|
|
4
|
+
import { Box } from '../Utility';
|
|
4
5
|
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
5
6
|
import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
|
|
6
7
|
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createSafeContext, isTextChildren } from '@ledgerhq/lumen-utils-shared';
|
|
3
|
+
import { createSafeContext, DisabledProvider, isTextChildren, useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { StyleSheet, View } from 'react-native';
|
|
6
6
|
import { useStyleSheet, useTheme } from "../../../styles/index.js";
|
|
7
7
|
import { Spot } from "../Spot/index.js";
|
|
8
8
|
import { Box, Pressable, Text } from "../Utility/index.js";
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
const [ListItemProvider, useListItemContext] = createSafeContext('ListItem', {});
|
|
11
10
|
const [ListItemTrailingProvider, useListItemTrailingContext] = createSafeContext('ListItemTrailing', {
|
|
12
11
|
isInTrailing: false
|
|
13
12
|
});
|
|
@@ -70,11 +69,17 @@ export const ListItem = ({
|
|
|
70
69
|
children,
|
|
71
70
|
lx = {},
|
|
72
71
|
style,
|
|
73
|
-
disabled = false,
|
|
72
|
+
disabled: disabledProp = false,
|
|
74
73
|
ref,
|
|
75
74
|
...pressableProps
|
|
76
75
|
}) => {
|
|
77
|
-
|
|
76
|
+
const disabled = useDisabledContext({
|
|
77
|
+
consumerName: 'ListItem',
|
|
78
|
+
mergeWith: {
|
|
79
|
+
disabled: disabledProp
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
return /*#__PURE__*/_jsx(DisabledProvider, {
|
|
78
83
|
value: {
|
|
79
84
|
disabled
|
|
80
85
|
},
|
|
@@ -191,9 +196,7 @@ export const ListItemTitle = ({
|
|
|
191
196
|
ref,
|
|
192
197
|
...viewProps
|
|
193
198
|
}) => {
|
|
194
|
-
const {
|
|
195
|
-
disabled
|
|
196
|
-
} = useListItemContext({
|
|
199
|
+
const disabled = useDisabledContext({
|
|
197
200
|
consumerName: 'ListItemTitle',
|
|
198
201
|
contextRequired: true
|
|
199
202
|
});
|
|
@@ -260,9 +263,7 @@ export const ListItemDescription = ({
|
|
|
260
263
|
ref,
|
|
261
264
|
...viewProps
|
|
262
265
|
}) => {
|
|
263
|
-
const {
|
|
264
|
-
disabled
|
|
265
|
-
} = useListItemContext({
|
|
266
|
+
const disabled = useDisabledContext({
|
|
266
267
|
consumerName: 'ListItemDescription',
|
|
267
268
|
contextRequired: true
|
|
268
269
|
});
|
|
@@ -355,9 +356,7 @@ ListItemTrailing.displayName = 'ListItemTrailing';
|
|
|
355
356
|
* Fixed at size 48 for consistent list item appearance.
|
|
356
357
|
*/
|
|
357
358
|
export const ListItemSpot = props => {
|
|
358
|
-
const {
|
|
359
|
-
disabled
|
|
360
|
-
} = useListItemContext({
|
|
359
|
+
const disabled = useDisabledContext({
|
|
361
360
|
consumerName: 'ListItemSpot',
|
|
362
361
|
contextRequired: true
|
|
363
362
|
});
|
|
@@ -383,9 +382,7 @@ export const ListItemIcon = ({
|
|
|
383
382
|
const {
|
|
384
383
|
theme
|
|
385
384
|
} = useTheme();
|
|
386
|
-
const {
|
|
387
|
-
disabled
|
|
388
|
-
} = useListItemContext({
|
|
385
|
+
const disabled = useDisabledContext({
|
|
389
386
|
consumerName: 'ListItemIcon',
|
|
390
387
|
contextRequired: true
|
|
391
388
|
});
|
|
@@ -418,9 +415,7 @@ export const ListItemTruncate = ({
|
|
|
418
415
|
ref,
|
|
419
416
|
...textProps
|
|
420
417
|
}) => {
|
|
421
|
-
const {
|
|
422
|
-
disabled
|
|
423
|
-
} = useListItemContext({
|
|
418
|
+
const disabled = useDisabledContext({
|
|
424
419
|
consumerName: 'ListItemTruncate',
|
|
425
420
|
contextRequired: true
|
|
426
421
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createSafeContext","isTextChildren","React","StyleSheet","View","useStyleSheet","useTheme","Spot","Box","Pressable","Text","jsx","_jsx","ListItemProvider","useListItemContext","ListItemTrailingProvider","useListItemTrailingContext","isInTrailing","useRootStyles","pressed","t","container","flatten","flexDirection","alignItems","height","sizes","s64","width","full","gap","spacings","s16","borderRadius","md","backgroundColor","paddingHorizontal","s8","paddingVertical","s12","colors","bg","baseTransparentPressed","ListItem","children","lx","style","disabled","ref","pressableProps","value","accessibilityRole","accessibilityState","ListItemInner","displayName","styles","testID","ListItemLeading","viewProps","leading","flex","minWidth","ListItemContent","consumerName","contextRequired","content","s4","ListItemTitle","boxStyle","create","textAlign","justifyContent","asBox","asText","typographies","body2SemiBold","color","text","base","numberOfLines","ellipsizeMode","ListItemDescription","body3","muted","ListItemTrailing","trailing","flexShrink","ListItemSpot","props","size","ListItemIcon","icon","Icon","theme","ListItemTruncate","variant","textProps","truncate"],"sourceRoot":"../../../../../src","sources":["lib/Components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createSafeContext","DisabledProvider","isTextChildren","useDisabledContext","React","StyleSheet","View","useStyleSheet","useTheme","Spot","Box","Pressable","Text","jsx","_jsx","ListItemTrailingProvider","useListItemTrailingContext","isInTrailing","useRootStyles","pressed","t","container","flatten","flexDirection","alignItems","height","sizes","s64","width","full","gap","spacings","s16","borderRadius","md","backgroundColor","paddingHorizontal","s8","paddingVertical","s12","colors","bg","baseTransparentPressed","ListItem","children","lx","style","disabled","disabledProp","ref","pressableProps","consumerName","mergeWith","value","accessibilityRole","accessibilityState","ListItemInner","displayName","styles","testID","ListItemLeading","viewProps","leading","flex","minWidth","ListItemContent","contextRequired","content","s4","ListItemTitle","boxStyle","create","textAlign","justifyContent","asBox","asText","typographies","body2SemiBold","color","text","base","numberOfLines","ellipsizeMode","ListItemDescription","body3","muted","ListItemTrailing","trailing","flexShrink","ListItemSpot","props","size","ListItemIcon","icon","Icon","theme","ListItemTruncate","variant","textProps","truncate"],"sourceRoot":"../../../../../src","sources":["lib/Components/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Image, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
6
|
+
import { useStyleSheet } from "../../../styles/index.js";
|
|
7
|
+
import { Close } from "../../Symbols/index.js";
|
|
8
|
+
import { InteractiveIcon } from "../InteractiveIcon/index.js";
|
|
9
|
+
import { LinearGradient, Pressable, Text } from "../Utility/index.js";
|
|
10
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const CARD_HEIGHT = 164;
|
|
12
|
+
const useStyles = () => useStyleSheet(t => ({
|
|
13
|
+
root: {
|
|
14
|
+
position: 'relative',
|
|
15
|
+
width: t.sizes.full,
|
|
16
|
+
height: CARD_HEIGHT,
|
|
17
|
+
borderRadius: t.borderRadius.md,
|
|
18
|
+
overflow: 'hidden',
|
|
19
|
+
flexDirection: 'column',
|
|
20
|
+
alignItems: 'flex-start',
|
|
21
|
+
justifyContent: 'flex-end',
|
|
22
|
+
backgroundColor: t.colors.bg.muted
|
|
23
|
+
},
|
|
24
|
+
content: {
|
|
25
|
+
flexDirection: 'column',
|
|
26
|
+
alignItems: 'flex-start',
|
|
27
|
+
gap: t.spacings.s8,
|
|
28
|
+
width: t.sizes.full,
|
|
29
|
+
minWidth: 0,
|
|
30
|
+
padding: t.spacings.s12
|
|
31
|
+
},
|
|
32
|
+
title: {
|
|
33
|
+
...t.typographies.heading3SemiBold,
|
|
34
|
+
color: t.colors.text.white
|
|
35
|
+
},
|
|
36
|
+
closeButton: {
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
top: t.spacings.s12,
|
|
39
|
+
right: t.spacings.s12
|
|
40
|
+
},
|
|
41
|
+
gradientOverlays: {
|
|
42
|
+
color: t.colors.text.black
|
|
43
|
+
},
|
|
44
|
+
pressedOverlay: {
|
|
45
|
+
backgroundColor: t.colors.bg.mutedTransparentPressed
|
|
46
|
+
}
|
|
47
|
+
}), []);
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Title text for the card, styled with heading typography and white color.
|
|
51
|
+
*/
|
|
52
|
+
export const MediaCardTitle = ({
|
|
53
|
+
children,
|
|
54
|
+
lx = {},
|
|
55
|
+
style,
|
|
56
|
+
ref,
|
|
57
|
+
...props
|
|
58
|
+
}) => {
|
|
59
|
+
const styles = useStyles();
|
|
60
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
61
|
+
ref: ref,
|
|
62
|
+
lx: lx,
|
|
63
|
+
style: StyleSheet.flatten([styles.title, style]),
|
|
64
|
+
numberOfLines: 3,
|
|
65
|
+
ellipsizeMode: "tail",
|
|
66
|
+
...props,
|
|
67
|
+
children: children
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
MediaCardTitle.displayName = 'MediaCardTitle';
|
|
71
|
+
const GradientOverlays = () => {
|
|
72
|
+
const styles = useStyles();
|
|
73
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
74
|
+
children: [/*#__PURE__*/_jsx(LinearGradient, {
|
|
75
|
+
direction: "to-top",
|
|
76
|
+
stops: [{
|
|
77
|
+
color: styles.gradientOverlays.color,
|
|
78
|
+
opacity: 0.8,
|
|
79
|
+
offset: 0
|
|
80
|
+
}, {
|
|
81
|
+
color: styles.gradientOverlays.color,
|
|
82
|
+
opacity: 0,
|
|
83
|
+
offset: 0.75
|
|
84
|
+
}],
|
|
85
|
+
style: StyleSheet.absoluteFill,
|
|
86
|
+
pointerEvents: "none",
|
|
87
|
+
accessible: false
|
|
88
|
+
}), /*#__PURE__*/_jsx(LinearGradient, {
|
|
89
|
+
direction: 45,
|
|
90
|
+
stops: [{
|
|
91
|
+
color: styles.gradientOverlays.color,
|
|
92
|
+
opacity: 0,
|
|
93
|
+
offset: 0.6
|
|
94
|
+
}, {
|
|
95
|
+
color: styles.gradientOverlays.color,
|
|
96
|
+
opacity: 0.8
|
|
97
|
+
}],
|
|
98
|
+
style: StyleSheet.absoluteFill,
|
|
99
|
+
pointerEvents: "none",
|
|
100
|
+
accessible: false
|
|
101
|
+
})]
|
|
102
|
+
});
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* A media card component for displaying a full-bleed background image with
|
|
107
|
+
* composable content and a close button, using gradient overlays to ensure
|
|
108
|
+
* readability.
|
|
109
|
+
*
|
|
110
|
+
* @example
|
|
111
|
+
* import { MediaCard, MediaCardTitle } from '@ledgerhq/lumen-ui-rnative';
|
|
112
|
+
* import { Tag } from '@ledgerhq/lumen-ui-rnative';
|
|
113
|
+
*
|
|
114
|
+
* <MediaCard imageUrl="/image.jpg" onPress={() => {}} onClose={() => {}}>
|
|
115
|
+
* <Tag label="New" size="md" />
|
|
116
|
+
* <MediaCardTitle>Card title</MediaCardTitle>
|
|
117
|
+
* </MediaCard>
|
|
118
|
+
*
|
|
119
|
+
* // Without close button
|
|
120
|
+
* <MediaCard imageUrl="/image.jpg" onPress={() => {}}>
|
|
121
|
+
* <MediaCardTitle>Card title</MediaCardTitle>
|
|
122
|
+
* </MediaCard>
|
|
123
|
+
*/
|
|
124
|
+
export const MediaCard = ({
|
|
125
|
+
ref,
|
|
126
|
+
children,
|
|
127
|
+
imageUrl,
|
|
128
|
+
onPress,
|
|
129
|
+
onClose,
|
|
130
|
+
closeAccessibilityLabel,
|
|
131
|
+
lx = {},
|
|
132
|
+
style,
|
|
133
|
+
...pressableProps
|
|
134
|
+
}) => {
|
|
135
|
+
const {
|
|
136
|
+
t
|
|
137
|
+
} = useCommonTranslation();
|
|
138
|
+
const [imageLoadError, setImageLoadError] = useState(false);
|
|
139
|
+
const showImage = imageUrl && !imageLoadError;
|
|
140
|
+
const styles = useStyles();
|
|
141
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
142
|
+
ref: ref,
|
|
143
|
+
lx: lx,
|
|
144
|
+
style: StyleSheet.flatten([styles.root, style]),
|
|
145
|
+
accessibilityRole: onPress ? 'button' : undefined,
|
|
146
|
+
onPress: onPress,
|
|
147
|
+
...pressableProps,
|
|
148
|
+
children: ({
|
|
149
|
+
pressed
|
|
150
|
+
}) => /*#__PURE__*/_jsxs(_Fragment, {
|
|
151
|
+
children: [showImage && /*#__PURE__*/_jsx(Image, {
|
|
152
|
+
source: {
|
|
153
|
+
uri: imageUrl
|
|
154
|
+
},
|
|
155
|
+
style: [StyleSheet.absoluteFill, imageLoadError && {
|
|
156
|
+
opacity: 0
|
|
157
|
+
}],
|
|
158
|
+
accessible: false,
|
|
159
|
+
onError: () => setImageLoadError(true),
|
|
160
|
+
testID: "media-card-image"
|
|
161
|
+
}), /*#__PURE__*/_jsx(GradientOverlays, {}), /*#__PURE__*/_jsx(View, {
|
|
162
|
+
style: styles.content,
|
|
163
|
+
children: children
|
|
164
|
+
}), onClose && /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
165
|
+
iconType: "stroked",
|
|
166
|
+
appearance: "white",
|
|
167
|
+
style: styles.closeButton,
|
|
168
|
+
onPress: onClose,
|
|
169
|
+
accessibilityLabel: closeAccessibilityLabel || t('common.closeAriaLabel'),
|
|
170
|
+
testID: "media-card-close-button",
|
|
171
|
+
children: /*#__PURE__*/_jsx(Close, {
|
|
172
|
+
size: 20
|
|
173
|
+
})
|
|
174
|
+
}), pressed && /*#__PURE__*/_jsx(View, {
|
|
175
|
+
style: [StyleSheet.absoluteFill, styles.pressedOverlay],
|
|
176
|
+
pointerEvents: "none",
|
|
177
|
+
accessible: false
|
|
178
|
+
})]
|
|
179
|
+
})
|
|
180
|
+
});
|
|
181
|
+
};
|
|
182
|
+
MediaCard.displayName = 'MediaCard';
|
|
183
|
+
//# sourceMappingURL=MediaCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","Image","StyleSheet","View","useCommonTranslation","useStyleSheet","Close","InteractiveIcon","LinearGradient","Pressable","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CARD_HEIGHT","useStyles","t","root","position","width","sizes","full","height","borderRadius","md","overflow","flexDirection","alignItems","justifyContent","backgroundColor","colors","bg","muted","content","gap","spacings","s8","minWidth","padding","s12","title","typographies","heading3SemiBold","color","text","white","closeButton","top","right","gradientOverlays","black","pressedOverlay","mutedTransparentPressed","MediaCardTitle","children","lx","style","ref","props","styles","flatten","numberOfLines","ellipsizeMode","displayName","GradientOverlays","direction","stops","opacity","offset","absoluteFill","pointerEvents","accessible","MediaCard","imageUrl","onPress","onClose","closeAccessibilityLabel","pressableProps","imageLoadError","setImageLoadError","showImage","accessibilityRole","undefined","pressed","source","uri","onError","testID","iconType","appearance","accessibilityLabel","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
2
|
+
import * as MediaCardStories from './MediaCard.stories';
|
|
3
|
+
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
4
|
+
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
5
|
+
|
|
6
|
+
<Meta title='Communication/MediaCard' of={MediaCardStories} />
|
|
7
|
+
|
|
8
|
+
# MediaCard
|
|
9
|
+
|
|
10
|
+
<CustomTabs>
|
|
11
|
+
<Tab label="Overview">
|
|
12
|
+
|
|
13
|
+
## Introduction
|
|
14
|
+
|
|
15
|
+
MediaCard is a promotional card component that displays a full-bleed background image with gradient overlays for text readability. It uses a simplified compound pattern with `MediaCardTitle` for the text and free-form children for leading content (e.g. tags, icons).
|
|
16
|
+
|
|
17
|
+
> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7?node-id=15160-2853).
|
|
18
|
+
|
|
19
|
+
## Anatomy
|
|
20
|
+
|
|
21
|
+
<Canvas of={MediaCardStories.Base} />
|
|
22
|
+
|
|
23
|
+
- **MediaCard**: Root pressable container with background image and gradient overlays
|
|
24
|
+
- **MediaCardTitle**: Styled title text (clamps at 3 lines)
|
|
25
|
+
- **Leading content**: Any element rendered before `MediaCardTitle` (tags, badges, icons) — no wrapper needed
|
|
26
|
+
- **Close button**: Rendered via the `onClose` prop (positioned absolute top-right) — only visible when `onClose` is provided
|
|
27
|
+
|
|
28
|
+
## Properties
|
|
29
|
+
|
|
30
|
+
<Canvas of={MediaCardStories.Base} />
|
|
31
|
+
<Controls of={MediaCardStories.Base} />
|
|
32
|
+
|
|
33
|
+
### Layout
|
|
34
|
+
|
|
35
|
+
The card fills its parent width by default.
|
|
36
|
+
|
|
37
|
+
<Canvas of={MediaCardStories.LayoutShowcase} />
|
|
38
|
+
|
|
39
|
+
### Compositions
|
|
40
|
+
|
|
41
|
+
Leading content is optional — just place any element before `MediaCardTitle` inside `MediaCard`.
|
|
42
|
+
|
|
43
|
+
<Canvas of={MediaCardStories.CompositionShowcase} />
|
|
44
|
+
|
|
45
|
+
## Accessibility
|
|
46
|
+
|
|
47
|
+
- The root element uses `accessibilityRole='button'` when `onPress` is provided
|
|
48
|
+
- The close button includes an `accessibilityLabel` (auto-translated via i18n) — only rendered when `onClose` is provided
|
|
49
|
+
- The background image is not accessible (`accessible={false}`) since it is decorative
|
|
50
|
+
- Components forward refs and spread props for accessibility support
|
|
51
|
+
|
|
52
|
+
</Tab>
|
|
53
|
+
<Tab label="Implementation">
|
|
54
|
+
|
|
55
|
+
## Setup
|
|
56
|
+
|
|
57
|
+
Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
|
|
58
|
+
|
|
59
|
+
## Basic Usage
|
|
60
|
+
|
|
61
|
+
Both `onPress` and `onClose` are optional. When `onClose` is omitted, the close button is hidden. When `onPress` is omitted, the card is non-interactive.
|
|
62
|
+
|
|
63
|
+
```tsx
|
|
64
|
+
import { MediaCard, MediaCardTitle, Tag } from '@ledgerhq/lumen-ui-rnative';
|
|
65
|
+
|
|
66
|
+
function MyComponent() {
|
|
67
|
+
return (
|
|
68
|
+
<MediaCard
|
|
69
|
+
imageUrl='https://example.com/promo.jpg'
|
|
70
|
+
onPress={() => console.log('pressed')}
|
|
71
|
+
onClose={() => console.log('closed')}
|
|
72
|
+
>
|
|
73
|
+
<Tag label='New' size='md' />
|
|
74
|
+
<MediaCardTitle>Card title</MediaCardTitle>
|
|
75
|
+
</MediaCard>
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### Without Close Button
|
|
81
|
+
|
|
82
|
+
Omit `onClose` to hide the close button — useful for non-dismissible promotions:
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
<MediaCard
|
|
86
|
+
imageUrl='https://example.com/promo.jpg'
|
|
87
|
+
onPress={() => console.log('pressed')}
|
|
88
|
+
>
|
|
89
|
+
<Tag label='New' size='md' />
|
|
90
|
+
<MediaCardTitle>Card title</MediaCardTitle>
|
|
91
|
+
</MediaCard>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
### Layout Adjustments with lx
|
|
95
|
+
|
|
96
|
+
Use the `lx` prop for layout adjustments like margins or positioning:
|
|
97
|
+
|
|
98
|
+
```tsx
|
|
99
|
+
<MediaCard
|
|
100
|
+
imageUrl='https://example.com/promo.jpg'
|
|
101
|
+
onPress={() => console.log('pressed')}
|
|
102
|
+
lx={{ marginTop: 's16', marginBottom: 's8' }}
|
|
103
|
+
>
|
|
104
|
+
<MediaCardTitle>With margin</MediaCardTitle>
|
|
105
|
+
</MediaCard>
|
|
106
|
+
```
|
|
107
|
+
|
|
108
|
+
<CommonRulesDoAndDont />
|
|
109
|
+
|
|
110
|
+
</Tab>
|
|
111
|
+
</CustomTabs>
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { CryptoIcon } from '@ledgerhq/crypto-icons';
|
|
4
|
+
import { useState } from 'react';
|
|
5
|
+
import { Button } from "../Button/index.js";
|
|
6
|
+
import { Tag } from "../Tag/index.js";
|
|
7
|
+
import { Box, Text } from "../Utility/index.js";
|
|
8
|
+
import { MediaCard, MediaCardTitle } from "./MediaCard.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const meta = {
|
|
11
|
+
component: MediaCard,
|
|
12
|
+
subcomponents: {
|
|
13
|
+
MediaCardTitle
|
|
14
|
+
},
|
|
15
|
+
title: 'Communication/MediaCard',
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: 'centered',
|
|
18
|
+
backgrounds: {
|
|
19
|
+
default: 'light'
|
|
20
|
+
},
|
|
21
|
+
docs: {
|
|
22
|
+
source: {
|
|
23
|
+
language: 'tsx',
|
|
24
|
+
format: true,
|
|
25
|
+
type: 'code'
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export default meta;
|
|
31
|
+
const EXAMPLE_SRC = 'https://ledger-wp-website-s3-prd.ledger.com/uploads/2026/03/hero_visual-1.webp';
|
|
32
|
+
const baseArgs = {
|
|
33
|
+
imageUrl: EXAMPLE_SRC,
|
|
34
|
+
onPress: () => ({}),
|
|
35
|
+
onClose: () => ({})
|
|
36
|
+
};
|
|
37
|
+
export const Base = {
|
|
38
|
+
args: baseArgs,
|
|
39
|
+
render: args => /*#__PURE__*/_jsx(Box, {
|
|
40
|
+
lx: {
|
|
41
|
+
width: 's320'
|
|
42
|
+
},
|
|
43
|
+
children: /*#__PURE__*/_jsxs(MediaCard, {
|
|
44
|
+
...args,
|
|
45
|
+
children: [/*#__PURE__*/_jsx(Tag, {
|
|
46
|
+
label: "Label",
|
|
47
|
+
size: "md"
|
|
48
|
+
}), /*#__PURE__*/_jsxs(MediaCardTitle, {
|
|
49
|
+
children: ["Black Friday sale.", /*#__PURE__*/_jsxs(Text, {
|
|
50
|
+
typography: "heading3SemiBold",
|
|
51
|
+
lx: {
|
|
52
|
+
color: 'active'
|
|
53
|
+
},
|
|
54
|
+
children: [' ', "3 days with no fees", ' ']
|
|
55
|
+
}), "on your transactions."]
|
|
56
|
+
})]
|
|
57
|
+
})
|
|
58
|
+
}),
|
|
59
|
+
parameters: {
|
|
60
|
+
docs: {
|
|
61
|
+
source: {
|
|
62
|
+
code: `
|
|
63
|
+
<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
|
|
64
|
+
<Tag label='Label' size='md' />
|
|
65
|
+
<MediaCardTitle>
|
|
66
|
+
Black Friday sale.
|
|
67
|
+
<Text typography='heading3SemiBold' lx={{ color: 'active' }}>
|
|
68
|
+
{' '}
|
|
69
|
+
3 days with no fees{' '}
|
|
70
|
+
</Text>
|
|
71
|
+
on your transactions.
|
|
72
|
+
</MediaCardTitle>
|
|
73
|
+
</MediaCard>`
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
export const LayoutShowcase = {
|
|
79
|
+
render: () => /*#__PURE__*/_jsx(Box, {
|
|
80
|
+
lx: {
|
|
81
|
+
flexDirection: 'column',
|
|
82
|
+
width: 's320',
|
|
83
|
+
gap: 's16',
|
|
84
|
+
padding: 's8'
|
|
85
|
+
},
|
|
86
|
+
children: /*#__PURE__*/_jsxs(MediaCard, {
|
|
87
|
+
...baseArgs,
|
|
88
|
+
children: [/*#__PURE__*/_jsx(Tag, {
|
|
89
|
+
label: "Label",
|
|
90
|
+
size: "md"
|
|
91
|
+
}), /*#__PURE__*/_jsx(MediaCardTitle, {
|
|
92
|
+
children: "Full width card"
|
|
93
|
+
})]
|
|
94
|
+
})
|
|
95
|
+
}),
|
|
96
|
+
parameters: {
|
|
97
|
+
docs: {
|
|
98
|
+
source: {
|
|
99
|
+
code: `
|
|
100
|
+
<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
|
|
101
|
+
<Tag label="Label" size="md" />
|
|
102
|
+
<MediaCardTitle>Full width card</MediaCardTitle>
|
|
103
|
+
</MediaCard>`
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
export const CompositionShowcase = {
|
|
109
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
110
|
+
lx: {
|
|
111
|
+
flexDirection: 'column',
|
|
112
|
+
width: 's320',
|
|
113
|
+
gap: 's16',
|
|
114
|
+
padding: 's8'
|
|
115
|
+
},
|
|
116
|
+
children: [/*#__PURE__*/_jsx(MediaCard, {
|
|
117
|
+
...baseArgs,
|
|
118
|
+
children: /*#__PURE__*/_jsx(MediaCardTitle, {
|
|
119
|
+
children: "Title only"
|
|
120
|
+
})
|
|
121
|
+
}), /*#__PURE__*/_jsxs(MediaCard, {
|
|
122
|
+
...baseArgs,
|
|
123
|
+
children: [/*#__PURE__*/_jsx(Tag, {
|
|
124
|
+
label: "Promo",
|
|
125
|
+
size: "md"
|
|
126
|
+
}), /*#__PURE__*/_jsx(MediaCardTitle, {
|
|
127
|
+
children: "With tag and title"
|
|
128
|
+
})]
|
|
129
|
+
}), /*#__PURE__*/_jsxs(MediaCard, {
|
|
130
|
+
...baseArgs,
|
|
131
|
+
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
132
|
+
ledgerId: "bitcoin",
|
|
133
|
+
ticker: "BTC",
|
|
134
|
+
size: "32px"
|
|
135
|
+
}), /*#__PURE__*/_jsx(MediaCardTitle, {
|
|
136
|
+
children: "With crypto icon"
|
|
137
|
+
})]
|
|
138
|
+
})]
|
|
139
|
+
}),
|
|
140
|
+
parameters: {
|
|
141
|
+
docs: {
|
|
142
|
+
source: {
|
|
143
|
+
code: `
|
|
144
|
+
{/* Title only */}
|
|
145
|
+
<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
|
|
146
|
+
<MediaCardTitle>Title only</MediaCardTitle>
|
|
147
|
+
</MediaCard>
|
|
148
|
+
|
|
149
|
+
{/* With tag */}
|
|
150
|
+
<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
|
|
151
|
+
<Tag label="Promo" size="md" />
|
|
152
|
+
<MediaCardTitle>With tag and title</MediaCardTitle>
|
|
153
|
+
</MediaCard>
|
|
154
|
+
|
|
155
|
+
{/* With crypto icon */}
|
|
156
|
+
<MediaCard imageUrl="/promo.jpg" onPress={() => {}} onClose={() => {}}>
|
|
157
|
+
<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="32px" />
|
|
158
|
+
<MediaCardTitle>With crypto icon</MediaCardTitle>
|
|
159
|
+
</MediaCard>`
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
};
|
|
164
|
+
export const WithClose = {
|
|
165
|
+
render: () => {
|
|
166
|
+
const [visible, setVisible] = useState(true);
|
|
167
|
+
if (!visible) {
|
|
168
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
169
|
+
appearance: "transparent",
|
|
170
|
+
size: "sm",
|
|
171
|
+
onPress: () => setVisible(true),
|
|
172
|
+
children: "Show card again"
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
176
|
+
lx: {
|
|
177
|
+
width: 's320'
|
|
178
|
+
},
|
|
179
|
+
children: /*#__PURE__*/_jsxs(MediaCard, {
|
|
180
|
+
imageUrl: EXAMPLE_SRC,
|
|
181
|
+
onPress: () => ({}),
|
|
182
|
+
onClose: () => setVisible(false),
|
|
183
|
+
children: [/*#__PURE__*/_jsx(Tag, {
|
|
184
|
+
label: "Label",
|
|
185
|
+
size: "md"
|
|
186
|
+
}), /*#__PURE__*/_jsxs(MediaCardTitle, {
|
|
187
|
+
children: ["Black Friday sale.", /*#__PURE__*/_jsxs(Text, {
|
|
188
|
+
typography: "heading3SemiBold",
|
|
189
|
+
lx: {
|
|
190
|
+
color: 'active'
|
|
191
|
+
},
|
|
192
|
+
children: [' ', "3 days with no fees", ' ']
|
|
193
|
+
}), "on your transactions."]
|
|
194
|
+
})]
|
|
195
|
+
})
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
};
|
|
199
|
+
//# sourceMappingURL=MediaCard.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CryptoIcon","useState","Button","Tag","Box","Text","MediaCard","MediaCardTitle","jsx","_jsx","jsxs","_jsxs","meta","component","subcomponents","title","parameters","layout","backgrounds","default","docs","source","language","format","type","EXAMPLE_SRC","baseArgs","imageUrl","onPress","onClose","Base","args","render","lx","width","children","label","size","typography","color","code","LayoutShowcase","flexDirection","gap","padding","CompositionShowcase","ledgerId","ticker","WithClose","visible","setVisible","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaCard/MediaCard.stories.tsx"],"mappings":"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","ignoreList":[]}
|