/**
 * Body text for the interface, set in the design system's type scale: paragraphs, captions, supporting copy and inline emphasis.
 * `as` chooses the element, which gives the text its meaning and decides whether it sits on its own line or inside one. `size`, `weight` and `contrast` only change how it looks.
 * Use it for any text that needs design system styling, and a plain HTML element where it doesn't. For headings use `dds-heading`.
 *
 * @slot - The text.
 * @part root - The element chosen by `as`.
 */
export declare class Text {
    host: HTMLElement;
    /** The element the text renders as, which sets its meaning and whether it is a block or inline. */
    as: "p" | "span" | "div" | "strong" | "em" | "small";
    /** Which step of the type scale to render at. Each step carries its own line height. */
    size: "xs" | "s" | "m" | "l";
    /** How heavy the text is. */
    weight: "normal" | "medium" | "semibold" | "bold";
    /** How strongly the text stands out against its background. */
    contrast: "high" | "low";
    /** Overrides the `text-align` the text would inherit. */
    textAlign?: "start" | "center" | "end" | "justify";
    /** Overrides the `text-wrap` the text would inherit. */
    textWrap?: "wrap" | "nowrap" | "balance" | "pretty";
    /**
     * The `font-variant-numeric` property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
     * - `auto`: The default value. The browser determines whether to use alternate glyphs based on the font and context.
     * - `tabular-nums`: Uses fixed-width digits, which are ideal for aligning numbers in tables or lists.
     * - `diagonal-fractions`: Uses diagonal fraction glyphs, which are ideal for displaying fractions in a more compact and visually appealing way.
     * For more information, see the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric).
     */
    fontVariantNumeric: "auto" | "tabular-nums" | "diagonal-fractions";
    private shadowElement?;
    private inheritedAttributes;
    componentWillRender(): void;
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}