@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
37 lines (36 loc) • 1.76 kB
TypeScript
/**
* HTML Element
*
*/
import React from 'react';
import { TypographySize, TypographyProps } from './Typography';
/** @deprecated use TypographySize instead */
export type PSize = TypographySize;
export type PProps = TypographyProps<HTMLParagraphElement> & {
/**
* Tells the component to use the medium font-weight styling dnb-t__weight--medium defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/
* @deprecated use the `weight` prop instead
*/
medium?: boolean;
/**
* Tells the component to use the bold font-weight styling dnb-t__weight--bold defined in paragraphStyle - typography-mixins.scss. Find more details here https://eufemia.dnb.no/uilib/typography/font-weight/
* @deprecated use the `weight` prop instead
*/
bold?: boolean;
/**
* A string containing a combination of modifiers, used to set both font-size and weight in one property. e.g. "x-small bold" would make the paragraph extra small and bold.
* Works as a flexible alternative to setting the medium, bold and size props.
* List of modifiers can be found at https://eufemia.dnb.no/uilib/typography/font-size/ and https://eufemia.dnb.no/uilib/typography/font-weight/
* @deprecated only font weights "bold" and "medium" and sizes "x-small" and "small" are supported. Use the `size` and `weight` props instead.
*/
modifier?: string;
};
declare function P(props: PProps): import("react/jsx-runtime").JSX.Element;
declare namespace P {
var _supportsSpacingProps: boolean;
}
export default P;
export type ParagraphContextType = {
isNested?: boolean;
};
export declare const ParagraphContext: React.Context<ParagraphContextType>;