@ledgerhq/native-ui 0.50.0-nightly.20251129023709 → 0.50.0-nightly.20251203101856

package/lib/assets/index.d.ts

@@ -1,5 +1,4 @@
 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;AACjC,OAAO,KAAK,WAAW,MAAM,kCAAkC,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"}

package/lib/assets/index.js

@@ -4,5 +4,3 @@ 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;
+    description?: string | React.ReactNode;
     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,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"}
+{"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"}

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),
-            React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c70", numberOfLines: 3, mt: 2, mb: showLinkCta ? 4 : 0 }, description),
+            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)),
             !!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/index.d.ts

@@ -2,6 +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";
 //# 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;AACrD,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"}

package/lib/components/Icon/index.js

@@ -2,5 +2,4 @@ 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,4 +11,5 @@ 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"}
+{"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"}

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

@@ -11,3 +11,4 @@ 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.20251129023709",
+  "version": "0.50.0-nightly.20251203101856",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -27,6 +27,7 @@
     ".": "./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"
@@ -35,13 +36,12 @@
     "lib/**/*"
   ],
   "dependencies": {
-    "@ledgerhq/crypto-icons": "1.1.3",
+    "@ledgerhq/crypto-icons": "1.3.0",
     "color": "^4.0.0",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.24.0-nightly.20251129023709",
-    "@ledgerhq/ui-shared": "^0.5.0",
-    "@ledgerhq/icons-ui": "^0.17.0-nightly.20251129023709"
+    "@ledgerhq/icons-ui": "^0.17.0-nightly.20251203101856",
+    "@ledgerhq/ui-shared": "^0.5.0"
   },
   "peerDependencies": {
     "react": ">=17",

package/lib/assets/cryptoIcons.d.ts

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

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

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

package/lib/assets/cryptoIcons.js

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

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

@@ -1,14 +0,0 @@
-/// <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

@@ -1 +0,0 @@
-{"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

@@ -1,71 +0,0 @@
-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;