@ledgerhq/native-ui 0.12.1 → 0.12.2-nightly.0

package/lib/assets/logos/LedgerLiveAltRegular.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     width?: number | string;
     height?: number | string;
     color?: string;

package/lib/assets/logos/LedgerLiveRegular.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     width?: number | string;
     height?: number | string;
     color?: string;

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

@@ -5,7 +5,7 @@ import type { Props as FlexboxProps } from "../Layout/Flex";
 declare const HorizontalScrollView: import("styled-components").StyledComponent<typeof ScrollView, import("styled-components").DefaultTheme, {
     horizontal: true;
 }, "horizontal">;
-export declare type Props = React.PropsWithChildren<{
+export type Props = React.PropsWithChildren<{
     /**
      * Forces the selection of a specific item of the carousel.
      */

package/lib/components/Form/Checkbox/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { BaseTextProps } from "../../Text";
-declare type CheckboxProps = {
+type CheckboxProps = {
     checked: boolean;
     onChange?: () => void;
     disabled?: boolean;

package/lib/components/Form/Input/BaseInput/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="styled-components-react-native" />
 import React from "react";
 import { TextInput, TextInputProps, StyleProp, ViewStyle } from "react-native";
-export declare type CommonProps = TextInputProps & {
+export type CommonProps = TextInputProps & {
     disabled?: boolean;
     error?: string;
 };
-export declare type InputProps<T = string> = Omit<CommonProps, "value" | "onChange"> & {
+export type InputProps<T = string> = Omit<CommonProps, "value" | "onChange"> & {
     /**
      * The value of the input.
      */

package/lib/components/Form/SelectableList.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentType } from "react";
 import { GestureResponderEvent } from "react-native";
 import { IconType } from "../Icon/type";
-declare type BaseElementProps<V> = {
+type BaseElementProps<V> = {
     first?: boolean;
     selected?: boolean;
     disabled?: boolean;
@@ -9,13 +9,13 @@ declare type BaseElementProps<V> = {
     onPress?: ((event: GestureResponderEvent) => void) | undefined;
     Icon?: IconType;
 };
-export declare type ElementProps<V> = React.PropsWithChildren<BaseElementProps<V> & {
+export type ElementProps<V> = React.PropsWithChildren<BaseElementProps<V> & {
     /**
      * A function that will render some content on the right side of the input.
      */
     renderRight?: ComponentType<BaseElementProps<V>> | React.ReactElement;
 }>;
-export declare type Props<V> = React.PropsWithChildren<{
+export type Props<V> = React.PropsWithChildren<{
     currentValue?: V;
     onChange: (newValue: V) => void;
 }>;

package/lib/components/Form/Slider/index.native.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type SliderProps = {
+export type SliderProps = {
     step: number;
     min: number;
     max: number;

package/lib/components/Form/Switch/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { SwitchProps as NativeSwitchProps } from "react-native";
-export declare type SwitchProps = {
+export type SwitchProps = {
     checked: boolean;
     onChange?: (value: boolean) => void;
     disabled?: boolean;

package/lib/components/Form/Toggle/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ButtonProps } from "../../cta/Button";
-declare type ToggleProps = {
+type ToggleProps = {
     active?: boolean;
     onPress: () => void;
     children: ButtonProps["children"];

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

@@ -3,8 +3,8 @@ import { IconOrElementType, IconType } from "./type";
 export declare const DEFAULT_BOX_SIZE = 40;
 export declare const DEFAULT_ICON_SIZE = 16;
 export declare const DEFAULT_BADGE_SIZE = 20;
-export declare type Variant = "square" | "circle";
-export declare type IconBoxProps = {
+export type Variant = "square" | "circle";
+export type IconBoxProps = {
     /**
      * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.
      */
@@ -35,7 +35,7 @@ export declare type IconBoxProps = {
      */
     variant?: Variant;
 };
-export declare type BoxedIconProps = IconBoxProps & {
+export type BoxedIconProps = IconBoxProps & {
     /**
      * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.
      */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     name: string;
     size?: number;
     color?: string;

package/lib/components/Icon/CryptoIcon.js

@@ -23,7 +23,7 @@ const Circle = styled(Flex).attrs((p) => ({
     alignItems: "center",
     justifyContent: "center",
     position: "relative",
-    borderRadius: "50%",
+    borderRadius: 50.0,
     backgroundColor: p.backgroundColor,
 })) ``;
 const TokenContainer = styled(Flex).attrs((p) => ({
@@ -34,7 +34,7 @@ const TokenContainer = styled(Flex).attrs((p) => ({
     justifyContent: "center",
     heigth: p.size,
     width: p.size,
-    borderRadius: "50%",
+    borderRadius: 50.0,
     border: `2px solid ${p.borderColor}`,
     backgroundColor: p.backgroundColor,
     zIndex: 0,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type Props = {
+export type Props = {
     name: string;
     size?: number;
     weight?: "Regular" | "Thin" | "Light" | "Medium" | "UltraLight";

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconOrElementType } from "../type";
 import { FlexBoxProps } from "../../Layout/Flex";
-export declare type Props = {
+export type Props = {
     Icon: IconOrElementType;
     color?: string;
     boxSize?: number;

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

@@ -1,7 +1,7 @@
 import React from "react";
-export declare type IconProps = {
+export type IconProps = {
     size?: number;
     color?: string;
 };
-export declare type IconType = React.ComponentType<IconProps>;
-export declare type IconOrElementType = IconType | React.ReactElement;
+export type IconType = React.ComponentType<IconProps>;
+export type IconOrElementType = IconType | React.ReactElement;

package/lib/components/Layout/Box/index.d.ts

@@ -1,5 +1,5 @@
 import { BaseStyledProps } from "../../styled";
-export declare type BoxProps = BaseStyledProps;
+export type BoxProps = BaseStyledProps;
 declare const Box: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
     columnGap?: string | number | undefined;
     rowGap?: string | number | undefined;

package/lib/components/Layout/Collapse/Accordion/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { LinkProps } from "../../../cta/Link";
-declare type AccordionProps = {
+type AccordionProps = {
     collapsed?: boolean;
     children: React.ReactNode;
     title: string;

package/lib/components/Layout/Flex/index.d.ts

@@ -1,6 +1,6 @@
 import { BaseStyledProps } from "../../styled";
-export declare type FlexBoxProps = BaseStyledProps;
-export declare type Props = FlexBoxProps;
+export type FlexBoxProps = BaseStyledProps;
+export type Props = FlexBoxProps;
 declare const FlexBox: import("styled-components").StyledComponent<typeof import("react-native").View, import("styled-components").DefaultTheme, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & {
     columnGap?: string | number | undefined;
     rowGap?: string | number | undefined;

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

@@ -1,10 +1,10 @@
 import React from "react";
 import { BaseListItemProps, BaseListProps } from "../List";
 import { IconOrElementType } from "src/components/Icon/type";
-export declare type IconBoxListItemProps = Omit<BaseListItemProps, "bullet"> & {
+export type IconBoxListItemProps = Omit<BaseListItemProps, "bullet"> & {
     Icon: IconOrElementType;
 };
-export declare type IconBoxListProps = Omit<BaseListProps, "items"> & {
+export type IconBoxListProps = Omit<BaseListProps, "items"> & {
     items: IconBoxListItemProps[];
     iconVariants?: "outlined" | "plain";
     iconShapes?: "square" | "circle";

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

@@ -1,12 +1,12 @@
 import React from "react";
 import type { FlexBoxProps } from "../../Flex";
 import { BaseStyledProps } from "../../../styled";
-export declare type BaseListItemProps = {
+export type BaseListItemProps = {
     title?: React.ReactNode;
     description?: React.ReactNode;
     bullet?: React.ReactNode;
 };
-export declare type BaseListProps = {
+export type BaseListProps = {
     items: BaseListItemProps[];
     itemContainerProps?: BaseStyledProps;
 } & Partial<FlexBoxProps>;

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { BaseListItemProps, BaseListProps } from "../List";
-export declare type NumberedListItemProps = Omit<BaseListItemProps, "bullet"> & {
+export type NumberedListItemProps = Omit<BaseListItemProps, "bullet"> & {
     number?: number;
 };
-export declare type NumberedListProps = Omit<BaseListProps, "items"> & {
+export type NumberedListProps = Omit<BaseListProps, "items"> & {
     items: NumberedListItemProps[];
 };
 export default function NumberedList({ items, ...props }: NumberedListProps): React.ReactElement;

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { BaseListItemProps, BaseListProps } from "../List";
-export declare type TipListItemProps = Omit<BaseListItemProps, "bullet"> & {
+export type TipListItemProps = Omit<BaseListItemProps, "bullet"> & {
     isPositive: boolean;
 };
-export declare type TipListProps = Omit<BaseListProps, "items"> & {
+export type TipListProps = Omit<BaseListProps, "items"> & {
     items: TipListItemProps[];
 };
 export default function TipList({ items, ...props }: TipListProps): React.ReactElement;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Props as FlexProps } from "../../Flex";
 import { ItemStatus } from ".";
-export declare type Props = FlexProps & {
+export type Props = FlexProps & {
     status: ItemStatus;
     isFirstItem?: boolean;
     isLastItem?: boolean;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Item } from ".";
-export declare type Props = {
+export type Props = {
     item: Item;
     formatEstimatedTime?: (_: number) => string;
     isFirstItem?: boolean;

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

@@ -70,7 +70,7 @@ export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, i
             React.createElement(TimelineIndicator, { status: item.status, isFirstItem: isFirstItem, isLastItem: isLastItem, mr: 4 }),
             React.createElement(Container, { status: item.status, isLastItem: isLastItem, mb: 4 },
                 React.createElement(Flex, { flexDirection: "row", justifyContent: "space-between" },
-                    React.createElement(Text, { variant: "body", color: item.status === "inactive"
+                    React.createElement(Text, { variant: "body", flexShrink: 1, color: item.status === "inactive"
                             ? "neutral.c80"
                             : isLastItem
                                 ? "success.c100"
@@ -78,6 +78,6 @@ export default function TimelineItem({ item, formatEstimatedTime, isFirstItem, i
                     (item === null || item === void 0 ? void 0 : item.estimatedTime) && item.status === "active" && (React.createElement(Tag, null, formatEstimatedTime
                         ? formatEstimatedTime(item.estimatedTime)
                         : `${item.estimatedTime / 60} min`))),
-                React.createElement(Animated.ScrollView, { style: animatedStyle },
+                React.createElement(Animated.ScrollView, { style: animatedStyle, showsVerticalScrollIndicator: false },
                     React.createElement(Animated.View, { onLayout: handleLayout }, item.renderBody && item.status === "active" ? (React.createElement(Flex, { pt: 6 }, item.renderBody(true))) : null))))));
 }

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

@@ -5,13 +5,13 @@ export declare enum ItemStatus {
     active = "active",
     completed = "completed"
 }
-export declare type Item = {
+export type Item = {
     status: ItemStatus;
     title: string;
     estimatedTime?: number;
     renderBody?: (isDisplayed?: boolean) => ReactNode;
 };
-export declare type Props = BaseStyledProps & {
+export type Props = BaseStyledProps & {
     steps?: Item[];
     formatEstimatedTime?: (_: number) => string;
     setActiveIndex?: (arg0: number) => void;

package/lib/components/Layout/Modals/BaseModal/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ModalProps } from "react-native-modal";
 import { StyleProp, ViewStyle } from "react-native";
 import { IconOrElementType } from "../../../Icon/type";
-export declare type BaseModalProps = {
+export type BaseModalProps = {
     isOpen?: boolean;
     onClose?: () => void;
     modalStyle?: StyleProp<ViewStyle>;

package/lib/components/Layout/ScrollContainer/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { SpaceProps } from "styled-system";
 import { BaseStyledProps } from "../../styled";
 import type { NativeSyntheticEvent, NativeScrollEvent, ScrollViewProps } from "react-native";
-declare type ScrollContainerProps = BaseStyledProps & ScrollViewProps & SpaceProps & {
+type ScrollContainerProps = BaseStyledProps & ScrollViewProps & SpaceProps & {
     children: React.ReactNode;
     onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
     horizontal?: boolean;

package/lib/components/Layout/ScrollContainerHeader/Header.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import Animated from "react-native-reanimated";
-export declare type HeaderProps = {
+export type HeaderProps = {
     TopLeftSection?: JSX.Element;
     TopMiddleSection?: JSX.Element;
     TopRightSection?: JSX.Element;

package/lib/components/Layout/ScrollContainerHeader/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FlatListProps } from "react-native";
 import type { HeaderProps } from "./Header";
 import { BaseStyledProps } from "../../styled";
-declare type ScrollContainerHeaderProps = BaseStyledProps & Omit<HeaderProps, "currentPositionY"> & Omit<FlatListProps<any>, "onScroll" | "data" | "renderItem"> & {
+type ScrollContainerHeaderProps = BaseStyledProps & Omit<HeaderProps, "currentPositionY"> & Omit<FlatListProps<any>, "onScroll" | "data" | "renderItem"> & {
     children?: React.ReactNode;
     onScroll?: (y: number) => void;
     containerProps?: BaseStyledProps;

package/lib/components/Layout/types.d.ts

@@ -1,4 +1,4 @@
-export declare type SpacingProps = {
+export type SpacingProps = {
     margin?: string | number;
     marginTop?: string | number;
     marginRight?: string | number;

package/lib/components/Loader/InfiniteLoader/index.d.ts

@@ -2,7 +2,7 @@
 import React from "react";
 import { SizeProps } from "styled-system";
 declare const Loader: import("styled-components").StyledComponent<React.ComponentClass<import("react-native-svg").SvgProps, any>, import("styled-components").DefaultTheme, SizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>>, never>;
-export declare type Props = React.ComponentProps<typeof Loader> & {
+export type Props = React.ComponentProps<typeof Loader> & {
     color?: string;
 };
 export default function InfiniteLoader({ size, color, ...extraProps }: Props): JSX.Element;

package/lib/components/Loader/ProgressLoader/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     /**
      * float number between 0 and 1
      */

package/lib/components/Navigation/SlideIndicator/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     slidesLength: number;
     activeIndex: number;
     onChange?: (index: number) => void;

package/lib/components/Navigation/Stepper/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type StepperProps = {
+export type StepperProps = {
     /**
      * An array of labels that will determine the progress bar steps.
      */

package/lib/components/Tabs/Graph/index.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { BaseTabsProps, TabItemProps } from "../TemplateTabs";
-declare type GraphTabSize = "small" | "medium";
-declare type GraphTabsProps = BaseTabsProps & {
+type GraphTabSize = "small" | "medium";
+type GraphTabsProps = BaseTabsProps & {
     size?: GraphTabSize;
 };
-declare type GraphTabItemProps = TabItemProps & {
+type GraphTabItemProps = TabItemProps & {
     size?: GraphTabSize;
 };
 export declare const GraphTab: ({ onPress, isActive, label, activeColor, activeBg, size, disabled, }: GraphTabItemProps) => React.ReactElement;

package/lib/components/Tabs/Graph/index.js

@@ -4,10 +4,10 @@ import Text from "../../Text";
 import TemplateTabs from "../TemplateTabs";
 const TabBox = styled.TouchableOpacity `
   text-align: center;
-  border-radius: 4px;
+  border-radius: ${(p) => p.theme.radii[1]}px;
   box-sizing: border-box;
   overflow: hidden;
-  margin-left: 2px;
+  margin-left: ${(p) => p.theme.space[1]}px;
 `;
 const TabText = styled(Text).attrs((p) => ({
     // Avoid conflict with styled-system's size property by nulling size and renaming it
@@ -22,7 +22,7 @@ const StyledTabs = styled(TemplateTabs) `
   justify-content: center;
 `;
 export const GraphTab = ({ onPress, isActive, label, activeColor = "neutral.c100", activeBg = "neutral.c30", size = "medium", disabled, }) => {
-    return (React.createElement(TabBox, { onPress: onPress, disabled: disabled }, isActive ? (React.createElement(TabText, { variant: "small", size: size, bg: activeBg, color: disabled ? "neutral.c70" : activeColor, fontWeight: "semiBold", uppercase: true }, label)) : (React.createElement(TabText, { variant: "small", size: size, color: disabled ? "neutral.c70" : "neutral.c90", uppercase: true }, label))));
+    return (React.createElement(TabBox, { onPress: onPress, disabled: disabled }, isActive ? (React.createElement(TabText, { variant: "small", size: size, bg: activeBg, color: disabled ? "neutral.c70" : activeColor, fontWeight: "semiBold", uppercase: true }, label)) : (React.createElement(TabText, { variant: "small", size: size, color: disabled ? "neutral.c40" : "neutral.c70", fontWeight: "semiBold", uppercase: true }, label))));
 };
 const GraphTabs = (props) => (React.createElement(StyledTabs, Object.assign({}, props, { Item: GraphTab })));
 export default GraphTabs;

package/lib/components/Tabs/TemplateTabs/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="styled-components-react-native" />
 import React from "react";
-export declare type BaseTabsProps = {
+export type BaseTabsProps = {
     labels: string[];
     activeIndex?: number;
     onChange: (newIndex: number) => void;
@@ -8,7 +8,7 @@ export declare type BaseTabsProps = {
     activeBg?: string;
     disabled?: boolean;
 };
-export declare type TabItemProps = Partial<BaseTabsProps> & {
+export type TabItemProps = Partial<BaseTabsProps> & {
     label: string;
     isActive: boolean;
     index: number;
@@ -17,7 +17,7 @@ export declare type TabItemProps = Partial<BaseTabsProps> & {
     activeBg?: string;
     disabled?: boolean;
 };
-export declare type TabsProps = BaseTabsProps & {
+export type TabsProps = BaseTabsProps & {
     Item: (props: TabItemProps) => React.ReactElement;
     activeColor?: string;
     activeBg?: string;

package/lib/components/Text/getTextStyle.d.ts

@@ -1,6 +1,6 @@
 import { TextVariants } from "../../styles/theme";
 import { BaseTextProps } from "./index";
-export declare type FontWeightTypes = "medium" | "semiBold" | "bold";
+export type FontWeightTypes = "medium" | "semiBold" | "bold";
 export declare const fontWeightTypes: FontWeightTypes[];
 export declare function getBracketSize({ variant }: {
     variant?: TextVariants;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Item } from "./types";
-export declare type ChartProps = {
+export type ChartProps = {
     data: Array<Item>;
     backgroundColor: string;
     color: string;

package/lib/components/chart/types.d.ts

@@ -1,4 +1,4 @@
-export declare type Item = {
+export type Item = {
     date: Date;
     value?: number;
 } & {

package/lib/components/cta/Button/index.d.ts

@@ -3,7 +3,7 @@ import React from "react";
 import { TouchableOpacity, TouchableOpacityProps } from "react-native";
 import { BaseStyledProps } from "../../styled";
 import { IconType } from "../../Icon/type";
-export declare type ButtonProps = TouchableOpacityProps & BaseStyledProps & {
+export type ButtonProps = TouchableOpacityProps & BaseStyledProps & {
     Icon?: IconType;
     iconName?: string;
     type?: "main" | "shade" | "error" | "color" | "default";

package/lib/components/cta/Link/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="styled-components-react-native" />
 import React from "react";
 import { TouchableOpacity, TouchableOpacityProps } from "react-native";
-export declare type LinkProps = TouchableOpacityProps & {
+export type LinkProps = TouchableOpacityProps & {
     Icon?: React.ComponentType<{
         size: number;
         color: string;

package/lib/components/cta/QuickAction/QuickActionButton/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { TouchableOpacity, TouchableOpacityProps } from "react-native";
 import { IconType } from "src/components/Icon/type";
 import { BaseStyledProps } from "../../../styled";
-export declare type QuickActionButtonProps = TouchableOpacityProps & BaseStyledProps & {
+export type QuickActionButtonProps = TouchableOpacityProps & BaseStyledProps & {
     Icon: IconType;
     disabled?: boolean;
     onPressWhenDisabled?: TouchableOpacityProps["onPress"];

package/lib/components/cta/QuickAction/QuickActionList/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FlatListProps } from "react-native";
 import { QuickActionButtonProps } from "../QuickActionButton";
-export declare type QuickActionListProps = Omit<FlatListProps<QuickActionButtonProps>, "renderItem">;
+export type QuickActionListProps = Omit<FlatListProps<QuickActionButtonProps>, "renderItem">;
 declare const QuickActionList: ({ numColumns, data, ...otherProps }: QuickActionListProps) => React.ReactElement;
 export default QuickActionList;

package/lib/components/message/Alert/index.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-declare type AlertType = "info" | "warning" | "error";
-export declare type IconProps = {
+type AlertType = "info" | "warning" | "error";
+export type IconProps = {
     size?: number;
     color?: string;
 };
-export declare type IconType = React.ComponentType<IconProps>;
+export type IconType = React.ComponentType<IconProps>;
 export interface AlertProps {
     type?: AlertType;
     /**

package/lib/components/message/Log/Brackets.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { FlexBoxProps } from "../../Layout/Flex";
 import { ViewStyle } from "react-native";
-declare type BracketProps = {
+type BracketProps = {
     color: string;
 };
-declare type BaseBracketProps = FlexBoxProps & BracketProps & {
+type BaseBracketProps = FlexBoxProps & BracketProps & {
     style?: ViewStyle;
 };
 export declare const Bracket: ({ color, style, mb, mt }: BaseBracketProps) => React.ReactElement;

package/lib/components/message/Log/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BaseTextProps as TextProps } from "../../Text";
 import { FlexBoxProps } from "../../Layout/Flex";
-export declare type Props = React.PropsWithChildren<FlexBoxProps & {
+export type Props = React.PropsWithChildren<FlexBoxProps & {
     extraTextProps?: Omit<TextProps, "children">;
 }>;
 declare function Log({ children, extraTextProps }: Props): JSX.Element;

package/lib/components/message/Notification/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TextProps, TouchableOpacityProps } from "react-native";
-declare type NotificationVariant = "primary" | "secondary" | "success" | "warning" | "error" | "plain" | string;
-declare type Props = {
+type NotificationVariant = "primary" | "secondary" | "success" | "warning" | "error" | "plain" | string;
+type Props = {
     Icon?: React.ComponentType<{
         size: number;
         color?: string;

package/lib/components/styled.d.ts

@@ -2,7 +2,7 @@
 import { ReactNativeStyledInterface, DefaultTheme } from "styled-components/native";
 import { FlexboxProps, SpaceProps, PositionProps, ColorProps, LayoutProps, OverflowProps, BorderProps, BackgroundProps } from "styled-system";
 import { InterpolationFunction } from "styled-components";
-export declare type BaseStyledProps = SpaceProps & FlexboxProps & PositionProps & ColorProps & LayoutProps & OverflowProps & BorderProps & BackgroundProps & {
+export type BaseStyledProps = SpaceProps & FlexboxProps & PositionProps & ColorProps & LayoutProps & OverflowProps & BorderProps & BackgroundProps & {
     columnGap?: string | number;
     rowGap?: string | number;
     color?: string;

package/lib/components/tags/Badge/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type BadgeType = "main" | "primary";
+type BadgeType = "main" | "primary";
 export interface BadgeProps {
     badgeVariant?: BadgeType;
     active?: boolean;

package/lib/components/transitions/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { StyleProp, ViewStyle } from "react-native";
-export declare type TransitionStatus = "entering" | "entered" | "exiting" | "exited";
+export type TransitionStatus = "entering" | "entered" | "exiting" | "exited";
 export interface TransitionProps {
     /**
      * The status of the transition, either "entered", "entering", "exiting" or "exited".

package/lib/icons/Close.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     size?: number;
     color?: string;
 };

package/lib/icons/Info.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Props = {
+type Props = {
     size: number;
     color: string;
 };

package/lib/styles/StyleProvider.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ThemeNames } from "@ledgerhq/ui-shared";
 import { Theme } from "./theme";
-declare type Props = {
+type Props = {
     children: React.ReactNode;
     selectedPalette: ThemeNames;
 };

package/lib/styles/theme.d.ts

@@ -1,12 +1,12 @@
 import { ColorPalette } from "@ledgerhq/ui-shared";
 export declare const space: number[];
 export declare const textVariants: readonly ["h1", "h1Inter", "h2", "h3", "h4", "h5", "large", "largeLineHeight", "body", "bodyLineHeight", "paragraph", "paragraphLineHeight", "small", "subtitle", "tiny"];
-export declare type TextVariants = typeof textVariants[number];
-export declare type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
+export type TextVariants = typeof textVariants[number];
+export type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;
 export declare const fontSizes: ThemeScale<number, "h1" | "h1Inter" | "h2" | "h3" | "h4" | "h5" | "large" | "largeLineHeight" | "body" | "bodyLineHeight" | "paragraph" | "paragraphLineHeight" | "small" | "subtitle" | "tiny">;
 export declare const radii: number[];
 export declare const zIndexes: number[];
-export declare type Theme = {
+export type Theme = {
     theme: "light" | "dark";
     sizes: {
         topBarHeight: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/native-ui",
-  "version": "0.12.1",
+  "version": "0.12.2-nightly.0",
   "description": "Ledger Live - Mobile UI",
   "repository": {
     "type": "git",
@@ -32,9 +32,6 @@
     "lib/**/*"
   ],
   "dependencies": {
-    "@ledgerhq/crypto-icons-ui": "^0.2.1",
-    "@ledgerhq/icons-ui": "^0.3.0",
-    "@ledgerhq/ui-shared": "^0.1.10",
     "@types/color": "^3.0.3",
     "@types/styled-system": "^5.1.13",
     "color": "^3.1.3",
@@ -43,7 +40,10 @@
     "react-native-modal": "^13.0.0",
     "rn-range-slider": "^2.1.1",
     "styled-system": "^5.1.5",
-    "victory-native": "^35.5.5"
+    "victory-native": "^35.5.5",
+    "@ledgerhq/crypto-icons-ui": "^0.2.1",
+    "@ledgerhq/icons-ui": "^0.3.1-nightly.0",
+    "@ledgerhq/ui-shared": "^0.1.10"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -118,7 +118,6 @@
     "glob": "^7.2.0",
     "metro": "^0.67.0",
     "metro-config": "^0.67.0",
-    "metro-extra-config": "1.0.0",
     "metro-minify-uglify": "^0.67.0",
     "metro-react-native-babel-preset": "^0.67.0",
     "metro-resolver": "^0.67.0",
@@ -143,7 +142,8 @@
     "stylelint-processor-styled-components": "^1.10.0",
     "typescript": "^4.8.3",
     "victory": "^35.5.5",
-    "webpack": "^4.46.0"
+    "webpack": "^4.46.0",
+    "metro-extra-config": "1.0.0"
   },
   "scripts": {
     "android": "expo start --android",