@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
60 lines (59 loc) • 1.39 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
variant: {
subtle: {};
};
colorPalette: {
gray: {
bg: "badge.gray.bg";
color: "badge.gray.fg";
};
green: {
bg: "badge.green.bg";
color: "badge.green.fg";
};
red: {
bg: "badge.red.bg";
color: "badge.red.fg";
};
purple: {
bg: "badge.purple.bg";
color: "badge.purple.fg";
};
orange: {
bg: "badge.orange.bg";
color: "badge.orange.fg";
};
blue: {
bg: "badge.blue.bg";
color: "badge.blue.fg";
};
yellow: {
bg: "badge.yellow.bg";
color: "badge.yellow.fg";
};
teal: {
bg: "badge.teal.bg";
color: "badge.teal.fg";
};
cyan: {
bg: "badge.cyan.bg";
color: "badge.cyan.fg";
};
purple_alt: {
bg: "badge.purple_alt.bg";
color: "badge.purple_alt.fg";
};
blue_alt: {
bg: "badge.blue_alt.bg";
color: "badge.blue_alt.fg";
};
};
size: {
md: {
textStyle: "sm";
px: "1";
py: "0.5";
minH: "6";
};
};
}>;