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

@0xsquid/ui

Package Overview
Dependencies
Maintainers
3
Versions
176
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@0xsquid/ui - npm Package Compare versions

Comparing version 0.7.4 to 0.7.5

dist/cjs/types/types/index.d.ts
dist/esm/types/types/index.d.ts

7

dist/cjs/types/components/layout/DetailsToolbar.d.ts

@@ -1,4 +0,3 @@

import { BoostMode, DetailsToolbarState } from '../../types/components';
import { BoostMode } from '../../types/components';
interface DetailsToolbarProps {
state?: DetailsToolbarState;
errorMessage?: string;

@@ -15,2 +14,4 @@ boostMode?: BoostMode;

boostDisabledMessage?: string;
isLoading?: boolean;
isEmpty?: boolean;
helpButton?: {

@@ -21,3 +22,3 @@ label: string;

}
export declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
export declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
export {};

3

dist/cjs/types/components/layout/SwapConfiguration.d.ts

@@ -28,4 +28,5 @@ import { SwapDirection } from '../../types/components';

};
criticalPriceImpactPercentage?: number;
}
export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
export {};

4

dist/cjs/types/core/themes.d.ts
import { ThemeType } from '../types/components';
import { ConfigTheme } from '../types/config';
import { SquidTheme } from '../types/config';
export type Theme = {

@@ -7,5 +7,5 @@ name: string;

websiteBackgroundColor: string;
theme: ConfigTheme;
theme: SquidTheme;
type: ThemeType;
};
export declare const themes: Theme[];

3

dist/cjs/types/index.d.ts
export * from './components';
export * from './providers';
export * from './hooks';
export * from './providers';
export * from './types';

4

dist/cjs/types/providers/SquidConfigProvider.d.ts
/// <reference types="react" />
import { ConfigTheme } from '../types/config';
import { SquidTheme } from '../types/config';
import { ThemeType } from '../types/components';
export declare function SquidConfigProvider({ theme, children, themeType, }: {
theme: ConfigTheme;
theme: SquidTheme;
children?: React.ReactNode;
themeType?: ThemeType;
}): import("react/jsx-runtime").JSX.Element;

4

dist/cjs/types/services/internal/colorService.d.ts

@@ -1,2 +0,2 @@

import { ConfigTheme } from '../../types/config';
import { SquidTheme } from '../../types/config';
/**

@@ -6,3 +6,3 @@ * Parsing the user readable config to css variables

*/
export declare const getParsedStyle: (style?: ConfigTheme) => {
export declare const getParsedStyle: (style?: SquidTheme) => {
[key: string]: string | undefined;

@@ -9,0 +9,0 @@ } | undefined;

4

dist/cjs/types/types/config.d.ts

@@ -5,3 +5,3 @@ /**

export type ColorType = `#${string}${string}${string}${string}${string}${string}`;
export interface ConfigTheme {
export interface SquidTheme {
'grey-100': string;

@@ -45,4 +45,4 @@ 'grey-200': string;

*/
export declare const themeTypesKeys: Record<keyof ConfigTheme, {
export declare const themeTypesKeys: Record<keyof SquidTheme, {
cssVariable: string;
}>;

7

dist/esm/types/components/layout/DetailsToolbar.d.ts

@@ -1,4 +0,3 @@

import { BoostMode, DetailsToolbarState } from '../../types/components';
import { BoostMode } from '../../types/components';
interface DetailsToolbarProps {
state?: DetailsToolbarState;
errorMessage?: string;

@@ -15,2 +14,4 @@ boostMode?: BoostMode;

boostDisabledMessage?: string;
isLoading?: boolean;
isEmpty?: boolean;
helpButton?: {

@@ -21,3 +22,3 @@ label: string;

}
export declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
export declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, }: DetailsToolbarProps): import("react/jsx-runtime").JSX.Element;
export {};

3

dist/esm/types/components/layout/SwapConfiguration.d.ts

@@ -28,4 +28,5 @@ import { SwapDirection } from '../../types/components';

};
criticalPriceImpactPercentage?: number;
}
export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
export declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): import("react/jsx-runtime").JSX.Element;
export {};

4

dist/esm/types/core/themes.d.ts
import { ThemeType } from '../types/components';
import { ConfigTheme } from '../types/config';
import { SquidTheme } from '../types/config';
export type Theme = {

@@ -7,5 +7,5 @@ name: string;

websiteBackgroundColor: string;
theme: ConfigTheme;
theme: SquidTheme;
type: ThemeType;
};
export declare const themes: Theme[];

3

dist/esm/types/index.d.ts
export * from './components';
export * from './providers';
export * from './hooks';
export * from './providers';
export * from './types';

4

dist/esm/types/providers/SquidConfigProvider.d.ts
/// <reference types="react" />
import { ConfigTheme } from '../types/config';
import { SquidTheme } from '../types/config';
import { ThemeType } from '../types/components';
export declare function SquidConfigProvider({ theme, children, themeType, }: {
theme: ConfigTheme;
theme: SquidTheme;
children?: React.ReactNode;
themeType?: ThemeType;
}): import("react/jsx-runtime").JSX.Element;

4

dist/esm/types/services/internal/colorService.d.ts

@@ -1,2 +0,2 @@

import { ConfigTheme } from '../../types/config';
import { SquidTheme } from '../../types/config';
/**

@@ -6,3 +6,3 @@ * Parsing the user readable config to css variables

*/
export declare const getParsedStyle: (style?: ConfigTheme) => {
export declare const getParsedStyle: (style?: SquidTheme) => {
[key: string]: string | undefined;

@@ -9,0 +9,0 @@ } | undefined;

4

dist/esm/types/types/config.d.ts

@@ -5,3 +5,3 @@ /**

export type ColorType = `#${string}${string}${string}${string}${string}${string}`;
export interface ConfigTheme {
export interface SquidTheme {
'grey-100': string;

@@ -45,4 +45,4 @@ 'grey-200': string;

*/
export declare const themeTypesKeys: Record<keyof ConfigTheme, {
export declare const themeTypesKeys: Record<keyof SquidTheme, {
cssVariable: string;
}>;

25

dist/index.d.ts

@@ -59,3 +59,2 @@ /// <reference types="react" />

};
type DetailsToolbarState = 'full' | 'loading' | 'empty' | 'error';
type ThemeType = 'light' | 'dark';

@@ -156,3 +155,2 @@

interface DetailsToolbarProps {
state?: DetailsToolbarState;
errorMessage?: string;

@@ -169,2 +167,4 @@ boostMode?: BoostMode;

boostDisabledMessage?: string;
isLoading?: boolean;
isEmpty?: boolean;
helpButton?: {

@@ -175,3 +175,3 @@ label: string;

}
declare function DetailsToolbar({ state, errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
declare function DetailsToolbar({ errorMessage, boostMode, onToggleBoostMode, onInvertSwapButtonClick, onFeeButtonClick, feeInUsd, estimatedTime, canToggleBoostMode, boostDisabledMessage, helpButton, isLoading, isEmpty, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;

@@ -330,4 +330,5 @@ interface DropdownMenuItemProps {

};
criticalPriceImpactPercentage?: number;
}
declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
declare function SwapConfiguration({ priceImpactPercentage, amount, forcedAmount, swapAmountUsd, balance, isFetching, chain, token, direction, onAmountChange, onWalletButtonClick, onAssetsButtonClick, onBalanceButtonClick, address, error, criticalPriceImpactPercentage, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;

@@ -376,3 +377,3 @@ interface SwapProgressViewHeaderProps {

interface ConfigTheme {
interface SquidTheme {
'grey-100': string;

@@ -414,3 +415,3 @@ 'grey-200': string;

declare function SquidConfigProvider({ theme, children, themeType, }: {
theme: ConfigTheme;
theme: SquidTheme;
children?: React.ReactNode;

@@ -420,12 +421,2 @@ themeType?: ThemeType;

declare function useModal(props?: {
initialIsModalOpen?: boolean;
}): {
isModalOpen: boolean;
openModal: () => void;
closeModal: () => void;
modalRef: React.RefObject<HTMLDivElement>;
openModalButtonRef: React.RefObject<HTMLButtonElement>;
};
export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount, useModal };
export { AddressButton, ArrowButton, AssetsButton, BadgeImage, BodyText, Boost, BoostButton, Button, CaptionText, Chip, DetailsToolbar, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, ErrorMessage, FeeButton, HeadingText, HistoryItem, Input, ListItem, Menu, MenuItem, Modal, NavigationBar, NumericInput, ProductCard, SectionTitle, SettingsButton, type SettingsButtonProps, SettingsItem, type SettingsItemProps, SettingsSlider, type SettingsSliderProps, SquidConfigProvider, type SquidTheme, SwapConfiguration, SwapDetailListItem, SwapProgressViewHeader, SwapStepItem, SwapStepsCollapsed, Switch, TokenPair, Tooltip, type TooltipThreshold, type TooltipWidth, UsdAmount };

2

package.json

@@ -8,3 +8,3 @@ {

"description": "Squid's UI components",
"version": "0.7.4",
"version": "0.7.5",
"author": "",

@@ -11,0 +11,0 @@ "license": "MIT",

dist/cjs/index.js

Sorry, the diff of this file is too big to display

dist/esm/index.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc