@navinc/base-react-components/cjs/text.d.ts

Nav's Pattern Library

import { DetailedHTMLProps, HTMLAttributes } from 'react';
export type TextProps = {
    bold?: boolean;
    size?: SizeKey;
    boldType?: BoldKey;
    $bold?: boolean;
    light?: boolean;
} & DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
declare const sizeVariants: {
    small: {
        fontSize: string;
        lineHeight: string;
    };
    medium: {
        fontSize: string;
        lineHeight: string;
    };
    regular: {
        fontSize: string;
        lineHeight: string;
    };
    large: {
        fontSize: string;
        lineHeight: string;
    };
};
declare const boldVariants: {
    regular: {
        fontWeight: number;
    };
    semiBold: {
        fontWeight: number;
    };
    bold: {
        fontWeight: number;
    };
};
type BoldKey = keyof typeof boldVariants;
type SizeKey = keyof typeof sizeVariants;
/**
 * @deprecated Use `CopyVariant as Copy` instead.  Use `component='span'` to turn any nested Copy component into a span tag.  This component will be removed in a future release.  CopyVariant replaces Header, Copy, and Text.
 */
export declare const Text: import("styled-components").StyledComponent<({ bold, light: _light, size: _size, boldType: _boldType, ...props }: TextProps) => JSX.Element, import("styled-components").DefaultTheme, {
    bold?: boolean | undefined;
    size?: "small" | "medium" | "large" | "regular" | undefined;
    boldType?: "bold" | "regular" | "semiBold" | undefined;
    $bold?: boolean | undefined;
    light?: boolean | undefined;
} & import("react").ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement>, never>;
export {};