@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
59 lines (58 loc) • 1.61 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
size: {
'2xl': {
textStyle: "md";
py: "4";
pl: "4";
pr: "5";
scrollPaddingBottom: "4";
};
};
variant: {
outline: {
bg: "input.bg";
borderWidth: "2px";
borderColor: "input.border";
focusVisibleRing: "none";
_hover: {
borderColor: "input.border.hover";
};
_focus: {
borderColor: "input.border.focus";
boxShadow: "size.md";
_hover: {
borderColor: "input.border.focus";
};
};
_readOnly: {
userSelect: "all";
bg: "input.bg.readOnly";
borderColor: "input.border.readOnly";
_focus: {
borderColor: "input.border.readOnly";
};
_hover: {
borderColor: "input.border.readOnly";
};
};
_disabled: {
pointerEvents: "none";
opacity: "control.disabled";
};
_invalid: {
borderColor: "input.border.error";
_hover: {
borderColor: "input.border.error";
};
};
};
};
floating: {
true: {
paddingTop: "8";
_placeholderShown: {
paddingTop: "10";
};
};
};
}>;