@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
51 lines (50 loc) • 1.4 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
variant: {
solid: {
borderWidth: "2px";
borderColor: "radio.control.border";
_hover: {
borderColor: "radio.control.border.hover";
};
_checked: {
bg: "selected.option.bg";
color: "white";
borderColor: "selected.option.bg";
_hover: {
bg: "hover";
borderColor: "hover";
};
};
_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";
};
};
};
};
};
size: {
xs: {
boxSize: "3";
};
sm: {
boxSize: "4";
};
md: {
boxSize: "5";
};
};
}>;