mui-design-system 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/mui/Typography/index.js +22 -22
- package/package.json +1 -1
|
@@ -3,97 +3,97 @@ export const typography = {
|
|
|
3
3
|
h1: {
|
|
4
4
|
fontWeight: 700,
|
|
5
5
|
fontSize: "clamp(34px,6.8vw,46px)",
|
|
6
|
-
lineHeight: "clamp(
|
|
6
|
+
lineHeight: "clamp(38px,5.7vw,42px)",
|
|
7
7
|
},
|
|
8
8
|
h2: {
|
|
9
9
|
fontWeight: 700,
|
|
10
10
|
fontSize: "clamp(32px,6.8vw,41px)",
|
|
11
|
-
lineHeight: "clamp(
|
|
11
|
+
lineHeight: "clamp(36px,5.7vw,40px)",
|
|
12
12
|
},
|
|
13
13
|
h3: {
|
|
14
14
|
fontWeight: 700,
|
|
15
15
|
fontSize: "clamp(28px,5.3vw,36px)",
|
|
16
|
-
lineHeight: "clamp(
|
|
16
|
+
lineHeight: "clamp(34px,5.7vw,38px)",
|
|
17
17
|
},
|
|
18
18
|
h4: {
|
|
19
19
|
fontWeight: 700,
|
|
20
20
|
fontSize: "clamp(25px,4.8vw,32px)",
|
|
21
|
-
lineHeight: "clamp(
|
|
21
|
+
lineHeight: "clamp(32px,5.7vw,36px)",
|
|
22
22
|
},
|
|
23
23
|
h5: {
|
|
24
24
|
fontWeight: 700,
|
|
25
25
|
fontSize: "clamp(22px,4.3vw,29px)",
|
|
26
|
-
lineHeight: "clamp(
|
|
26
|
+
lineHeight: "clamp(30px,5.7vw,34px)",
|
|
27
27
|
},
|
|
28
28
|
h6: {
|
|
29
29
|
fontWeight: 700,
|
|
30
30
|
fontSize: "clamp(20px,3.8vw,26px)",
|
|
31
|
-
lineHeight: "clamp(
|
|
31
|
+
lineHeight: "clamp(28px,5.7vw,32px)",
|
|
32
32
|
},
|
|
33
33
|
body1: {
|
|
34
34
|
fontWeight: 400,
|
|
35
35
|
fontSize: "clamp(18px,3.3vw,22px)",
|
|
36
|
-
lineHeight: "clamp(
|
|
36
|
+
lineHeight: "clamp(26px,5.7vw,30px)",
|
|
37
37
|
},
|
|
38
38
|
"body1.medium": {
|
|
39
39
|
fontWeight: 500,
|
|
40
40
|
fontSize: "clamp(18px,3.3vw,22px)",
|
|
41
|
-
lineHeight: "clamp(
|
|
41
|
+
lineHeight: "clamp(26px,5.7vw,30px)",
|
|
42
42
|
},
|
|
43
43
|
"body1.bold": {
|
|
44
44
|
fontWeight: 700,
|
|
45
45
|
fontSize: "clamp(18px,3.3vw,22px)",
|
|
46
|
-
lineHeight: "clamp(
|
|
46
|
+
lineHeight: "clamp(26px,5.7vw,30px)",
|
|
47
47
|
},
|
|
48
48
|
body2: {
|
|
49
49
|
fontWeight: 400,
|
|
50
50
|
fontSize: "clamp(16px,3vw,20px)",
|
|
51
|
-
lineHeight: "clamp(
|
|
51
|
+
lineHeight: "clamp(24px,4.9vw,28px)",
|
|
52
52
|
},
|
|
53
53
|
"body2.medium": {
|
|
54
54
|
fontWeight: 500,
|
|
55
55
|
fontSize: "clamp(16px,3vw,20px)",
|
|
56
|
-
lineHeight: "clamp(
|
|
56
|
+
lineHeight: "clamp(24px,4.9vw,28px)",
|
|
57
57
|
},
|
|
58
58
|
"body2.bold": {
|
|
59
59
|
fontWeight: 700,
|
|
60
60
|
fontSize: "clamp(16px,3vw,20px)",
|
|
61
|
-
lineHeight: "clamp(
|
|
61
|
+
lineHeight: "clamp(24px,4.9vw,28px)",
|
|
62
62
|
},
|
|
63
63
|
body3: {
|
|
64
64
|
fontWeight: 400,
|
|
65
65
|
fontSize: "clamp(14px,2.7vw,18px)",
|
|
66
|
-
lineHeight: "clamp(
|
|
66
|
+
lineHeight: "clamp(22px,4.9vw,26px)",
|
|
67
67
|
},
|
|
68
68
|
"body3.medium": {
|
|
69
69
|
fontWeight: 500,
|
|
70
70
|
fontSize: "clamp(14px,2.7vw,18px)",
|
|
71
|
-
lineHeight: "clamp(
|
|
71
|
+
lineHeight: "clamp(22px,4.9vw,26px)",
|
|
72
72
|
},
|
|
73
73
|
"body3.bold": {
|
|
74
74
|
fontWeight: 700,
|
|
75
75
|
fontSize: "clamp(14px,2.7vw,18px)",
|
|
76
|
-
lineHeight: "clamp(
|
|
76
|
+
lineHeight: "clamp(22px,4.9vw,26px)",
|
|
77
77
|
},
|
|
78
78
|
caption1: {
|
|
79
79
|
fontWeight: 400,
|
|
80
80
|
fontSize: "clamp(12px,2.35vw,16px)",
|
|
81
|
-
lineHeight: "clamp(
|
|
81
|
+
lineHeight: "clamp(20px,4.5vw,24px)",
|
|
82
82
|
},
|
|
83
83
|
"caption1.medium": {
|
|
84
84
|
fontWeight: 500,
|
|
85
85
|
fontSize: "clamp(12px,2.35vw,16px)",
|
|
86
|
-
lineHeight: "clamp(
|
|
86
|
+
lineHeight: "clamp(20px,4.5vw,24px)",
|
|
87
87
|
},
|
|
88
88
|
"caption1.bold": {
|
|
89
89
|
fontWeight: 700,
|
|
90
90
|
fontSize: "clamp(12px,2.35vw,16px)",
|
|
91
|
-
lineHeight: "clamp(
|
|
91
|
+
lineHeight: "clamp(20px,4.5vw,24px)",
|
|
92
92
|
},
|
|
93
93
|
caption2: {
|
|
94
94
|
fontWeight: 400,
|
|
95
95
|
fontSize: "clamp(11px,2.2vw,14px)",
|
|
96
|
-
lineHeight: "clamp(20px,
|
|
96
|
+
lineHeight: "clamp(20px,4.5vw,24px)",
|
|
97
97
|
},
|
|
98
98
|
"caption2.medium": {
|
|
99
99
|
fontWeight: 500,
|
|
@@ -108,17 +108,17 @@ export const typography = {
|
|
|
108
108
|
caption3: {
|
|
109
109
|
fontWeight: 400,
|
|
110
110
|
fontSize: "clamp(10px,1.85vw,12px)",
|
|
111
|
-
lineHeight: "clamp(18px,3.
|
|
111
|
+
lineHeight: "clamp(18px,3.85vw,22px)",
|
|
112
112
|
},
|
|
113
113
|
"caption3.medium": {
|
|
114
114
|
fontWeight: 500,
|
|
115
115
|
fontSize: "clamp(10px,1.85vw,12px)",
|
|
116
|
-
lineHeight: "clamp(18px,3.
|
|
116
|
+
lineHeight: "clamp(18px,3.85vw,22px)",
|
|
117
117
|
},
|
|
118
118
|
"caption3.bold": {
|
|
119
119
|
fontWeight: 700,
|
|
120
120
|
fontSize: "clamp(10px,1.85vw,12px)",
|
|
121
|
-
lineHeight: "clamp(18px,3.
|
|
121
|
+
lineHeight: "clamp(18px,3.85vw,22px)",
|
|
122
122
|
},
|
|
123
123
|
caption4: {
|
|
124
124
|
fontWeight: 400,
|