/**
 * Represents the available sizes in the system.
 *
 * @deprecated Use `SpacingKeys` instead.
 * These sizes were incorrect from the start, and we're moving towards a new
 * system of spacing that is more intuitive and consistent.
 */
export declare const SIZES: {
    readonly none: "0";
    /**
     * Represents the tiny size of 4px.
     */
    readonly xxxxs: "4px";
    /**
     * Represents a very extra extra small size of 6px.
     */
    readonly xxxs: "6px";
    /**
     * Represents an extra extra small size of 8px.
     */
    readonly xxs: "8px";
    /**
     * Represents an extra small size of 10px.
     */
    readonly xs: "10px";
    /**
     * Represents a small size of 12px.
     */
    readonly s: "12px";
    /**
     * Represents a medium size of 16px.
     */
    readonly m: "16px";
    /**
     * Represents a large size of 24px.
     */
    readonly l: "24px";
    /**
     * Represents an extra large size of 32px.
     */
    readonly xl: "32px";
    /**
     * Represents an extra extra large size of 32px.
     */
    readonly xxl: "32px";
};
/**
 * These keys match CSS variables for the spacing tokens defined in the design system.
 * The classes generated from these tokens, like `ui:gap-f_sm`, are mapped to prop
 * values in e.g. the `Stack` component.
 */
export declare const SPACING_VALUES: readonly ["none", "xs", "s", "base", "m", "l", "xl", "2xl", "3xl", "4xl"];
export type SpacingKey = (typeof SPACING_VALUES)[number];
/**
 * A scale of reusable heights for form components like inputs and selects.
 */
export declare const FORM_HEIGHTS: {
    readonly md: "36px";
    readonly lg: "44px";
};
export type SizeNames = keyof typeof SIZES;
export type FormHeightNames = keyof typeof FORM_HEIGHTS;