react-native-marked 5.2.0-rc.0 → 5.2.0-rc.1
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/commonjs/theme/styles.js +46 -30
- package/dist/commonjs/theme/styles.js.map +1 -1
- package/dist/module/theme/styles.js +46 -30
- package/dist/module/theme/styles.js.map +1 -1
- package/dist/typescript/theme/styles.d.ts.map +1 -1
- package/dist/typescript/theme/types.d.ts +0 -1
- package/dist/typescript/theme/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/theme/styles.ts +25 -10
- package/src/theme/types.ts +0 -1
|
@@ -13,16 +13,14 @@ var _colors = _interopRequireDefault(require("./colors"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
-
const getFontStyles =
|
|
16
|
+
const getFontStyles = mdColors => {
|
|
17
17
|
return _reactNative.StyleSheet.create({
|
|
18
18
|
regular: {
|
|
19
|
-
fontFamily: fontFamily,
|
|
20
19
|
fontSize: 16,
|
|
21
20
|
lineHeight: 24,
|
|
22
21
|
color: mdColors.text
|
|
23
22
|
},
|
|
24
23
|
heading: {
|
|
25
|
-
fontFamily: fontFamily,
|
|
26
24
|
fontWeight: "500",
|
|
27
25
|
color: mdColors.text
|
|
28
26
|
}
|
|
@@ -36,36 +34,42 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
36
34
|
const mdSpacing = { ..._spacing.default,
|
|
37
35
|
...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.spacing)
|
|
38
36
|
};
|
|
39
|
-
const fontStyle = getFontStyles(mdColors
|
|
37
|
+
const fontStyle = getFontStyles(mdColors);
|
|
40
38
|
|
|
41
|
-
const
|
|
39
|
+
const styles = _reactNative.StyleSheet.create({
|
|
42
40
|
em: { ...fontStyle.regular,
|
|
43
|
-
fontStyle: "italic"
|
|
41
|
+
fontStyle: "italic",
|
|
42
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.em)
|
|
44
43
|
},
|
|
45
44
|
strong: { ...fontStyle.regular,
|
|
46
|
-
fontWeight: "bold"
|
|
45
|
+
fontWeight: "bold",
|
|
46
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.strong)
|
|
47
47
|
},
|
|
48
48
|
strikethrough: { ...fontStyle.regular,
|
|
49
49
|
textDecorationLine: "line-through",
|
|
50
|
-
textDecorationStyle: "solid"
|
|
50
|
+
textDecorationStyle: "solid",
|
|
51
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.strikethrough)
|
|
51
52
|
},
|
|
52
|
-
text: { ...fontStyle.regular
|
|
53
|
+
text: { ...fontStyle.regular,
|
|
54
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.text)
|
|
53
55
|
},
|
|
54
56
|
paragraph: { ...fontStyle.regular,
|
|
55
|
-
paddingVertical: mdSpacing.m
|
|
57
|
+
paddingVertical: mdSpacing.m,
|
|
58
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.paragraph)
|
|
56
59
|
},
|
|
57
60
|
link: { ...fontStyle.regular,
|
|
58
61
|
fontStyle: "italic",
|
|
59
|
-
color: mdColors.link
|
|
62
|
+
color: mdColors.link,
|
|
63
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.link)
|
|
60
64
|
},
|
|
61
65
|
blockquote: {
|
|
62
66
|
borderLeftColor: mdColors.border,
|
|
63
67
|
paddingLeft: mdSpacing.l,
|
|
64
68
|
borderLeftWidth: mdSpacing.s,
|
|
65
|
-
opacity: 0.8
|
|
69
|
+
opacity: 0.8,
|
|
70
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.blockquote)
|
|
66
71
|
},
|
|
67
72
|
h1: {
|
|
68
|
-
fontFamily: userTheme === null || userTheme === void 0 ? void 0 : userTheme.fontFamily,
|
|
69
73
|
fontSize: 32,
|
|
70
74
|
lineHeight: 40,
|
|
71
75
|
fontWeight: "bold",
|
|
@@ -73,7 +77,8 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
73
77
|
letterSpacing: 0,
|
|
74
78
|
paddingBottom: mdSpacing.s,
|
|
75
79
|
borderBottomColor: mdColors.border,
|
|
76
|
-
borderBottomWidth: 1
|
|
80
|
+
borderBottomWidth: 1,
|
|
81
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h1)
|
|
77
82
|
},
|
|
78
83
|
h2: { ...fontStyle.heading,
|
|
79
84
|
fontSize: 28,
|
|
@@ -81,63 +86,74 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
81
86
|
marginVertical: mdSpacing.m,
|
|
82
87
|
paddingBottom: mdSpacing.s,
|
|
83
88
|
borderBottomColor: mdColors.border,
|
|
84
|
-
borderBottomWidth: 1
|
|
89
|
+
borderBottomWidth: 1,
|
|
90
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h2)
|
|
85
91
|
},
|
|
86
92
|
h3: { ...fontStyle.heading,
|
|
87
93
|
fontSize: 24,
|
|
88
94
|
lineHeight: 32,
|
|
89
|
-
marginVertical: mdSpacing.s
|
|
95
|
+
marginVertical: mdSpacing.s,
|
|
96
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h3)
|
|
90
97
|
},
|
|
91
98
|
h4: { ...fontStyle.heading,
|
|
92
99
|
fontSize: 22,
|
|
93
100
|
lineHeight: 28,
|
|
94
|
-
marginVertical: mdSpacing.s
|
|
101
|
+
marginVertical: mdSpacing.s,
|
|
102
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h4)
|
|
95
103
|
},
|
|
96
104
|
h5: { ...fontStyle.regular,
|
|
97
105
|
...fontStyle.heading,
|
|
98
|
-
marginVertical: mdSpacing.xs
|
|
106
|
+
marginVertical: mdSpacing.xs,
|
|
107
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h5)
|
|
99
108
|
},
|
|
100
109
|
h6: { ...fontStyle.heading,
|
|
101
110
|
fontSize: 14,
|
|
102
111
|
lineHeight: 20,
|
|
103
|
-
marginVertical: mdSpacing.xs
|
|
112
|
+
marginVertical: mdSpacing.xs,
|
|
113
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h6)
|
|
104
114
|
},
|
|
105
115
|
codespan: { ...fontStyle.regular,
|
|
106
116
|
fontStyle: "italic",
|
|
107
117
|
backgroundColor: mdColors.code,
|
|
108
|
-
fontWeight: "300"
|
|
118
|
+
fontWeight: "300",
|
|
119
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.codespan)
|
|
109
120
|
},
|
|
110
121
|
code: {
|
|
111
122
|
padding: mdSpacing.l,
|
|
112
123
|
backgroundColor: mdColors.code,
|
|
113
|
-
minWidth: "100%"
|
|
124
|
+
minWidth: "100%",
|
|
125
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.code)
|
|
114
126
|
},
|
|
115
127
|
hr: {
|
|
116
128
|
borderBottomWidth: 1,
|
|
117
129
|
borderBottomColor: mdColors.border,
|
|
118
|
-
marginVertical: mdSpacing.s
|
|
130
|
+
marginVertical: mdSpacing.s,
|
|
131
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.hr)
|
|
119
132
|
},
|
|
120
133
|
li: { ...fontStyle.regular,
|
|
121
|
-
flexShrink: 1
|
|
134
|
+
flexShrink: 1,
|
|
135
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.li)
|
|
122
136
|
},
|
|
123
137
|
image: {
|
|
124
|
-
resizeMode: "cover"
|
|
138
|
+
resizeMode: "cover",
|
|
139
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.image)
|
|
125
140
|
},
|
|
126
141
|
table: {
|
|
127
142
|
borderWidth: 1,
|
|
128
|
-
borderColor: mdColors.border
|
|
143
|
+
borderColor: mdColors.border,
|
|
144
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.table)
|
|
129
145
|
},
|
|
130
146
|
tableRow: {
|
|
131
|
-
flexDirection: "row"
|
|
147
|
+
flexDirection: "row",
|
|
148
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.tableRow)
|
|
132
149
|
},
|
|
133
150
|
tableCell: {
|
|
134
|
-
padding: mdSpacing.s
|
|
151
|
+
padding: mdSpacing.s,
|
|
152
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.tableCell)
|
|
135
153
|
}
|
|
136
154
|
});
|
|
137
155
|
|
|
138
|
-
return
|
|
139
|
-
...userStyles
|
|
140
|
-
};
|
|
156
|
+
return styles;
|
|
141
157
|
};
|
|
142
158
|
|
|
143
159
|
var _default = getStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getFontStyles","mdColors","
|
|
1
|
+
{"version":3,"names":["getFontStyles","mdColors","StyleSheet","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","colors","mdSpacing","spacing","fontStyle","styles","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","backgroundColor","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}
|
|
@@ -2,16 +2,14 @@ import { StyleSheet } from "react-native";
|
|
|
2
2
|
import spacing from "./spacing";
|
|
3
3
|
import colors from "./colors";
|
|
4
4
|
|
|
5
|
-
const getFontStyles =
|
|
5
|
+
const getFontStyles = mdColors => {
|
|
6
6
|
return StyleSheet.create({
|
|
7
7
|
regular: {
|
|
8
|
-
fontFamily: fontFamily,
|
|
9
8
|
fontSize: 16,
|
|
10
9
|
lineHeight: 24,
|
|
11
10
|
color: mdColors.text
|
|
12
11
|
},
|
|
13
12
|
heading: {
|
|
14
|
-
fontFamily: fontFamily,
|
|
15
13
|
fontWeight: "500",
|
|
16
14
|
color: mdColors.text
|
|
17
15
|
}
|
|
@@ -25,35 +23,41 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
25
23
|
const mdSpacing = { ...spacing,
|
|
26
24
|
...(userTheme === null || userTheme === void 0 ? void 0 : userTheme.spacing)
|
|
27
25
|
};
|
|
28
|
-
const fontStyle = getFontStyles(mdColors
|
|
29
|
-
const
|
|
26
|
+
const fontStyle = getFontStyles(mdColors);
|
|
27
|
+
const styles = StyleSheet.create({
|
|
30
28
|
em: { ...fontStyle.regular,
|
|
31
|
-
fontStyle: "italic"
|
|
29
|
+
fontStyle: "italic",
|
|
30
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.em)
|
|
32
31
|
},
|
|
33
32
|
strong: { ...fontStyle.regular,
|
|
34
|
-
fontWeight: "bold"
|
|
33
|
+
fontWeight: "bold",
|
|
34
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.strong)
|
|
35
35
|
},
|
|
36
36
|
strikethrough: { ...fontStyle.regular,
|
|
37
37
|
textDecorationLine: "line-through",
|
|
38
|
-
textDecorationStyle: "solid"
|
|
38
|
+
textDecorationStyle: "solid",
|
|
39
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.strikethrough)
|
|
39
40
|
},
|
|
40
|
-
text: { ...fontStyle.regular
|
|
41
|
+
text: { ...fontStyle.regular,
|
|
42
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.text)
|
|
41
43
|
},
|
|
42
44
|
paragraph: { ...fontStyle.regular,
|
|
43
|
-
paddingVertical: mdSpacing.m
|
|
45
|
+
paddingVertical: mdSpacing.m,
|
|
46
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.paragraph)
|
|
44
47
|
},
|
|
45
48
|
link: { ...fontStyle.regular,
|
|
46
49
|
fontStyle: "italic",
|
|
47
|
-
color: mdColors.link
|
|
50
|
+
color: mdColors.link,
|
|
51
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.link)
|
|
48
52
|
},
|
|
49
53
|
blockquote: {
|
|
50
54
|
borderLeftColor: mdColors.border,
|
|
51
55
|
paddingLeft: mdSpacing.l,
|
|
52
56
|
borderLeftWidth: mdSpacing.s,
|
|
53
|
-
opacity: 0.8
|
|
57
|
+
opacity: 0.8,
|
|
58
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.blockquote)
|
|
54
59
|
},
|
|
55
60
|
h1: {
|
|
56
|
-
fontFamily: userTheme === null || userTheme === void 0 ? void 0 : userTheme.fontFamily,
|
|
57
61
|
fontSize: 32,
|
|
58
62
|
lineHeight: 40,
|
|
59
63
|
fontWeight: "bold",
|
|
@@ -61,7 +65,8 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
61
65
|
letterSpacing: 0,
|
|
62
66
|
paddingBottom: mdSpacing.s,
|
|
63
67
|
borderBottomColor: mdColors.border,
|
|
64
|
-
borderBottomWidth: 1
|
|
68
|
+
borderBottomWidth: 1,
|
|
69
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h1)
|
|
65
70
|
},
|
|
66
71
|
h2: { ...fontStyle.heading,
|
|
67
72
|
fontSize: 28,
|
|
@@ -69,62 +74,73 @@ const getStyles = (userStyles, colorScheme, userTheme) => {
|
|
|
69
74
|
marginVertical: mdSpacing.m,
|
|
70
75
|
paddingBottom: mdSpacing.s,
|
|
71
76
|
borderBottomColor: mdColors.border,
|
|
72
|
-
borderBottomWidth: 1
|
|
77
|
+
borderBottomWidth: 1,
|
|
78
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h2)
|
|
73
79
|
},
|
|
74
80
|
h3: { ...fontStyle.heading,
|
|
75
81
|
fontSize: 24,
|
|
76
82
|
lineHeight: 32,
|
|
77
|
-
marginVertical: mdSpacing.s
|
|
83
|
+
marginVertical: mdSpacing.s,
|
|
84
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h3)
|
|
78
85
|
},
|
|
79
86
|
h4: { ...fontStyle.heading,
|
|
80
87
|
fontSize: 22,
|
|
81
88
|
lineHeight: 28,
|
|
82
|
-
marginVertical: mdSpacing.s
|
|
89
|
+
marginVertical: mdSpacing.s,
|
|
90
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h4)
|
|
83
91
|
},
|
|
84
92
|
h5: { ...fontStyle.regular,
|
|
85
93
|
...fontStyle.heading,
|
|
86
|
-
marginVertical: mdSpacing.xs
|
|
94
|
+
marginVertical: mdSpacing.xs,
|
|
95
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h5)
|
|
87
96
|
},
|
|
88
97
|
h6: { ...fontStyle.heading,
|
|
89
98
|
fontSize: 14,
|
|
90
99
|
lineHeight: 20,
|
|
91
|
-
marginVertical: mdSpacing.xs
|
|
100
|
+
marginVertical: mdSpacing.xs,
|
|
101
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.h6)
|
|
92
102
|
},
|
|
93
103
|
codespan: { ...fontStyle.regular,
|
|
94
104
|
fontStyle: "italic",
|
|
95
105
|
backgroundColor: mdColors.code,
|
|
96
|
-
fontWeight: "300"
|
|
106
|
+
fontWeight: "300",
|
|
107
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.codespan)
|
|
97
108
|
},
|
|
98
109
|
code: {
|
|
99
110
|
padding: mdSpacing.l,
|
|
100
111
|
backgroundColor: mdColors.code,
|
|
101
|
-
minWidth: "100%"
|
|
112
|
+
minWidth: "100%",
|
|
113
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.code)
|
|
102
114
|
},
|
|
103
115
|
hr: {
|
|
104
116
|
borderBottomWidth: 1,
|
|
105
117
|
borderBottomColor: mdColors.border,
|
|
106
|
-
marginVertical: mdSpacing.s
|
|
118
|
+
marginVertical: mdSpacing.s,
|
|
119
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.hr)
|
|
107
120
|
},
|
|
108
121
|
li: { ...fontStyle.regular,
|
|
109
|
-
flexShrink: 1
|
|
122
|
+
flexShrink: 1,
|
|
123
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.li)
|
|
110
124
|
},
|
|
111
125
|
image: {
|
|
112
|
-
resizeMode: "cover"
|
|
126
|
+
resizeMode: "cover",
|
|
127
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.image)
|
|
113
128
|
},
|
|
114
129
|
table: {
|
|
115
130
|
borderWidth: 1,
|
|
116
|
-
borderColor: mdColors.border
|
|
131
|
+
borderColor: mdColors.border,
|
|
132
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.table)
|
|
117
133
|
},
|
|
118
134
|
tableRow: {
|
|
119
|
-
flexDirection: "row"
|
|
135
|
+
flexDirection: "row",
|
|
136
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.tableRow)
|
|
120
137
|
},
|
|
121
138
|
tableCell: {
|
|
122
|
-
padding: mdSpacing.s
|
|
139
|
+
padding: mdSpacing.s,
|
|
140
|
+
...(userStyles === null || userStyles === void 0 ? void 0 : userStyles.tableCell)
|
|
123
141
|
}
|
|
124
142
|
});
|
|
125
|
-
return
|
|
126
|
-
...userStyles
|
|
127
|
-
};
|
|
143
|
+
return styles;
|
|
128
144
|
};
|
|
129
145
|
|
|
130
146
|
export default getStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","spacing","colors","getFontStyles","mdColors","
|
|
1
|
+
{"version":3,"names":["StyleSheet","spacing","colors","getFontStyles","mdColors","create","regular","fontSize","lineHeight","color","text","heading","fontWeight","getStyles","userStyles","colorScheme","userTheme","mdSpacing","fontStyle","styles","em","strong","strikethrough","textDecorationLine","textDecorationStyle","paragraph","paddingVertical","m","link","blockquote","borderLeftColor","border","paddingLeft","l","borderLeftWidth","s","opacity","h1","marginVertical","letterSpacing","paddingBottom","borderBottomColor","borderBottomWidth","h2","h3","h4","h5","xs","h6","codespan","backgroundColor","code","padding","minWidth","hr","li","flexShrink","image","resizeMode","table","borderWidth","borderColor","tableRow","flexDirection","tableCell"],"sourceRoot":"../../../src","sources":["theme/styles.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/theme/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBvD,QAAA,MAAM,SAAS,gBACD,YAAY,gBACX,eAAe,cACjB,SAAS,KACnB,YAwIF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,SAAS,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;CAC1C"}
|
package/package.json
CHANGED
package/src/theme/styles.ts
CHANGED
|
@@ -3,16 +3,14 @@ import spacing from "./spacing";
|
|
|
3
3
|
import colors, { type ColorsPropType } from "./colors";
|
|
4
4
|
import type { MarkedStyles, UserTheme } from "./types";
|
|
5
5
|
|
|
6
|
-
const getFontStyles = (mdColors: ColorsPropType
|
|
6
|
+
const getFontStyles = (mdColors: ColorsPropType) => {
|
|
7
7
|
return StyleSheet.create({
|
|
8
8
|
regular: {
|
|
9
|
-
fontFamily: fontFamily,
|
|
10
9
|
fontSize: 16,
|
|
11
10
|
lineHeight: 24,
|
|
12
11
|
color: mdColors.text,
|
|
13
12
|
},
|
|
14
13
|
heading: {
|
|
15
|
-
fontFamily: fontFamily,
|
|
16
14
|
fontWeight: "500",
|
|
17
15
|
color: mdColors.text,
|
|
18
16
|
},
|
|
@@ -27,41 +25,47 @@ const getStyles = (
|
|
|
27
25
|
const mdColors = { ...colors[colorScheme || "light"], ...userTheme?.colors };
|
|
28
26
|
const mdSpacing = { ...spacing, ...userTheme?.spacing };
|
|
29
27
|
|
|
30
|
-
const fontStyle = getFontStyles(mdColors
|
|
31
|
-
const
|
|
28
|
+
const fontStyle = getFontStyles(mdColors);
|
|
29
|
+
const styles = StyleSheet.create<MarkedStyles>({
|
|
32
30
|
em: {
|
|
33
31
|
...fontStyle.regular,
|
|
34
32
|
fontStyle: "italic",
|
|
33
|
+
...userStyles?.em,
|
|
35
34
|
},
|
|
36
35
|
strong: {
|
|
37
36
|
...fontStyle.regular,
|
|
38
37
|
fontWeight: "bold",
|
|
38
|
+
...userStyles?.strong,
|
|
39
39
|
},
|
|
40
40
|
strikethrough: {
|
|
41
41
|
...fontStyle.regular,
|
|
42
42
|
textDecorationLine: "line-through",
|
|
43
43
|
textDecorationStyle: "solid",
|
|
44
|
+
...userStyles?.strikethrough,
|
|
44
45
|
},
|
|
45
46
|
text: {
|
|
46
47
|
...fontStyle.regular,
|
|
48
|
+
...userStyles?.text,
|
|
47
49
|
},
|
|
48
50
|
paragraph: {
|
|
49
51
|
...fontStyle.regular,
|
|
50
52
|
paddingVertical: mdSpacing.m,
|
|
53
|
+
...userStyles?.paragraph,
|
|
51
54
|
},
|
|
52
55
|
link: {
|
|
53
56
|
...fontStyle.regular,
|
|
54
57
|
fontStyle: "italic",
|
|
55
58
|
color: mdColors.link,
|
|
59
|
+
...userStyles?.link,
|
|
56
60
|
},
|
|
57
61
|
blockquote: {
|
|
58
62
|
borderLeftColor: mdColors.border,
|
|
59
63
|
paddingLeft: mdSpacing.l,
|
|
60
64
|
borderLeftWidth: mdSpacing.s,
|
|
61
65
|
opacity: 0.8,
|
|
66
|
+
...userStyles?.blockquote,
|
|
62
67
|
},
|
|
63
68
|
h1: {
|
|
64
|
-
fontFamily: userTheme?.fontFamily,
|
|
65
69
|
fontSize: 32,
|
|
66
70
|
lineHeight: 40,
|
|
67
71
|
fontWeight: "bold",
|
|
@@ -70,6 +74,7 @@ const getStyles = (
|
|
|
70
74
|
paddingBottom: mdSpacing.s,
|
|
71
75
|
borderBottomColor: mdColors.border,
|
|
72
76
|
borderBottomWidth: 1,
|
|
77
|
+
...userStyles?.h1,
|
|
73
78
|
},
|
|
74
79
|
h2: {
|
|
75
80
|
...fontStyle.heading,
|
|
@@ -79,69 +84,79 @@ const getStyles = (
|
|
|
79
84
|
paddingBottom: mdSpacing.s,
|
|
80
85
|
borderBottomColor: mdColors.border,
|
|
81
86
|
borderBottomWidth: 1,
|
|
87
|
+
...userStyles?.h2,
|
|
82
88
|
},
|
|
83
89
|
h3: {
|
|
84
90
|
...fontStyle.heading,
|
|
85
91
|
fontSize: 24,
|
|
86
92
|
lineHeight: 32,
|
|
87
93
|
marginVertical: mdSpacing.s,
|
|
94
|
+
...userStyles?.h3,
|
|
88
95
|
},
|
|
89
96
|
h4: {
|
|
90
97
|
...fontStyle.heading,
|
|
91
98
|
fontSize: 22,
|
|
92
99
|
lineHeight: 28,
|
|
93
100
|
marginVertical: mdSpacing.s,
|
|
101
|
+
...userStyles?.h4,
|
|
94
102
|
},
|
|
95
103
|
h5: {
|
|
96
104
|
...fontStyle.regular,
|
|
97
105
|
...fontStyle.heading,
|
|
98
106
|
marginVertical: mdSpacing.xs,
|
|
107
|
+
...userStyles?.h5,
|
|
99
108
|
},
|
|
100
109
|
h6: {
|
|
101
110
|
...fontStyle.heading,
|
|
102
111
|
fontSize: 14,
|
|
103
112
|
lineHeight: 20,
|
|
104
113
|
marginVertical: mdSpacing.xs,
|
|
114
|
+
...userStyles?.h6,
|
|
105
115
|
},
|
|
106
116
|
codespan: {
|
|
107
117
|
...fontStyle.regular,
|
|
108
118
|
fontStyle: "italic",
|
|
109
119
|
backgroundColor: mdColors.code,
|
|
110
120
|
fontWeight: "300",
|
|
121
|
+
...userStyles?.codespan,
|
|
111
122
|
},
|
|
112
123
|
code: {
|
|
113
124
|
padding: mdSpacing.l,
|
|
114
125
|
backgroundColor: mdColors.code,
|
|
115
126
|
minWidth: "100%",
|
|
127
|
+
...userStyles?.code,
|
|
116
128
|
},
|
|
117
129
|
hr: {
|
|
118
130
|
borderBottomWidth: 1,
|
|
119
131
|
borderBottomColor: mdColors.border,
|
|
120
132
|
marginVertical: mdSpacing.s,
|
|
133
|
+
...userStyles?.hr,
|
|
121
134
|
},
|
|
122
135
|
li: {
|
|
123
136
|
...fontStyle.regular,
|
|
124
137
|
flexShrink: 1,
|
|
138
|
+
...userStyles?.li,
|
|
125
139
|
},
|
|
126
140
|
image: {
|
|
127
141
|
resizeMode: "cover",
|
|
142
|
+
...userStyles?.image,
|
|
128
143
|
},
|
|
129
144
|
table: {
|
|
130
145
|
borderWidth: 1,
|
|
131
146
|
borderColor: mdColors.border,
|
|
147
|
+
...userStyles?.table,
|
|
132
148
|
},
|
|
133
149
|
tableRow: {
|
|
134
150
|
flexDirection: "row",
|
|
151
|
+
...userStyles?.tableRow,
|
|
135
152
|
},
|
|
136
153
|
tableCell: {
|
|
137
154
|
padding: mdSpacing.s,
|
|
155
|
+
...userStyles?.tableCell,
|
|
138
156
|
},
|
|
139
157
|
});
|
|
140
158
|
|
|
141
|
-
return
|
|
142
|
-
...defaultStyles,
|
|
143
|
-
...userStyles,
|
|
144
|
-
};
|
|
159
|
+
return styles;
|
|
145
160
|
};
|
|
146
161
|
|
|
147
162
|
export default getStyles;
|