/**
 * Border colors of a Visual Refresh emphasized chip. Resolved on the wrapper so that the chip
 * body and the sibling delete button read the same palette, while each half applies the
 * interaction color only to the edges it owns.
 */
export declare const chipBorderColor: `var(--${string})`;
export declare const chipBorderColorHover: `var(--${string})`;
export declare const chipBorderColorActive: `var(--${string})`;
export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
    disabled: {
        true: {
            cursor: "not-allowed";
        };
        false: {};
    };
    color: {
        neutral: {
            vars: {
                [chipBorderColor]: string;
                [chipBorderColorHover]: string;
                [chipBorderColorActive]: string;
            };
        };
        primary: {
            vars: {
                [chipBorderColor]: string;
                [chipBorderColorHover]: string;
                [chipBorderColorActive]: string;
            };
        };
        success: {
            vars: {
                [chipBorderColor]: string;
                [chipBorderColorHover]: string;
                [chipBorderColorActive]: string;
            };
        };
        warning: {
            vars: {
                [chipBorderColor]: string;
                [chipBorderColorHover]: string;
                [chipBorderColorActive]: string;
            };
        };
        critical: {
            vars: {
                [chipBorderColor]: string;
                [chipBorderColorHover]: string;
                [chipBorderColorActive]: string;
            };
        };
    };
    variant: {
        emphasized: {
            selectors: {
                [x: string]: {
                    gap: number;
                };
            };
        };
        accent: {};
    };
}>;
export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
    size: {
        default: {
            paddingLeft: string;
            paddingRight: string;
            paddingTop: string;
            paddingBottom: string;
            height: string;
        };
        condensed: {
            paddingLeft: string;
            paddingRight: string;
            paddingTop: number;
            paddingBottom: number;
            height: string;
        };
    };
    hasDeleteButton: {
        true: {
            borderBottomRightRadius: number;
            borderTopRightRadius: number;
        };
        false: {
            borderBottomRightRadius: string;
            borderTopRightRadius: string;
        };
    };
    disabled: {
        true: {
            cursor: "not-allowed";
            pointerEvents: "none";
        };
        false: {
            selectors: {
                '&:is(button)': {
                    cursor: "pointer";
                };
            };
        };
    };
    color: {
        neutral: {};
        primary: {};
        success: {};
        warning: {};
        critical: {};
    };
    variant: {
        emphasized: {
            selectors: {
                [x: string]: {
                    borderStyle: string;
                    borderWidth: string;
                    borderColor: `var(--${string})`;
                    borderRightColor?: undefined;
                } | {
                    borderStyle?: undefined;
                    borderWidth?: undefined;
                    borderColor: `var(--${string})`;
                    borderRightColor?: undefined;
                } | {
                    borderStyle?: undefined;
                    borderWidth?: undefined;
                    borderColor?: undefined;
                    borderRightColor: `var(--${string})`;
                };
            };
        };
        accent: {};
    };
}>;
export declare const value: string;
export declare const textContainer: string;
//# sourceMappingURL=BaseChip.css.d.ts.map