@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
51 lines (50 loc) • 1.35 kB
TypeScript
export declare const codeRecipe: import("../..").RecipeDefinition<{
variant: {
solid: {
bg: "colorPalette.solid";
color: "colorPalette.contrast";
};
subtle: {
bg: "colorPalette.subtle";
color: "colorPalette.fg";
};
outline: {
color: "colorPalette.fg";
"--outline-shadow-legacy": "colors.colorPalette.muted";
"--outline-shadow": "colors.colorPalette.border";
shadow: "inset 0 0 0px 1px var(--shadow-color)";
shadowColor: "var(--outline-shadow, var(--outline-shadow-legacy))";
};
surface: {
bg: "colorPalette.subtle";
color: "colorPalette.fg";
shadow: "inset 0 0 0px 1px var(--shadow-color)";
shadowColor: "colorPalette.muted";
};
plain: {
color: "colorPalette.fg";
};
};
size: {
xs: {
textStyle: "2xs";
px: "1";
minH: "4";
};
sm: {
textStyle: "xs";
px: "1.5";
minH: "5";
};
md: {
textStyle: "sm";
px: "2";
minH: "6";
};
lg: {
textStyle: "sm";
px: "2.5";
minH: "7";
};
};
}>;