@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
69 lines (68 loc) • 2.06 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "itemText" | "itemControl", {
variant: {
solid: {
itemControl: {
borderWidth: "2px";
borderColor: "radio.control.border";
_hover: {
borderColor: "radio.control.border.hover";
};
_checked: {
bg: "blue.500";
color: "white";
borderColor: "blue.500";
_hover: {
bg: "blue.400";
borderColor: "blue.400";
};
};
_invalid: {
bg: "red.500";
borderColor: "red.500";
};
_readOnly: {
borderColor: "radio.control.border.readOnly";
_hover: {
borderColor: "radio.control.border.readOnly";
};
_checked: {
bg: "radio.control.border.readOnly";
_hover: {
bg: "radio.control.border.readOnly";
};
'& .dot': {
bg: "gray.500";
};
};
};
} | undefined;
};
};
size: {
md: {
item: {
textStyle: "md";
gap: "2";
};
itemControl: {
boxSize: "5";
} | undefined;
};
};
orientation: {
vertical: {
root: {
flexDirection: "column";
alignItems: "flex-start";
rowGap: "12px";
};
};
horizontal: {
root: {
flexDirection: "row";
alignItems: "center";
columnGap: "32px";
};
};
};
}>;