@visa/nova-react/typography/index.d.ts

Visa Product Design System Nova React library. Compatible with React ^19.

import type { ComponentPropsWithRef, ElementType } from 'react';
export type TypographyProperties<ET extends ElementType = 'p'> = {
    /** Color variant */
    colorScheme?: 'default' | 'subtle' | 'active' | 'on-active';
    /** Tag of Component */
    tag?: ElementType;
} & {
    /** Style variant */
    variant?: 'body-1' | 'body-2-bold' | 'body-2-link' | 'body-2-medium' | 'body-2' | 'body-3' | 'button-large' | 'button-medium' | 'button-small' | 'display-1' | 'display-2' | 'headline-1' | 'headline-2' | 'headline-3' | 'headline-4' | 'label-active' | 'label-large-active' | 'label-large' | 'label-small' | 'label' | 'overline' | 'subtitle-1' | 'subtitle-2' | 'subtitle-3';
} & ComponentPropsWithRef<ET>;
/**
 * Styles text in a consistent manner.
 * @docs {@link https://design.visa.com/base-elements/typography/?code_library=react | See Docs}
 * @vgar TODO
 * @wcag TODO
 */
declare const Typography: {
    <ET extends ElementType = "p">({ className, colorScheme, tag: Tag, variant, ...remainingProps }: TypographyProperties<ET>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
export default Typography;