export declare const thicknessSeparator: `var(--${string})`;
export declare const separatorStyle: {
    thicknessSeparator: `var(--${string})`;
    iconWraper: import("@vanilla-extract/recipes").RuntimeFn<{
        direction: {
            horizontal: {
                flexDirection: "row";
            };
            vertical: {
                flexDirection: "column";
            };
        };
        sentiment: {
            danger: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            info: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            neutral: {
                color: `var(--${string})`;
            };
            primary: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            secondary: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            success: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            warning: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
        };
    }>;
    hr: import("@vanilla-extract/recipes").RuntimeFn<{
        direction: {
            horizontal: {
                height: `var(--${string})`;
                width: "auto";
            };
            vertical: {
                height: "auto";
                width: `var(--${string})`;
            };
        };
        hasIcon: {
            false: {};
            true: {
                flex: number;
            };
        };
        sentiment: {
            danger: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            info: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            neutral: {
                backgroundColor: `var(--${string})`;
                selectors: {
                    [x: string]: {
                        backgroundColor: `var(--${string})`;
                        minHeight: number;
                    } | {
                        minHeight?: undefined;
                        backgroundColor: `var(--${string})`;
                    };
                };
            };
            primary: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            secondary: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            success: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
            warning: {
                backgroundColor: `var(--${string})`;
                color?: undefined;
            } | {
                backgroundColor?: undefined;
                color: `var(--${string})`;
            };
        };
    }>;
};
//# sourceMappingURL=styles.css.d.ts.map