declare const input: {
    height: string;
    fontSize: string;
    color: "$text";
    border: "none";
    display: "block";
    width: "100%";
    background: "none";
    fontFamily: "inherit";
    padding: "1.2em 0";
    flex: number;
    "&::placeholder": {
        color: "$sub";
    };
    "&:read-only, &:disabled, &[data-error=true]": {
        color: "inherit";
    };
};
declare const focusCSS: {
    borderColor: string;
};
declare const errorCSS: {
    borderColor: string;
    color: string;
};
declare const wrapper: {
    background: "$background";
    display: "inline-flex";
    width: "100%";
    borderRadius: "2px";
    padding: `0 ${string}`;
    border: `${string} solid $border`;
    alignItems: "center";
    position: "relative";
    variants: {
        disabled: {
            true: {
                background: string;
                color: string;
            };
        };
        readOnly: {
            true: {
                color: string;
            };
        };
        focused: {
            true: {
                borderColor: string;
            };
        };
        error: {
            true: {
                "&": {
                    borderColor: string;
                    color: string;
                };
            };
        };
    };
};
declare const inputContainer: {
    position: "relative";
    display: "flex";
    flex: number;
    alignSelf: "stretch";
    alignItems: "center";
    backgroundColor: "inherit";
};
declare const label: {
    position: "absolute";
    left: number;
    color: "$sub";
    pointerEvents: "none";
    backgroundColor: "inherit";
    padding: `0 ${string}`;
    marginLeft: `-${string}`;
    maxWidth: "100%";
    whiteSpace: "nowrap";
    overflow: "hidden";
    textOverflow: "ellipsis";
    transition: "top 150ms ease, font-size 150ms ease, color 150ms ease";
    top: "50%";
    transform: "translateY(-50%)";
    fontSize: string;
    lineHeight: number;
    variants: {
        floating: {
            true: {
                top: number;
                fontSize: string;
                color: string;
            };
        };
        error: {
            true: {};
        };
    };
    compoundVariants: {
        floating: boolean;
        error: boolean;
        css: {
            color: string;
        };
    }[];
};
export { input, wrapper, inputContainer, label, focusCSS, errorCSS, };
//# sourceMappingURL=Input.css.d.ts.map