@ledgerhq/lumen-ui-rnative 0.1.16 → 0.1.18
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/lib/Components/AddressInput/AddressInput.js +3 -5
- package/dist/module/lib/Components/AddressInput/AddressInput.js.map +1 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js +2 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js +0 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/Banner/Banner.js +0 -1
- package/dist/module/lib/Components/Banner/Banner.js.map +1 -1
- package/dist/module/lib/Components/BaseInput/BaseInput.js +3 -5
- package/dist/module/lib/Components/BaseInput/BaseInput.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheet.js +2 -3
- package/dist/module/lib/Components/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheet.test.js +2 -6
- package/dist/module/lib/Components/BottomSheet/BottomSheet.test.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheetHeader.js +0 -1
- package/dist/module/lib/Components/BottomSheet/BottomSheetHeader.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/CustomBackdrop.js +0 -1
- package/dist/module/lib/Components/BottomSheet/CustomBackdrop.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/CustomHandle.js +0 -1
- package/dist/module/lib/Components/BottomSheet/CustomHandle.js.map +1 -1
- package/dist/module/lib/Components/BottomSheet/Scrollables.js +0 -5
- package/dist/module/lib/Components/BottomSheet/Scrollables.js.map +1 -1
- package/dist/module/lib/Components/Button/BaseButton.js +0 -1
- package/dist/module/lib/Components/Button/BaseButton.js.map +1 -1
- package/dist/module/lib/Components/Button/Button.js +0 -1
- package/dist/module/lib/Components/Button/Button.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.js +1 -11
- package/dist/module/lib/Components/Card/Card.js.map +1 -1
- package/dist/module/lib/Components/CardButton/CardButton.js +0 -1
- package/dist/module/lib/Components/CardButton/CardButton.js.map +1 -1
- package/dist/module/lib/Components/Checkbox/BaseCheckbox.js +0 -3
- package/dist/module/lib/Components/Checkbox/BaseCheckbox.js.map +1 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js +0 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js.map +1 -1
- package/dist/module/lib/Components/ContentBanner/ContentBanner.js +3 -8
- package/dist/module/lib/Components/ContentBanner/ContentBanner.js.map +1 -1
- package/dist/module/lib/Components/Divider/Divider.js +0 -1
- package/dist/module/lib/Components/Divider/Divider.js.map +1 -1
- package/dist/module/lib/Components/Icon/Icon.js +0 -1
- package/dist/module/lib/Components/Icon/Icon.js.map +1 -1
- package/dist/module/lib/Components/IconButton/IconButton.js +0 -1
- package/dist/module/lib/Components/IconButton/IconButton.js.map +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js +13 -23
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js.map +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.mdx +58 -90
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.stories.js +24 -29
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.stories.js.map +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.test.js +30 -38
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.test.js.map +1 -1
- package/dist/module/lib/Components/Label/Label.js +0 -1
- package/dist/module/lib/Components/Label/Label.js.map +1 -1
- package/dist/module/lib/Components/Link/Link.js +0 -1
- package/dist/module/lib/Components/Link/Link.js.map +1 -1
- package/dist/module/lib/Components/ListItem/ListItem.js +5 -8
- package/dist/module/lib/Components/ListItem/ListItem.js.map +1 -1
- package/dist/module/lib/Components/MediaBanner/MediaBanner.js +3 -4
- package/dist/module/lib/Components/MediaBanner/MediaBanner.js.map +1 -1
- package/dist/module/lib/Components/MediaCard/MediaCard.js +3 -6
- package/dist/module/lib/Components/MediaCard/MediaCard.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js +0 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/NavBar/CoinCapsule.js +0 -1
- package/dist/module/lib/Components/NavBar/CoinCapsule.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.js +0 -4
- package/dist/module/lib/Components/NavBar/NavBar.js.map +1 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.js +0 -1
- package/dist/module/lib/Components/PageIndicator/PageIndicator.js.map +1 -1
- package/dist/module/lib/Components/SearchInput/SearchInput.js +2 -2
- package/dist/module/lib/Components/SearchInput/SearchInput.js.map +1 -1
- package/dist/module/lib/Components/SearchInput/SearchInput.test.js +41 -0
- package/dist/module/lib/Components/SearchInput/SearchInput.test.js.map +1 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +0 -2
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/Select/Select.js +0 -9
- package/dist/module/lib/Components/Select/Select.js.map +1 -1
- package/dist/module/lib/Components/Skeleton/Skeleton.js +0 -4
- package/dist/module/lib/Components/Skeleton/Skeleton.js.map +1 -1
- package/dist/module/lib/Components/Slot/Slot.js +0 -4
- package/dist/module/lib/Components/Slot/Slot.js.map +1 -1
- package/dist/module/lib/Components/Spinner/Spinner.js +0 -1
- package/dist/module/lib/Components/Spinner/Spinner.js.map +1 -1
- package/dist/module/lib/Components/Spot/Spot.js +2 -1
- package/dist/module/lib/Components/Spot/Spot.js.map +1 -1
- package/dist/module/lib/Components/Stepper/Stepper.js +0 -1
- package/dist/module/lib/Components/Stepper/Stepper.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.js +3 -4
- package/dist/module/lib/Components/Subheader/Subheader.js.map +1 -1
- package/dist/module/lib/Components/Switch/BaseSwitch.js +1 -3
- package/dist/module/lib/Components/Switch/BaseSwitch.js.map +1 -1
- package/dist/module/lib/Components/Switch/Switch.js +0 -1
- package/dist/module/lib/Components/Switch/Switch.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.js +0 -1
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.js +0 -1
- package/dist/module/lib/Components/Tag/Tag.js.map +1 -1
- package/dist/module/lib/Components/TextInput/TextInput.js +0 -1
- package/dist/module/lib/Components/TextInput/TextInput.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.js +0 -5
- package/dist/module/lib/Components/Tile/Tile.js.map +1 -1
- package/dist/module/lib/Components/TileButton/TileButton.js +0 -1
- package/dist/module/lib/Components/TileButton/TileButton.js.map +1 -1
- package/dist/module/lib/Components/Tooltip/Tooltip.js +0 -3
- package/dist/module/lib/Components/Tooltip/Tooltip.js.map +1 -1
- package/dist/module/lib/Components/Tooltip/Tooltip.stories.js +2 -2
- package/dist/module/lib/Components/Tooltip/Tooltip.stories.js.map +1 -1
- package/dist/module/lib/Components/TriggerButton/TriggerButton.js +0 -1
- package/dist/module/lib/Components/TriggerButton/TriggerButton.js.map +1 -1
- package/dist/typescript/src/lib/Components/AddressInput/AddressInput.d.ts +1 -4
- package/dist/typescript/src/lib/Components/AddressInput/AddressInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -4
- package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts +1 -4
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Banner/Banner.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Banner/Banner.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts +1 -4
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/BottomSheet.d.ts +2 -5
- package/dist/typescript/src/lib/Components/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/BottomSheetHeader.d.ts +1 -4
- package/dist/typescript/src/lib/Components/BottomSheet/BottomSheetHeader.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/CustomBackdrop.d.ts +1 -4
- package/dist/typescript/src/lib/Components/BottomSheet/CustomBackdrop.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/CustomHandle.d.ts +3 -6
- package/dist/typescript/src/lib/Components/BottomSheet/CustomHandle.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/Scrollables.d.ts +5 -20
- package/dist/typescript/src/lib/Components/BottomSheet/Scrollables.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Button/Button.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Button/Button.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Card/Card.d.ts +26 -56
- package/dist/typescript/src/lib/Components/Card/Card.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/BaseCheckbox.d.ts +2 -8
- package/dist/typescript/src/lib/Components/Checkbox/BaseCheckbox.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/ContentBanner/ContentBanner.d.ts +4 -16
- package/dist/typescript/src/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Divider/Divider.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Divider/Divider.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Icon/Icon.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Icon/Icon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/IconButton/IconButton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +4 -12
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts +13 -4
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Label/Label.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Link/Link.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Link/Link.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts +19 -40
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaCard/MediaCard.d.ts +2 -8
- package/dist/typescript/src/lib/Components/MediaCard/MediaCard.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts +1 -4
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/NavBar/CoinCapsule.d.ts +0 -3
- package/dist/typescript/src/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/NavBar/NavBar.d.ts +0 -12
- package/dist/typescript/src/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/PageIndicator/PageIndicator.d.ts +1 -4
- package/dist/typescript/src/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SearchInput/SearchInput.d.ts +1 -4
- package/dist/typescript/src/lib/Components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts +0 -6
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts +9 -36
- package/dist/typescript/src/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Skeleton/Skeleton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Slot/Slot.d.ts +4 -16
- package/dist/typescript/src/lib/Components/Slot/Slot.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Spinner/Spinner.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Spot/Spot.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts +2 -8
- package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts +0 -3
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts +1 -4
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TextInput/TextInput.d.ts +1 -4
- package/dist/typescript/src/lib/Components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts +5 -20
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tooltip/Tooltip.d.ts +3 -12
- package/dist/typescript/src/lib/Components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TriggerButton/TriggerButton.d.ts +1 -4
- package/dist/typescript/src/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/lib/Components/AddressInput/AddressInput.tsx +3 -5
- package/src/lib/Components/AmountDisplay/AmountDisplay.tsx +2 -2
- package/src/lib/Components/AmountInput/AmountInput.tsx +0 -2
- package/src/lib/Components/Banner/Banner.tsx +0 -2
- package/src/lib/Components/BaseInput/BaseInput.tsx +3 -5
- package/src/lib/Components/BottomSheet/BottomSheet.test.tsx +2 -4
- package/src/lib/Components/BottomSheet/BottomSheet.tsx +2 -3
- package/src/lib/Components/BottomSheet/BottomSheetHeader.tsx +0 -1
- package/src/lib/Components/BottomSheet/CustomBackdrop.tsx +0 -1
- package/src/lib/Components/BottomSheet/CustomHandle.tsx +0 -1
- package/src/lib/Components/BottomSheet/Scrollables.tsx +0 -5
- package/src/lib/Components/Button/BaseButton.tsx +0 -2
- package/src/lib/Components/Button/Button.tsx +0 -1
- package/src/lib/Components/Card/Card.tsx +0 -10
- package/src/lib/Components/CardButton/CardButton.tsx +0 -2
- package/src/lib/Components/Checkbox/BaseCheckbox.tsx +0 -4
- package/src/lib/Components/Checkbox/Checkbox.tsx +0 -2
- package/src/lib/Components/ContentBanner/ContentBanner.tsx +3 -11
- package/src/lib/Components/Divider/Divider.tsx +0 -2
- package/src/lib/Components/Icon/Icon.tsx +0 -2
- package/src/lib/Components/IconButton/IconButton.tsx +0 -2
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +58 -90
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.stories.tsx +35 -34
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.test.tsx +33 -29
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.tsx +17 -28
- package/src/lib/Components/InteractiveIcon/types.ts +13 -5
- package/src/lib/Components/Label/Label.tsx +0 -2
- package/src/lib/Components/Link/Link.tsx +0 -2
- package/src/lib/Components/ListItem/ListItem.tsx +5 -15
- package/src/lib/Components/MediaBanner/MediaBanner.tsx +3 -3
- package/src/lib/Components/MediaCard/MediaCard.tsx +3 -7
- package/src/lib/Components/MediaImage/MediaImage.tsx +0 -2
- package/src/lib/Components/NavBar/CoinCapsule.tsx +0 -2
- package/src/lib/Components/NavBar/NavBar.tsx +0 -8
- package/src/lib/Components/PageIndicator/PageIndicator.tsx +0 -2
- package/src/lib/Components/SearchInput/SearchInput.test.tsx +40 -0
- package/src/lib/Components/SearchInput/SearchInput.tsx +8 -3
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +0 -4
- package/src/lib/Components/Select/Select.tsx +0 -10
- package/src/lib/Components/Skeleton/Skeleton.tsx +0 -4
- package/src/lib/Components/Slot/Slot.tsx +0 -8
- package/src/lib/Components/Spinner/Spinner.tsx +0 -2
- package/src/lib/Components/Spot/Spot.tsx +1 -0
- package/src/lib/Components/Stepper/Stepper.tsx +0 -2
- package/src/lib/Components/Subheader/Subheader.tsx +3 -3
- package/src/lib/Components/Subheader/types.ts +1 -1
- package/src/lib/Components/Switch/BaseSwitch.tsx +0 -3
- package/src/lib/Components/Switch/Switch.tsx +0 -2
- package/src/lib/Components/TabBar/TabBar.tsx +0 -2
- package/src/lib/Components/Tag/Tag.tsx +0 -2
- package/src/lib/Components/TextInput/TextInput.tsx +0 -2
- package/src/lib/Components/Tile/Tile.tsx +0 -6
- package/src/lib/Components/TileButton/TileButton.tsx +0 -2
- package/src/lib/Components/Tooltip/Tooltip.stories.tsx +5 -3
- package/src/lib/Components/Tooltip/Tooltip.tsx +0 -3
- package/src/lib/Components/TriggerButton/TriggerButton.tsx +0 -2
|
@@ -44,19 +44,17 @@ InteractiveIcons come in two visual styles, each optimized for specific use case
|
|
|
44
44
|
|
|
45
45
|
### Icon Sizes
|
|
46
46
|
|
|
47
|
-
InteractiveIcons support various icon sizes
|
|
47
|
+
InteractiveIcons support various icon sizes via the `size` prop:
|
|
48
48
|
|
|
49
49
|
<Canvas of={InteractiveIconStories.SizesShowcase} />
|
|
50
50
|
|
|
51
51
|
Common sizes include:
|
|
52
52
|
|
|
53
53
|
- **16px**: Compact actions in dense interfaces
|
|
54
|
-
- **20px**: Standard size for most interactive icons
|
|
54
|
+
- **20px**: Standard size for most interactive icons (default)
|
|
55
55
|
- **24px**: Prominent actions in toolbars
|
|
56
56
|
- **40px**: Large touch targets for mobile interfaces
|
|
57
57
|
|
|
58
|
-
> **⚠️ Important**: Icon sizes are controlled by the icon component itself, not through InteractiveIcon.
|
|
59
|
-
|
|
60
58
|
### Icon States
|
|
61
59
|
|
|
62
60
|
InteractiveIcons have enabled or disabled states:
|
|
@@ -72,9 +70,12 @@ InteractiveIcons require special attention for accessibility since they contain
|
|
|
72
70
|
**Always provide an `accessibilityLabel` or `aria-label` prop** that clearly describes the action:
|
|
73
71
|
|
|
74
72
|
```tsx
|
|
75
|
-
<InteractiveIcon
|
|
76
|
-
|
|
77
|
-
|
|
73
|
+
<InteractiveIcon
|
|
74
|
+
iconType='filled'
|
|
75
|
+
icon={DeleteCircleFill}
|
|
76
|
+
size={20}
|
|
77
|
+
accessibilityLabel='Delete item'
|
|
78
|
+
/>
|
|
78
79
|
```
|
|
79
80
|
|
|
80
81
|
### Touch Interaction
|
|
@@ -105,20 +106,20 @@ function MyComponent() {
|
|
|
105
106
|
{/* Stroked interactive icon */}
|
|
106
107
|
<InteractiveIcon
|
|
107
108
|
iconType='stroked'
|
|
109
|
+
icon={Settings}
|
|
110
|
+
size={20}
|
|
108
111
|
accessibilityLabel='Open settings'
|
|
109
112
|
onPress={handleSettings}
|
|
110
|
-
|
|
111
|
-
<Settings size={20} />
|
|
112
|
-
</InteractiveIcon>
|
|
113
|
+
/>
|
|
113
114
|
|
|
114
115
|
{/* Filled interactive icon */}
|
|
115
116
|
<InteractiveIcon
|
|
116
117
|
iconType='filled'
|
|
118
|
+
icon={DeleteCircleFill}
|
|
119
|
+
size={20}
|
|
117
120
|
accessibilityLabel='Delete item'
|
|
118
121
|
onPress={handleDelete}
|
|
119
|
-
|
|
120
|
-
<DeleteCircleFill size={20} />
|
|
121
|
-
</InteractiveIcon>
|
|
122
|
+
/>
|
|
122
123
|
</Box>
|
|
123
124
|
);
|
|
124
125
|
}
|
|
@@ -137,15 +138,11 @@ function LikeButton({ isSelected, onToggle }) {
|
|
|
137
138
|
return (
|
|
138
139
|
<InteractiveIcon
|
|
139
140
|
iconType={isSelected ? 'filled' : 'stroked'}
|
|
141
|
+
icon={isSelected ? CheckmarkCircleFill : CheckmarkCircle}
|
|
142
|
+
size={20}
|
|
140
143
|
accessibilityLabel={isSelected ? 'Deselect' : 'Select'}
|
|
141
144
|
onPress={onToggle}
|
|
142
|
-
|
|
143
|
-
{isSelected ? (
|
|
144
|
-
<CheckmarkCircleFill size={20} />
|
|
145
|
-
) : (
|
|
146
|
-
<CheckmarkCircle size={20} />
|
|
147
|
-
)}
|
|
148
|
-
</InteractiveIcon>
|
|
145
|
+
/>
|
|
149
146
|
);
|
|
150
147
|
}
|
|
151
148
|
```
|
|
@@ -160,29 +157,16 @@ function SizeExamples() {
|
|
|
160
157
|
return (
|
|
161
158
|
<Box lx={{ alignItems: 'center', gap: 's4' }}>
|
|
162
159
|
{/* Compact size for dense interfaces */}
|
|
163
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='Settings'
|
|
164
|
-
<Settings size={16} />
|
|
165
|
-
</InteractiveIcon>
|
|
160
|
+
<InteractiveIcon iconType='stroked' icon={Settings} size={16} accessibilityLabel='Settings' />
|
|
166
161
|
|
|
167
|
-
{/* Standard size */}
|
|
168
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='Settings'
|
|
169
|
-
<Settings size={20} />
|
|
170
|
-
</InteractiveIcon>
|
|
162
|
+
{/* Standard size (default) */}
|
|
163
|
+
<InteractiveIcon iconType='stroked' icon={Settings} size={20} accessibilityLabel='Settings' />
|
|
171
164
|
|
|
172
165
|
{/* Prominent size */}
|
|
173
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='Settings'
|
|
174
|
-
<Settings size={24} />
|
|
175
|
-
</InteractiveIcon>
|
|
166
|
+
<InteractiveIcon iconType='stroked' icon={Settings} size={24} accessibilityLabel='Settings' />
|
|
176
167
|
|
|
177
168
|
{/* Large touch target for mobile */}
|
|
178
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='Settings'
|
|
179
|
-
<Settings size={40} />
|
|
180
|
-
</InteractiveIcon>
|
|
181
|
-
|
|
182
|
-
{/* Large touch target for mobile */}
|
|
183
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='Settings'>
|
|
184
|
-
<Settings size={64} />
|
|
185
|
-
</InteractiveIcon>
|
|
169
|
+
<InteractiveIcon iconType='stroked' icon={Settings} size={40} accessibilityLabel='Settings' />
|
|
186
170
|
</Box>
|
|
187
171
|
);
|
|
188
172
|
}
|
|
@@ -204,14 +188,20 @@ The following guidelines are based on our design system principles and accessibi
|
|
|
204
188
|
import { DeleteCircleFill, Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
205
189
|
|
|
206
190
|
// Filled icon with filled variant
|
|
207
|
-
<InteractiveIcon
|
|
208
|
-
|
|
209
|
-
|
|
191
|
+
<InteractiveIcon
|
|
192
|
+
iconType='filled'
|
|
193
|
+
icon={DeleteCircleFill}
|
|
194
|
+
size={20}
|
|
195
|
+
accessibilityLabel='Delete'
|
|
196
|
+
/>
|
|
210
197
|
|
|
211
198
|
// Outlined icon with stroked variant
|
|
212
|
-
<InteractiveIcon
|
|
213
|
-
|
|
214
|
-
|
|
199
|
+
<InteractiveIcon
|
|
200
|
+
iconType='stroked'
|
|
201
|
+
icon={Settings}
|
|
202
|
+
size={20}
|
|
203
|
+
accessibilityLabel='Settings'
|
|
204
|
+
/>
|
|
215
205
|
```
|
|
216
206
|
|
|
217
207
|
</DoBlockItem>
|
|
@@ -225,14 +215,20 @@ import { DeleteCircleFill, Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
|
225
215
|
import { DeleteCircleFill, Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
226
216
|
|
|
227
217
|
// Filled icon with stroked variant (wrong)
|
|
228
|
-
<InteractiveIcon
|
|
229
|
-
|
|
230
|
-
|
|
218
|
+
<InteractiveIcon
|
|
219
|
+
iconType='stroked'
|
|
220
|
+
icon={DeleteCircleFill}
|
|
221
|
+
size={20}
|
|
222
|
+
accessibilityLabel='Delete'
|
|
223
|
+
/>
|
|
231
224
|
|
|
232
225
|
// Outlined icon with filled variant (wrong)
|
|
233
|
-
<InteractiveIcon
|
|
234
|
-
|
|
235
|
-
|
|
226
|
+
<InteractiveIcon
|
|
227
|
+
iconType='filled'
|
|
228
|
+
icon={Settings}
|
|
229
|
+
size={20}
|
|
230
|
+
accessibilityLabel='Settings'
|
|
231
|
+
/>
|
|
236
232
|
```
|
|
237
233
|
|
|
238
234
|
</DontBlockItem>
|
|
@@ -249,9 +245,12 @@ import { DeleteCircleFill, Settings } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
|
249
245
|
```tsx
|
|
250
246
|
import { Download } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
251
247
|
|
|
252
|
-
<InteractiveIcon
|
|
253
|
-
|
|
254
|
-
|
|
248
|
+
<InteractiveIcon
|
|
249
|
+
iconType='stroked'
|
|
250
|
+
icon={Download}
|
|
251
|
+
size={20}
|
|
252
|
+
accessibilityLabel='Download PDF document'
|
|
253
|
+
/>
|
|
255
254
|
```
|
|
256
255
|
|
|
257
256
|
</DoBlockItem>
|
|
@@ -264,43 +263,12 @@ import { Download } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
|
264
263
|
```tsx
|
|
265
264
|
import { Download } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
266
265
|
|
|
267
|
-
<InteractiveIcon
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
</DoVsDontRow>
|
|
275
|
-
|
|
276
|
-
<DoVsDontRow>
|
|
277
|
-
<DoBlockItem
|
|
278
|
-
title='Only render icon components as children'
|
|
279
|
-
description='InteractiveIcon expects icon components as children'
|
|
280
|
-
>
|
|
281
|
-
|
|
282
|
-
{/* prettier-ignore */}
|
|
283
|
-
```tsx
|
|
284
|
-
import { MoreVertical } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
285
|
-
|
|
286
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='More actions'>
|
|
287
|
-
<MoreVertical size={20} />
|
|
288
|
-
</InteractiveIcon>
|
|
289
|
-
```
|
|
290
|
-
|
|
291
|
-
</DoBlockItem>
|
|
292
|
-
<DontBlockItem
|
|
293
|
-
title="Don't render arbitrary content as children"
|
|
294
|
-
description='Avoid using text, views, or other non-icon content as children'
|
|
295
|
-
>
|
|
296
|
-
|
|
297
|
-
{/* prettier-ignore */}
|
|
298
|
-
```tsx
|
|
299
|
-
import { MoreVertical } from '@ledgerhq/lumen-ui-rnative/symbols';
|
|
300
|
-
|
|
301
|
-
<InteractiveIcon iconType='stroked' accessibilityLabel='More actions'>
|
|
302
|
-
Settings
|
|
303
|
-
</InteractiveIcon>
|
|
266
|
+
<InteractiveIcon
|
|
267
|
+
iconType='stroked'
|
|
268
|
+
icon={Download}
|
|
269
|
+
size={20}
|
|
270
|
+
accessibilityLabel='Click here'
|
|
271
|
+
/>
|
|
304
272
|
```
|
|
305
273
|
|
|
306
274
|
</DontBlockItem>
|
|
@@ -17,13 +17,13 @@ const meta = {
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
argTypes: {
|
|
20
|
-
|
|
20
|
+
icon: {
|
|
21
21
|
control: 'select',
|
|
22
22
|
options: ['Settings', 'PenEdit', 'DeleteCircleFill'],
|
|
23
23
|
mapping: {
|
|
24
|
-
Settings
|
|
25
|
-
PenEdit
|
|
26
|
-
DeleteCircleFill
|
|
24
|
+
Settings,
|
|
25
|
+
PenEdit,
|
|
26
|
+
DeleteCircleFill
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -32,16 +32,14 @@ export default meta;
|
|
|
32
32
|
export const Base = {
|
|
33
33
|
args: {
|
|
34
34
|
iconType: 'filled',
|
|
35
|
-
|
|
35
|
+
icon: DeleteCircleFill,
|
|
36
36
|
accessibilityLabel: 'Delete'
|
|
37
37
|
},
|
|
38
38
|
parameters: {
|
|
39
39
|
docs: {
|
|
40
40
|
source: {
|
|
41
41
|
code: `
|
|
42
|
-
<InteractiveIcon iconType="filled" accessibilityLabel="Delete"
|
|
43
|
-
<DeleteCircleFill />
|
|
44
|
-
</InteractiveIcon>
|
|
42
|
+
<InteractiveIcon iconType="filled" icon={DeleteCircleFill} accessibilityLabel="Delete" />
|
|
45
43
|
`
|
|
46
44
|
}
|
|
47
45
|
}
|
|
@@ -50,16 +48,14 @@ export const Base = {
|
|
|
50
48
|
export const Stroked = {
|
|
51
49
|
args: {
|
|
52
50
|
iconType: 'stroked',
|
|
53
|
-
|
|
51
|
+
icon: MoreVertical,
|
|
54
52
|
accessibilityLabel: 'More actions'
|
|
55
53
|
},
|
|
56
54
|
parameters: {
|
|
57
55
|
docs: {
|
|
58
56
|
source: {
|
|
59
57
|
code: `
|
|
60
|
-
<InteractiveIcon iconType="stroked" accessibilityLabel="More actions"
|
|
61
|
-
<MoreVertical />
|
|
62
|
-
</InteractiveIcon>
|
|
58
|
+
<InteractiveIcon iconType="stroked" icon={MoreVertical} accessibilityLabel="More actions" />
|
|
63
59
|
`
|
|
64
60
|
}
|
|
65
61
|
}
|
|
@@ -87,8 +83,8 @@ export const IconTypeShowcase = {
|
|
|
87
83
|
children: "Filled"
|
|
88
84
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
89
85
|
iconType: "filled",
|
|
90
|
-
|
|
91
|
-
|
|
86
|
+
icon: DeleteCircleFill,
|
|
87
|
+
accessibilityLabel: "Delete"
|
|
92
88
|
})]
|
|
93
89
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
94
90
|
lx: {
|
|
@@ -104,8 +100,8 @@ export const IconTypeShowcase = {
|
|
|
104
100
|
children: "Stroked"
|
|
105
101
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
106
102
|
iconType: "stroked",
|
|
107
|
-
|
|
108
|
-
|
|
103
|
+
icon: MoreVertical,
|
|
104
|
+
accessibilityLabel: "More actions"
|
|
109
105
|
})]
|
|
110
106
|
})]
|
|
111
107
|
});
|
|
@@ -133,11 +129,10 @@ export const SizesShowcase = {
|
|
|
133
129
|
},
|
|
134
130
|
children: /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
135
131
|
iconType: "stroked",
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
}, size)
|
|
132
|
+
icon: DeleteCircleFill,
|
|
133
|
+
size: size,
|
|
134
|
+
accessibilityLabel: "More"
|
|
135
|
+
})
|
|
141
136
|
}), /*#__PURE__*/_jsxs(Text, {
|
|
142
137
|
lx: {
|
|
143
138
|
textAlign: 'center'
|
|
@@ -172,8 +167,8 @@ export const StatesShowcase = {
|
|
|
172
167
|
children: "Filled enabled"
|
|
173
168
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
174
169
|
iconType: "filled",
|
|
175
|
-
|
|
176
|
-
|
|
170
|
+
icon: DeleteCircleFill,
|
|
171
|
+
accessibilityLabel: "Delete"
|
|
177
172
|
})]
|
|
178
173
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
179
174
|
lx: {
|
|
@@ -189,8 +184,8 @@ export const StatesShowcase = {
|
|
|
189
184
|
children: "Stroked enabled"
|
|
190
185
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
191
186
|
iconType: "stroked",
|
|
192
|
-
|
|
193
|
-
|
|
187
|
+
icon: MoreVertical,
|
|
188
|
+
accessibilityLabel: "More actions"
|
|
194
189
|
})]
|
|
195
190
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
196
191
|
lx: {
|
|
@@ -206,9 +201,9 @@ export const StatesShowcase = {
|
|
|
206
201
|
children: "Filled disabled"
|
|
207
202
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
208
203
|
iconType: "filled",
|
|
204
|
+
icon: DeleteCircleFill,
|
|
209
205
|
accessibilityLabel: "Delete",
|
|
210
|
-
disabled: true
|
|
211
|
-
children: /*#__PURE__*/_jsx(DeleteCircleFill, {})
|
|
206
|
+
disabled: true
|
|
212
207
|
})]
|
|
213
208
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
214
209
|
lx: {
|
|
@@ -224,9 +219,9 @@ export const StatesShowcase = {
|
|
|
224
219
|
children: "Stroked disabled"
|
|
225
220
|
}), /*#__PURE__*/_jsx(InteractiveIcon, {
|
|
226
221
|
iconType: "stroked",
|
|
222
|
+
icon: MoreVertical,
|
|
227
223
|
accessibilityLabel: "More actions",
|
|
228
|
-
disabled: true
|
|
229
|
-
children: /*#__PURE__*/_jsx(MoreVertical, {})
|
|
224
|
+
disabled: true
|
|
230
225
|
})]
|
|
231
226
|
})]
|
|
232
227
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Settings","PenEdit","DeleteCircleFill","MoreVertical","Box","Text","InteractiveIcon","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","argTypes","
|
|
1
|
+
{"version":3,"names":["Settings","PenEdit","DeleteCircleFill","MoreVertical","Box","Text","InteractiveIcon","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","argTypes","icon","control","options","mapping","Base","args","iconType","accessibilityLabel","code","Stroked","IconTypeShowcase","render","lx","flexDirection","gap","padding","children","alignItems","color","typography","SizesShowcase","iconSizes","map","size","width","justifyContent","textAlign","StatesShowcase","backgroundColor","disabled"],"sourceRoot":"../../../../../src","sources":["lib/Components/InteractiveIcon/InteractiveIcon.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,14 +16,12 @@ const renderWithProvider = component => {
|
|
|
16
16
|
}));
|
|
17
17
|
};
|
|
18
18
|
describe('InteractiveIcon Component', () => {
|
|
19
|
-
it('should render correctly with
|
|
19
|
+
it('should render correctly with icon prop', () => {
|
|
20
20
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
21
21
|
iconType: "filled",
|
|
22
|
+
icon: Settings,
|
|
22
23
|
accessibilityLabel: "Settings",
|
|
23
|
-
testID: "icon-button"
|
|
24
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
25
|
-
size: 20
|
|
26
|
-
})
|
|
24
|
+
testID: "icon-button"
|
|
27
25
|
}));
|
|
28
26
|
const buttonElement = screen.getByTestId('icon-button');
|
|
29
27
|
expect(buttonElement).toBeTruthy();
|
|
@@ -31,11 +29,9 @@ describe('InteractiveIcon Component', () => {
|
|
|
31
29
|
it('should render with filled iconType variant', () => {
|
|
32
30
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
33
31
|
iconType: "filled",
|
|
32
|
+
icon: Plus,
|
|
34
33
|
accessibilityLabel: "Add item",
|
|
35
|
-
testID: "filled-icon"
|
|
36
|
-
children: /*#__PURE__*/_jsx(Plus, {
|
|
37
|
-
size: 20
|
|
38
|
-
})
|
|
34
|
+
testID: "filled-icon"
|
|
39
35
|
}));
|
|
40
36
|
const buttonElement = screen.getByTestId('filled-icon');
|
|
41
37
|
expect(buttonElement).toBeTruthy();
|
|
@@ -44,11 +40,9 @@ describe('InteractiveIcon Component', () => {
|
|
|
44
40
|
it('should render with stroked iconType variant', () => {
|
|
45
41
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
46
42
|
iconType: "stroked",
|
|
43
|
+
icon: Settings,
|
|
47
44
|
accessibilityLabel: "Settings",
|
|
48
|
-
testID: "stroked-icon"
|
|
49
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
50
|
-
size: 20
|
|
51
|
-
})
|
|
45
|
+
testID: "stroked-icon"
|
|
52
46
|
}));
|
|
53
47
|
const buttonElement = screen.getByTestId('stroked-icon');
|
|
54
48
|
expect(buttonElement).toBeTruthy();
|
|
@@ -57,11 +51,9 @@ describe('InteractiveIcon Component', () => {
|
|
|
57
51
|
it('should have correct accessibility label', () => {
|
|
58
52
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
59
53
|
iconType: "filled",
|
|
54
|
+
icon: Settings,
|
|
60
55
|
accessibilityLabel: "Open menu",
|
|
61
|
-
testID: "menu-icon"
|
|
62
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
63
|
-
size: 20
|
|
64
|
-
})
|
|
56
|
+
testID: "menu-icon"
|
|
65
57
|
}));
|
|
66
58
|
const buttonElement = screen.getByTestId('menu-icon');
|
|
67
59
|
expect(buttonElement.props.accessibilityLabel).toBe('Open menu');
|
|
@@ -69,12 +61,10 @@ describe('InteractiveIcon Component', () => {
|
|
|
69
61
|
it('should be disabled when the disabled prop is true', () => {
|
|
70
62
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
71
63
|
iconType: "filled",
|
|
64
|
+
icon: Settings,
|
|
72
65
|
accessibilityLabel: "Disabled button",
|
|
73
66
|
disabled: true,
|
|
74
|
-
testID: "disabled-icon"
|
|
75
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
76
|
-
size: 20
|
|
77
|
-
})
|
|
67
|
+
testID: "disabled-icon"
|
|
78
68
|
}));
|
|
79
69
|
const buttonElement = screen.getByTestId('disabled-icon');
|
|
80
70
|
expect(buttonElement.props.accessibilityState.disabled).toBe(true);
|
|
@@ -83,12 +73,10 @@ describe('InteractiveIcon Component', () => {
|
|
|
83
73
|
const handlePress = jest.fn();
|
|
84
74
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
85
75
|
iconType: "filled",
|
|
76
|
+
icon: Plus,
|
|
86
77
|
accessibilityLabel: "Pressable",
|
|
87
78
|
onPress: handlePress,
|
|
88
|
-
testID: "pressable-icon"
|
|
89
|
-
children: /*#__PURE__*/_jsx(Plus, {
|
|
90
|
-
size: 20
|
|
91
|
-
})
|
|
79
|
+
testID: "pressable-icon"
|
|
92
80
|
}));
|
|
93
81
|
const buttonElement = screen.getByTestId('pressable-icon');
|
|
94
82
|
fireEvent.press(buttonElement);
|
|
@@ -98,13 +86,11 @@ describe('InteractiveIcon Component', () => {
|
|
|
98
86
|
const handlePress = jest.fn();
|
|
99
87
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
100
88
|
iconType: "filled",
|
|
89
|
+
icon: Settings,
|
|
101
90
|
accessibilityLabel: "Disabled",
|
|
102
91
|
onPress: handlePress,
|
|
103
92
|
disabled: true,
|
|
104
|
-
testID: "disabled-pressable"
|
|
105
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
106
|
-
size: 20
|
|
107
|
-
})
|
|
93
|
+
testID: "disabled-pressable"
|
|
108
94
|
}));
|
|
109
95
|
const buttonElement = screen.getByTestId('disabled-pressable');
|
|
110
96
|
fireEvent.press(buttonElement);
|
|
@@ -114,12 +100,10 @@ describe('InteractiveIcon Component', () => {
|
|
|
114
100
|
const handleLongPress = jest.fn();
|
|
115
101
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
116
102
|
iconType: "stroked",
|
|
103
|
+
icon: Plus,
|
|
117
104
|
accessibilityLabel: "Long pressable",
|
|
118
105
|
onLongPress: handleLongPress,
|
|
119
|
-
testID: "long-pressable-icon"
|
|
120
|
-
children: /*#__PURE__*/_jsx(Plus, {
|
|
121
|
-
size: 20
|
|
122
|
-
})
|
|
106
|
+
testID: "long-pressable-icon"
|
|
123
107
|
}));
|
|
124
108
|
const buttonElement = screen.getByTestId('long-pressable-icon');
|
|
125
109
|
fireEvent(buttonElement, 'onLongPress');
|
|
@@ -131,16 +115,24 @@ describe('InteractiveIcon Component', () => {
|
|
|
131
115
|
};
|
|
132
116
|
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
133
117
|
iconType: "filled",
|
|
118
|
+
icon: Settings,
|
|
134
119
|
accessibilityLabel: "Custom",
|
|
135
120
|
style: customStyle,
|
|
136
|
-
testID: "custom-icon"
|
|
137
|
-
children: /*#__PURE__*/_jsx(Settings, {
|
|
138
|
-
size: 20
|
|
139
|
-
})
|
|
121
|
+
testID: "custom-icon"
|
|
140
122
|
}));
|
|
141
123
|
const buttonElement = screen.getByTestId('custom-icon');
|
|
142
|
-
// Style is merged as an array [resolvedStyle, customStyle]
|
|
143
124
|
expect(buttonElement.props.style).toMatchObject(customStyle);
|
|
144
125
|
});
|
|
126
|
+
it('should render with custom size', () => {
|
|
127
|
+
renderWithProvider(/*#__PURE__*/_jsx(InteractiveIcon, {
|
|
128
|
+
iconType: "filled",
|
|
129
|
+
icon: Settings,
|
|
130
|
+
size: 24,
|
|
131
|
+
accessibilityLabel: "Custom size",
|
|
132
|
+
testID: "custom-size-icon"
|
|
133
|
+
}));
|
|
134
|
+
const buttonElement = screen.getByTestId('custom-size-icon');
|
|
135
|
+
expect(buttonElement).toBeTruthy();
|
|
136
|
+
});
|
|
145
137
|
});
|
|
146
138
|
//# sourceMappingURL=InteractiveIcon.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","Settings","Plus","ThemeProvider","InteractiveIcon","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","iconType","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","Settings","Plus","ThemeProvider","InteractiveIcon","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","iconType","icon","accessibilityLabel","testID","buttonElement","getByTestId","toBeTruthy","props","accessibilityRole","toBe","disabled","accessibilityState","handlePress","fn","onPress","press","toHaveBeenCalledTimes","not","toHaveBeenCalled","handleLongPress","onLongPress","customStyle","marginTop","style","toMatchObject","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/InteractiveIcon/InteractiveIcon.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","useStyleSheet","Text","jsx","_jsx","useStyles","disabled","t","label","color","colors","text","base","typographies","body2","Label","style","lx","disabledProp","children","onPress","onLongPress","ref","props","consumerName","mergeWith","styles","undefined"
|
|
1
|
+
{"version":3,"names":["useDisabledContext","useStyleSheet","Text","jsx","_jsx","useStyles","disabled","t","label","color","colors","text","base","typographies","body2","Label","style","lx","disabledProp","children","onPress","onLongPress","ref","props","consumerName","mergeWith","styles","undefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/Label/Label.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,IAAI,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACzD,OAAOL,aAAa,CACjBM,CAAC,KAAM;IACNC,KAAK,EAAE;MACLC,KAAK,EAAEH,QAAQ,GAAGC,CAAC,CAACG,MAAM,CAACC,IAAI,CAACL,QAAQ,GAAGC,CAAC,CAACG,MAAM,CAACC,IAAI,CAACC,IAAI;MAC7D,GAAGL,CAAC,CAACM,YAAY,CAACC;IACpB;EACF,CAAC,CAAC,EACF,CAACR,QAAQ,CACX,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,KAAK,GAAGA,CAAC;EACpBC,KAAK;EACLC,EAAE,GAAG,CAAC,CAAC;EACPX,QAAQ,EAAEY,YAAY,GAAG,KAAK;EAC9BC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,GAAG;EACH,GAAGC;AACO,CAAC,KAAK;EAChB,MAAMjB,QAAQ,GAAGN,kBAAkB,CAAC;IAClCwB,YAAY,EAAE,OAAO;IACrBC,SAAS,EAAE;MAAEnB,QAAQ,EAAEY;IAAa;EACtC,CAAC,CAAC;EACF,MAAMQ,MAAM,GAAGrB,SAAS,CAAC;IAAEC,QAAQ,EAAE,CAAC,CAACA;EAAS,CAAC,CAAC;EAElD,oBACEF,IAAA,CAACF,IAAI;IACHe,EAAE,EAAEA,EAAG;IACPK,GAAG,EAAEA,GAAI;IACTN,KAAK,EAAE,CAACU,MAAM,CAAClB,KAAK,EAAEQ,KAAK,CAAE;IAC7BV,QAAQ,EAAEA,QAAS;IACnBc,OAAO,EAAEd,QAAQ,GAAGqB,SAAS,GAAGP,OAAQ;IACxCC,WAAW,EAAEf,QAAQ,GAAGqB,SAAS,GAAGN,WAAY;IAAA,GAC5CE,KAAK;IAAAJ,QAAA,EAERA;EAAQ,CACL,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Linking","StyleSheet","Text","View","useStyleSheet","ExternalLink","Pressable","jsx","_jsx","jsxs","_jsxs","iconSizeMap","sm","md","useStyles","appearance","size","underline","pressed","t","textColors","base","colors","text","accent","interactive","pressedTextColors","basePressed","interactivePressed","typography","typographies","body2SemiBold","body1SemiBold","gap","spacings","s4","s8","container","flexDirection","alignItems","textWrapper","flexShrink","flatten","color","textDecorationLine","icon","Link","lx","style","children","isExternal","href","onPress","ref","props","handlePress","openURL","accessibilityRole","LinkContent","calculatedIconSize","IconComponent","styles","testID","numberOfLines","accessible"
|
|
1
|
+
{"version":3,"names":["Linking","StyleSheet","Text","View","useStyleSheet","ExternalLink","Pressable","jsx","_jsx","jsxs","_jsxs","iconSizeMap","sm","md","useStyles","appearance","size","underline","pressed","t","textColors","base","colors","text","accent","interactive","pressedTextColors","basePressed","interactivePressed","typography","typographies","body2SemiBold","body1SemiBold","gap","spacings","s4","s8","container","flexDirection","alignItems","textWrapper","flexShrink","flatten","color","textDecorationLine","icon","Link","lx","style","children","isExternal","href","onPress","ref","props","handlePress","openURL","accessibilityRole","LinkContent","calculatedIconSize","IconComponent","styles","testID","numberOfLines","accessible"],"sourceRoot":"../../../../../src","sources":["lib/Components/Link/Link.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC9D,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,YAAY,QAAQ,wBAAe;AAE5C,SAASC,SAAS,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC,MAAMC,WAAmC,GAAG;EAC1CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAYD,MAAMC,SAAS,GAAGA,CAAC;EAAEC,UAAU;EAAEC,IAAI;EAAEC,SAAS;EAAEC;AAAqB,CAAC,KAAK;EAC3E,OAAOd,aAAa,CACjBe,CAAC,IAAK;IACL,MAAMC,UAAsC,GAAG;MAC7CC,IAAI,EAAEF,CAAC,CAACG,MAAM,CAACC,IAAI,CAACF,IAAI;MACxBG,MAAM,EAAEL,CAAC,CAACG,MAAM,CAACC,IAAI,CAACE;IACxB,CAAC;IAED,MAAMC,iBAA6C,GAAG;MACpDL,IAAI,EAAEF,CAAC,CAACG,MAAM,CAACC,IAAI,CAACI,WAAW;MAC/BH,MAAM,EAAEL,CAAC,CAACG,MAAM,CAACC,IAAI,CAACK;IACxB,CAAC;IAED,MAAMC,UAAU,GACdb,IAAI,KAAK,IAAI,GACTG,CAAC,CAACW,YAAY,CAACC,aAAa,GAC5BZ,CAAC,CAACW,YAAY,CAACE,aAAa;IAClC,MAAMC,GAAG,GAAGjB,IAAI,KAAK,IAAI,GAAGG,CAAC,CAACe,QAAQ,CAACC,EAAE,GAAGhB,CAAC,CAACe,QAAQ,CAACE,EAAE;IAEzD,OAAO;MACLC,SAAS,EAAE;QACTC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBN;MACF,CAAC;MACDO,WAAW,EAAE;QACXC,UAAU,EAAE;MACd,CAAC;MACDlB,IAAI,EAAEtB,UAAU,CAACyC,OAAO,CAAC,CACvBb,UAAU,EACV;QACEc,KAAK,EAAEzB,OAAO,GACVQ,iBAAiB,CAACX,UAAU,CAAC,GAC7BK,UAAU,CAACL,UAAU,CAAC;QAC1B6B,kBAAkB,EAAE3B,SAAS,GAAG,WAAW,GAAG;MAChD,CAAC,CACF,CAAC;MACF4B,IAAI,EAAE;QACJJ,UAAU,EAAE,CAAC;QACbE,KAAK,EAAEzB,OAAO,GACVQ,iBAAiB,CAACX,UAAU,CAAC,GAC7BK,UAAU,CAACL,UAAU;MAC3B;IACF,CAAC;EACH,CAAC,EACD,CAACA,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,CACvC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM4B,IAAI,GAAGA,CAAC;EACnBC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRlC,UAAU,GAAG,MAAM;EACnBC,IAAI,GAAG,IAAI;EACXC,SAAS,GAAG,IAAI;EAChB4B,IAAI;EACJK,UAAU,GAAG,KAAK;EAClBC,IAAI;EACJC,OAAO;EACPC,GAAG;EACH,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC9B,IAAIH,OAAO,EAAE;MACXA,OAAO,CAAC,CAAC;IACX,CAAC,MAAM,IAAID,IAAI,EAAE;MACf,MAAMnD,OAAO,CAACwD,OAAO,CAACL,IAAI,CAAC;IAC7B;EACF,CAAC;EAED,oBACE3C,IAAA,CAACF,SAAS;IACR+C,GAAG,EAAEA,GAAI;IACTN,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEP,UAAU,EAAE;IAAE,CAAC,CAAE;IAClCW,OAAO,EAAEG,WAAY;IACrBE,iBAAiB,EAAC,MAAM;IAAA,GACpBH,KAAK;IAAAL,QAAA,EAERA,CAAC;MAAE/B;IAAQ,CAAC,kBACXV,IAAA,CAACkD,WAAW;MACV3C,UAAU,EAAEA,UAAW;MACvBC,IAAI,EAAEA,IAAK;MACXC,SAAS,EAAEA,SAAU;MACrBC,OAAO,EAAEA,OAAQ;MACjB2B,IAAI,EAAEA,IAAK;MACXK,UAAU,EAAEA,UAAW;MAAAD,QAAA,EAEtBA;IAAQ,CACE;EACd,CACQ,CAAC;AAEhB,CAAC;AAYD,MAAMS,WAAW,GAAGA,CAAC;EACnB3C,UAAU;EACVC,IAAI;EACJC,SAAS;EACTC,OAAO;EACP2B,IAAI;EACJK,UAAU;EACVD;AACgB,CAAC,KAAK;EACtB,MAAMU,kBAAkB,GAAGhD,WAAW,CAACK,IAAI,CAAC;EAC5C,MAAM4C,aAAa,GAAGf,IAAI;EAC1B,MAAMgB,MAAM,GAAG/C,SAAS,CAAC;IACvBC,UAAU;IACVC,IAAI;IACJC,SAAS;IACTC;EACF,CAAC,CAAC;EAEF,oBACER,KAAA,CAACP,IAAI;IAAC6C,KAAK,EAAEa,MAAM,CAACxB,SAAU;IAACyB,MAAM,EAAC,cAAc;IAAAb,QAAA,GACjDW,aAAa,iBACZpD,IAAA,CAACoD,aAAa;MAAC5C,IAAI,EAAE2C,kBAAmB;MAACX,KAAK,EAAEa,MAAM,CAAChB;IAAK,CAAE,CAC/D,eACDrC,IAAA,CAACL,IAAI;MAAC6C,KAAK,EAAEa,MAAM,CAACrB,WAAY;MAAAS,QAAA,eAC9BzC,IAAA,CAACN,IAAI;QAAC8C,KAAK,EAAEa,MAAM,CAACtC,IAAK;QAACwC,aAAa,EAAE,CAAE;QAAAd,QAAA,EACxCA;MAAQ,CACL;IAAC,CACH,CAAC,EACNC,UAAU,iBACT1C,IAAA,CAACH,YAAY;MACXW,IAAI,EAAE2C,kBAAmB;MACzBX,KAAK,EAAEa,MAAM,CAAChB,IAAK;MACnBmB,UAAU,EAAE;IAAM,CACnB,CACF;EAAA,CACG,CAAC;AAEX,CAAC","ignoreList":[]}
|