@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
47 lines (46 loc) • 1.42 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "arrow" | "arrowTip", {
variant: {
regular: {
content: {
'--tooltip-bg': "colors.tooltip.bg";
bg: "var(--tooltip-bg)";
color: "tooltip.fg";
};
};
navigation: {
content: {
'--tooltip-bg': "colors.tooltip.navigation.bg";
bg: "var(--tooltip-bg)";
color: "tooltip.navigation.fg";
borderWidth: "0";
borderRadius: "base";
minW: "120px";
boxShadow: "none";
textAlign: "center";
padding: "15px 12px";
_selected: {
color: "tooltip.navigation.fg.selected";
};
};
arrow: {
display: "none";
};
arrowTip: {
display: "none";
};
};
popover: {
content: {
maxW: "none";
bg: "popover.bg";
color: "text.primary";
p: "4";
boxShadow: "popover";
boxShadowColor: "popover.shadow";
borderRadius: "md";
textAlign: "left";
fontWeight: "normal";
};
};
};
}>;