bigblocks
Version:
Complete Bitcoin UI component library - authentication, social, wallet, market, inscriptions, and blockchain interactions for React
158 lines • 4.53 kB
TypeScript
export interface BitcoinSocialTheme {
radix: Record<string, unknown>;
social: {
post: {
card: {
background: string;
border: string;
borderRadius: string;
padding: string;
shadow: string;
};
author: {
nameColor: string;
usernameColor: string;
avatarSize: string;
};
content: {
textColor: string;
fontSize: string;
lineHeight: string;
linkColor: string;
};
timestamp: {
color: string;
fontSize: string;
};
};
reactions: {
button: {
background: string;
backgroundHover: string;
border: string;
borderRadius: string;
padding: string;
};
emoji: {
size: string;
};
count: {
color: string;
fontSize: string;
};
like: string;
heart: string;
laugh: string;
angry: string;
sad: string;
wow: string;
};
messaging: {
bubble: {
own: {
background: string;
textColor: string;
borderRadius: string;
};
other: {
background: string;
textColor: string;
borderRadius: string;
};
};
timestamp: {
color: string;
fontSize: string;
};
attachment: {
background: string;
border: string;
borderRadius: string;
};
input: {
background: string;
border: string;
borderRadius: string;
padding: string;
};
};
user: {
card: {
background: string;
border: string;
borderRadius: string;
padding: string;
};
avatar: {
size: string;
borderRadius: string;
border: string;
};
badge: {
online: string;
offline: string;
away: string;
};
};
feed: {
background: string;
divider: string;
loading: {
background: string;
shimmer: string;
};
empty: {
textColor: string;
iconColor: string;
};
};
actions: {
primary: {
background: string;
backgroundHover: string;
textColor: string;
border: string;
};
secondary: {
background: string;
backgroundHover: string;
textColor: string;
border: string;
};
destructive: {
background: string;
backgroundHover: string;
textColor: string;
border: string;
};
};
notifications: {
badge: {
background: string;
textColor: string;
size: string;
};
item: {
background: string;
backgroundUnread: string;
border: string;
padding: string;
};
};
};
}
export type BitcoinSocialThemePreset = "orange" | "blue" | "green" | "purple" | "red" | "pink" | "yellow" | "indigo";
export interface BitcoinSocialThemeProviderProps {
children: React.ReactNode;
bitcoinTheme?: BitcoinSocialThemePreset;
appearance?: "light" | "dark" | "inherit";
radius?: "none" | "small" | "medium" | "large" | "full";
scaling?: "90%" | "95%" | "100%" | "105%" | "110%";
panelBackground?: "solid" | "translucent";
socialTheme?: Partial<BitcoinSocialTheme["social"]>;
}
export interface SocialComponentTheme {
theme?: Partial<BitcoinSocialTheme["social"]>;
className?: string;
}
//# sourceMappingURL=theme.d.ts.map