import type { BrandingAppearance } from "../utils/branding";
import { type Colors } from "./colors";
import { type Shape } from "./shapes";
import type { Spacing } from "./spacing";
import { type TextStyles } from "./text";
export declare const toFormColors: (brandingAppearance?: BrandingAppearance | null | undefined) => Colors;
export declare const toShape: (brandingAppearance?: BrandingAppearance | null | undefined) => Shape;
/**
 * Assigns values to the css variables given the branding appearance customization.
 * @param appearance BrandingAppearance
 * @return a style parameter compatible string.
 */
export declare const toProductInfoStyleVar: (appearance?: BrandingAppearance | null) => string;
/**
 * Assigns values to the css variables given the branding appearance customization.
 * @param appearance BrandingAppearance
 * @return a style parameter compatible string.
 */
export declare const toFormStyleVar: (appearance?: BrandingAppearance | null) => string;
/**
 * Convert text styles into CSS variables for both desktop and mobile.
 */
export declare const toTextStyleVar: (prefix: string | undefined, textStyles: TextStyles) => string;
/**
 * Generates CSS variables for the spacing system.
 */
export declare const toSpacingVars: (prefix: string | undefined, spacing: Spacing) => string;