@rango-dev/ui 0.1.15 → 0.1.16-next.0

package/dist/components/TokenList/TokenList.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { Asset, Token } from 'rango-sdk';
-export interface TokenWithAmount extends Token {
-    balance?: {
-        amount: string;
-        usdValue: string;
-    };
-}
-export interface PropTypes {
-    list: TokenWithAmount[];
-    selected?: TokenWithAmount | null;
-    searchedText: string;
-    onChange: (token: TokenWithAmount) => void;
-    multiSelect?: boolean;
-    selectedList?: Asset[];
-}
-export declare function TokenList(props: PropTypes): JSX.Element;
+/// <reference types="react" />
+import { Asset, Token } from 'rango-sdk';
+export interface TokenWithAmount extends Token {
+    balance?: {
+        amount: string;
+        usdValue: string;
+    };
+}
+export interface PropTypes {
+    list: TokenWithAmount[];
+    selected?: TokenWithAmount | null;
+    searchedText: string;
+    onChange: (token: TokenWithAmount) => void;
+    multiSelect?: boolean;
+    selectedList?: Asset[];
+}
+export declare function TokenList(props: PropTypes): JSX.Element;

package/dist/components/TokenList/TokenList.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { PropTypes } from './TokenList';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+/// <reference types="react" />
+import { PropTypes } from './TokenList';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/TokenList/index.d.ts

@@ -1 +1 @@
-export { TokenList } from './TokenList';
+export { TokenList } from './TokenList';

package/dist/components/TokenList/mockData.d.ts

@@ -1,2 +1,2 @@
-import { TokenWithAmount } from './TokenList';
-export declare const tokensMeta: TokenWithAmount[];
+import { TokenWithAmount } from './TokenList';
+export declare const tokensMeta: TokenWithAmount[];

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-export interface PropTypes {
-    content: string;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
-}
-export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    content: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
+}
+export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -1,5 +1,7 @@
-import React from 'react';
-import { PropTypes } from './Tooltip';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
-export default _default;
-export declare const Main: (props: PropTypes) => JSX.Element;
+import React from 'react';
+import { PropTypes } from './Tooltip';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Tooltip/index.d.ts

@@ -1 +1 @@
-export { Tooltip } from './Tooltip';
+export { Tooltip } from './Tooltip';

package/dist/components/Typography/Typography.d.ts

@@ -1,18 +1,18 @@
-import { CSSProperties } from '@stitches/react';
-import { PropsWithChildren } from 'react';
-export interface PropTypes {
-    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'body1' | 'body2' | 'body3' | 'caption';
-    align?: 'center' | 'left' | 'right';
-    noWrap?: boolean;
-    mt?: 2 | 4 | 8 | 12;
-    mb?: 2 | 4 | 8 | 12;
-    ml?: 2 | 4 | 8 | 12;
-    mr?: 2 | 4 | 8 | 12;
-    className?: string;
-    style?: CSSProperties;
-    color?: string;
-}
-export declare function Typography({ children, className, color, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
-export declare namespace Typography {
-    var toString: () => string;
-}
+import { CSSProperties } from '@stitches/react';
+import { PropsWithChildren } from 'react';
+export interface PropTypes {
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'body1' | 'body2' | 'body3' | 'caption';
+    align?: 'center' | 'left' | 'right';
+    noWrap?: boolean;
+    mt?: 2 | 4 | 8 | 12;
+    mb?: 2 | 4 | 8 | 12;
+    ml?: 2 | 4 | 8 | 12;
+    mr?: 2 | 4 | 8 | 12;
+    className?: string;
+    style?: CSSProperties;
+    color?: string;
+}
+export declare function Typography({ children, className, color, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
+export declare namespace Typography {
+    var toString: () => string;
+}

package/dist/components/Typography/Typography.stories.d.ts

@@ -1,5 +1,7 @@
-import React from 'react';
-import { PropTypes } from './Typography';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
-export default _default;
-export declare const Main: (props: PropTypes) => JSX.Element;
+import React from 'react';
+import { PropTypes } from './Typography';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;

package/dist/components/Typography/index.d.ts

@@ -1 +1 @@
-export { Typography } from './Typography';
+export { Typography } from './Typography';

package/dist/components/VirtualizedList/VirtualizedList.d.ts

@@ -1,17 +1,17 @@
-import { PropsWithChildren } from 'react';
-import { ReactElementType } from 'react-window';
-import { CSSProperties } from '@stitches/react';
-export declare type VirtualizedListItem = ({ index, style, }: {
-    index: number;
-    style: CSSProperties | undefined;
-}) => JSX.Element | null;
-declare type PropTypes = {
-    itemCount: number;
-    hasNextPage: boolean;
-    loadNextPage: () => void;
-    Item: VirtualizedListItem;
-    innerElementType: ReactElementType | undefined;
-    size: number;
-};
-export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
-export {};
+import { PropsWithChildren } from 'react';
+import { ReactElementType } from 'react-window';
+import { CSSProperties } from '@stitches/react';
+export type VirtualizedListItem = ({ index, style, }: {
+    index: number;
+    style: CSSProperties | undefined;
+}) => JSX.Element | null;
+type PropTypes = {
+    itemCount: number;
+    hasNextPage: boolean;
+    loadNextPage: () => void;
+    Item: VirtualizedListItem;
+    innerElementType: ReactElementType | undefined;
+    size: number;
+};
+export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
+export {};

package/dist/components/Wallet/State.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { WalletState } from '../../types/wallet';
-import { InstallObjects } from '@rango-dev/wallets-shared';
-export declare const State: ({ walletState, installLink, }: {
-    walletState: WalletState;
-    installLink: InstallObjects | string;
-}) => JSX.Element;
+/// <reference types="react" />
+import { WalletState } from '../../types/wallet';
+import { InstallObjects } from '@rango-dev/wallets-shared';
+export declare const State: ({ walletState, installLink, }: {
+    walletState: WalletState;
+    installLink: InstallObjects | string;
+}) => JSX.Element;

package/dist/components/Wallet/Wallet.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { WalletType } from '@rango-dev/wallets-shared';
-import { WalletInfo } from '../../types/wallet';
-export declare type PropTypes = WalletInfo & {
-    onClick: (walletType: WalletType) => void;
-};
-export declare function Wallet(props: PropTypes): JSX.Element;
+/// <reference types="react" />
+import { WalletType } from '@rango-dev/wallets-shared';
+import { WalletInfo } from '../../types/wallet';
+export type PropTypes = WalletInfo & {
+    onClick: (walletType: WalletType) => void;
+};
+export declare function Wallet(props: PropTypes): JSX.Element;

package/dist/components/Wallet/Wallet.stories.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
-import { PropTypes } from './Wallet';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+/// <reference types="react" />
+import { PropTypes } from './Wallet';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../../types/wallet").WalletInfo & {
+    onClick: (walletType: string) => void;
+}>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/components/Wallet/index.d.ts

@@ -1 +1 @@
-export * from './Wallet';
+export * from './Wallet';

package/dist/components/common/FilledCircle.d.ts

@@ -1 +1,111 @@
-export declare const FilledCircle: any;
+export declare const FilledCircle: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+}, {
+    colors: {
+        primary: string;
+        primary100: string;
+        primary200: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
+        surface: string;
+        neutral100: string;
+        neutral200: string;
+        neutral300: string;
+        neutral400: string;
+        neutral500: string;
+        neutral600: string;
+        neutral700: string;
+        neutral800: string;
+        neutral900: string;
+        background: string;
+        foreground: string;
+        success: string;
+        success100: string;
+        success300: string;
+        success500: string;
+        success700: string;
+        warning: string;
+        warning100: string;
+        warning300: string;
+        warning500: string;
+        warning700: string;
+        error: string;
+        error100: string;
+        error300: string;
+        error500: string;
+        error700: string;
+        white: string;
+    };
+    space: {
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        10: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+    };
+    fontSizes: {
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        18: string;
+        20: string;
+        24: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    fonts: {};
+    fontWeights: {
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+    };
+    lineHeights: {};
+    letterSpacings: {};
+    sizes: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        48: string;
+    };
+    borderWidths: {};
+    borderStyles: {};
+    radii: {
+        5: string;
+        10: string;
+    };
+    shadows: {
+        s: string;
+    };
+    zIndices: {};
+    transitions: {};
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dist/components/common/Image.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare type PropTypes = {
-    size: number;
-} & React.ImgHTMLAttributes<HTMLImageElement>;
-export declare function Image(props: PropTypes): JSX.Element;
-export {};
+import React from 'react';
+type PropTypes = {
+    size: number;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+export declare function Image(props: PropTypes): JSX.Element;
+export {};

package/dist/components/common/index.d.ts

@@ -1,2 +1,2 @@
-export { FilledCircle } from './FilledCircle';
-export { Image } from './Image';
+export { FilledCircle } from './FilledCircle';
+export { Image } from './Image';

package/dist/components/index.d.ts

@@ -1,31 +1,25 @@
-export * from './BestRoute';
-export * from './BlockchainSelector';
-export * from './Button';
-export * from './Checkbox';
-export * from './Chip';
-export * from './ConnectWalletsModal';
-export * from './Icon';
-export * from './LiquiditySourcesSelector';
-export * from './Modal';
-export * from './SecondaryPage';
-export * from './SelectableWalletList';
-export * from './Settings';
-export * from './Spacer';
-export * from './Spinner';
-export * from './StepDetail';
-export * from './SwapContainer';
-export * from './SwapDetail';
-export * from './Switch';
-export * from './TextField';
-export * from './TokenSelector';
-export * from './Tooltip';
-export * from './Typography';
-export * from './Wallet';
-export * from './Alert';
-export * from './ColorPicker';
-export * from './Radio';
-export * from './TokenList';
-export * from './common';
-export * from './Drawer';
-export * from './Header';
-export * from './Divider';
+export * from './BestRoute';
+export * from './Button';
+export * from './Checkbox';
+export * from './Chip';
+export * from './Icon';
+export * from './Modal';
+export * from './SecondaryPage';
+export * from './SelectableWalletList';
+export * from './Spinner';
+export * from './StepDetail';
+export * from './SwapContainer';
+export * from './SwapDetail';
+export * from './Switch';
+export * from './TextField';
+export * from './Tooltip';
+export * from './Typography';
+export * from './Wallet';
+export * from './Alert';
+export * from './ColorPicker';
+export * from './Radio';
+export * from './TokenList';
+export * from './common';
+export * from './Drawer';
+export * from './Header';
+export * from './Divider';

package/dist/{components → containers}/BlockchainSelector/BlockchainSelector.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { BlockchainMeta } from 'rango-sdk';
-import { CSSProperties } from '@stitches/react';
-import { LoadingStatus } from '../../types/meta';
-export interface PropTypes {
-    type?: 'Source' | 'Destination';
-    list: BlockchainMeta[];
-    selected?: BlockchainMeta | null;
-    onChange: (blockchain: BlockchainMeta) => void;
-    onBack?: () => void;
-    loadingStatus: LoadingStatus;
-    hasHeader?: boolean;
-    listContainerStyle?: CSSProperties;
-    multiSelect?: boolean;
-    selectedList?: BlockchainMeta[] | 'all';
-}
-export declare function BlockchainSelector(props: PropTypes): JSX.Element;
+/// <reference types="react" />
+import { BlockchainMeta } from 'rango-sdk';
+import { CSSProperties } from '@stitches/react';
+import { LoadingStatus } from '../../types/meta';
+export interface PropTypes {
+    type?: 'Source' | 'Destination';
+    list: BlockchainMeta[];
+    selected?: BlockchainMeta | null;
+    onChange: (blockchain: BlockchainMeta) => void;
+    onBack?: () => void;
+    loadingStatus: LoadingStatus;
+    hasHeader?: boolean;
+    listContainerStyle?: CSSProperties;
+    multiSelect?: boolean;
+    selectedList?: BlockchainMeta[] | 'all';
+}
+export declare function BlockchainSelector(props: PropTypes): JSX.Element;

package/dist/{components → containers}/BlockchainSelector/BlockchainSelector.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { PropTypes } from './BlockchainSelector';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+/// <reference types="react" />
+import { PropTypes } from './BlockchainSelector';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts

@@ -1,22 +1,22 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import { SelectableWallet } from '../../types';
-declare type Message = string | ReactNode;
-export interface PropTypes {
-    onBack: () => void;
-    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    confirmDisabled?: boolean;
-    loading?: boolean;
-    requiredWallets: string[];
-    selectableWallets: SelectableWallet[];
-    onChange: (w: SelectableWallet) => void;
-    isExperimentalChain?: (wallet: string) => boolean;
-    handleConnectChain?: (wallet: string) => void;
-    previewInputs?: ReactNode;
-    previewRoutes?: ReactNode;
-    confirmButtonTitle: string;
-    errors?: Message[];
-    warnings?: Message[];
-    extraMessages?: ReactNode;
-}
-export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): JSX.Element;
-export {};
+import React, { PropsWithChildren, ReactNode } from 'react';
+import { SelectableWallet } from '../../types';
+type Message = string | ReactNode;
+export interface PropTypes {
+    onBack: () => void;
+    onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    requiredWallets: string[];
+    selectableWallets: SelectableWallet[];
+    onChange: (w: SelectableWallet) => void;
+    isExperimentalChain?: (wallet: string) => boolean;
+    handleConnectChain?: (wallet: string) => void;
+    previewInputs?: ReactNode;
+    previewRoutes?: ReactNode;
+    confirmButtonTitle: string;
+    errors?: Message[];
+    warnings?: Message[];
+    extraMessages?: ReactNode;
+}
+export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): JSX.Element;
+export {};

package/dist/containers/ConfirmSwap/ConfirmSwap.stories.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
-import { PropTypes } from './ConfirmSwap';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
-export default _default;
-export declare const Main: (props: PropTypes) => JSX.Element;
-export declare const With5Wallets: (props: PropTypes) => JSX.Element;
+import { PropTypes } from './ConfirmSwap';
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;
+export declare const With5Wallets: (props: PropTypes) => JSX.Element;

package/dist/containers/ConfirmSwap/index.d.ts

@@ -1 +1 @@
-export { ConfirmSwap } from './ConfirmSwap';
+export { ConfirmSwap } from './ConfirmSwap';

package/dist/containers/ConfirmSwap/mock.d.ts

@@ -1,5 +1,5 @@
-import { BestRouteType } from '../../types/swaps';
-import { SelectableWallet } from '../../types';
-export declare const bestRoute: BestRouteType;
-export declare const wallets: SelectableWallet[];
-export declare const exampleFor5Wallets: SelectableWallet[];
+import { BestRouteType } from '../../types/swaps';
+import { SelectableWallet } from '../../types';
+export declare const bestRoute: BestRouteType;
+export declare const wallets: SelectableWallet[];
+export declare const exampleFor5Wallets: SelectableWallet[];

package/dist/{components → containers}/ConnectWalletsModal/ConnectWallets.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { PropTypes } from './ConnectWalletsModal';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
-export default _default;
-export declare const Main: (args: PropTypes) => JSX.Element;
+/// <reference types="react" />
+import { PropTypes } from './ConnectWalletsModal';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
+export default _default;
+export declare const Main: (args: PropTypes) => JSX.Element;

package/dist/{components → containers}/ConnectWalletsModal/ConnectWalletsModal.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { WalletInfo } from '../../types/wallet';
-import { WalletType } from '@rango-dev/wallets-shared';
-export interface PropTypes {
-    open: boolean;
-    list: WalletInfo[];
-    onSelect: (walletType: WalletType) => void;
-    onClose: () => void;
-    error?: string;
-}
-export declare function ConnectWalletsModal(props: PropTypes): JSX.Element;
+/// <reference types="react" />
+import { WalletInfo } from '../../types/wallet';
+import { WalletType } from '@rango-dev/wallets-shared';
+export interface PropTypes {
+    open: boolean;
+    list: WalletInfo[];
+    onSelect: (walletType: WalletType) => void;
+    onClose: () => void;
+    error?: string;
+}
+export declare function ConnectWalletsModal(props: PropTypes): JSX.Element;

package/dist/{components → containers}/ConnectWalletsModal/mockData.d.ts

@@ -1,2 +1,2 @@
-import { WalletInfo } from '../../types/wallet';
-export declare const walletsInfo: WalletInfo[];
+import { WalletInfo } from '../../types/wallet';
+export declare const walletsInfo: WalletInfo[];

package/dist/containers/History/History.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
-export declare type PropTypes = SwapsGroupPropTypes & {
-    loading: boolean;
-};
-export declare function History(props: PropsWithChildren<PropTypes>): JSX.Element;
+import { PropsWithChildren } from 'react';
+import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
+export type PropTypes = SwapsGroupPropTypes & {
+    loading: boolean;
+};
+export declare function History(props: PropsWithChildren<PropTypes>): JSX.Element;

package/dist/containers/History/History.stories.d.ts

@@ -1,5 +1,9 @@
-import React from 'react';
-import { PropTypes } from './History';
-declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
-export default _default;
-export declare const Main: (props: PropTypes) => JSX.Element;
+import React from 'react';
+import { PropTypes } from './History';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./SwapsGroup").PropTypes & {
+    loading: boolean;
+} & {
+    children?: React.ReactNode;
+}>;
+export default _default;
+export declare const Main: (props: PropTypes) => JSX.Element;