@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
54 lines (53 loc) • 1.42 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "root" | "cell" | "row" | "columnHeader", {
variant: {
line: {
columnHeader: {
color: "table.header.fg";
backgroundColor: "table.header.bg";
_first: {
borderTopLeftRadius: "8px";
};
_last: {
borderTopRightRadius: "8px";
};
};
cell: {
borderBottomWidth: "1px";
borderColor: "border.divider";
};
row: {
bg: "bg.primary";
};
};
};
size: {
md: {
root: {
fontSize: "sm";
};
columnHeader: {
px: "6px";
py: "10px";
_first: {
pl: number;
};
_last: {
pr: number;
};
};
cell: {
px: "6px";
py: {
base: number;
lg: number;
};
_first: {
pl: number;
};
_last: {
pr: number;
};
};
};
};
}>;