@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
70 lines (69 loc) • 1.83 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "itemTrigger" | "itemContent" | "itemBody" | "itemIndicator", {
noAnimation: {
true: {
itemContent: {
_open: {
animationName: "none";
};
_closed: {
animationName: "none";
};
};
itemIndicator: {
transition: "none";
};
};
};
variant: {
outline: {
item: {
borderBottomWidth: "1px";
};
itemIndicator: {
color: "gray.500";
};
};
faq: {
item: {
borderBottomWidth: "1px";
};
itemTrigger: {
textStyle: "heading.md";
};
itemIndicator: {
color: "link.primary";
_groupHover: {
color: "link.primary.hover";
};
};
};
};
size: {
sm: {
root: {
'--accordion-padding-x': "0";
'--accordion-padding-y': "spacing.2";
};
itemTrigger: {
textStyle: "sm";
py: "var(--accordion-padding-y)";
};
itemIndicator: {
boxSize: "5";
};
};
md: {
root: {
'--accordion-padding-x': "0";
'--accordion-padding-y': "spacing.3";
};
itemTrigger: {
textStyle: "md";
py: "var(--accordion-padding-y)";
};
itemIndicator: {
boxSize: "5";
};
};
};
}>;