1 | import * as React from 'react';
|
2 | import { StandardProps, PropTypes } from '..';
|
3 | import { ThemeStyle } from '../styles/createTypography';
|
4 |
|
5 | type Style = ThemeStyle | 'srOnly';
|
6 |
|
7 | export interface TypographyProps
|
8 | extends StandardProps<React.HTMLAttributes<HTMLElement>, TypographyClassKey> {
|
9 | align?: PropTypes.Alignment;
|
10 | color?:
|
11 | | 'initial'
|
12 | | 'inherit'
|
13 | | 'primary'
|
14 | | 'secondary'
|
15 | | 'textPrimary'
|
16 | | 'textSecondary'
|
17 | | 'error';
|
18 | component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
|
19 | display?: 'initial' | 'block' | 'inline';
|
20 | gutterBottom?: boolean;
|
21 | noWrap?: boolean;
|
22 | paragraph?: boolean;
|
23 | variant?: Style | 'inherit';
|
24 | variantMapping?: Partial<Record<Style, string>>;
|
25 | }
|
26 |
|
27 | export type TypographyClassKey =
|
28 | | 'root'
|
29 | | 'h1'
|
30 | | 'h2'
|
31 | | 'h3'
|
32 | | 'h4'
|
33 | | 'h5'
|
34 | | 'h6'
|
35 | | 'subtitle1'
|
36 | | 'subtitle2'
|
37 | | 'body1'
|
38 | | 'body2'
|
39 | | 'caption'
|
40 | | 'button'
|
41 | | 'overline'
|
42 | | 'srOnly'
|
43 | | 'alignLeft'
|
44 | | 'alignCenter'
|
45 | | 'alignRight'
|
46 | | 'alignJustify'
|
47 | | 'noWrap'
|
48 | | 'gutterBottom'
|
49 | | 'paragraph'
|
50 | | 'colorInherit'
|
51 | | 'colorSecondary'
|
52 | | 'colorTextSecondary'
|
53 | | 'colorError'
|
54 | | 'displayInline'
|
55 | | 'displayBlock';
|
56 |
|
57 | declare const Typography: React.ComponentType<TypographyProps>;
|
58 |
|
59 | export default Typography;
|