Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@0xsquid/ui

Package Overview
Dependencies
Maintainers
3
Versions
176
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@0xsquid/ui - npm Package Compare versions

Comparing version 0.4.1 to 0.4.2

2

dist/cjs/types/components/badges/UsdAmount.d.ts
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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc