/
text.config.ts
80 lines (78 loc) · 1.54 KB
/
text.config.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { AtomicComponentConfig } from "../../../theme/src/types";
import { TextProps } from "./text";
const TextConfig: AtomicComponentConfig<TextProps> = {
baseStyle: {
color: {
light: "neutral.900",
dark: "neutral.50",
},
scaleFontSize: true,
letterSpacing: "m",
},
variants: {
h1: {
fontFamily: "heading",
fontWeight: "bold",
fontSize: "8xl",
lineHeight: "12xl",
},
h2: {
fontFamily: "heading",
fontWeight: "bold",
fontSize: "5xl",
lineHeight: "8xl",
},
h3: {
fontFamily: "heading",
fontWeight: "semibold",
fontSize: "2xl",
lineHeight: "7xl",
},
h4: {
fontFamily: "heading",
fontWeight: "semibold",
fontSize: "l",
lineHeight: "3xl",
},
h5: {
fontFamily: "heading",
fontWeight: "semibold",
fontSize: "m",
lineHeight: "2xl",
},
h6: {
fontFamily: "heading",
fontWeight: "semibold",
fontSize: "s",
lineHeight: "l",
},
p1: {
fontFamily: "body",
fontWeight: "normal",
fontSize: "l",
lineHeight: "2xl",
},
p2: {
fontFamily: "body",
fontWeight: "normal",
fontSize: "m",
lineHeight: "xl",
},
p3: {
fontFamily: "body",
fontWeight: "normal",
fontSize: "s",
lineHeight: "l",
},
p4: {
fontFamily: "body",
fontWeight: "normal",
fontSize: "xs",
lineHeight: "l",
},
},
defaults: {
variant: "p3",
},
};
export default TextConfig;