@kadconsulting/dry
Version:
KAD Reusable Component Library
30 lines (29 loc) • 1.44 kB
TypeScript
import type { BaseCSSValues } from 'types';
import { Display2xl } from './Display2xl';
import { DisplayLg } from './DisplayLg';
import { DisplayMd } from './DisplayMd';
import { DisplaySm } from './DisplaySm';
import { DisplayXl } from './DisplayXl';
import { TextXl } from './TextXl';
import { DisplayXs } from './DisplayXs';
import { TextLg } from './TextLg';
import { TextMd } from './TextMd';
import { TextSm } from './TextSm';
import { TextXs } from './TextXs';
export type FontWeights = BaseCSSValues | 'regular' | 'medium' | 'semibold' | 'bold';
export type FontStyles = BaseCSSValues | 'normal' | 'italic' | 'oblique';
export type TextDecorationValues = BaseCSSValues | 'none' | 'underline' | 'line-through';
export type TextAlignValues = BaseCSSValues | 'left' | 'center' | 'right' | 'justify';
export type TypographyProps = {
/** Default: 'regular' */
weight?: FontWeights;
/** Default: 'normal' */
fontStyle?: FontStyles;
/** Allows library consumers to opt out of default vertical rhythm; default undefined (opted-in) */
verticalRhythm?: false;
/** Default: 'none' */
textDecoration?: TextDecorationValues;
/** Default: 'left' */
textAlign?: TextAlignValues;
};
export type TypographyComponents = typeof Display2xl | typeof DisplayXl | typeof DisplayLg | typeof DisplayMd | typeof DisplaySm | typeof DisplayXs | typeof TextXl | typeof TextLg | typeof TextMd | typeof TextSm | typeof TextXs;