@blocklet/pages-kit 0.4.120 → 0.4.121

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.
@@ -74,7 +74,16 @@ function MarkdownRenderer(props) {
74
74
  const options = {
75
75
  codeOptions,
76
76
  };
77
- return ((0, jsx_runtime_1.jsx)(StyledBox, { children: (0, jsx_runtime_1.jsx)(markdown_context_1.MarkdownProvider, { options: options, children: (0, jsx_runtime_1.jsx)(react_markdown_1.MarkdownHooks, { ...rest, remarkPlugins: [remark_gfm_1.default], rehypePlugins: [rehype_mermaid_1.default], components: {
77
+ return ((0, jsx_runtime_1.jsx)(StyledBox, { sx: {
78
+ '& h1': (theme) => ({ ...theme.typography.h1, marginBottom: '0.35em' }),
79
+ '& h2': (theme) => ({ ...theme.typography.h2, marginBottom: '0.35em' }),
80
+ '& h3': (theme) => ({ ...theme.typography.h3, marginBottom: '0.35em' }),
81
+ '& h4': (theme) => ({ ...theme.typography.h4, marginBottom: '0.35em' }),
82
+ '& h5': (theme) => ({ ...theme.typography.h5, marginBottom: '0.35em' }),
83
+ '& h6': (theme) => ({ ...theme.typography.h6, marginBottom: '0.35em' }),
84
+ '& p': (theme) => ({ ...theme.typography.body1, marginBottom: '0.35em' }),
85
+ '& li': (theme) => ({ ...theme.typography.body1, marginBottom: '0.35em' }),
86
+ }, children: (0, jsx_runtime_1.jsx)(markdown_context_1.MarkdownProvider, { options: options, children: (0, jsx_runtime_1.jsx)(react_markdown_1.MarkdownHooks, { ...rest, remarkPlugins: [remark_gfm_1.default], rehypePlugins: [rehype_mermaid_1.default], components: {
78
87
  pre: MarkdownPre,
79
88
  code: MarkdownCode,
80
89
  table: MarkdownTable,
@@ -99,14 +108,14 @@ const StyledBox = (0, material_1.styled)(material_1.Box) `
99
108
  }
100
109
 
101
110
  li {
102
- margin: 0;
111
+ margin: 0 0 0.35em 0;
103
112
  padding: 0;
104
113
  }
105
114
 
106
115
  li p {
107
116
  display: inline-block;
108
117
  vertical-align: top;
109
- margin: 0;
118
+ margin: 0 0 0.35em 0;
110
119
  padding: 0;
111
120
  }
112
121