@0xsquid/ui
Advanced tools
Comparing version 0.4.1 to 0.4.2
interface UsdAmountProps { | ||
usdAmount: number; | ||
usdAmount: string; | ||
} | ||
export declare function UsdAmount({ usdAmount }: UsdAmountProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -8,4 +8,5 @@ interface AssetsButtonProps { | ||
tokenTextColor?: string; | ||
onClick?: () => void; | ||
} | ||
export declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, onClick, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -1,7 +0,11 @@ | ||
import { DetailsToolbarState } from '../../types/components'; | ||
import { BoostMode, DetailsToolbarState } from '../../types/components'; | ||
interface DetailsToolbarProps { | ||
state?: DetailsToolbarState; | ||
errorMessage: string; | ||
boostMode?: BoostMode; | ||
onToggleBoostMode?: ({ boostMode }: { | ||
boostMode: BoostMode; | ||
}) => void; | ||
} | ||
export declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -0,7 +1,8 @@ | ||
/// <reference types="react" /> | ||
import { SwapDirection } from '../../types/components'; | ||
interface SwapConfigurationProps { | ||
direction: SwapDirection; | ||
priceImpactPercentage?: number; | ||
amount?: number; | ||
swapAmountUsd?: number; | ||
priceImpactPercentage?: string; | ||
amount?: string; | ||
swapAmountUsd?: string; | ||
balance?: string; | ||
@@ -19,4 +20,8 @@ isFetching?: boolean; | ||
}; | ||
address?: string; | ||
onAmountChange?: (event: React.ChangeEvent<HTMLInputElement>) => void; | ||
onWalletButtonClick?: () => void; | ||
onAssetsButtonClick?: () => void; | ||
} | ||
export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -17,8 +17,3 @@ /// <reference types="react" /> | ||
}; | ||
export declare enum DetailsToolbarState { | ||
FULL = 0, | ||
LOADING = 1, | ||
EMPTY = 2, | ||
ERROR = 3 | ||
} | ||
export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error'; | ||
export type ThemeType = 'light' | 'dark'; |
interface UsdAmountProps { | ||
usdAmount: number; | ||
usdAmount: string; | ||
} | ||
export declare function UsdAmount({ usdAmount }: UsdAmountProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -8,4 +8,5 @@ interface AssetsButtonProps { | ||
tokenTextColor?: string; | ||
onClick?: () => void; | ||
} | ||
export declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, onClick, }: AssetsButtonProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -1,7 +0,11 @@ | ||
import { DetailsToolbarState } from '../../types/components'; | ||
import { BoostMode, DetailsToolbarState } from '../../types/components'; | ||
interface DetailsToolbarProps { | ||
state?: DetailsToolbarState; | ||
errorMessage: string; | ||
boostMode?: BoostMode; | ||
onToggleBoostMode?: ({ boostMode }: { | ||
boostMode: BoostMode; | ||
}) => void; | ||
} | ||
export declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -0,7 +1,8 @@ | ||
/// <reference types="react" /> | ||
import { SwapDirection } from '../../types/components'; | ||
interface SwapConfigurationProps { | ||
direction: SwapDirection; | ||
priceImpactPercentage?: number; | ||
amount?: number; | ||
swapAmountUsd?: number; | ||
priceImpactPercentage?: string; | ||
amount?: string; | ||
swapAmountUsd?: string; | ||
balance?: string; | ||
@@ -19,4 +20,8 @@ isFetching?: boolean; | ||
}; | ||
address?: string; | ||
onAmountChange?: (event: React.ChangeEvent<HTMLInputElement>) => void; | ||
onWalletButtonClick?: () => void; | ||
onAssetsButtonClick?: () => void; | ||
} | ||
export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element; | ||
export declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element; | ||
export {}; |
@@ -17,8 +17,3 @@ /// <reference types="react" /> | ||
}; | ||
export declare enum DetailsToolbarState { | ||
FULL = 0, | ||
LOADING = 1, | ||
EMPTY = 2, | ||
ERROR = 3 | ||
} | ||
export type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error'; | ||
export type ThemeType = 'light' | 'dark'; |
@@ -16,3 +16,3 @@ /// <reference types="react" /> | ||
interface UsdAmountProps { | ||
usdAmount: number; | ||
usdAmount: string; | ||
} | ||
@@ -42,4 +42,5 @@ declare function UsdAmount({ usdAmount }: UsdAmountProps): react_jsx_runtime.JSX.Element; | ||
tokenTextColor?: string; | ||
onClick?: () => void; | ||
} | ||
declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, }: AssetsButtonProps): react_jsx_runtime.JSX.Element; | ||
declare function AssetsButton({ chainImageUrl, tokenImageUrl, tokenSymbol, chainBgColor, tokenBgColor, tokenTextColor, onClick, }: AssetsButtonProps): react_jsx_runtime.JSX.Element; | ||
@@ -61,8 +62,3 @@ type TextSize = 'small' | 'medium' | 'large'; | ||
}; | ||
declare enum DetailsToolbarState { | ||
FULL = 0, | ||
LOADING = 1, | ||
EMPTY = 2, | ||
ERROR = 3 | ||
} | ||
type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error'; | ||
type ThemeType = 'light' | 'dark'; | ||
@@ -145,4 +141,8 @@ | ||
errorMessage: string; | ||
boostMode?: BoostMode; | ||
onToggleBoostMode?: ({ boostMode }: { | ||
boostMode: BoostMode; | ||
}) => void; | ||
} | ||
declare function DetailsToolbar({ state, errorMessage, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element; | ||
declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element; | ||
@@ -180,5 +180,5 @@ type Rounded = 'sm' | 'lg'; | ||
direction: SwapDirection; | ||
priceImpactPercentage?: number; | ||
amount?: number; | ||
swapAmountUsd?: number; | ||
priceImpactPercentage?: string; | ||
amount?: string; | ||
swapAmountUsd?: string; | ||
balance?: string; | ||
@@ -196,4 +196,8 @@ isFetching?: boolean; | ||
}; | ||
address?: string; | ||
onAmountChange?: (event: React.ChangeEvent<HTMLInputElement>) => void; | ||
onWalletButtonClick?: () => void; | ||
onAssetsButtonClick?: () => void; | ||
} | ||
declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element; | ||
declare function SwapConfiguration({ priceImpactPercentage, amount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, address, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element; | ||
@@ -200,0 +204,0 @@ interface SwapProgressViewHeaderProps { |
@@ -8,3 +8,3 @@ { | ||
"description": "Squid's UI components", | ||
"version": "0.4.1", | ||
"version": "0.4.2", | ||
"author": "", | ||
@@ -58,4 +58,4 @@ "license": "MIT", | ||
"@types/color": "^3.0.6", | ||
"@types/react": "^18.3.1", | ||
"@types/react-dom": "^18.3.0", | ||
"@types/react": "^18", | ||
"@types/react-dom": "^18", | ||
"@typescript-eslint/eslint-plugin": "^6.4.0", | ||
@@ -107,5 +107,5 @@ "autoprefixer": "10.4.18", | ||
"peerDependencies": { | ||
"react": "^18.3.1", | ||
"react-dom": "^18.3.1" | ||
"react": "^16.0.0 || ^17.0.0 || ^18.0.0", | ||
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0" | ||
} | ||
} |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
552552
11036