export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{ labelPosition: { bottom: {}; right: {}; }; separator: { false: { gap: `var(--${string})`; }; true: {}; }; }>; export declare const stepperStyle: { container: import("@vanilla-extract/recipes").RuntimeFn<{ labelPosition: { bottom: {}; right: {}; }; separator: { false: { gap: `var(--${string})`; }; true: {}; }; }>; line: import("@vanilla-extract/recipes").RuntimeFn<{ animated: { true: {}; }; temporal: { current: {}; done: { backgroundColor: `var(--${string})`; selectors: { '&::after': { width: "100%"; }; }; }; next: {}; }; }>; stepContainer: string; containerRecipe: import("@vanilla-extract/recipes").RuntimeFn<{ animated: { true: {}; }; disabled: { false: {}; true: { cursor: "not-allowed"; }; }; done: { true: {}; }; labelPosition: { bottom: {}; top: {}; }; separator: { true: {}; }; size: { medium: {}; small: {}; }; }>; animationStepperContainer: Record<"medium" | "small", string>; interactive: Record<"active" | "inactive", string>; stepBullet: import("@vanilla-extract/recipes").RuntimeFn<{ disabled: { false: { selectors: { [x: string]: { boxShadow: `var(--${string})`; }; }; }; true: { backgroundColor: `var(--${string})`; borderColor: `var(--${string})`; boxShadow: "none"; color: `var(--${string})`; selectors: { '&:hover': { boxShadow: "none"; }; }; }; }; isActive: { true: { backgroundColor: `var(--${string})`; boxShadow: `var(--${string})`; }; }; size: { medium: { minWidth: `var(--${string})`; }; small: { minWidth: `var(--${string})`; }; }; }>; stepText: import("@vanilla-extract/recipes").RuntimeFn<{ addMarginTop: { true: { marginTop: `var(--${string})`; }; }; disabled: { false: { selectors: { [x: string]: { color: `var(--${string})`; textDecoration: `underline var(--${string})`; textDecorationThickness: number; }; }; }; true: { color: `var(--${string})`; }; }; }>; }; //# sourceMappingURL=styles.css.d.ts.map