@ledgerhq/native-ui 0.15.0-nightly.1 → 0.15.0

package/lib/components/Cards/InformativeCard/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TouchableOpacityProps } from "react-native";
+export type CardProps = TouchableOpacityProps & {
+    tag?: string;
+    title?: string;
+    imageUrl?: string;
+    onClickCard?: () => void;
+};
+declare const InformativeCard: (props: CardProps) => React.ReactElement;
+export default InformativeCard;

package/lib/components/Cards/InformativeCard/index.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { TouchableOpacity, Image } from "react-native";
+import styled from "styled-components/native";
+import Text from "../../Text";
+import Flex from "../../Layout/Flex";
+const Base = styled(TouchableOpacity) ``;
+const ImageContent = styled(Image) `
+  border-radius: 8px;
+`;
+const CardContainer = (props) => {
+    const { imageUrl, title, tag } = props;
+    return (React.createElement(Flex, { flexDirection: "row" },
+        React.createElement(Flex, { justifyContent: "space-between", alignItems: "flex-start", py: 2, pr: 4, flex: 1 },
+            React.createElement(Text, { variant: "body", fontWeight: "medium", color: "neutral.c100", numberOfLines: 2 }, title),
+            React.createElement(Text, { variant: "paragraph", fontWeight: "medium", color: "neutral.c70", numberOfLines: 1, mt: 4 }, tag)),
+        React.createElement(Flex, { width: 100, height: 75 },
+            React.createElement(ImageContent, { source: {
+                    uri: imageUrl,
+                }, style: { width: "100%", height: "100%" } }))));
+};
+const InformativeCard = (props) => {
+    return (React.createElement(Base, Object.assign({}, props, { activeOpacity: 0.5, onPress: props.onClickCard }),
+        React.createElement(CardContainer, Object.assign({}, props))));
+};
+export default InformativeCard;

package/lib/components/Cards/index.d.ts

@@ -1,3 +1,4 @@
 export { default as FullBackgroundCard } from "./FullBackgroundCard";
 export { default as SideImageCard } from "./SideImageCard";
 export { default as NotificationCard } from "./NotificationCard";
+export { default as InformativeCard } from "./InformativeCard";

package/lib/components/Cards/index.js

@@ -1,3 +1,4 @@
 export { default as FullBackgroundCard } from "./FullBackgroundCard";
 export { default as SideImageCard } from "./SideImageCard";
 export { default as NotificationCard } from "./NotificationCard";
+export { default as InformativeCard } from "./InformativeCard";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.15.0-nightly.1",
+  "version": "0.15.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -43,7 +43,7 @@
     "styled-system": "^5.1.5",
     "victory-native": "^35.5.5",
     "@ledgerhq/crypto-icons-ui": "^0.2.1",
-    "@ledgerhq/icons-ui": "^0.3.4-nightly.0",
+    "@ledgerhq/icons-ui": "^0.3.4",
     "@ledgerhq/ui-shared": "^0.1.10"
   },
   "peerDependencies": {