@blockscout/ui-toolkit
Version:
A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects
61 lines (60 loc) • 1.61 kB
TypeScript
export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "requiredIndicator" | "errorText" | "helperText", {
floating: {
true: {
label: {
pos: "absolute";
bg: "bg.primary";
top: "2px";
left: "2px";
color: "input.placeholder";
width: "calc(100% - 4px)";
borderRadius: "base";
pointerEvents: "none";
transformOrigin: "top left";
transitionProperty: "font-size, line-height, padding, background-color";
transitionDuration: "fast";
transitionTimingFunction: "ease";
};
};
};
size: {
sm: {
label: {
fontSize: "sm";
};
};
md: {
label: {
fontSize: "md";
};
};
lg: {
label: {
fontSize: "md";
};
};
'2xl': {
label: {
fontSize: "md";
};
};
};
orientation: {
vertical: {
root: {
flexDirection: "column";
alignItems: "flex-start";
};
};
horizontal: {
root: {
flexDirection: "row";
alignItems: "center";
justifyContent: "space-between";
};
label: {
flex: "0 0 var(--field-label-width, 80px)";
};
};
};
}>;