@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
61 lines (60 loc) • 1.89 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "control", {
size: {
sm: {
root: {
gap: "2";
};
label: {
textStyle: "sm";
};
control: {
boxSize: "5";
borderRadius: "sm";
} | undefined;
};
md: {
root: {
gap: "2";
};
label: {
textStyle: "md";
};
control: {
boxSize: "5";
borderRadius: "sm";
} | undefined;
};
};
variant: {
solid: {
control: {
borderColor: "checkbox.control.border";
_hover: {
borderColor: "checkbox.control.border.hover";
};
_readOnly: {
borderColor: "checkbox.control.border.readOnly";
_hover: {
borderColor: "checkbox.control.border.readOnly";
};
'&:is([data-state=checked], [data-state=indeterminate])': {
bg: "checkbox.control.border.readOnly";
color: "gray.500";
_hover: {
bg: "checkbox.control.border.readOnly";
};
};
};
'&:is([data-state=checked], [data-state=indeterminate])': {
bg: "selected.option.bg";
color: "white";
borderColor: "selected.option.bg";
_hover: {
bg: "hover";
borderColor: "hover";
};
};
} | undefined;
};
};
}>;