@chakra-ui/react/dist/types/theme/recipes/input-addon.d.ts

Responsive and accessible React UI components built with React and Emotion

export declare const inputAddonRecipe: import("../..").RecipeDefinition<{
    size: {
        "2xs": {
            textStyle: "xs";
            px: "2";
            "--input-height": "sizes.7";
        };
        xs: {
            textStyle: "xs";
            px: "2";
            "--input-height": "sizes.8";
        };
        sm: {
            textStyle: "sm";
            px: "2.5";
            "--input-height": "sizes.9";
        };
        md: {
            textStyle: "sm";
            px: "3";
            "--input-height": "sizes.10";
        };
        lg: {
            textStyle: "md";
            px: "4";
            "--input-height": "sizes.11";
        };
        xl: {
            textStyle: "md";
            px: "4.5";
            "--input-height": "sizes.12";
        };
        "2xl": {
            textStyle: "lg";
            px: "5";
            "--input-height": "sizes.16";
        };
    };
    variant: {
        outline: {
            borderWidth: "1px";
            borderColor: "border";
            bg: "bg.muted";
        };
        subtle: {
            borderWidth: "1px";
            borderColor: "transparent";
            bg: "bg.emphasized";
        };
        flushed: {
            borderBottom: "1px solid";
            borderColor: "inherit";
            borderRadius: "0";
            px: "0";
            bg: "transparent";
        };
    };
}>;