@ledgerhq/native-ui 0.50.0-nightly.20251205111238 → 0.50.0

package/lib/assets/cryptoIcons.d.ts

@@ -0,0 +1,2 @@
+export * from "@ledgerhq/crypto-icons-ui/native";
+//# sourceMappingURL=cryptoIcons.d.ts.map

package/lib/assets/cryptoIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cryptoIcons.d.ts","sourceRoot":"","sources":["../../src/assets/cryptoIcons.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/lib/assets/cryptoIcons.js

@@ -0,0 +1 @@
+export * from "@ledgerhq/crypto-icons-ui/native";

package/lib/assets/index.d.ts

@@ -1,4 +1,5 @@
 export * as IconsLegacy from "@ledgerhq/icons-ui/nativeLegacy";
 export * as Icons from "@ledgerhq/icons-ui/native";
 export * as Logos from "./logos";
+export * as CryptoIcons from "@ledgerhq/crypto-icons-ui/native";
 //# sourceMappingURL=index.d.ts.map

package/lib/assets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,2BAA2B,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,2BAA2B,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,WAAW,MAAM,kCAAkC,CAAC"}

package/lib/assets/index.js

@@ -4,3 +4,5 @@ import * as Icons_1 from "@ledgerhq/icons-ui/native";
 export { Icons_1 as Icons };
 import * as Logos_1 from "./logos";
 export { Logos_1 as Logos };
+import * as CryptoIcons_1 from "@ledgerhq/crypto-icons-ui/native";
+export { CryptoIcons_1 as CryptoIcons };

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

@@ -3,7 +3,7 @@ import React from "react";
 import { TouchableOpacityProps } from "react-native";
 export type CardProps = TouchableOpacityProps & {
     tag?: string;
-    description?: string | React.ReactNode;
+    description?: string;
     cta?: string;
     link?: string;
     time?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,UAAW,SAAS,KAAG,MAAM,YAwElD,CAAC;AAEF,eAAO,MAAM,IAAI,6MAA6B,CAAC;AAM/C,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Cards/NotificationCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,qBAAqB,EAAoB,MAAM,cAAc,CAAC;AAEvE,MAAM,MAAM,SAAS,GAAG,qBAAqB,GAAG;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AA0BF,QAAA,MAAM,gBAAgB,UAAW,SAAS,KAAG,MAAM,YAkElD,CAAC;AAEF,eAAO,MAAM,IAAI,6MAA6B,CAAC;AAM/C,eAAe,gBAAgB,CAAC"}

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

@@ -23,7 +23,7 @@ const NotificationCard = (props) => {
                 React.createElement(Tag, { tag: tag }),
                 React.createElement(Timer, { time: time, viewed: viewed })),
             React.createElement(Text, { variant: "large", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1, mt: 4 }, title),
-            typeof description === "string" ? (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c70", numberOfLines: 3, mt: 2, mb: showLinkCta ? 4 : 0 }, description)) : (React.createElement(Box, { mt: 2, mb: showLinkCta ? 4 : 0 }, description)),
+            React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c70", numberOfLines: 3, mt: 2, mb: showLinkCta ? 4 : 0 }, description),
             !!showLinkCta && (React.createElement(Flex, { alignItems: "flex-start" },
                 React.createElement(Link, { type: "main", size: "medium", iconPosition: "right", Icon: ctaIcon, onPress: onClickCard, numberOfLines: 1 },
                     React.createElement(StyledText, { variant: "bodyLineHeight", fontWeight: "semiBold", color: "neutral.c100", numberOfLines: 1 }, cta)))))));

package/lib/components/Icon/CryptoIcon.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export type Props = {
+    name: string;
+    size?: number;
+    color?: string;
+    backgroundColor?: string;
+    circleIcon?: boolean;
+    disabled?: boolean;
+    tokenIcon?: string;
+    fallbackIcon?: JSX.Element;
+};
+declare const CryptoIcon: ({ name, size, color, backgroundColor, circleIcon, disabled, tokenIcon, fallbackIcon, }: Props) => JSX.Element;
+export default CryptoIcon;
+//# sourceMappingURL=CryptoIcon.d.ts.map

package/lib/components/Icon/CryptoIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CryptoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/CryptoIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAqFF,QAAA,MAAM,UAAU,2FASb,KAAK,KAAG,WA0BV,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Icon/CryptoIcon.js

@@ -0,0 +1,71 @@
+import * as icons from "@ledgerhq/crypto-icons-ui/native";
+import React from "react";
+import { ensureContrast } from "../../styles";
+import styled, { useTheme } from "styled-components/native";
+import Text from "../Text/index";
+import Flex from "../Layout/Flex";
+const Container = styled(Flex).attrs((p) => ({
+    heigth: p.size,
+    width: p.size,
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+})) ``;
+const Circle = styled(Flex).attrs((p) => ({
+    heigth: p.size,
+    width: p.size,
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    borderRadius: 50.0,
+    backgroundColor: p.backgroundColor,
+})) ``;
+const TokenContainer = styled(Flex).attrs((p) => ({
+    position: "absolute",
+    bottom: "-2px",
+    right: "-5px",
+    alignItems: "center",
+    justifyContent: "center",
+    heigth: p.size,
+    width: p.size,
+    borderRadius: 50.0,
+    border: `2px solid ${p.borderColor}`,
+    backgroundColor: p.backgroundColor,
+    zIndex: 0,
+})) ``;
+function Fallback({ name }) {
+    return (React.createElement(Text, { uppercase: true, color: "neutral.c70" }, name.slice(0, 1)));
+}
+const IconBox = ({ children, color, backgroundColor, disabled, size = 16, tokenIcon = "", }) => {
+    const { colors } = useTheme();
+    if (tokenIcon in icons) {
+        // @ts-expect-error FIXME I don't know how to make you happy ts
+        const Component = icons[tokenIcon];
+        const defaultColor = Component.DefaultColor;
+        const iconColor = disabled ? colors.neutral.c70 : color || defaultColor;
+        const contrastedColor = ensureContrast(iconColor, backgroundColor || colors.background.main);
+        return (React.createElement(Container, { size: size },
+            children,
+            tokenIcon && (React.createElement(TokenContainer, { size: size / 3, borderColor: colors.background.main, backgroundColor: contrastedColor },
+                React.createElement(Component, { size: size, color: colors.background.main })))));
+    }
+    return children;
+};
+const CryptoIcon = ({ name, size = 16, color, backgroundColor, circleIcon, disabled, tokenIcon, fallbackIcon, }) => {
+    const { colors } = useTheme();
+    const maybeIconName = `${name}`;
+    if (maybeIconName in icons) {
+        // @ts-expect-error FIXME I don't know how to make you happy ts
+        const Component = icons[maybeIconName];
+        const defaultColor = Component.DefaultColor;
+        const iconColor = disabled ? colors.neutral.c70 : color || defaultColor;
+        const contrastedColor = ensureContrast(iconColor, backgroundColor || colors.background.main);
+        return (React.createElement(IconBox, { size: size, tokenIcon: tokenIcon, color: color, disabled: disabled, name: name }, tokenIcon || circleIcon ? (React.createElement(Circle, { backgroundColor: contrastedColor, size: size },
+            React.createElement(Component, { size: size, color: colors.background.main }))) : (React.createElement(Component, { size: size, color: contrastedColor }))));
+    }
+    if (fallbackIcon) {
+        return fallbackIcon;
+    }
+    return React.createElement(Fallback, { name: name });
+};
+export default CryptoIcon;

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

@@ -2,5 +2,6 @@ export { default as IconBox } from "./IconBox";
 export { default as IconBadge } from "./IconBadge";
 export { default as BoxedIcon } from "./BoxedIcon";
 export { default as Icon } from "./Icon";
+export { default as CryptoIcon } from "./CryptoIcon";
 export { default as BannerIcon } from "./BannerIcon";
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/Icon/index.js

@@ -2,4 +2,5 @@ export { default as IconBox } from "./IconBox";
 export { default as IconBadge } from "./IconBadge";
 export { default as BoxedIcon } from "./BoxedIcon";
 export { default as Icon } from "./Icon";
+export { default as CryptoIcon } from "./CryptoIcon";
 export { default as BannerIcon } from "./BannerIcon";

package/lib/pre-ldls/components/index.d.ts

@@ -11,5 +11,4 @@ export * from "./Search/Search";
 export * from "./AccountItem/AccountItem";
 export * from "./Address/Address";
 export * from "./AddAccountButton/AddAccountButton";
-export * from "./CryptoIcon/CryptoIcon";
 //# sourceMappingURL=index.d.ts.map

package/lib/pre-ldls/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pre-ldls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qCAAqC,CAAC"}

package/lib/pre-ldls/components/index.js

@@ -11,4 +11,3 @@ export * from "./Search/Search";
 export * from "./AccountItem/AccountItem";
 export * from "./Address/Address";
 export * from "./AddAccountButton/AddAccountButton";
-export * from "./CryptoIcon/CryptoIcon";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.50.0-nightly.20251205111238",
+  "version": "0.50.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -27,7 +27,6 @@
     ".": "./lib/index.js",
     "./lib/*": "./lib/*.js",
     "./lib/*/": "./lib/*/index.js",
-    "./pre-ldls": "./lib/pre-ldls/index.js",
     "./*": "./lib/*.js",
     "./*/": "./lib/*/index.js",
     "./package.json": "./package.json"
@@ -36,11 +35,12 @@
     "lib/**/*"
   ],
   "dependencies": {
-    "@ledgerhq/crypto-icons": "1.4.0",
+    "@ledgerhq/crypto-icons": "1.1.3",
     "color": "^4.0.0",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/icons-ui": "^0.17.0-nightly.20251205111238",
+    "@ledgerhq/crypto-icons-ui": "^1.24.0",
+    "@ledgerhq/icons-ui": "^0.17.0",
     "@ledgerhq/ui-shared": "^0.5.0"
   },
   "peerDependencies": {