@reown/appkit-ui
Version:
#### 🔗 [Website](https://reown.com/appkit)
88 lines (87 loc) • 5.97 kB
TypeScript
export type ColorType = 'accent-100' | 'error-100' | 'fg-100' | 'fg-150' | 'fg-200' | 'fg-250' | 'fg-300' | 'inherit' | 'inverse-000' | 'inverse-100' | 'success-100' | 'gray-glass-005' | 'gray-glass-020';
export type TextType = 'large-500' | 'large-600' | 'large-700' | 'medium-400' | 'medium-600' | 'medium-title-600' | 'micro-600' | 'title-6-600' | 'micro-700' | 'mini-700' | 'paragraph-400' | 'paragraph-500' | 'paragraph-600' | 'paragraph-700' | 'small-400' | 'small-500' | 'small-600' | 'tiny-400' | 'tiny-500' | 'tiny-600' | '2xl-500';
export type TextAlign = 'center' | 'left' | 'right';
export type LineClamp = '1' | '2';
export type SizeType = 'inherit' | 'xl' | 'lg' | 'md' | 'mdl' | 'sm' | 'xs' | 'xxs' | 'xxl';
export type SpacingType = '0' | '1xs' | '2xl' | '3xl' | '4xl' | '5xl' | '3xs' | '4xs' | 'l' | '2l' | 'm' | 's' | 'xl' | 'xs' | 'xxl' | 'xxs';
export type BorderRadiusType = Exclude<SpacingType, '1xs' | 'xl' | 'xxl'> | 'xs';
export type FlexDirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
export type FlexWrapType = 'nowrap' | 'wrap-reverse' | 'wrap';
export type FlexBasisType = 'auto' | 'content' | 'fit-content' | 'max-content' | 'min-content';
export type FlexGrowType = '0' | '1';
export type FlexShrinkType = '0' | '1';
export type FlexAlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
export type FlexJustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
export interface IWalletImage {
src: string;
walletName?: string;
}
export type GridContentType = 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'start' | 'stretch';
export type GridItemsType = 'center' | 'end' | 'start' | 'stretch';
export type IconType = 'add' | 'allWallets' | 'arrowBottomCircle' | 'appStore' | 'chromeStore' | 'apple' | 'arrowBottom' | 'arrowLeft' | 'arrowRight' | 'arrowTop' | 'bank' | 'browser' | 'card' | 'checkmark' | 'checkmarkBold' | 'chevronBottom' | 'chevronLeft' | 'chevronRight' | 'chevronTop' | 'clock' | 'close' | 'coinPlaceholder' | 'compass' | 'copy' | 'cursor' | 'cursorTransparent' | 'desktop' | 'disconnect' | 'discord' | 'etherscan' | 'extension' | 'externalLink' | 'facebook' | 'farcaster' | 'filters' | 'github' | 'google' | 'helpCircle' | 'image' | 'id' | 'infoCircle' | 'lightbulb' | 'mail' | 'mobile' | 'more' | 'networkPlaceholder' | 'nftPlaceholder' | 'off' | 'playStore' | 'plus' | 'qrCode' | 'recycleHorizontal' | 'reown' | 'refresh' | 'search' | 'send' | 'swapHorizontal' | 'swapHorizontalBold' | 'swapHorizontalMedium' | 'swapHorizontalRoundedBold' | 'swapVertical' | 'telegram' | 'threeDots' | 'twitch' | 'twitter' | 'twitterIcon' | 'verify' | 'verifyFilled' | 'wallet' | 'walletConnect' | 'walletConnectLightBrown' | 'walletConnectBrown' | 'walletPlaceholder' | 'warningCircle' | 'x' | 'info' | 'exclamationTriangle';
export type VisualType = 'browser' | 'meld' | 'coinbase' | 'dao' | 'defi' | 'defiAlt' | 'eth' | 'google' | 'layers' | 'lightbulb' | 'lock' | 'login' | 'network' | 'nft' | 'noun' | 'onrampCard' | 'profile' | 'system' | 'moonpay' | 'stripe' | 'paypal' | 'pencil' | 'solana' | 'bitcoin';
export type VisualSize = 'sm' | 'md' | 'lg';
export type LogoType = 'apple' | 'discord' | 'facebook' | 'github' | 'google' | 'more' | 'telegram' | 'twitch' | 'x' | 'farcaster';
export type PlacementType = 'bottom' | 'left' | 'right' | 'top';
export type ChipType = 'fill' | 'shade' | 'shadeSmall' | 'transparent' | 'success' | 'error';
export type ChipButtonVariant = 'accent' | 'main' | 'shade' | 'gray';
export type ButtonSize = 'lg' | 'md';
export type ButtonVariant = 'main' | 'inverse' | 'accent' | 'accent-error' | 'accent-success' | 'neutral';
export type TransactionType = 'approve' | 'bought' | 'borrow' | 'burn' | 'cancel' | 'claim' | 'deploy' | 'deposit' | 'execute' | 'mint' | 'receive' | 'repay' | 'send' | 'stake' | 'trade' | 'unstake' | 'withdraw';
export declare enum TransactionTypePastTense {
'approve' = "approved",
'bought' = "bought",
'borrow' = "borrowed",
'burn' = "burnt",
'cancel' = "canceled",
'claim' = "claimed",
'deploy' = "deployed",
'deposit' = "deposited",
'execute' = "executed",
'mint' = "minted",
'receive' = "received",
'repay' = "repaid",
'send' = "sent",
'sell' = "sold",
'stake' = "staked",
'trade' = "swapped",
'unstake' = "unstaked",
'withdraw' = "withdrawn"
}
export type TransactionIconType = 'arrowBottom' | 'arrowTop' | 'swapVertical' | 'swapHorizontalBold' | 'checkmark' | 'close';
export type CardSelectType = 'network' | 'wallet';
export type BackgroundType = 'opaque' | 'gray' | 'transparent';
export type TagType = 'main' | 'shade' | 'error' | 'success';
export type AccountEntryType = 'icon' | 'image';
export type ThemeType = 'dark' | 'light';
export type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
export interface ThemeVariables {
'--w3m-font-family'?: string;
'--w3m-accent'?: string;
'--w3m-color-mix'?: string;
'--w3m-color-mix-strength'?: number;
'--w3m-font-size-master'?: string;
'--w3m-border-radius-master'?: string;
'--w3m-z-index'?: number;
'--w3m-qr-color'?: string;
}
export type IconBoxBorderType = 'wui-color-bg-125' | 'wui-accent-glass-010';
export type TruncateType = 'start' | 'middle' | 'end';
export type WalletGuideType = 'get-started' | 'explore';
export type TruncateOptions = {
string: string;
charsStart: number;
charsEnd: number;
truncate: TruncateType;
};
export interface TokenInfo {
address: `0x${string}`;
symbol: string;
name: string;
decimals: number;
logoURI: string;
domainVersion?: string;
eip2612?: boolean;
isFoT?: boolean;
tags?: string[];
}