@rango-dev/ui 0.1.13 → 0.1.14-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/components/Alert/Alert.d.ts +7 -7
- package/dist/components/Alert/Alert.stories.d.ts +7 -5
- package/dist/components/Alert/LoadingFailedAlert.d.ts +2 -2
- package/dist/components/Alert/NotFoundAlert.d.ts +7 -7
- package/dist/components/Alert/index.d.ts +2 -2
- package/dist/components/BestRoute/BestRoute.d.ts +15 -12
- package/dist/components/BestRoute/BestRoute.stories.d.ts +9 -8
- package/dist/components/BestRoute/index.d.ts +1 -1
- package/dist/components/BestRoute/mock.d.ts +4 -4
- package/dist/components/BlockchainSelector/BlockchainSelector.d.ts +17 -17
- package/dist/components/BlockchainSelector/BlockchainSelector.stories.d.ts +6 -5
- package/dist/components/BlockchainSelector/index.d.ts +1 -1
- package/dist/components/BlockchainsList/BlockchainsList.d.ts +10 -10
- package/dist/components/BlockchainsList/BlockchainsList.stories.d.ts +6 -5
- package/dist/components/BlockchainsList/index.d.ts +1 -1
- package/dist/components/BlockchainsList/mockData.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +17 -17
- package/dist/components/Button/Button.stories.d.ts +9 -8
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +11 -11
- package/dist/components/Checkbox/Checkbox.stories.d.ts +6 -5
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Chip/Chip.d.ts +12 -12
- package/dist/components/Chip/Chip.stories.d.ts +8 -7
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +9 -9
- package/dist/components/ColorPicker/ColorPicker.stories.d.ts +6 -5
- package/dist/components/ColorPicker/index.d.ts +1 -1
- package/dist/components/ConnectWalletsModal/ConnectWallets.stories.d.ts +6 -5
- package/dist/components/ConnectWalletsModal/ConnectWalletsModal.d.ts +11 -11
- package/dist/components/ConnectWalletsModal/index.d.ts +1 -1
- package/dist/components/ConnectWalletsModal/mockData.d.ts +2 -2
- package/dist/components/Divider/Divider.d.ts +6 -6
- package/dist/components/Divider/index.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts +13 -13
- package/dist/components/Drawer/Drawer.stories.d.ts +9 -8
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Header/Header.d.ts +9 -9
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Icon/AddCircleIcon.d.ts +3 -3
- package/dist/components/Icon/AddIcon.d.ts +3 -3
- package/dist/components/Icon/AddWalletIcon.d.ts +3 -3
- package/dist/components/Icon/AngleDownIcon.d.ts +3 -3
- package/dist/components/Icon/AngleLeftIcon.d.ts +3 -3
- package/dist/components/Icon/AngleRightIcon.d.ts +3 -3
- package/dist/components/Icon/AngleUpIcon.d.ts +3 -3
- package/dist/components/Icon/ArrowRightIcon.d.ts +3 -3
- package/dist/components/Icon/BagIcon.d.ts +3 -3
- package/dist/components/Icon/BanIcon.d.ts +3 -3
- package/dist/components/Icon/CheckCircleIcon.d.ts +3 -3
- package/dist/components/Icon/CheckIcon.d.ts +3 -3
- package/dist/components/Icon/CheckSquareIcon.d.ts +3 -3
- package/dist/components/Icon/CheckWalletIcon.d.ts +3 -3
- package/dist/components/Icon/ChevronRightIcon.d.ts +3 -3
- package/dist/components/Icon/CloseIcon.d.ts +112 -1
- package/dist/components/Icon/CopyIcon.d.ts +3 -3
- package/dist/components/Icon/DeleteCircleIcon.d.ts +3 -3
- package/dist/components/Icon/DeleteWalletIcon.d.ts +3 -3
- package/dist/components/Icon/DisconnectIcon.d.ts +3 -3
- package/dist/components/Icon/DownloadIcon.d.ts +3 -3
- package/dist/components/Icon/GasIcon.d.ts +3 -3
- package/dist/components/Icon/HistoryIcon.d.ts +3 -3
- package/dist/components/Icon/HorizontalSwapIcon.d.ts +3 -3
- package/dist/components/Icon/Icons.stories.d.ts +6 -5
- package/dist/components/Icon/InfoCircleIcon.d.ts +3 -3
- package/dist/components/Icon/MinusCircleIcon.d.ts +3 -3
- package/dist/components/Icon/RetryIcon.d.ts +3 -3
- package/dist/components/Icon/RetryLeftIcon.d.ts +3 -3
- package/dist/components/Icon/RetryRightIcon.d.ts +3 -3
- package/dist/components/Icon/SearchIcon.d.ts +3 -3
- package/dist/components/Icon/SearchMinusIcon.d.ts +3 -3
- package/dist/components/Icon/SettingIcon.d.ts +3 -3
- package/dist/components/Icon/SignatureIcon.d.ts +3 -3
- package/dist/components/Icon/SwapWalletIcon.d.ts +3 -3
- package/dist/components/Icon/TimeIcon.d.ts +3 -3
- package/dist/components/Icon/TrashIcon.d.ts +3 -3
- package/dist/components/Icon/TryAgainIcon.d.ts +3 -3
- package/dist/components/Icon/VerticalSwapIcon.d.ts +3 -3
- package/dist/components/Icon/WalletIconIcon.d.ts +3 -3
- package/dist/components/Icon/WarningIcon.d.ts +3 -3
- package/dist/components/Icon/common.d.ts +228 -2
- package/dist/components/Icon/index.d.ts +40 -40
- package/dist/components/Icon/types.d.ts +7 -7
- package/dist/components/LiquiditySourceList/LiquiditySource.stories.d.ts +6 -5
- package/dist/components/LiquiditySourceList/LiquiditySourceList.d.ts +11 -11
- package/dist/components/LiquiditySourceList/index.d.ts +1 -1
- package/dist/components/LiquiditySourceList/mockData.d.ts +2 -2
- package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts +13 -13
- package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts +6 -5
- package/dist/components/LiquiditySourcesSelector/index.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +11 -11
- package/dist/components/Modal/Modal.stories.d.ts +6 -5
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Radio/Radio.d.ts +13 -13
- package/dist/components/Radio/Radio.stories.d.ts +6 -5
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/SecondaryPage/SecondaryPage.d.ts +16 -16
- package/dist/components/SecondaryPage/SecondaryPage.stories.d.ts +4 -2
- package/dist/components/SecondaryPage/index.d.ts +1 -1
- package/dist/components/SelectableWalletList/SelectableWalletList.d.ts +7 -7
- package/dist/components/SelectableWalletList/SelectableWalletList.stories.d.ts +6 -5
- package/dist/components/SelectableWalletList/index.d.ts +1 -1
- package/dist/components/SelectableWalletList/mock.d.ts +2 -2
- package/dist/components/Settings/Settings.d.ts +24 -23
- package/dist/components/Settings/Settings.stories.d.ts +6 -5
- package/dist/components/Settings/index.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +6 -6
- package/dist/components/Skeleton/Skeleton.stories.d.ts +6 -5
- package/dist/components/Skeleton/index.d.ts +1 -1
- package/dist/components/Spacer/Spacer.d.ts +6 -6
- package/dist/components/Spacer/Spacer.stories.d.ts +6 -5
- package/dist/components/Spacer/index.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts +6 -6
- package/dist/components/Spinner/Spinner.stories.d.ts +6 -5
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/StatusDrawer/StatusDrawer.d.ts +11 -11
- package/dist/components/StatusDrawer/StatusDrawer.stories.d.ts +6 -5
- package/dist/components/StatusDrawer/index.d.ts +1 -1
- package/dist/components/StepDetail/StepDetail.d.ts +12 -12
- package/dist/components/StepDetail/StepDetail.stories.d.ts +6 -5
- package/dist/components/StepDetail/index.d.ts +1 -1
- package/dist/components/SwapContainer/SwapContainer.d.ts +7 -7
- package/dist/components/SwapContainer/SwapContainer.stories.d.ts +6 -5
- package/dist/components/SwapContainer/index.d.ts +1 -1
- package/dist/components/SwapDetail/SwapDetail.d.ts +8 -8
- package/dist/components/SwapDetail/SwapDetail.stories.d.ts +6 -5
- package/dist/components/SwapDetail/Token.d.ts +17 -17
- package/dist/components/SwapDetail/index.d.ts +1 -1
- package/dist/components/SwapDetail/mock.d.ts +2 -2
- package/dist/components/Switch/Switch.d.ts +6 -6
- package/dist/components/Switch/Switch.stories.d.ts +6 -5
- package/dist/components/Switch/index.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +10 -10
- package/dist/components/TextField/TextField.stories.d.ts +8 -7
- package/dist/components/TextField/index.d.ts +1 -1
- package/dist/components/TokenList/TokenItem.d.ts +11 -11
- package/dist/components/TokenList/TokenList.d.ts +17 -17
- package/dist/components/TokenList/TokenList.stories.d.ts +6 -5
- package/dist/components/TokenList/index.d.ts +1 -1
- package/dist/components/TokenList/mockData.d.ts +2 -2
- package/dist/components/TokenSelector/TokenSelector.d.ts +124 -14
- package/dist/components/TokenSelector/TokenSelector.stories.d.ts +6 -5
- package/dist/components/TokenSelector/index.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +7 -7
- package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -5
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Typography/Typography.d.ts +18 -18
- package/dist/components/Typography/Typography.stories.d.ts +6 -5
- package/dist/components/Typography/index.d.ts +1 -1
- package/dist/components/VirtualizedList/VirtualizedList.d.ts +17 -17
- package/dist/components/Wallet/State.d.ts +7 -7
- package/dist/components/Wallet/Wallet.d.ts +7 -7
- package/dist/components/Wallet/Wallet.stories.d.ts +6 -5
- package/dist/components/Wallet/index.d.ts +1 -1
- package/dist/components/common/FilledCircle.d.ts +111 -1
- package/dist/components/common/Image.d.ts +6 -6
- package/dist/components/common/index.d.ts +2 -2
- package/dist/components/index.d.ts +31 -31
- package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts +22 -22
- package/dist/containers/ConfirmSwap/ConfirmSwap.stories.d.ts +7 -6
- package/dist/containers/ConfirmSwap/index.d.ts +1 -1
- package/dist/containers/ConfirmSwap/mock.d.ts +5 -5
- package/dist/containers/History/History.d.ts +6 -6
- package/dist/containers/History/History.stories.d.ts +6 -5
- package/dist/containers/History/SwapsGroup.d.ts +13 -13
- package/dist/containers/History/index.d.ts +3 -2
- package/dist/containers/History/mock.d.ts +2 -2
- package/dist/containers/History/types.d.ts +39 -39
- package/dist/containers/SwapHistory/SwapHistory.d.ts +1128 -24
- package/dist/containers/SwapHistory/SwapHistory.stories.d.ts +6 -5
- package/dist/containers/SwapHistory/SwapMessages.d.ts +17 -17
- package/dist/containers/SwapHistory/index.d.ts +1 -1
- package/dist/containers/SwapHistory/mock.d.ts +2 -2
- package/dist/containers/index.d.ts +3 -3
- package/dist/helper/index.d.ts +6 -3
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/useCopyToClipboard.d.ts +1 -1
- package/dist/index.d.ts +6 -5
- package/dist/index.js +20 -8
- package/dist/index.js.map +7 -0
- package/dist/theme.d.ts +928 -8
- package/dist/types/index.d.ts +2 -2
- package/dist/types/meta.d.ts +23 -23
- package/dist/types/swaps.d.ts +29 -29
- package/dist/types/wallet.d.ts +23 -23
- package/package.json +10 -34
- package/src/components/Alert/Alert.tsx +2 -2
- package/src/components/BestRoute/BestRoute.tsx +4 -3
- package/src/components/Button/Button.tsx +42 -42
- package/src/components/Checkbox/Checkbox.tsx +2 -0
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ColorPicker/ColorPicker.stories.tsx +9 -2
- package/src/components/ColorPicker/ColorPicker.tsx +34 -10
- package/src/components/Icon/common.ts +2 -2
- package/src/components/LiquiditySourceList/LiquiditySourceList.tsx +2 -2
- package/src/components/Modal/Modal.tsx +3 -2
- package/src/components/Radio/Radio.tsx +2 -2
- package/src/components/SelectableWalletList/SelectableWalletList.tsx +5 -5
- package/src/components/Settings/Settings.tsx +22 -18
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/Spinner/Spinner.tsx +1 -1
- package/src/components/StepDetail/StepDetail.tsx +4 -4
- package/src/components/SwapContainer/SwapContainer.tsx +3 -3
- package/src/components/SwapDetail/SwapDetail.tsx +1 -1
- package/src/components/SwapDetail/Token.tsx +2 -2
- package/src/components/Switch/Switch.tsx +2 -2
- package/src/components/TextField/TextField.tsx +3 -3
- package/src/components/TokenList/TokenItem.tsx +1 -1
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/containers/ConfirmSwap/ConfirmSwap.tsx +4 -4
- package/src/containers/History/SwapsGroup.tsx +1 -1
- package/src/containers/History/index.ts +2 -1
- package/src/containers/History/types.tsx +1 -1
- package/src/containers/SwapHistory/SwapHistory.tsx +5 -5
- package/src/helper/index.ts +75 -0
- package/src/index.ts +1 -0
- package/src/theme.ts +34 -36
- package/src/types/index.ts +1 -1
- package/dist/ui.cjs.development.js +0 -5094
- package/dist/ui.cjs.development.js.map +0 -1
- package/dist/ui.cjs.production.min.js +0 -2
- package/dist/ui.cjs.production.min.js.map +0 -1
- package/dist/ui.esm.js +0 -5005
- package/dist/ui.esm.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CSSProperties } from '@stitches/react';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
export interface PropTypes {
|
|
4
|
-
style?: CSSProperties;
|
|
5
|
-
fixedHeight?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function SwapContainer(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
1
|
+
import { CSSProperties } from '@stitches/react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export interface PropTypes {
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
fixedHeight?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function SwapContainer(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { SwapContainer, PropTypes } from './SwapContainer';
|
|
4
|
+
declare const _default: ComponentMeta<typeof SwapContainer>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { SwapContainer } from './SwapContainer';
|
|
1
|
+
export { SwapContainer } from './SwapContainer';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { PendingSwap } from '../../containers/History/types';
|
|
3
|
-
export interface PropTypes {
|
|
4
|
-
swap: PendingSwap;
|
|
5
|
-
status: 'running' | 'failed' | 'success';
|
|
6
|
-
onClick: (requestId: string) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function SwapDetail({ swap, status, onClick, }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { PendingSwap } from '../../containers/History/types';
|
|
3
|
+
export interface PropTypes {
|
|
4
|
+
swap: PendingSwap;
|
|
5
|
+
status: 'running' | 'failed' | 'success';
|
|
6
|
+
onClick: (requestId: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function SwapDetail({ swap, status, onClick, }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { SwapDetail, PropTypes } from './SwapDetail';
|
|
4
|
+
declare const _default: ComponentMeta<typeof SwapDetail>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (props: PropTypes) => JSX.Element;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface PropTypes {
|
|
3
|
-
data: {
|
|
4
|
-
token: {
|
|
5
|
-
logo: string;
|
|
6
|
-
symbol: string;
|
|
7
|
-
};
|
|
8
|
-
blockchain: {
|
|
9
|
-
logo: string;
|
|
10
|
-
name: string;
|
|
11
|
-
};
|
|
12
|
-
amount: string;
|
|
13
|
-
estimatedAmount?: string;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export declare function Token(props: PropTypes): JSX.Element;
|
|
17
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface PropTypes {
|
|
3
|
+
data: {
|
|
4
|
+
token: {
|
|
5
|
+
logo: string;
|
|
6
|
+
symbol: string;
|
|
7
|
+
};
|
|
8
|
+
blockchain: {
|
|
9
|
+
logo: string;
|
|
10
|
+
name: string;
|
|
11
|
+
};
|
|
12
|
+
amount: string;
|
|
13
|
+
estimatedAmount?: string;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export declare function Token(props: PropTypes): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { SwapDetail } from './SwapDetail';
|
|
1
|
+
export { SwapDetail } from './SwapDetail';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { PendingSwap } from '../../containers/History/types';
|
|
2
|
-
export declare const swap: PendingSwap;
|
|
1
|
+
import { PendingSwap } from '../../containers/History/types';
|
|
2
|
+
export declare const swap: PendingSwap;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface PropTypes {
|
|
3
|
-
checked: boolean;
|
|
4
|
-
onChange?: (checked: boolean) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare function Switch(props: PropTypes): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface PropTypes {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
onChange?: (checked: boolean) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function Switch(props: PropTypes): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Switch, PropTypes } from './Switch';
|
|
4
|
+
declare const _default: ComponentMeta<typeof Switch>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Switch } from './Switch';
|
|
1
|
+
export { Switch } from './Switch';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export
|
|
3
|
-
label?: string;
|
|
4
|
-
prefix?: React.ReactNode;
|
|
5
|
-
suffix?: React.ReactNode;
|
|
6
|
-
size?: 'small' | 'medium' | 'large';
|
|
7
|
-
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {
|
|
8
|
-
ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
9
|
-
};
|
|
10
|
-
export declare const TextField: React.ForwardRefExoticComponent<
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type PropTypes = {
|
|
3
|
+
label?: string;
|
|
4
|
+
prefix?: React.ReactNode;
|
|
5
|
+
suffix?: React.ReactNode;
|
|
6
|
+
size?: 'small' | 'medium' | 'large';
|
|
7
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {
|
|
8
|
+
ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
|
|
9
|
+
};
|
|
10
|
+
export declare const TextField: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PropTypes>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { PropTypes } from './TextField';
|
|
4
|
+
declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PropTypes>, "ref"> & React.RefAttributes<HTMLInputElement>>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|
|
7
|
+
export declare const WithPrefix: (args: PropTypes) => JSX.Element;
|
|
8
|
+
export declare const WithSuffix: (args: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { TextField } from './TextField';
|
|
1
|
+
export { TextField } from './TextField';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Token } from 'rango-sdk';
|
|
2
|
-
import { CSSProperties } from 'react';
|
|
3
|
-
import { TokenWithAmount } from './TokenList';
|
|
4
|
-
interface PropTypes {
|
|
5
|
-
token: TokenWithAmount;
|
|
6
|
-
selected: boolean;
|
|
7
|
-
onClick: (token: Token) => void;
|
|
8
|
-
style?: CSSProperties;
|
|
9
|
-
}
|
|
10
|
-
export declare function TokenItem(props: PropTypes): JSX.Element;
|
|
11
|
-
export {};
|
|
1
|
+
import { Token } from 'rango-sdk';
|
|
2
|
+
import { CSSProperties } from 'react';
|
|
3
|
+
import { TokenWithAmount } from './TokenList';
|
|
4
|
+
interface PropTypes {
|
|
5
|
+
token: TokenWithAmount;
|
|
6
|
+
selected: boolean;
|
|
7
|
+
onClick: (token: Token) => void;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare function TokenItem(props: PropTypes): JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Asset, Token } from 'rango-sdk';
|
|
3
|
-
export interface TokenWithAmount extends Token {
|
|
4
|
-
balance?: {
|
|
5
|
-
amount: string;
|
|
6
|
-
usdValue: string;
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
export interface PropTypes {
|
|
10
|
-
list: TokenWithAmount[];
|
|
11
|
-
selected?: TokenWithAmount | null;
|
|
12
|
-
searchedText: string;
|
|
13
|
-
onChange: (token: TokenWithAmount) => void;
|
|
14
|
-
multiSelect?: boolean;
|
|
15
|
-
selectedList?: Asset[];
|
|
16
|
-
}
|
|
17
|
-
export declare function TokenList(props: PropTypes): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Asset, Token } from 'rango-sdk';
|
|
3
|
+
export interface TokenWithAmount extends Token {
|
|
4
|
+
balance?: {
|
|
5
|
+
amount: string;
|
|
6
|
+
usdValue: string;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
export interface PropTypes {
|
|
10
|
+
list: TokenWithAmount[];
|
|
11
|
+
selected?: TokenWithAmount | null;
|
|
12
|
+
searchedText: string;
|
|
13
|
+
onChange: (token: TokenWithAmount) => void;
|
|
14
|
+
multiSelect?: boolean;
|
|
15
|
+
selectedList?: Asset[];
|
|
16
|
+
}
|
|
17
|
+
export declare function TokenList(props: PropTypes): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { TokenList, PropTypes } from './TokenList';
|
|
4
|
+
declare const _default: ComponentMeta<typeof TokenList>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { TokenList } from './TokenList';
|
|
1
|
+
export { TokenList } from './TokenList';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { TokenWithAmount } from './TokenList';
|
|
2
|
-
export declare const tokensMeta: TokenWithAmount[];
|
|
1
|
+
import { TokenWithAmount } from './TokenList';
|
|
2
|
+
export declare const tokensMeta: TokenWithAmount[];
|
|
@@ -1,14 +1,124 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TokenWithAmount } from '../TokenList/TokenList';
|
|
3
|
-
import { LoadingStatus } from '../../types/meta';
|
|
4
|
-
export declare const LoaderContainer:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TokenWithAmount } from '../TokenList/TokenList';
|
|
3
|
+
import { LoadingStatus } from '../../types/meta';
|
|
4
|
+
export declare const LoaderContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
9
|
+
sm: string;
|
|
10
|
+
md: string;
|
|
11
|
+
lg: string;
|
|
12
|
+
}, {
|
|
13
|
+
colors: {
|
|
14
|
+
primary: string;
|
|
15
|
+
primary100: string;
|
|
16
|
+
primary200: string;
|
|
17
|
+
primary300: string;
|
|
18
|
+
primary400: string;
|
|
19
|
+
primary500: string;
|
|
20
|
+
primary600: string;
|
|
21
|
+
primary700: string;
|
|
22
|
+
primary800: string;
|
|
23
|
+
primary900: string;
|
|
24
|
+
surface: string;
|
|
25
|
+
neutral100: string;
|
|
26
|
+
neutral200: string;
|
|
27
|
+
neutral300: string;
|
|
28
|
+
neutral400: string;
|
|
29
|
+
neutral500: string;
|
|
30
|
+
neutral600: string;
|
|
31
|
+
neutral700: string;
|
|
32
|
+
neutral800: string;
|
|
33
|
+
neutral900: string;
|
|
34
|
+
background: string;
|
|
35
|
+
foreground: string;
|
|
36
|
+
success: string;
|
|
37
|
+
success100: string;
|
|
38
|
+
success300: string;
|
|
39
|
+
success500: string;
|
|
40
|
+
success700: string;
|
|
41
|
+
warning: string;
|
|
42
|
+
warning100: string;
|
|
43
|
+
warning300: string;
|
|
44
|
+
warning500: string;
|
|
45
|
+
warning700: string;
|
|
46
|
+
error: string;
|
|
47
|
+
error100: string;
|
|
48
|
+
error300: string;
|
|
49
|
+
error500: string;
|
|
50
|
+
error700: string;
|
|
51
|
+
white: string;
|
|
52
|
+
};
|
|
53
|
+
space: {
|
|
54
|
+
2: string;
|
|
55
|
+
4: string;
|
|
56
|
+
6: string;
|
|
57
|
+
8: string;
|
|
58
|
+
10: string;
|
|
59
|
+
12: string;
|
|
60
|
+
16: string;
|
|
61
|
+
20: string;
|
|
62
|
+
24: string;
|
|
63
|
+
28: string;
|
|
64
|
+
30: string;
|
|
65
|
+
32: string;
|
|
66
|
+
};
|
|
67
|
+
fontSizes: {
|
|
68
|
+
10: string;
|
|
69
|
+
12: string;
|
|
70
|
+
14: string;
|
|
71
|
+
16: string;
|
|
72
|
+
18: string;
|
|
73
|
+
20: string;
|
|
74
|
+
24: string;
|
|
75
|
+
32: string;
|
|
76
|
+
36: string;
|
|
77
|
+
40: string;
|
|
78
|
+
48: string;
|
|
79
|
+
};
|
|
80
|
+
fonts: {};
|
|
81
|
+
fontWeights: {
|
|
82
|
+
400: string;
|
|
83
|
+
500: string;
|
|
84
|
+
600: string;
|
|
85
|
+
700: string;
|
|
86
|
+
};
|
|
87
|
+
lineHeights: {};
|
|
88
|
+
letterSpacings: {};
|
|
89
|
+
sizes: {
|
|
90
|
+
4: string;
|
|
91
|
+
6: string;
|
|
92
|
+
8: string;
|
|
93
|
+
12: string;
|
|
94
|
+
16: string;
|
|
95
|
+
20: string;
|
|
96
|
+
24: string;
|
|
97
|
+
28: string;
|
|
98
|
+
32: string;
|
|
99
|
+
36: string;
|
|
100
|
+
40: string;
|
|
101
|
+
48: string;
|
|
102
|
+
};
|
|
103
|
+
borderWidths: {};
|
|
104
|
+
borderStyles: {};
|
|
105
|
+
radii: {
|
|
106
|
+
5: string;
|
|
107
|
+
10: string;
|
|
108
|
+
};
|
|
109
|
+
shadows: {
|
|
110
|
+
s: string;
|
|
111
|
+
};
|
|
112
|
+
zIndices: {};
|
|
113
|
+
transitions: {};
|
|
114
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
115
|
+
export interface PropTypes {
|
|
116
|
+
list: TokenWithAmount[];
|
|
117
|
+
type?: 'Source' | 'Destination';
|
|
118
|
+
selected: TokenWithAmount | null;
|
|
119
|
+
onChange: (token: TokenWithAmount) => void;
|
|
120
|
+
onBack?: () => void;
|
|
121
|
+
loadingStatus: LoadingStatus;
|
|
122
|
+
hasHeader?: boolean;
|
|
123
|
+
}
|
|
124
|
+
export declare function TokenSelector(props: PropTypes): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { TokenSelector, PropTypes } from './TokenSelector';
|
|
4
|
+
declare const _default: ComponentMeta<typeof TokenSelector>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { TokenSelector } from './TokenSelector';
|
|
1
|
+
export { TokenSelector } from './TokenSelector';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
export interface PropTypes {
|
|
3
|
-
content: string;
|
|
4
|
-
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
5
|
-
color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
|
|
6
|
-
}
|
|
7
|
-
export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
export interface PropTypes {
|
|
3
|
+
content: string;
|
|
4
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
5
|
+
color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
|
|
6
|
+
}
|
|
7
|
+
export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Tooltip, PropTypes } from './Tooltip';
|
|
4
|
+
declare const _default: ComponentMeta<typeof Tooltip>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (props: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Tooltip } from './Tooltip';
|
|
1
|
+
export { Tooltip } from './Tooltip';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { CSSProperties } from '@stitches/react';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
export interface PropTypes {
|
|
4
|
-
variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'body1' | 'body2' | 'body3' | 'caption';
|
|
5
|
-
align?: 'center' | 'left' | 'right';
|
|
6
|
-
noWrap?: boolean;
|
|
7
|
-
mt?: 2 | 4 | 8 | 12;
|
|
8
|
-
mb?: 2 | 4 | 8 | 12;
|
|
9
|
-
ml?: 2 | 4 | 8 | 12;
|
|
10
|
-
mr?: 2 | 4 | 8 | 12;
|
|
11
|
-
className?: string;
|
|
12
|
-
style?: CSSProperties;
|
|
13
|
-
color?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare function Typography({ children, className, color, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
16
|
-
export declare namespace Typography {
|
|
17
|
-
var toString: () => string;
|
|
18
|
-
}
|
|
1
|
+
import { CSSProperties } from '@stitches/react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export interface PropTypes {
|
|
4
|
+
variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'body1' | 'body2' | 'body3' | 'caption';
|
|
5
|
+
align?: 'center' | 'left' | 'right';
|
|
6
|
+
noWrap?: boolean;
|
|
7
|
+
mt?: 2 | 4 | 8 | 12;
|
|
8
|
+
mb?: 2 | 4 | 8 | 12;
|
|
9
|
+
ml?: 2 | 4 | 8 | 12;
|
|
10
|
+
mr?: 2 | 4 | 8 | 12;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
color?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function Typography({ children, className, color, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
|
|
16
|
+
export declare namespace Typography {
|
|
17
|
+
var toString: () => string;
|
|
18
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { Typography, PropTypes } from './Typography';
|
|
4
|
+
declare const _default: ComponentMeta<typeof Typography>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (props: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Typography } from './Typography';
|
|
1
|
+
export { Typography } from './Typography';
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { ReactElementType } from 'react-window';
|
|
3
|
-
import { CSSProperties } from '@stitches/react';
|
|
4
|
-
export
|
|
5
|
-
index: number;
|
|
6
|
-
style: CSSProperties | undefined;
|
|
7
|
-
}) => JSX.Element | null;
|
|
8
|
-
|
|
9
|
-
itemCount: number;
|
|
10
|
-
hasNextPage: boolean;
|
|
11
|
-
loadNextPage: () => void;
|
|
12
|
-
Item: VirtualizedListItem;
|
|
13
|
-
innerElementType: ReactElementType | undefined;
|
|
14
|
-
size: number;
|
|
15
|
-
};
|
|
16
|
-
export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
17
|
-
export {};
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { ReactElementType } from 'react-window';
|
|
3
|
+
import { CSSProperties } from '@stitches/react';
|
|
4
|
+
export type VirtualizedListItem = ({ index, style, }: {
|
|
5
|
+
index: number;
|
|
6
|
+
style: CSSProperties | undefined;
|
|
7
|
+
}) => JSX.Element | null;
|
|
8
|
+
type PropTypes = {
|
|
9
|
+
itemCount: number;
|
|
10
|
+
hasNextPage: boolean;
|
|
11
|
+
loadNextPage: () => void;
|
|
12
|
+
Item: VirtualizedListItem;
|
|
13
|
+
innerElementType: ReactElementType | undefined;
|
|
14
|
+
size: number;
|
|
15
|
+
};
|
|
16
|
+
export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { WalletState } from '../../types/wallet';
|
|
3
|
-
import { InstallObjects } from '@rango-dev/wallets-shared';
|
|
4
|
-
export declare const State: ({ walletState, installLink, }: {
|
|
5
|
-
walletState: WalletState;
|
|
6
|
-
installLink: InstallObjects | string;
|
|
7
|
-
}) => JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WalletState } from '../../types/wallet';
|
|
3
|
+
import { InstallObjects } from '@rango-dev/wallets-shared';
|
|
4
|
+
export declare const State: ({ walletState, installLink, }: {
|
|
5
|
+
walletState: WalletState;
|
|
6
|
+
installLink: InstallObjects | string;
|
|
7
|
+
}) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { WalletType } from '@rango-dev/wallets-shared';
|
|
3
|
-
import { WalletInfo } from '../../types/wallet';
|
|
4
|
-
export
|
|
5
|
-
onClick: (walletType: WalletType) => void;
|
|
6
|
-
};
|
|
7
|
-
export declare function Wallet(props: PropTypes): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WalletType } from '@rango-dev/wallets-shared';
|
|
3
|
+
import { WalletInfo } from '../../types/wallet';
|
|
4
|
+
export type PropTypes = WalletInfo & {
|
|
5
|
+
onClick: (walletType: WalletType) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function Wallet(props: PropTypes): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { PropTypes, Wallet } from './Wallet';
|
|
4
|
+
declare const _default: ComponentMeta<typeof Wallet>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (args: PropTypes) => JSX.Element;
|