@ledgerhq/native-ui 0.45.0 → 0.46.0-nightly.1

package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.d.ts

@@ -5,9 +5,10 @@ export type Props = FlexProps & {
     status: ItemStatus;
     isFirstItem?: boolean;
     isLastItem?: boolean;
+    isNeutral?: boolean;
     topHeight?: number;
 };
-declare function TimelineIndicator({ status, isFirstItem, isLastItem, topHeight, ...props }: Props): React.JSX.Element;
+declare function TimelineIndicator({ status, isFirstItem, isLastItem, isNeutral, topHeight, ...props }: Props): React.JSX.Element;
 declare namespace TimelineIndicator {
     var topSegmentDefaultHeight: number;
 }

package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/TimelineIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA2GtC,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAwB,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,qBAqBP;kBA3BuB,iBAAiB;;;eAAjB,iBAAiB"}
+{"version":3,"file":"TimelineIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/TimelineIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAyHtC,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG;IAC9B,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAwB,iBAAiB,CAAC,EACxC,MAAM,EACN,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,qBAqBP;kBA5BuB,iBAAiB;;;eAAjB,iBAAiB"}

package/lib/components/Layout/List/VerticalTimeline/TimelineIndicator.js

@@ -33,8 +33,8 @@ const BottomSegmentSvg = ({ status, hidden }) => {
             React.createElement(Svg, { height: 2 * Dimensions.get("screen").height, width: linesWidth, viewBox: `0 0 ${linesWidth} ${linesLength}`, preserveAspectRatio: "xMinYMin slice" },
                 React.createElement(Line, { key: status + " " + hidden, x1: "0", y1: "0", x2: "0", y2: "100%", strokeWidth: hidden ? 0 : 2 * linesWidth, stroke: strokeColor, strokeDasharray: strokeDashArray, strokeDashoffset: `${dashLength}` })))));
 };
-const getIconBackground = (theme, status, isLastItem) => {
-    if (isLastItem) {
+const getIconBackground = (theme, status, isLastItem, isNeutral) => {
+    if (isLastItem && !isNeutral) {
         if (status === "inactive")
             return theme.colors.success.c10;
         return "transparent";
@@ -46,8 +46,8 @@ const getIconBackground = (theme, status, isLastItem) => {
         return "transparent";
     }
 };
-const getIconBorder = (theme, status, isLastItem) => {
-    if (isLastItem) {
+const getIconBorder = (theme, status, isLastItem, isNeutral) => {
+    if (isLastItem && !isNeutral) {
         return theme.colors.success.c70;
     }
     else if (status === "inactive") {
@@ -59,16 +59,16 @@ const CenterCircle = styled(Flex) `
   border-radius: 9999px;
   width: 16px;
   height: 16px;
-  background: ${(p) => getIconBackground(p.theme, p.status, p.isLastItem)};
-  border: 2px solid ${(p) => getIconBorder(p.theme, p.status, p.isLastItem)};
+  background: ${(p) => getIconBackground(p.theme, p.status, p.isLastItem, p.isNeutral)};
+  border: 2px solid ${(p) => getIconBorder(p.theme, p.status, p.isLastItem, p.isNeutral)};
   align-items: center;
   justify-content: center;
 `;
-export default function TimelineIndicator({ status, isFirstItem, isLastItem, topHeight, ...props }) {
+export default function TimelineIndicator({ status, isFirstItem, isLastItem, isNeutral, topHeight, ...props }) {
     const { colors } = useTheme();
     return (React.createElement(Flex, { flexDirection: "column", alignItems: "center", ...props },
         React.createElement(TopSegmentSvg, { status: status, hidden: isFirstItem, height: PixelRatio.roundToNearestPixel(topHeight || topSegmentDefaultHeight) }),
-        React.createElement(CenterCircle, { status: status, isLastItem: isLastItem }, status === "completed" && (React.createElement(CircledCheckSolidMedium, { color: isLastItem ? colors.success.c70 : colors.primary.c80, size: 20 }))),
+        React.createElement(CenterCircle, { status: status, isLastItem: isLastItem, isNeutral: isNeutral }, status === "completed" && (React.createElement(CircledCheckSolidMedium, { color: isLastItem && !isNeutral ? colors.success.c70 : colors.primary.c80, size: 20 }))),
         React.createElement(BottomSegmentSvg, { status: status, hidden: isLastItem })));
 }
 TimelineIndicator.topSegmentDefaultHeight = topSegmentDefaultHeight;

package/lib/components/Layout/List/VerticalTimeline/TimelineItem.d.ts

@@ -1,13 +1,18 @@
 import React from "react";
+import { ScrollView } from "react-native";
 import { Item } from "../types";
+export interface TimelineStep extends Item {
+    isNeutral?: boolean;
+}
 export type Props = {
-    item: Item;
+    item: TimelineStep;
     formatEstimatedTime?: (_: number) => string;
     isFirstItem?: boolean;
     isLastItem?: boolean;
     setActiveIndex?: (_: number) => void;
     index: number;
     withExtraMarginOnActiveStep?: boolean;
+    parentScrollRef?: null | React.RefObject<ScrollView>;
 };
-export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, isLastItem, setActiveIndex, index, withExtraMarginOnActiveStep, }: Props): React.JSX.Element;
+export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, isLastItem, setActiveIndex, index, withExtraMarginOnActiveStep, parentScrollRef, }: Props): React.JSX.Element;
 //# sourceMappingURL=TimelineItem.d.ts.map

package/lib/components/Layout/List/VerticalTimeline/TimelineItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAE,IAAI,EAAc,MAAM,UAAU,CAAC;AAM5C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,IAAI,CAAC;IACX,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AA+BF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,cAAc,EACd,KAAK,EACL,2BAA2B,GAC5B,EAAE,KAAK,qBAwFP"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAgC,UAAU,EAAE,MAAM,cAAc,CAAC;AAKxE,OAAO,EAAE,IAAI,EAAc,MAAM,UAAU,CAAC;AAM5C,MAAM,WAAW,YAAa,SAAQ,IAAI;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC;AAoCF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,cAAc,EACd,KAAK,EACL,2BAA2B,EAC3B,eAAsB,GACvB,EAAE,KAAK,qBA2FP"}

package/lib/components/Layout/List/VerticalTimeline/TimelineItem.js

@@ -15,11 +15,11 @@ const getContainerBackground = (theme, status) => {
     }
     return "transparent";
 };
-const getContainerBorder = (theme, status, isLastItem) => {
+const getContainerBorder = (theme, status, isLastItem, isNeutral) => {
     if (status === "completed") {
         return "transparent";
     }
-    else if (isLastItem && status === "active") {
+    else if (isLastItem && !isNeutral && status === "active") {
         return theme.colors.success.c70;
     }
     else if (status === "active") {
@@ -31,11 +31,11 @@ const Container = styled(Flex) `
   flex: 1;
   border-radius: ${(p) => p.theme.radii[2]}px;
   background: ${(p) => getContainerBackground(p.theme, p.status)};
-  border: 1px solid ${(p) => getContainerBorder(p.theme, p.status, p.isLastItem)};
+  border: 1px solid ${(p) => getContainerBorder(p.theme, p.status, p.isLastItem, p.isNeutral)};
   padding: 20px 16px;
   overflow: hidden;
 `;
-export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, isLastItem, setActiveIndex, index, withExtraMarginOnActiveStep, }) {
+export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, isLastItem, setActiveIndex, index, withExtraMarginOnActiveStep, parentScrollRef = null, }) {
     const theme = useTheme();
     /**
      * Having an initial value of null will prevent having "height: 0" before the
@@ -48,7 +48,8 @@ export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, i
     const sharedHeight = useSharedValue(null);
     const handleLayout = useCallback(({ nativeEvent: { layout } }) => {
         sharedHeight.value = withTiming(layout.height, { duration: 300 });
-    }, [sharedHeight]);
+        parentScrollRef?.current?.scrollToEnd({ animated: true });
+    }, [sharedHeight, parentScrollRef]);
     const animatedStyle = useAnimatedStyle(() => ({
         /**
          * If it's null the component still renders normally at its full height
@@ -61,10 +62,10 @@ export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, i
     }, [setActiveIndex, index]);
     return (React.createElement(Pressable, { onPress: handlePress },
         React.createElement(Flex, { flexDirection: "row" },
-            React.createElement(TimelineIndicator, { status: item.status, isFirstItem: isFirstItem, isLastItem: isLastItem, mr: 4, topHeight: withExtraMarginOnActiveStep && !isFirstItem && item.status === "active"
+            React.createElement(TimelineIndicator, { status: item.status, isFirstItem: isFirstItem, isLastItem: isLastItem, isNeutral: item.isNeutral, mr: 4, topHeight: withExtraMarginOnActiveStep && !isFirstItem && item.status === "active"
                     ? TimelineIndicator.topSegmentDefaultHeight + theme.space[4]
                     : undefined }),
-            React.createElement(Container, { status: item.status, isLastItem: isLastItem, mt: withExtraMarginOnActiveStep && !isFirstItem && item.status === "active" ? 4 : 0, mb: withExtraMarginOnActiveStep && !isLastItem && item.status === "active" ? 4 : 0 },
+            React.createElement(Container, { status: item.status, isLastItem: isLastItem, isNeutral: item.isNeutral, mt: withExtraMarginOnActiveStep && !isFirstItem && item.status === "active" ? 4 : 0, mb: withExtraMarginOnActiveStep && !isLastItem && item.status === "active" ? 4 : 0 },
                 item.status === "active" ? item.background : null,
                 React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between" },
                     React.createElement(Text, { variant: "body", fontWeight: item.status === "active" ? "semiBold" : "medium", flexShrink: 1, color: item.status === "completed" && isLastItem

package/lib/components/Layout/List/VerticalTimeline/index.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { ScrollView, StyleProp, ViewStyle } from "react-native";
+import { TimelineStep } from "./TimelineItem";
 import { BaseTextProps } from "../../../Text";
 import { BaseStyledProps } from "src/components/styled";
-import { Item } from "../types";
 export type Props = BaseStyledProps & {
-    steps?: Item[];
+    steps?: TimelineStep[];
     formatEstimatedTime?: (_: number) => string;
     setActiveIndex?: (arg0: number) => void;
     header?: React.ReactNode;
@@ -14,8 +14,9 @@ export type Props = BaseStyledProps & {
      * */
     autoScroll?: boolean;
     contentContainerStyle?: StyleProp<ViewStyle>;
+    parentScrollRef?: null | React.RefObject<ScrollView>;
 };
-declare function VerticalTimeline({ steps, formatEstimatedTime, setActiveIndex, header, autoScroll, contentContainerStyle, ...props }: Props): React.JSX.Element;
+declare function VerticalTimeline({ steps, formatEstimatedTime, setActiveIndex, header, autoScroll, contentContainerStyle, parentScrollRef, ...props }: Props): React.JSX.Element;
 declare namespace VerticalTimeline {
     var BodyText: React.FC<BaseTextProps>;
     var SubtitleText: React.FC<BaseTextProps>;

package/lib/components/Layout/List/VerticalTimeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAc,MAAM,UAAU,CAAC;AAE5C,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IACpC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,CAAC;AAEF,iBAAwB,gBAAgB,CAAC,EACvC,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,UAAiB,EACjB,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,qBAsCP;kBA9CuB,gBAAgB;;;;;eAAhB,gBAAgB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/List/VerticalTimeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,UAAU,EAGV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IACpC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAI7C,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;CACtD,CAAC;AAEF,iBAAwB,gBAAgB,CAAC,EACvC,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,MAAM,EACN,UAAiB,EACjB,qBAAqB,EACrB,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,qBAuCP;kBAhDuB,gBAAgB;;;;;eAAhB,gBAAgB"}

package/lib/components/Layout/List/VerticalTimeline/index.js

@@ -4,7 +4,7 @@ import TimelineItem from "./TimelineItem";
 import Flex from "../../Flex";
 import Text from "../../../Text";
 import { ItemStatus } from "../types";
-export default function VerticalTimeline({ steps, formatEstimatedTime, setActiveIndex, header, autoScroll = true, contentContainerStyle, ...props }) {
+export default function VerticalTimeline({ steps, formatEstimatedTime, setActiveIndex, header, autoScroll = true, contentContainerStyle, parentScrollRef = null, ...props }) {
     const scrollViewRef = useRef(null);
     const stepsContainerLayout = useRef();
     const onStepsContainerLayout = useCallback((evt) => {
@@ -19,7 +19,7 @@ export default function VerticalTimeline({ steps, formatEstimatedTime, setActive
     return (React.createElement(ScrollView, { ref: scrollViewRef, onLayout: onStepsContainerLayout, contentContainerStyle: contentContainerStyle },
         header,
         React.createElement(Flex, { ...props, onLayout: onStepsContainerLayout, flexDirection: "column" }, steps?.map((step, index) => (React.createElement(View, { onLayout: autoScroll && step.status === "active" ? onActiveStepLayout : undefined },
-            React.createElement(TimelineItem, { key: step.title, item: step, formatEstimatedTime: formatEstimatedTime, isFirstItem: index === 0, isLastItem: index === steps.length - 1, setActiveIndex: setActiveIndex, index: index })))))));
+            React.createElement(TimelineItem, { key: step.title, item: step, formatEstimatedTime: formatEstimatedTime, isFirstItem: index === 0, isLastItem: index === steps.length - 1, setActiveIndex: setActiveIndex, index: index, parentScrollRef: parentScrollRef })))))));
 }
 const SubtitleText = (props) => (React.createElement(Text, { variant: "body", fontWeight: "semiBold", color: "neutral.c100", mb: 3, ...props }));
 const BodyText = (props) => (React.createElement(Text, { variant: "bodyLineHeight", fontWeight: "medium", color: "neutral.c80", ...props }));

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

@@ -32,6 +32,7 @@ export type AccountItemProps = {
     rightElement?: RightElement;
     showIcon?: boolean;
     backgroundColor?: string;
+    cryptoIconBackgroundColor: string;
 };
-export declare const AccountItem: ({ onClick, account, rightElement, showIcon, backgroundColor, }: AccountItemProps) => React.JSX.Element;
+export declare const AccountItem: ({ onClick, account, rightElement, showIcon, backgroundColor, cryptoIconBackgroundColor, }: AccountItemProps) => React.JSX.Element;
 //# sourceMappingURL=AccountItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAkGF,eAAO,MAAM,WAAW,mEAMrB,gBAAgB,sBA6FlB,CAAC"}
+{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;CACnC,CAAC;AAkGF,eAAO,MAAM,WAAW,8FAOrB,gBAAgB,sBA8FlB,CAAC"}

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

@@ -70,7 +70,7 @@ const RightElementRenderer = ({ rightElement, tokens, onEditPress }) => {
         rightElement.type === "edit" && (React.createElement(IconButton, { onPress: onEditPress, testID: "right-element-edit-icon" },
             React.createElement(PenMedium, { size: 16, color: String(tokens["colors-content-default-default"]) })))));
 };
-export const AccountItem = ({ onClick, account, rightElement, showIcon = true, backgroundColor, }) => {
+export const AccountItem = ({ onClick, account, rightElement, showIcon = true, backgroundColor, cryptoIconBackgroundColor, }) => {
     const theme = useTheme();
     const colorType = theme.colors.type === "dark" ? "dark" : "light";
     const tokens = useTokens(colorType, [
@@ -106,7 +106,7 @@ export const AccountItem = ({ onClick, account, rightElement, showIcon = true, b
                         React.createElement(Text, { variant: "largeLineHeight", fontWeight: "semiBold", color: String(tokens["colors-content-default-default"]), fontSize: "18px", numberOfLines: 1, ellipsizeMode: "tail" }, name)),
                     protocol && (React.createElement(TagWrapper, { style: { marginLeft: Number(tokens["spacing-xs"]) } },
                         React.createElement(Tag, { textTransform: "uppercase" }, protocol)))),
-                React.createElement(Address, { address: address, cryptoId: cryptoId, ticker: ticker, parentId: parentId, showIcon: showIcon })),
+                React.createElement(Address, { address: address, cryptoId: cryptoId, ticker: ticker, parentId: parentId, showIcon: showIcon, backgroundColor: cryptoIconBackgroundColor })),
             React.createElement(BalanceContainer, { style: { gap: Number(tokens["spacing-xxxs"]) } },
                 fiatValue && (React.createElement(Text, { fontSize: "18px", color: String(tokens["colors-content-default-default"]) }, fiatValue)),
                 balance && (React.createElement(Text, { fontSize: "14px", color: String(tokens["colors-content-subdued-default-default"]) }, balance))),

package/lib/pre-ldls/components/AccountItem/AccountItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAwBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC"}
+{"version":3,"file":"AccountItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC"}

package/lib/pre-ldls/components/AccountItem/AccountItem.stories.js

@@ -14,6 +14,7 @@ const meta = {
             id: "12345",
             name: "Main BTC",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
     },
     parameters: {
@@ -38,6 +39,7 @@ export const TestAccount = {
             name: "Main BTC",
             protocol: "Native Segwit",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
     },
 };
@@ -52,6 +54,7 @@ export const TestWithoutProtocol = {
             id: "21345",
             name: "Main BTC",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
     },
 };
@@ -64,6 +67,7 @@ export const TestWithoutAddressIcon = {
             fiatValue: "$5,969.83",
             id: "bitcoin",
             name: "Main BTC",
+            cryptoIconBackgroundColor: "red",
         },
         showIcon: false,
     },
@@ -78,6 +82,7 @@ export const TestWithCheckbox = {
             id: "12345",
             name: "Main BTC",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
         onClick: onClick,
         rightElement: {
@@ -98,6 +103,7 @@ export const TestWithArrow = {
             id: "12345",
             name: "Main BTC",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
         rightElement: {
             type: "arrow",
@@ -113,6 +119,7 @@ export const TestWithEdit = {
             id: "12345",
             name: "Main BTC",
             ticker: "btc",
+            cryptoIconBackgroundColor: "red",
         },
         onClick: undefined,
         rightElement: {

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

@@ -1,9 +1,10 @@
 import React from "react";
-export declare const Address: ({ address, showIcon, cryptoId, ticker, parentId, }: {
+export declare const Address: ({ address, showIcon, cryptoId, ticker, parentId, backgroundColor, }: {
     address: string;
     showIcon: boolean;
     cryptoId?: string | undefined;
     ticker?: string | undefined;
     parentId?: string | undefined;
+    backgroundColor: string;
 }) => React.JSX.Element;
 //# sourceMappingURL=Address.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Address/Address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,OAAO;aAOT,MAAM;cACL,OAAO;;;;uBAqBlB,CAAC"}
+{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Address/Address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,OAAO;aAQT,MAAM;cACL,OAAO;;;;qBAIA,MAAM;uBA2BxB,CAAC"}

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

@@ -8,11 +8,11 @@ const Wrapper = styled(View) `
   flex-direction: row;
   align-items: center;
 `;
-export const Address = ({ address, showIcon, cryptoId, ticker, parentId, }) => {
+export const Address = ({ address, showIcon, cryptoId, ticker, parentId, backgroundColor, }) => {
     const { theme } = useTheme();
     const colorType = theme;
     const tokens = useTokens(colorType, ["spacing-xxxs", "colors-content-subdued-default-default"]);
     return (React.createElement(Wrapper, null,
         React.createElement(Text, { fontSize: "14px", color: String(tokens["colors-content-subdued-default-default"]), marginRight: showIcon ? Number(tokens["spacing-xxxs"]) : 0 }, address),
-        showIcon && React.createElement(CryptoIcon, { ledgerId: cryptoId, network: parentId, ticker: ticker, size: 20 })));
+        showIcon && (React.createElement(CryptoIcon, { ledgerId: cryptoId, network: parentId, ticker: ticker, size: 20, theme: theme, backgroundColor: backgroundColor }))));
 };

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

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const MarketPercentIndicator: ({ percent }: {
+    percent: number;
+}) => React.JSX.Element;
+//# sourceMappingURL=MarketPercentIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketPercentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2B1B,eAAO,MAAM,sBAAsB;aAA4B,MAAM;uBA6BpE,CAAC"}

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

@@ -0,0 +1,40 @@
+import React from "react";
+import { Flex, Text } from "../../../components";
+import { useTokens } from "../../libs";
+import { useTheme } from "styled-components/native";
+const getPercentageDisplay = (percent, tokens) => {
+    if (percent > 0) {
+        return {
+            backgroundColor: String(tokens["colors-surface-status-success-default"]),
+            color: String(tokens["colors-surface-status-success-strong-default"]),
+            text: `+${percent}%`,
+        };
+    }
+    if (percent < 0) {
+        return {
+            backgroundColor: String(tokens["colors-surface-status-error-default"]),
+            color: String(tokens["colors-surface-status-error-strong-default"]),
+            text: `-${Math.abs(percent)}%`,
+        };
+    }
+    return {
+        backgroundColor: String(tokens["colors-surface-transparent-hover"]),
+        color: String(tokens["colors-content-default-default"]),
+        text: `${percent}%`,
+    };
+};
+export const MarketPercentIndicator = ({ percent }) => {
+    const { theme } = useTheme();
+    const colorType = theme;
+    const tokens = useTokens(colorType, [
+        "colors-surface-status-success-default",
+        "colors-surface-status-success-strong-default",
+        "colors-surface-status-error-default",
+        "colors-surface-status-error-strong-default",
+        "colors-surface-transparent-hover",
+        "colors-content-default-default",
+    ]);
+    const percentageDisplay = getPercentageDisplay(percent, tokens);
+    return (React.createElement(Flex, { "data-testid": "market-percent-indicator", flexDirection: "column", alignItems: "flex-end", width: "fit-content", p: "4px", borderRadius: "4px", backgroundColor: percentageDisplay.backgroundColor },
+        React.createElement(Text, { color: percentageDisplay.color, fontSize: "12px" }, percentageDisplay.text)));
+};

package/lib/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.d.ts

@@ -0,0 +1,10 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { MarketPercentIndicator } from "./MarketPercentIndicator";
+declare const meta: Meta<typeof MarketPercentIndicator>;
+export default meta;
+type Story = StoryObj<typeof MarketPercentIndicator>;
+export declare const Positive: Story;
+export declare const Negative: Story;
+export declare const Zero: Story;
+export declare const TestMarketPercentIndicator: Story;
+//# sourceMappingURL=MarketPercentIndicator.stories.d.ts.map

package/lib/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketPercentIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,sBAAsB,CAK7C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAErD,eAAO,MAAM,QAAQ,EAAE,KAAiC,CAAC;AACzD,eAAO,MAAM,QAAQ,EAAE,KAAkC,CAAC;AAC1D,eAAO,MAAM,IAAI,EAAE,KAAgC,CAAC;AAEpD,eAAO,MAAM,0BAA0B,EAAE,KAMxC,CAAC"}

package/lib/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.js

@@ -0,0 +1,20 @@
+import { MarketPercentIndicator } from "./MarketPercentIndicator";
+import { expect } from "@storybook/jest";
+import { within } from "@storybook/testing-library";
+const meta = {
+    component: MarketPercentIndicator,
+    title: "PreLdls/Components/MarketPercentIndicator",
+    tags: ["autodocs"],
+    args: { percent: 30 },
+};
+export default meta;
+export const Positive = { args: { percent: 30 } };
+export const Negative = { args: { percent: -30 } };
+export const Zero = { args: { percent: 0 } };
+export const TestMarketPercentIndicator = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        const input = canvas.getByTestId("market-percent-indicator");
+        await expect(input).toHaveTextContent("+30%");
+    },
+};

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

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const MarketPriceIndicator: ({ percent, price }: {
+    percent: number;
+    price: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=MarketPriceIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketPriceIndicator.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,eAAO,MAAM,oBAAoB;aAAmC,MAAM;WAAS,MAAM;uBA0BxF,CAAC"}

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { useTokens } from "../../libs";
+import { useTheme } from "styled-components/native";
+import { Flex, Text } from "../../../components";
+const getPercentageDisplay = (percent, tokens) => {
+    if (percent > 0) {
+        return {
+            color: String(tokens["colors-surface-status-success-strong-default"]),
+            text: `+${percent}%`,
+        };
+    }
+    if (percent < 0) {
+        return {
+            color: String(tokens["colors-surface-status-error-strong-default"]),
+            text: `-${Math.abs(percent)}%`,
+        };
+    }
+    return {
+        color: String(tokens["colors-content-default-default"]),
+        text: `${percent}%`,
+    };
+};
+export const MarketPriceIndicator = ({ percent, price }) => {
+    const { theme } = useTheme();
+    const colorType = theme;
+    const tokens = useTokens(colorType, [
+        "colors-surface-status-success-strong-default",
+        "colors-surface-status-error-strong-default",
+        "colors-content-default-default",
+    ]);
+    const percentageDisplay = getPercentageDisplay(percent, tokens);
+    return (React.createElement(Flex, { "data-testid": "market-price-indicator", flexDirection: "column", alignItems: "flex-end", width: "fit-content" },
+        React.createElement(Text, { variant: "body", fontWeight: "semiBold", mb: "4px" }, price),
+        React.createElement(Text, { color: percentageDisplay.color, fontSize: "12px" }, percentageDisplay.text)));
+};

package/lib/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.d.ts

@@ -0,0 +1,10 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { MarketPriceIndicator } from "./MarketPriceIndicator";
+declare const meta: Meta<typeof MarketPriceIndicator>;
+export default meta;
+type Story = StoryObj<typeof MarketPriceIndicator>;
+export declare const Positive: Story;
+export declare const Negative: Story;
+export declare const Zero: Story;
+export declare const TestMarketPriceIndicator: Story;
+//# sourceMappingURL=MarketPriceIndicator.stories.d.ts.map

package/lib/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketPriceIndicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAK3C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,KAAuD,CAAC;AAC/E,eAAO,MAAM,QAAQ,EAAE,KAAwD,CAAC;AAChF,eAAO,MAAM,IAAI,EAAE,KAAsD,CAAC;AAE1E,eAAO,MAAM,wBAAwB,EAAE,KAMtC,CAAC"}

package/lib/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.js

@@ -0,0 +1,20 @@
+import { MarketPriceIndicator } from "./MarketPriceIndicator";
+import { expect } from "@storybook/jest";
+import { within } from "@storybook/testing-library";
+const meta = {
+    component: MarketPriceIndicator,
+    title: "PreLdls/Components/MarketPriceIndicator",
+    tags: ["autodocs"],
+    args: { percent: 30, price: "$100,000.00" },
+};
+export default meta;
+export const Positive = { args: { percent: 30, price: "$100,000.00" } };
+export const Negative = { args: { percent: -30, price: "$100,000.00" } };
+export const Zero = { args: { percent: 0, price: "$100,000.00" } };
+export const TestMarketPriceIndicator = {
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        const input = canvas.getByTestId("market-price-indicator");
+        await expect(input).toHaveTextContent("$100,000.00");
+    },
+};

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

@@ -2,6 +2,8 @@ export * from "./Input/Input";
 export * from "./AssetItem/AssetItem";
 export * from "./AssetTypeList/AssetList";
 export * from "./ApyIndicator/ApyIndicator";
+export * from "./MarketPriceIndicator/MarketPriceIndicator";
+export * from "./MarketPercentIndicator/MarketPercentIndicator";
 export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Tag/Tag";

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,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"}

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

@@ -2,6 +2,8 @@ export * from "./Input/Input";
 export * from "./AssetItem/AssetItem";
 export * from "./AssetTypeList/AssetList";
 export * from "./ApyIndicator/ApyIndicator";
+export * from "./MarketPriceIndicator/MarketPriceIndicator";
+export * from "./MarketPercentIndicator/MarketPercentIndicator";
 export * from "./NetworkItem/NetworkItem";
 export * from "./NetworkList/NetworkList";
 export * from "./Tag/Tag";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.45.0",
+  "version": "0.46.0-nightly.1",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -40,9 +40,9 @@
     "react-native-modal": "14.0.0-rc.1",
     "rn-range-slider": "2.1.1",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.18.0",
-    "@ledgerhq/icons-ui": "^0.13.0",
-    "@ledgerhq/ui-shared": "^0.4.0"
+    "@ledgerhq/icons-ui": "^0.14.0-nightly.0",
+    "@ledgerhq/ui-shared": "^0.4.0",
+    "@ledgerhq/crypto-icons-ui": "^1.19.0-nightly.1"
   },
   "peerDependencies": {
     "react": ">=17",