@undp/design-system-react/dist/Typography.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { default as default_2 } from 'react';
import { VariantProps } from 'class-variance-authority';

export declare const A: default_2.ForwardRefExoticComponent<default_2.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<(props?: ({
    variant?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "background" | "foreground" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLAnchorElement>>;

export declare const Blockquote: default_2.ForwardRefExoticComponent<default_2.QuoteHTMLAttributes<HTMLQuoteElement> & VariantProps<(props?: ({
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLQuoteElement>>;

export declare const Cite: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLElement>>;

export declare const Code: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLElement>>;

export declare const H1: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    size?: "base" | "sm" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const H2: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const H3: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const H4: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const H5: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    size?: "base" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const H6: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLHeadingElement> & VariantProps<(props?: ({
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "base-responsive" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLHeadingElement>>;

export declare const P: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLParagraphElement> & VariantProps<(props?: ({
    size?: "base" | "xs" | "sm" | "lg" | "xl" | "base-responsive" | null | undefined;
    leading?: "base" | "xs" | "sm" | "lg" | "xl" | "2xl" | "none" | null | undefined;
    weight?: "light" | "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
    decoration?: "normal" | "italic" | "underline" | "line-through" | null | undefined;
    marginBottom?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "none" | "3xs" | null | undefined;
    alignment?: "left" | "right" | "center" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLParagraphElement>>;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}