@dxos/react-ui-markdown 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6
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/lib/browser/index.mjs +8 -8
- package/dist/lib/browser/index.mjs.map +2 -2
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +21 -21
- package/src/MarkdownViewer/MarkdownViewer.stories.tsx +2 -2
- package/src/MarkdownViewer/MarkdownViewer.tsx +8 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/react-ui-markdown",
|
|
3
|
-
"version": "0.8.4-main.
|
|
3
|
+
"version": "0.8.4-main.bcb3aa67d6",
|
|
4
4
|
"description": "Markdown components.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -37,40 +37,40 @@
|
|
|
37
37
|
"@lezer/xml": "^1.0.6",
|
|
38
38
|
"@radix-ui/react-compose-refs": "1.1.1",
|
|
39
39
|
"@radix-ui/react-context": "1.1.1",
|
|
40
|
-
"effect": "3.
|
|
40
|
+
"effect": "3.20.0",
|
|
41
41
|
"json5": "^2.2.3",
|
|
42
42
|
"react-markdown": "^10.1.0",
|
|
43
43
|
"react-resize-detector": "^11.0.1",
|
|
44
44
|
"remark-gfm": "^4.0.1",
|
|
45
|
-
"@dxos/async": "0.8.4-main.
|
|
46
|
-
"@dxos/echo": "0.8.4-main.
|
|
47
|
-
"@dxos/
|
|
48
|
-
"@dxos/
|
|
49
|
-
"@dxos/react-ui-
|
|
50
|
-
"@dxos/
|
|
51
|
-
"@dxos/
|
|
45
|
+
"@dxos/async": "0.8.4-main.bcb3aa67d6",
|
|
46
|
+
"@dxos/echo": "0.8.4-main.bcb3aa67d6",
|
|
47
|
+
"@dxos/log": "0.8.4-main.bcb3aa67d6",
|
|
48
|
+
"@dxos/react-ui-editor": "0.8.4-main.bcb3aa67d6",
|
|
49
|
+
"@dxos/react-ui-syntax-highlighter": "0.8.4-main.bcb3aa67d6",
|
|
50
|
+
"@dxos/util": "0.8.4-main.bcb3aa67d6",
|
|
51
|
+
"@dxos/invariant": "0.8.4-main.bcb3aa67d6"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/react": "~19.2.7",
|
|
55
55
|
"@types/react-dom": "~19.2.3",
|
|
56
56
|
"react": "~19.2.3",
|
|
57
57
|
"react-dom": "~19.2.3",
|
|
58
|
-
"vite": "7.1.
|
|
59
|
-
"@dxos/echo": "0.8.4-main.
|
|
60
|
-
"@dxos/lit-ui": "0.8.4-main.
|
|
61
|
-
"@dxos/random": "0.8.4-main.
|
|
62
|
-
"@dxos/react-client": "0.8.4-main.
|
|
63
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
64
|
-
"@dxos/schema": "0.8.4-main.
|
|
65
|
-
"@dxos/storybook-utils": "0.8.4-main.
|
|
66
|
-
"@dxos/ui-theme": "0.8.4-main.
|
|
58
|
+
"vite": "^7.1.11",
|
|
59
|
+
"@dxos/echo": "0.8.4-main.bcb3aa67d6",
|
|
60
|
+
"@dxos/lit-ui": "0.8.4-main.bcb3aa67d6",
|
|
61
|
+
"@dxos/random": "0.8.4-main.bcb3aa67d6",
|
|
62
|
+
"@dxos/react-client": "0.8.4-main.bcb3aa67d6",
|
|
63
|
+
"@dxos/react-ui": "0.8.4-main.bcb3aa67d6",
|
|
64
|
+
"@dxos/schema": "0.8.4-main.bcb3aa67d6",
|
|
65
|
+
"@dxos/storybook-utils": "0.8.4-main.bcb3aa67d6",
|
|
66
|
+
"@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
|
|
67
67
|
},
|
|
68
68
|
"peerDependencies": {
|
|
69
|
-
"effect": "3.
|
|
69
|
+
"effect": "3.20.0",
|
|
70
70
|
"react": "~19.2.3",
|
|
71
71
|
"react-dom": "~19.2.3",
|
|
72
|
-
"@dxos/react-ui": "0.8.4-main.
|
|
73
|
-
"@dxos/ui-theme": "0.8.4-main.
|
|
72
|
+
"@dxos/react-ui": "0.8.4-main.bcb3aa67d6",
|
|
73
|
+
"@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
|
|
74
74
|
},
|
|
75
75
|
"publishConfig": {
|
|
76
76
|
"access": "public"
|
|
@@ -15,7 +15,7 @@ faker.seed(0);
|
|
|
15
15
|
const meta = {
|
|
16
16
|
title: 'ui/react-ui-markdown/MarkdownViewer',
|
|
17
17
|
component: MarkdownViewer,
|
|
18
|
-
decorators: [withTheme, withLayout({ layout: 'column' })],
|
|
18
|
+
decorators: [withTheme(), withLayout({ layout: 'column' })],
|
|
19
19
|
} satisfies Meta<typeof MarkdownViewer>;
|
|
20
20
|
|
|
21
21
|
export default meta;
|
|
@@ -69,7 +69,7 @@ const content = trim`
|
|
|
69
69
|
|
|
70
70
|
export const Default: Story = {
|
|
71
71
|
args: {
|
|
72
|
-
classNames: 'p-4 border border-border rounded-md overflow-y-auto bg-
|
|
72
|
+
classNames: 'p-4 border border-border rounded-md overflow-y-auto bg-base-surface',
|
|
73
73
|
content,
|
|
74
74
|
},
|
|
75
75
|
};
|
|
@@ -36,21 +36,21 @@ export const MarkdownViewer = ({ classNames, children, components, content = ''
|
|
|
36
36
|
|
|
37
37
|
const defaultComponents: ReactMarkdownOptions['components'] = {
|
|
38
38
|
h1: ({ children }) => {
|
|
39
|
-
return <h1 className='
|
|
39
|
+
return <h1 className='pt-1 pb-1 text-xl'>{children}</h1>;
|
|
40
40
|
},
|
|
41
41
|
h2: ({ children }) => {
|
|
42
|
-
return <h2 className='
|
|
42
|
+
return <h2 className='pt-1 pb-1 text-lg'>{children}</h2>;
|
|
43
43
|
},
|
|
44
44
|
h3: ({ children }) => {
|
|
45
|
-
return <h3 className='
|
|
45
|
+
return <h3 className='pt-1 pb-1 text-base'>{children}</h3>;
|
|
46
46
|
},
|
|
47
47
|
blockquote: ({ children, ...props }) => (
|
|
48
|
-
<blockquote className='
|
|
48
|
+
<blockquote className='ps-4 mt-2 mb-2 pt-2 pb-2 border-l-4 border-accent-text text-accent-text' {...props}>
|
|
49
49
|
{children}
|
|
50
50
|
</blockquote>
|
|
51
51
|
),
|
|
52
52
|
p: ({ children }) => {
|
|
53
|
-
return <div className='
|
|
53
|
+
return <div className='pt-1 pb-1'>{children}</div>;
|
|
54
54
|
},
|
|
55
55
|
a: ({ children, href, ...props }) => (
|
|
56
56
|
<a
|
|
@@ -64,12 +64,12 @@ const defaultComponents: ReactMarkdownOptions['components'] = {
|
|
|
64
64
|
</a>
|
|
65
65
|
),
|
|
66
66
|
ol: ({ children, ...props }) => (
|
|
67
|
-
<ol className='
|
|
67
|
+
<ol className='pt-1 pb-1 ps-6 leading-tight list-decimal' {...props}>
|
|
68
68
|
{children}
|
|
69
69
|
</ol>
|
|
70
70
|
),
|
|
71
71
|
ul: ({ children, ...props }) => (
|
|
72
|
-
<ul className='
|
|
72
|
+
<ul className='pt-1 pb-1 ps-6 leading-tight list-disc' {...props}>
|
|
73
73
|
{children}
|
|
74
74
|
</ul>
|
|
75
75
|
),
|
|
@@ -85,7 +85,7 @@ const defaultComponents: ReactMarkdownOptions['components'] = {
|
|
|
85
85
|
return (
|
|
86
86
|
<SyntaxHighlighter
|
|
87
87
|
language={language}
|
|
88
|
-
classNames='
|
|
88
|
+
classNames='mt-2 mb-2 border border-separator rounded-xs text-sm bg-group-surface'
|
|
89
89
|
PreTag='pre'
|
|
90
90
|
>
|
|
91
91
|
{children}
|