@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
103 lines (102 loc) • 2.92 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "positioner" | "backdrop" | "trigger", {
size: {
md: {
content: {
maxW: "300px";
};
};
};
placement: {
start: {
positioner: {
justifyContent: "flex-start";
};
content: {
_open: {
animationName: {
base: "slide-from-left-full, fade-in";
_rtl: "slide-from-right-full, fade-in";
};
};
_closed: {
animationName: {
base: "slide-to-left-full, fade-out";
_rtl: "slide-to-right-full, fade-out";
};
};
};
};
end: {
positioner: {
justifyContent: "flex-end";
};
content: {
_open: {
animationName: {
base: "slide-from-right-full, fade-in";
_rtl: "slide-from-left-full, fade-in";
};
};
_closed: {
animationName: {
base: "slide-to-right-full, fade-out";
_rtl: "slide-to-right-full, fade-out";
};
};
};
};
top: {
positioner: {
alignItems: "flex-start";
};
content: {
maxW: "100%";
_open: {
animationName: "slide-from-top-full, fade-in";
};
_closed: {
animationName: "slide-to-top-full, fade-out";
};
};
};
bottom: {
positioner: {
alignItems: "flex-end";
};
header: {
px: "5";
pt: "5";
pb: "3";
mb: "-5";
};
body: {
p: "5";
};
footer: {
px: "5";
pt: "3";
mt: "-5";
};
content: {
maxW: "100%";
_open: {
animationName: "slide-from-bottom-full, fade-in";
};
_closed: {
animationName: "slide-to-bottom-full, fade-out";
};
borderTopRadius: "base";
};
};
};
contained: {
true: {
positioner: {
padding: "4";
};
content: {
borderRadius: "l3";
};
};
};
}>;