import { ToneKeyword } from './theming'; import { ColorKeyword } from './scales'; export interface BaseTypographyProps { /** * Sets the color of the Typography component, based on the intention of the information being conveyed. * * @default 'base' */ color?: ColorKeyword; /** * Sets the tone of the Typography component, based on the intention of the information being conveyed. * * @default 'auto' */ tone?: ToneKeyword; /** * Set the numeric properties of the font * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric * * @default 'auto' - inherit from the parent element */ fontVariantNumeric?: 'auto' | 'normal' | 'tabular-nums'; /** * Indicate the text language. Useful when the text is in a different language than the rest of the page. * It will allow assistive technologies such as screen readers to invoke the correct pronunciation. * [Reference of values](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry) ("subtag" label) * * It is recommended to combine it with the `dir` attribute to ensure the text is rendered correctly if the surrounding content’s direction is different. * * @default '' */ lang?: string; /** * Indicates the directionality of the element’s text. * * - `ltr`: languages written from left to right (e.g. English) * - `rtl`: languages written from right to left (e.g. Arabic) * - `auto`: the user agent determines the direction based on the content * * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir * * @default '' */ dir?: 'ltr' | 'rtl' | 'auto' | ''; } export interface BlockTypographyProps { /** * Truncates the text content to the specified number of lines. * * @see https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp * * @default Infinity - no truncation is applied */ lineClamp?: number; }