@multiplatform.one/markdown 7.4.0 → 7.5.0
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/cjs/Aside/index.cjs +6 -4
- package/dist/cjs/Aside/index.native.js +6 -4
- package/dist/cjs/Aside/index.native.js.map +1 -1
- package/dist/cjs/Hr/index.cjs +2 -3
- package/dist/cjs/Hr/index.native.js +2 -3
- package/dist/cjs/Hr/index.native.js.map +1 -1
- package/dist/cjs/MarkdownSimpleTable/index.cjs +15 -15
- package/dist/cjs/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/cjs/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/cjs/MdxCodeBlock/index.cjs +9 -5
- package/dist/cjs/MdxCodeBlock/index.native.js +9 -5
- package/dist/cjs/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/cjs/Table/index.cjs +20 -8
- package/dist/cjs/Table/index.native.js +20 -8
- package/dist/cjs/Table/index.native.js.map +1 -1
- package/dist/cjs/Video/index.cjs +11 -7
- package/dist/cjs/Video/index.native.js +12 -7
- package/dist/cjs/Video/index.native.js.map +1 -1
- package/dist/cjs/components/Blockquote.cjs +5 -4
- package/dist/cjs/components/Blockquote.native.js +7 -6
- package/dist/cjs/components/Blockquote.native.js.map +1 -1
- package/dist/cjs/components/CodeBlock.cjs +2 -2
- package/dist/cjs/components/CodeBlock.native.js +3 -3
- package/dist/cjs/components/CodeBlock.native.js.map +1 -1
- package/dist/cjs/components/Heading.cjs +1 -0
- package/dist/cjs/components/Heading.native.js +1 -0
- package/dist/cjs/components/Heading.native.js.map +1 -1
- package/dist/cjs/components/HorizontalRule.cjs +12 -1
- package/dist/cjs/components/HorizontalRule.native.js +12 -1
- package/dist/cjs/components/HorizontalRule.native.js.map +1 -1
- package/dist/cjs/components/Image.cjs +2 -2
- package/dist/cjs/components/Image.native.js +3 -2
- package/dist/cjs/components/Image.native.js.map +1 -1
- package/dist/cjs/components/InlineCode.cjs +2 -1
- package/dist/cjs/components/InlineCode.native.js +2 -1
- package/dist/cjs/components/InlineCode.native.js.map +1 -1
- package/dist/cjs/components/InlineStyles.cjs +14 -1
- package/dist/cjs/components/InlineStyles.native.js +14 -1
- package/dist/cjs/components/InlineStyles.native.js.map +1 -1
- package/dist/cjs/components/Link.cjs +5 -0
- package/dist/cjs/components/Link.native.js +5 -0
- package/dist/cjs/components/Link.native.js.map +1 -1
- package/dist/cjs/components/List.cjs +8 -1
- package/dist/cjs/components/List.native.js +11 -3
- package/dist/cjs/components/List.native.js.map +1 -1
- package/dist/cjs/components/Table.cjs +15 -9
- package/dist/cjs/components/Table.native.js +17 -12
- package/dist/cjs/components/Table.native.js.map +1 -1
- package/dist/cjs/mdxComponents.cjs +175 -108
- package/dist/cjs/mdxComponents.native.js +184 -113
- package/dist/cjs/mdxComponents.native.js.map +1 -1
- package/dist/cjs/mermaid/MermaidBlock.cjs +1 -1
- package/dist/cjs/mermaid/renderMermaidDiagram.native.js +11 -81
- package/dist/cjs/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/cjs/shared/index.cjs +13 -1
- package/dist/cjs/shared/index.native.js +12 -0
- package/dist/cjs/shared/index.native.js.map +1 -1
- package/dist/cjs/shared/tokenPx.cjs +41 -0
- package/dist/cjs/shared/tokenPx.native.js +46 -0
- package/dist/cjs/shared/tokenPx.native.js.map +1 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.cjs +61 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.native.js +64 -0
- package/dist/cjs/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/dist/esm/Aside/index.mjs +6 -4
- package/dist/esm/Aside/index.mjs.map +1 -1
- package/dist/esm/Aside/index.native.js +6 -4
- package/dist/esm/Aside/index.native.js.map +1 -1
- package/dist/esm/Hr/index.mjs +2 -3
- package/dist/esm/Hr/index.mjs.map +1 -1
- package/dist/esm/Hr/index.native.js +2 -3
- package/dist/esm/Hr/index.native.js.map +1 -1
- package/dist/esm/MarkdownSimpleTable/index.mjs +15 -15
- package/dist/esm/MarkdownSimpleTable/index.mjs.map +1 -1
- package/dist/esm/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/esm/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/esm/MdxCodeBlock/index.mjs +9 -5
- package/dist/esm/MdxCodeBlock/index.mjs.map +1 -1
- package/dist/esm/MdxCodeBlock/index.native.js +9 -5
- package/dist/esm/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/esm/Table/index.mjs +20 -8
- package/dist/esm/Table/index.mjs.map +1 -1
- package/dist/esm/Table/index.native.js +20 -8
- package/dist/esm/Table/index.native.js.map +1 -1
- package/dist/esm/Video/index.mjs +11 -7
- package/dist/esm/Video/index.mjs.map +1 -1
- package/dist/esm/Video/index.native.js +12 -7
- package/dist/esm/Video/index.native.js.map +1 -1
- package/dist/esm/components/Blockquote.mjs +5 -4
- package/dist/esm/components/Blockquote.mjs.map +1 -1
- package/dist/esm/components/Blockquote.native.js +7 -6
- package/dist/esm/components/Blockquote.native.js.map +1 -1
- package/dist/esm/components/CodeBlock.mjs +2 -2
- package/dist/esm/components/CodeBlock.mjs.map +1 -1
- package/dist/esm/components/CodeBlock.native.js +3 -3
- package/dist/esm/components/CodeBlock.native.js.map +1 -1
- package/dist/esm/components/Heading.mjs +1 -0
- package/dist/esm/components/Heading.mjs.map +1 -1
- package/dist/esm/components/Heading.native.js +1 -0
- package/dist/esm/components/Heading.native.js.map +1 -1
- package/dist/esm/components/HorizontalRule.mjs +13 -2
- package/dist/esm/components/HorizontalRule.mjs.map +1 -1
- package/dist/esm/components/HorizontalRule.native.js +13 -2
- package/dist/esm/components/HorizontalRule.native.js.map +1 -1
- package/dist/esm/components/Image.mjs +2 -2
- package/dist/esm/components/Image.mjs.map +1 -1
- package/dist/esm/components/Image.native.js +3 -2
- package/dist/esm/components/Image.native.js.map +1 -1
- package/dist/esm/components/InlineCode.mjs +2 -1
- package/dist/esm/components/InlineCode.mjs.map +1 -1
- package/dist/esm/components/InlineCode.native.js +2 -1
- package/dist/esm/components/InlineCode.native.js.map +1 -1
- package/dist/esm/components/InlineStyles.mjs +14 -1
- package/dist/esm/components/InlineStyles.mjs.map +1 -1
- package/dist/esm/components/InlineStyles.native.js +14 -1
- package/dist/esm/components/InlineStyles.native.js.map +1 -1
- package/dist/esm/components/Link.mjs +5 -0
- package/dist/esm/components/Link.mjs.map +1 -1
- package/dist/esm/components/Link.native.js +5 -0
- package/dist/esm/components/Link.native.js.map +1 -1
- package/dist/esm/components/List.mjs +8 -1
- package/dist/esm/components/List.mjs.map +1 -1
- package/dist/esm/components/List.native.js +11 -3
- package/dist/esm/components/List.native.js.map +1 -1
- package/dist/esm/components/Table.mjs +15 -9
- package/dist/esm/components/Table.mjs.map +1 -1
- package/dist/esm/components/Table.native.js +17 -12
- package/dist/esm/components/Table.native.js.map +1 -1
- package/dist/esm/mdxComponents.mjs +175 -108
- package/dist/esm/mdxComponents.mjs.map +1 -1
- package/dist/esm/mdxComponents.native.js +184 -113
- package/dist/esm/mdxComponents.native.js.map +1 -1
- package/dist/esm/mermaid/MermaidBlock.mjs +1 -1
- package/dist/esm/mermaid/MermaidBlock.mjs.map +1 -1
- package/dist/esm/mermaid/renderMermaidDiagram.native.js +9 -68
- package/dist/esm/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/esm/shared/index.mjs +3 -0
- package/dist/esm/shared/index.mjs.map +1 -1
- package/dist/esm/shared/index.native.js +3 -0
- package/dist/esm/shared/index.native.js.map +1 -1
- package/dist/esm/shared/tokenPx.mjs +16 -0
- package/dist/esm/shared/tokenPx.mjs.map +1 -0
- package/dist/esm/shared/tokenPx.native.js +18 -0
- package/dist/esm/shared/tokenPx.native.js.map +1 -0
- package/dist/esm/shared/useMarkdownTableKnobs.mjs +36 -0
- package/dist/esm/shared/useMarkdownTableKnobs.mjs.map +1 -0
- package/dist/esm/shared/useMarkdownTableKnobs.native.js +36 -0
- package/dist/esm/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/dist/jsx/Aside/index.mjs +6 -4
- package/dist/jsx/Aside/index.mjs.map +1 -1
- package/dist/jsx/Aside/index.native.js +6 -4
- package/dist/jsx/Aside/index.native.js.map +1 -1
- package/dist/jsx/Hr/index.mjs +2 -3
- package/dist/jsx/Hr/index.mjs.map +1 -1
- package/dist/jsx/Hr/index.native.js +2 -3
- package/dist/jsx/Hr/index.native.js.map +1 -1
- package/dist/jsx/MarkdownSimpleTable/index.mjs +15 -15
- package/dist/jsx/MarkdownSimpleTable/index.mjs.map +1 -1
- package/dist/jsx/MarkdownSimpleTable/index.native.js +17 -18
- package/dist/jsx/MarkdownSimpleTable/index.native.js.map +1 -1
- package/dist/jsx/MdxCodeBlock/index.mjs +9 -5
- package/dist/jsx/MdxCodeBlock/index.mjs.map +1 -1
- package/dist/jsx/MdxCodeBlock/index.native.js +9 -5
- package/dist/jsx/MdxCodeBlock/index.native.js.map +1 -1
- package/dist/jsx/Table/index.mjs +20 -8
- package/dist/jsx/Table/index.mjs.map +1 -1
- package/dist/jsx/Table/index.native.js +20 -8
- package/dist/jsx/Table/index.native.js.map +1 -1
- package/dist/jsx/Video/index.mjs +11 -7
- package/dist/jsx/Video/index.mjs.map +1 -1
- package/dist/jsx/Video/index.native.js +12 -7
- package/dist/jsx/Video/index.native.js.map +1 -1
- package/dist/jsx/components/Blockquote.mjs +5 -4
- package/dist/jsx/components/Blockquote.mjs.map +1 -1
- package/dist/jsx/components/Blockquote.native.js +7 -6
- package/dist/jsx/components/Blockquote.native.js.map +1 -1
- package/dist/jsx/components/CodeBlock.mjs +2 -2
- package/dist/jsx/components/CodeBlock.mjs.map +1 -1
- package/dist/jsx/components/CodeBlock.native.js +3 -3
- package/dist/jsx/components/CodeBlock.native.js.map +1 -1
- package/dist/jsx/components/Heading.mjs +1 -0
- package/dist/jsx/components/Heading.mjs.map +1 -1
- package/dist/jsx/components/Heading.native.js +1 -0
- package/dist/jsx/components/Heading.native.js.map +1 -1
- package/dist/jsx/components/HorizontalRule.mjs +13 -2
- package/dist/jsx/components/HorizontalRule.mjs.map +1 -1
- package/dist/jsx/components/HorizontalRule.native.js +12 -1
- package/dist/jsx/components/HorizontalRule.native.js.map +1 -1
- package/dist/jsx/components/Image.mjs +2 -2
- package/dist/jsx/components/Image.mjs.map +1 -1
- package/dist/jsx/components/Image.native.js +3 -2
- package/dist/jsx/components/Image.native.js.map +1 -1
- package/dist/jsx/components/InlineCode.mjs +2 -1
- package/dist/jsx/components/InlineCode.mjs.map +1 -1
- package/dist/jsx/components/InlineCode.native.js +2 -1
- package/dist/jsx/components/InlineCode.native.js.map +1 -1
- package/dist/jsx/components/InlineStyles.mjs +14 -1
- package/dist/jsx/components/InlineStyles.mjs.map +1 -1
- package/dist/jsx/components/InlineStyles.native.js +14 -1
- package/dist/jsx/components/InlineStyles.native.js.map +1 -1
- package/dist/jsx/components/Link.mjs +5 -0
- package/dist/jsx/components/Link.mjs.map +1 -1
- package/dist/jsx/components/Link.native.js +5 -0
- package/dist/jsx/components/Link.native.js.map +1 -1
- package/dist/jsx/components/List.mjs +8 -1
- package/dist/jsx/components/List.mjs.map +1 -1
- package/dist/jsx/components/List.native.js +11 -3
- package/dist/jsx/components/List.native.js.map +1 -1
- package/dist/jsx/components/Table.mjs +15 -9
- package/dist/jsx/components/Table.mjs.map +1 -1
- package/dist/jsx/components/Table.native.js +17 -12
- package/dist/jsx/components/Table.native.js.map +1 -1
- package/dist/jsx/mdxComponents.mjs +175 -108
- package/dist/jsx/mdxComponents.mjs.map +1 -1
- package/dist/jsx/mdxComponents.native.js +184 -113
- package/dist/jsx/mdxComponents.native.js.map +1 -1
- package/dist/jsx/mermaid/MermaidBlock.mjs +1 -1
- package/dist/jsx/mermaid/MermaidBlock.mjs.map +1 -1
- package/dist/jsx/mermaid/renderMermaidDiagram.native.js +11 -81
- package/dist/jsx/mermaid/renderMermaidDiagram.native.js.map +1 -1
- package/dist/jsx/shared/index.mjs +3 -0
- package/dist/jsx/shared/index.mjs.map +1 -1
- package/dist/jsx/shared/index.native.js +12 -0
- package/dist/jsx/shared/index.native.js.map +1 -1
- package/dist/jsx/shared/tokenPx.mjs +16 -0
- package/dist/jsx/shared/tokenPx.mjs.map +1 -0
- package/dist/jsx/shared/tokenPx.native.js +46 -0
- package/dist/jsx/shared/tokenPx.native.js.map +1 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.mjs +36 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.mjs.map +1 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.native.js +64 -0
- package/dist/jsx/shared/useMarkdownTableKnobs.native.js.map +1 -0
- package/package.json +14 -9
- package/src/Aside/index.tsx +6 -4
- package/src/Hr/hr.spec.tsx +11 -10
- package/src/Hr/index.tsx +2 -2
- package/src/MarkdownSimpleTable/index.tsx +10 -24
- package/src/MdxCodeBlock/index.tsx +10 -4
- package/src/Table/index.tsx +11 -11
- package/src/Video/index.tsx +15 -5
- package/src/components/Blockquote.tsx +6 -5
- package/src/components/CodeBlock.tsx +2 -2
- package/src/components/Heading.tsx +7 -1
- package/src/components/HorizontalRule.tsx +19 -2
- package/src/components/Image.tsx +3 -2
- package/src/components/InlineCode.tsx +2 -1
- package/src/components/InlineStyles.tsx +7 -3
- package/src/components/Link.tsx +3 -0
- package/src/components/List.tsx +10 -3
- package/src/components/Table.tsx +13 -10
- package/src/designLaw.spec.tsx +130 -0
- package/src/mdxComponents.tsx +168 -87
- package/src/mermaid/MermaidBlock.tsx +1 -1
- package/src/mermaid/nativeGraph.spec.ts +90 -0
- package/src/mermaid/renderMermaidDiagram.native.ts +50 -0
- package/src/mermaid/renderMermaidDiagram.spec.ts +23 -0
- package/src/shared/index.ts +2 -0
- package/src/shared/tokenPx.ts +29 -0
- package/src/shared/useMarkdownTableKnobs.ts +38 -0
- package/src/stories/Blocks.stories.tsx +5 -5
- package/types/Aside/index.d.ts.map +1 -1
- package/types/Hr/index.d.ts +1 -1
- package/types/Hr/index.d.ts.map +1 -1
- package/types/MarkdownSimpleTable/index.d.ts.map +1 -1
- package/types/MdxCodeBlock/index.d.ts.map +1 -1
- package/types/Table/index.d.ts.map +1 -1
- package/types/Video/index.d.ts.map +1 -1
- package/types/components/Blockquote.d.ts.map +1 -1
- package/types/components/Heading.d.ts.map +1 -1
- package/types/components/HorizontalRule.d.ts +5 -1
- package/types/components/HorizontalRule.d.ts.map +1 -1
- package/types/components/Image.d.ts.map +1 -1
- package/types/components/InlineCode.d.ts.map +1 -1
- package/types/components/InlineStyles.d.ts.map +1 -1
- package/types/components/Link.d.ts.map +1 -1
- package/types/components/List.d.ts.map +1 -1
- package/types/components/Table.d.ts.map +1 -1
- package/types/mdxComponents.d.ts.map +1 -1
- package/types/mermaid/renderMermaidDiagram.native.d.ts +45 -0
- package/types/mermaid/renderMermaidDiagram.native.d.ts.map +1 -0
- package/types/shared/index.d.ts +2 -0
- package/types/shared/index.d.ts.map +1 -1
- package/types/shared/tokenPx.d.ts +7 -0
- package/types/shared/tokenPx.d.ts.map +1 -0
- package/types/shared/useMarkdownTableKnobs.d.ts +39 -0
- package/types/shared/useMarkdownTableKnobs.d.ts.map +1 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Children, isValidElement } from "react";
|
|
2
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
2
|
import { Paragraph, ScrollView, YStack } from "tamagui";
|
|
4
3
|
import { Table } from "@multiplatform.one/table-primitives";
|
|
4
|
+
import { useMarkdownTableKnobs } from "../shared/useMarkdownTableKnobs.mjs";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
function isHeaderRow(row) {
|
|
7
7
|
return isValidElement(row) && Boolean(row.props.isHeader);
|
|
@@ -10,8 +10,9 @@ function MarkdownTable({
|
|
|
10
10
|
children
|
|
11
11
|
}) {
|
|
12
12
|
const {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
frameProps,
|
|
14
|
+
headRule
|
|
15
|
+
} = useMarkdownTableKnobs();
|
|
15
16
|
const rows = Children.toArray(children);
|
|
16
17
|
const headerRows = rows.filter(row => isHeaderRow(row));
|
|
17
18
|
const bodyRows = rows.filter(row => !isHeaderRow(row));
|
|
@@ -28,8 +29,6 @@ function MarkdownTable({
|
|
|
28
29
|
style: {
|
|
29
30
|
tableLayout: "auto"
|
|
30
31
|
},
|
|
31
|
-
borderColor: "$borderColor",
|
|
32
|
-
borderRadius: knobProps.borderRadius.borderRadius,
|
|
33
32
|
alignCells: {
|
|
34
33
|
x: "start",
|
|
35
34
|
y: "center"
|
|
@@ -38,8 +37,10 @@ function MarkdownTable({
|
|
|
38
37
|
x: "start",
|
|
39
38
|
y: "center"
|
|
40
39
|
},
|
|
40
|
+
...frameProps,
|
|
41
41
|
children: [headerRows.length > 0 && /* @__PURE__ */jsx(Table.Head, {
|
|
42
42
|
render: "thead",
|
|
43
|
+
...headRule,
|
|
43
44
|
children: headerRows
|
|
44
45
|
}), /* @__PURE__ */jsx(Table.Body, {
|
|
45
46
|
render: "tbody",
|
|
@@ -62,15 +63,20 @@ function MarkdownTableCell({
|
|
|
62
63
|
isHeader,
|
|
63
64
|
align
|
|
64
65
|
}) {
|
|
66
|
+
const {
|
|
67
|
+
headerTextProps,
|
|
68
|
+
cellTextProps,
|
|
69
|
+
cellPad
|
|
70
|
+
} = useMarkdownTableKnobs();
|
|
65
71
|
const textAlign = align || "left";
|
|
66
72
|
if (isHeader) {
|
|
67
73
|
return /* @__PURE__ */jsx(Table.HeaderCell, {
|
|
68
74
|
render: "th",
|
|
75
|
+
...cellPad,
|
|
69
76
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
70
77
|
render: "span",
|
|
71
78
|
display: "block",
|
|
72
|
-
|
|
73
|
-
fontWeight: "600",
|
|
79
|
+
...headerTextProps,
|
|
74
80
|
textAlign,
|
|
75
81
|
children
|
|
76
82
|
})
|
|
@@ -78,12 +84,12 @@ function MarkdownTableCell({
|
|
|
78
84
|
}
|
|
79
85
|
return /* @__PURE__ */jsx(Table.Cell, {
|
|
80
86
|
render: "td",
|
|
87
|
+
...cellPad,
|
|
81
88
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
82
89
|
render: "span",
|
|
83
90
|
display: "block",
|
|
84
|
-
|
|
91
|
+
...cellTextProps,
|
|
85
92
|
textAlign,
|
|
86
|
-
maxWidth: 480,
|
|
87
93
|
children
|
|
88
94
|
})
|
|
89
95
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","isValidElement","
|
|
1
|
+
{"version":3,"names":["Children","isValidElement","Paragraph","ScrollView","YStack","Table","useMarkdownTableKnobs","jsx","jsxs","isHeaderRow","row","Boolean","props","isHeader","MarkdownTable","children","frameProps","headRule","rows","toArray","headerRows","filter","bodyRows","horizontal","showsHorizontalScrollIndicator","marginVertical","minWidth","render","width","cellWidth","style","tableLayout","alignCells","x","y","alignHeaderCells","length","Head","Body","MarkdownTableRow","Row","MarkdownTableCell","align","headerTextProps","cellTextProps","cellPad","textAlign","HeaderCell","display","Cell"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,QAAA,EAAUC,cAAA,QAAsB;AACzC,SAASC,SAAA,EAAWC,UAAA,EAAYC,MAAA,QAAc;AAC9C,SAASC,KAAA,QAAa;AACtB,SAASC,qBAAA,QAA6B;AAgB9B,SAcIC,GAAA,EAdJC,IAAA;AAbR,SAASC,YAAYC,GAAA,EAAuB;EAC1C,OAAOT,cAAA,CAAeS,GAAG,KAAKC,OAAA,CAASD,GAAA,CAAIE,KAAA,CAAwBC,QAAQ;AAC7E;AAEO,SAASC,cAAc;EAAEC;AAAS,GAAe;EACtD,MAAM;IAAEC,UAAA;IAAYC;EAAS,IAAIX,qBAAA,CAAsB;EACvD,MAAMY,IAAA,GAAOlB,QAAA,CAASmB,OAAA,CAAQJ,QAAQ;EACtC,MAAMK,UAAA,GAAaF,IAAA,CAAKG,MAAA,CAAQX,GAAA,IAAQD,WAAA,CAAYC,GAAG,CAAC;EACxD,MAAMY,QAAA,GAAWJ,IAAA,CAAKG,MAAA,CAAQX,GAAA,IAAQ,CAACD,WAAA,CAAYC,GAAG,CAAC;EAEvD,OACE,eAAAH,GAAA,CAACJ,UAAA;IAAWoB,UAAA,EAAU;IAACC,8BAAA,EAAgC;IAAOC,cAAA,EAAe;IAC3EV,QAAA,iBAAAR,GAAA,CAACH,MAAA;MAAOsB,QAAA,EAAS;MACfX,QAAA,iBAAAP,IAAA,CAACH,KAAA;QACCsB,MAAA,EAAO;QAKPC,KAAA,EAAM;QACNC,SAAA,EAAU;QACVC,KAAA,EAAO;UAAEC,WAAA,EAAa;QAAO;QAC7BC,UAAA,EAAY;UAAEC,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QACtCC,gBAAA,EAAkB;UAAEF,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QAC3C,GAAGlB,UAAA;QAEHD,QAAA,GAAAK,UAAA,CAAWgB,MAAA,GAAS,KACnB,eAAA7B,GAAA,CAACF,KAAA,CAAMgC,IAAA,EAAN;UAAWV,MAAA,EAAO;UAAS,GAAGV,QAAA;UAC5BF,QAAA,EAAAK;QAAA,CACH,GAEF,eAAAb,GAAA,CAACF,KAAA,CAAMiC,IAAA,EAAN;UAAWX,MAAA,EAAO;UAASZ,QAAA,EAAAO;QAAA,CAAS;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASiB,iBAAiB;EAAExB;AAAS,GAAkB;EAE5D,OAAO,eAAAR,GAAA,CAACF,KAAA,CAAMmC,GAAA,EAAN;IAAUb,MAAA,EAAO;IAAMZ;EAAA,CAAS;AAC1C;AAEO,SAAS0B,kBAAkB;EAAE1B,QAAA;EAAUF,QAAA;EAAU6B;AAAM,GAAmB;EAC/E,MAAM;IAAEC,eAAA;IAAiBC,aAAA;IAAeC;EAAQ,IAAIvC,qBAAA,CAAsB;EAC1E,MAAMwC,SAAA,GAAYJ,KAAA,IAAS;EAE3B,IAAI7B,QAAA,EAAU;IACZ,OACE,eAAAN,GAAA,CAACF,KAAA,CAAM0C,UAAA,EAAN;MAAiBpB,MAAA,EAAO;MAAM,GAAGkB,OAAA;MAChC9B,QAAA,iBAAAR,GAAA,CAACL,SAAA;QAAUyB,MAAA,EAAO;QAAOqB,OAAA,EAAQ;QAAS,GAAGL,eAAA;QAAiBG,SAAA;QAC3D/B;MAAA,CACH;IAAA,CACF;EAEJ;EAEA,OACE,eAAAR,GAAA,CAACF,KAAA,CAAM4C,IAAA,EAAN;IAAWtB,MAAA,EAAO;IAAM,GAAGkB,OAAA;IAC1B9B,QAAA,iBAAAR,GAAA,CAACL,SAAA;MAAUyB,MAAA,EAAO;MAAOqB,OAAA,EAAQ;MAAS,GAAGJ,aAAA;MAAeE,SAAA;MACzD/B;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Children, isValidElement } from "react";
|
|
3
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
3
|
import { Paragraph, ScrollView, YStack } from "tamagui";
|
|
5
4
|
import { Table } from "@multiplatform.one/table-primitives";
|
|
5
|
+
import { useMarkdownTableKnobs } from "../shared/useMarkdownTableKnobs.native.js";
|
|
6
6
|
function isHeaderRow(row) {
|
|
7
7
|
return /* @__PURE__ */isValidElement(row) && Boolean(row.props.isHeader);
|
|
8
8
|
}
|
|
@@ -11,8 +11,9 @@ function MarkdownTable(param) {
|
|
|
11
11
|
children
|
|
12
12
|
} = param;
|
|
13
13
|
var {
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
frameProps,
|
|
15
|
+
headRule
|
|
16
|
+
} = useMarkdownTableKnobs();
|
|
16
17
|
var rows = Children.toArray(children);
|
|
17
18
|
var headerRows = rows.filter(function (row) {
|
|
18
19
|
return isHeaderRow(row);
|
|
@@ -37,8 +38,6 @@ function MarkdownTable(param) {
|
|
|
37
38
|
style: {
|
|
38
39
|
tableLayout: "auto"
|
|
39
40
|
},
|
|
40
|
-
borderColor: "$borderColor",
|
|
41
|
-
borderRadius: knobProps.borderRadius.borderRadius,
|
|
42
41
|
alignCells: {
|
|
43
42
|
x: "start",
|
|
44
43
|
y: "center"
|
|
@@ -47,8 +46,10 @@ function MarkdownTable(param) {
|
|
|
47
46
|
x: "start",
|
|
48
47
|
y: "center"
|
|
49
48
|
},
|
|
49
|
+
...frameProps,
|
|
50
50
|
children: [headerRows.length > 0 && /* @__PURE__ */_jsx(Table.Head, {
|
|
51
51
|
render: "thead",
|
|
52
|
+
...headRule,
|
|
52
53
|
children: headerRows
|
|
53
54
|
}), /* @__PURE__ */_jsx(Table.Body, {
|
|
54
55
|
render: "tbody",
|
|
@@ -73,15 +74,20 @@ function MarkdownTableCell(param) {
|
|
|
73
74
|
isHeader,
|
|
74
75
|
align
|
|
75
76
|
} = param;
|
|
77
|
+
var {
|
|
78
|
+
headerTextProps,
|
|
79
|
+
cellTextProps,
|
|
80
|
+
cellPad
|
|
81
|
+
} = useMarkdownTableKnobs();
|
|
76
82
|
var textAlign = align || "left";
|
|
77
83
|
if (isHeader) {
|
|
78
84
|
return /* @__PURE__ */_jsx(Table.HeaderCell, {
|
|
79
85
|
render: "th",
|
|
86
|
+
...cellPad,
|
|
80
87
|
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
81
88
|
render: "span",
|
|
82
89
|
display: "block",
|
|
83
|
-
|
|
84
|
-
fontWeight: "600",
|
|
90
|
+
...headerTextProps,
|
|
85
91
|
textAlign,
|
|
86
92
|
children
|
|
87
93
|
})
|
|
@@ -89,15 +95,14 @@ function MarkdownTableCell(param) {
|
|
|
89
95
|
}
|
|
90
96
|
return /* @__PURE__ */_jsx(Table.Cell, {
|
|
91
97
|
render: "td",
|
|
92
|
-
|
|
93
|
-
/* @__PURE__ */_jsx(Paragraph, {
|
|
98
|
+
...cellPad,
|
|
99
|
+
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
94
100
|
render: "span",
|
|
95
101
|
display: "block",
|
|
96
|
-
|
|
102
|
+
...cellTextProps,
|
|
97
103
|
textAlign,
|
|
98
|
-
maxWidth: 480,
|
|
99
104
|
children
|
|
100
|
-
})
|
|
105
|
+
})
|
|
101
106
|
});
|
|
102
107
|
}
|
|
103
108
|
export { MarkdownTable, MarkdownTableCell, MarkdownTableRow };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Children","isValidElement","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Children","isValidElement","Paragraph","ScrollView","YStack","Table","useMarkdownTableKnobs","isHeaderRow","row","Boolean","props","isHeader","MarkdownTable","param","children","frameProps","headRule","rows","toArray","headerRows","filter","bodyRows","horizontal","showsHorizontalScrollIndicator","marginVertical","minWidth","render","width","cellWidth","style","tableLayout","alignCells","x","y","alignHeaderCells"],"sources":["../../../src/components/Table.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAA,QAAsB;AACzC,SAASC,QAAA,EAAAC,cAAuB,eAAc;AAC9C,SAASC,SAAA,EAAAC,UAAa,EAAAC,MAAA;AACtB,SAASC,KAAA,6CAA6B;AAgB9B,SAcIC,qBAdJ;AAbR,SAASC,YAAYC,GAAA,EAAuB;EAC1C,OAAO,eAAeP,cAAQ,CAASO,GAAA,CAAI,IAAAC,OAAwB,CAAAD,GAAQ,CAAAE,KAAA,CAAAC,QAAA;AAC7E;AAEO,SAASC,cAAcC,KAAE;EAC9B;IAAMC;EAAE,IAAAD,KAAY;EACpB;IAAME,UAAO;IAAAC;EAAS,IAAQV,qBAAQ;EACtC,IAAAW,IAAM,GAAAjB,QAAa,CAAAkB,OAAK,CAAAJ,QAAQ;EAChC,IAAAK,UAAM,GAAWF,IAAA,CAAKG,MAAA,CAAO,UAASZ,GAAC;IAEvC,OACED,WAAA,CAAAC,GAAA;EAEI,EAAC;EAAA,IAAAa,QAAA,GAAAJ,IAAA,CAAAG,MAAA,WAAAZ,GAAA;IAAA,OACC,CAAAD,WAAO,CAAAC,GAAA;EAAA;EAKD,OACN,eAAUX,IAAA,CAAAM,UAAA;IAAAmB,UACH,EAAE;IAAoBC,8BACH,EAAG;IAASC,cACtC,MAAkB;IAA0BV,QACxC,iBAAAjB,IAAA,CAAAO,MAAA;MAEHqB,QAAA;MAAAX,QAAA,iBAAoBf,KACnB,CAAAM,KAAA;QAIFqB,MAAA;QAAqC;QAAA;QAG3C;QAEJ;QAEOC,KAAS;QAEdC,SAAO;QACTC,KAAA;UAEgBC,WAAA;QACR;QACAC,UAAA,EAAY;UAEdC,CAAA,SAAU;UACZC,CACE;QAMJ;QAEAC,gBACE;UAMJF,CAAA","ignoreList":[]}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { CodeInline, unwrapText } from "@multiplatform.one/components";
|
|
2
2
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
+
import { tokenPx } from "./shared/tokenPx.mjs";
|
|
3
4
|
import { Link } from "@multiplatform.one/router";
|
|
4
5
|
import { Children } from "react";
|
|
5
6
|
import { H1, H2, H3, H4, H5, H6, Paragraph, Text, XStack, YStack, isWeb, styled } from "tamagui";
|
|
6
7
|
import { ExternalIcon } from "./ExternalIcon/index.mjs";
|
|
7
8
|
import { HR } from "./Hr/index.mjs";
|
|
8
9
|
import { LinkIcon } from "./icons/index.mjs";
|
|
9
|
-
import {
|
|
10
|
+
import { MarkdownList, MarkdownListItem } from "./components/List.mjs";
|
|
11
|
+
import { MarkdownImage } from "./components/Image.mjs";
|
|
10
12
|
import { MDXCodeBlock } from "./MdxCodeBlock/index.mjs";
|
|
11
13
|
import { MDXTable, MDXTableBody, MDXTableCell, MDXTableHead, MDXTableHeaderCell, MDXTableRow } from "./Table/index.mjs";
|
|
12
|
-
import { UL } from "./Ul/index.mjs";
|
|
13
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
14
15
|
const code = ({
|
|
15
16
|
hero: _hero,
|
|
@@ -49,167 +50,228 @@ function MdxBlockquote({
|
|
|
49
50
|
const {
|
|
50
51
|
knobProps
|
|
51
52
|
} = useResolvedKnobs();
|
|
53
|
+
const railWidth = knobProps.borderRadius.borderWidth;
|
|
54
|
+
const inset = knobProps.panelPadding.padding;
|
|
52
55
|
return /* @__PURE__ */jsx(YStack, {
|
|
53
56
|
marginVertical: "$4",
|
|
54
|
-
paddingHorizontal:
|
|
57
|
+
paddingHorizontal: inset,
|
|
55
58
|
...(isWeb ? {
|
|
56
59
|
style: {
|
|
57
|
-
marginInlineStart:
|
|
58
|
-
borderInlineStartWidth:
|
|
59
|
-
borderInlineStartStyle: "solid"
|
|
60
|
+
marginInlineStart: inset,
|
|
61
|
+
borderInlineStartWidth: railWidth,
|
|
62
|
+
borderInlineStartStyle: railWidth ? "solid" : "none"
|
|
60
63
|
}
|
|
61
64
|
} : {
|
|
62
65
|
style: {
|
|
63
|
-
marginInlineStart:
|
|
66
|
+
marginInlineStart: inset
|
|
64
67
|
},
|
|
65
|
-
borderStartWidth:
|
|
68
|
+
borderStartWidth: railWidth
|
|
66
69
|
}),
|
|
67
70
|
borderColor: "$borderColor",
|
|
68
71
|
justifyContent: "center",
|
|
69
72
|
...props,
|
|
70
73
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
71
74
|
whiteSpace: "revert",
|
|
72
|
-
size:
|
|
73
|
-
|
|
74
|
-
fontWeight: "300",
|
|
75
|
+
size: knobProps.sizeToken,
|
|
76
|
+
...knobProps.body,
|
|
75
77
|
color: "$color",
|
|
76
78
|
opacity: 0.65,
|
|
77
79
|
children: unwrapText(children)
|
|
78
80
|
})
|
|
79
81
|
});
|
|
80
82
|
}
|
|
83
|
+
function MdxHeading({
|
|
84
|
+
Component,
|
|
85
|
+
children,
|
|
86
|
+
id,
|
|
87
|
+
size,
|
|
88
|
+
color,
|
|
89
|
+
marginTop,
|
|
90
|
+
marginBottom,
|
|
91
|
+
dataHeading,
|
|
92
|
+
link,
|
|
93
|
+
...props
|
|
94
|
+
}) {
|
|
95
|
+
const {
|
|
96
|
+
knobProps
|
|
97
|
+
} = useResolvedKnobs();
|
|
98
|
+
const heading = /* @__PURE__ */jsx(Component, {
|
|
99
|
+
maxWidth: "100%",
|
|
100
|
+
position: "relative",
|
|
101
|
+
width: link ? "fit-content" : void 0,
|
|
102
|
+
size,
|
|
103
|
+
color,
|
|
104
|
+
marginTop: link ? void 0 : marginTop,
|
|
105
|
+
marginBottom: link ? void 0 : marginBottom,
|
|
106
|
+
...(dataHeading ? {
|
|
107
|
+
"data-heading": true
|
|
108
|
+
} : {}),
|
|
109
|
+
...knobProps.heading,
|
|
110
|
+
...props,
|
|
111
|
+
children
|
|
112
|
+
});
|
|
113
|
+
if (!link) return heading;
|
|
114
|
+
return /* @__PURE__ */jsxs(LinkHeading, {
|
|
115
|
+
"data-heading": true,
|
|
116
|
+
marginTop,
|
|
117
|
+
marginBottom,
|
|
118
|
+
id,
|
|
119
|
+
children: [heading, getNonTextChildren(children)]
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function MdxAnchor({
|
|
123
|
+
href = "",
|
|
124
|
+
children,
|
|
125
|
+
...props
|
|
126
|
+
}) {
|
|
127
|
+
const {
|
|
128
|
+
knobProps
|
|
129
|
+
} = useResolvedKnobs();
|
|
130
|
+
return /* @__PURE__ */jsx(Link, {
|
|
131
|
+
href,
|
|
132
|
+
children: /* @__PURE__ */jsxs(Paragraph, {
|
|
133
|
+
render: "span",
|
|
134
|
+
fontSize: "inherit",
|
|
135
|
+
display: "inline",
|
|
136
|
+
cursor: "pointer",
|
|
137
|
+
...knobProps.body,
|
|
138
|
+
focusVisibleStyle: {
|
|
139
|
+
outlineColor: "$outlineColor",
|
|
140
|
+
outlineWidth: 2,
|
|
141
|
+
outlineStyle: "solid",
|
|
142
|
+
outlineOffset: 2
|
|
143
|
+
},
|
|
144
|
+
...props,
|
|
145
|
+
children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */jsxs(Fragment, {
|
|
146
|
+
children: ["\xA0", /* @__PURE__ */jsx(Text, {
|
|
147
|
+
fontSize: "inherit",
|
|
148
|
+
display: "inline-flex",
|
|
149
|
+
y: 2,
|
|
150
|
+
style: {
|
|
151
|
+
marginLeft: -1
|
|
152
|
+
},
|
|
153
|
+
children: /* @__PURE__ */jsx(ExternalIcon, {})
|
|
154
|
+
})]
|
|
155
|
+
}) : null]
|
|
156
|
+
})
|
|
157
|
+
});
|
|
158
|
+
}
|
|
159
|
+
function MdxStrong(props) {
|
|
160
|
+
const {
|
|
161
|
+
knobProps
|
|
162
|
+
} = useResolvedKnobs();
|
|
163
|
+
return /* @__PURE__ */jsx(Paragraph, {
|
|
164
|
+
render: "strong",
|
|
165
|
+
fontSize: "inherit",
|
|
166
|
+
...knobProps.body,
|
|
167
|
+
...props,
|
|
168
|
+
fontWeight: "700"
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
function MdxP(props) {
|
|
172
|
+
const {
|
|
173
|
+
knobProps
|
|
174
|
+
} = useResolvedKnobs();
|
|
175
|
+
return /* @__PURE__ */jsx(Paragraph, {
|
|
176
|
+
render: "p",
|
|
177
|
+
display: "block",
|
|
178
|
+
size: knobProps.sizeToken,
|
|
179
|
+
marginVertical: "$2",
|
|
180
|
+
...knobProps.body,
|
|
181
|
+
...props
|
|
182
|
+
});
|
|
183
|
+
}
|
|
184
|
+
function MdxList({
|
|
185
|
+
ordered,
|
|
186
|
+
children,
|
|
187
|
+
start
|
|
188
|
+
}) {
|
|
189
|
+
return /* @__PURE__ */jsx(MarkdownList, {
|
|
190
|
+
ordered,
|
|
191
|
+
start,
|
|
192
|
+
children: Children.toArray(children).map(child => typeof child === "string" ? null : child)
|
|
193
|
+
});
|
|
194
|
+
}
|
|
81
195
|
const mdxComponents = {
|
|
82
|
-
h1: props => /* @__PURE__ */jsx(
|
|
83
|
-
|
|
196
|
+
h1: props => /* @__PURE__ */jsx(MdxHeading, {
|
|
197
|
+
Component: H1,
|
|
84
198
|
width: "max-content",
|
|
85
|
-
position: "relative",
|
|
86
199
|
marginBottom: "$2",
|
|
87
200
|
...props
|
|
88
201
|
}),
|
|
89
202
|
h2: ({
|
|
90
203
|
children,
|
|
91
204
|
...props
|
|
92
|
-
}) => /* @__PURE__ */jsx(
|
|
93
|
-
|
|
205
|
+
}) => /* @__PURE__ */jsx(MdxHeading, {
|
|
206
|
+
Component: H2,
|
|
207
|
+
dataHeading: true,
|
|
94
208
|
width: "fit-content",
|
|
95
|
-
marginTop: "$8",
|
|
96
|
-
marginBottom: "$4",
|
|
97
|
-
"data-heading": true,
|
|
98
209
|
size: "$9",
|
|
99
210
|
color: "$color12",
|
|
211
|
+
marginTop: "$8",
|
|
212
|
+
marginBottom: "$4",
|
|
100
213
|
...props,
|
|
101
214
|
children
|
|
102
215
|
}),
|
|
103
|
-
h3: ({
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
"
|
|
216
|
+
h3: props => /* @__PURE__ */jsx(MdxHeading, {
|
|
217
|
+
Component: H3,
|
|
218
|
+
link: true,
|
|
219
|
+
dataHeading: true,
|
|
220
|
+
size: "$8",
|
|
221
|
+
color: "$color11",
|
|
109
222
|
marginTop: "$6",
|
|
110
223
|
marginBottom: "$2",
|
|
111
|
-
|
|
112
|
-
children: [/* @__PURE__ */jsx(H3, {
|
|
113
|
-
maxWidth: "100%",
|
|
114
|
-
position: "relative",
|
|
115
|
-
width: "fit-content",
|
|
116
|
-
size: "$8",
|
|
117
|
-
color: "$color11",
|
|
118
|
-
fontWeight: "600",
|
|
119
|
-
...props,
|
|
120
|
-
children
|
|
121
|
-
}), getNonTextChildren(children)]
|
|
224
|
+
...props
|
|
122
225
|
}),
|
|
123
|
-
h4: props => /* @__PURE__ */jsx(
|
|
124
|
-
|
|
226
|
+
h4: props => /* @__PURE__ */jsx(MdxHeading, {
|
|
227
|
+
Component: H4,
|
|
228
|
+
dataHeading: true,
|
|
125
229
|
width: "fit-content",
|
|
126
|
-
marginTop: "$8",
|
|
127
|
-
marginBottom: "$2",
|
|
128
230
|
size: "$8",
|
|
129
231
|
color: "$color8",
|
|
130
|
-
"
|
|
131
|
-
|
|
132
|
-
|
|
232
|
+
marginTop: "$8",
|
|
233
|
+
marginBottom: "$2",
|
|
234
|
+
...props
|
|
133
235
|
}),
|
|
134
|
-
h5: props => /* @__PURE__ */jsx(
|
|
236
|
+
h5: props => /* @__PURE__ */jsx(MdxHeading, {
|
|
237
|
+
Component: H5,
|
|
135
238
|
size: "$6",
|
|
136
|
-
fontWeight: "600",
|
|
137
239
|
marginTop: "$4",
|
|
138
240
|
...props
|
|
139
241
|
}),
|
|
140
|
-
h6: props => /* @__PURE__ */jsx(
|
|
242
|
+
h6: props => /* @__PURE__ */jsx(MdxHeading, {
|
|
243
|
+
Component: H6,
|
|
141
244
|
marginTop: "$4",
|
|
142
245
|
...props
|
|
143
246
|
}),
|
|
144
|
-
p: props => /* @__PURE__ */jsx(
|
|
145
|
-
render: "p",
|
|
146
|
-
display: "block",
|
|
147
|
-
size: "$6",
|
|
148
|
-
marginVertical: "$2",
|
|
247
|
+
p: props => /* @__PURE__ */jsx(MdxP, {
|
|
149
248
|
...props
|
|
150
249
|
}),
|
|
151
|
-
a: ({
|
|
152
|
-
href = "",
|
|
153
|
-
children,
|
|
250
|
+
a: props => /* @__PURE__ */jsx(MdxAnchor, {
|
|
154
251
|
...props
|
|
155
|
-
})
|
|
156
|
-
return /* @__PURE__ */jsx(Link, {
|
|
157
|
-
href,
|
|
158
|
-
children: /* @__PURE__ */jsxs(Paragraph, {
|
|
159
|
-
render: "span",
|
|
160
|
-
fontSize: "inherit",
|
|
161
|
-
display: "inline",
|
|
162
|
-
cursor: "pointer",
|
|
163
|
-
focusVisibleStyle: {
|
|
164
|
-
outlineColor: "$outlineColor",
|
|
165
|
-
outlineWidth: 2,
|
|
166
|
-
outlineStyle: "solid",
|
|
167
|
-
outlineOffset: 2
|
|
168
|
-
},
|
|
169
|
-
...props,
|
|
170
|
-
children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */jsxs(Fragment, {
|
|
171
|
-
children: ["\xA0", /* @__PURE__ */jsx(Text, {
|
|
172
|
-
fontSize: "inherit",
|
|
173
|
-
display: "inline-flex",
|
|
174
|
-
y: 2,
|
|
175
|
-
style: {
|
|
176
|
-
marginLeft: -1
|
|
177
|
-
},
|
|
178
|
-
children: /* @__PURE__ */jsx(ExternalIcon, {})
|
|
179
|
-
})]
|
|
180
|
-
}) : null]
|
|
181
|
-
})
|
|
182
|
-
});
|
|
183
|
-
},
|
|
252
|
+
}),
|
|
184
253
|
hr: props => /* @__PURE__ */jsx(HR, {
|
|
185
254
|
...props
|
|
186
255
|
}),
|
|
187
256
|
ul: ({
|
|
188
257
|
children
|
|
189
|
-
}) => /* @__PURE__ */jsx(
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
children: Children.toArray(children).map(x => typeof x === "string" ? null : x)
|
|
258
|
+
}) => /* @__PURE__ */jsx(MdxList, {
|
|
259
|
+
ordered: false,
|
|
260
|
+
children
|
|
193
261
|
}),
|
|
194
|
-
ol:
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
262
|
+
ol: ({
|
|
263
|
+
children,
|
|
264
|
+
start
|
|
265
|
+
}) => /* @__PURE__ */jsx(MdxList, {
|
|
266
|
+
ordered: true,
|
|
267
|
+
start: typeof start === "number" ? start : Number(start) || void 0,
|
|
268
|
+
children
|
|
198
269
|
}),
|
|
199
|
-
li: props => /* @__PURE__ */jsx(
|
|
200
|
-
render: "li",
|
|
201
|
-
size: "$6",
|
|
202
|
-
marginBottom: "$1.5",
|
|
203
|
-
style: {
|
|
204
|
-
listStyleType: "disc"
|
|
205
|
-
},
|
|
270
|
+
li: props => /* @__PURE__ */jsx(MarkdownListItem, {
|
|
206
271
|
children: props.children
|
|
207
272
|
}),
|
|
208
|
-
strong: props => /* @__PURE__ */jsx(
|
|
209
|
-
|
|
210
|
-
fontSize: "inherit",
|
|
211
|
-
...props,
|
|
212
|
-
fontWeight: "700"
|
|
273
|
+
strong: props => /* @__PURE__ */jsx(MdxStrong, {
|
|
274
|
+
...props
|
|
213
275
|
}),
|
|
214
276
|
em: props => /* @__PURE__ */jsx(Paragraph, {
|
|
215
277
|
render: "em",
|
|
@@ -224,14 +286,18 @@ const mdxComponents = {
|
|
|
224
286
|
textDecorationLine: "line-through"
|
|
225
287
|
}),
|
|
226
288
|
img: ({
|
|
289
|
+
src,
|
|
290
|
+
alt,
|
|
291
|
+
title,
|
|
227
292
|
...props
|
|
228
293
|
}) => /* @__PURE__ */jsx(YStack, {
|
|
229
294
|
render: "span",
|
|
230
295
|
marginVertical: "$6",
|
|
231
|
-
children: /* @__PURE__ */jsx(
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
296
|
+
children: /* @__PURE__ */jsx(MarkdownImage, {
|
|
297
|
+
src,
|
|
298
|
+
alt,
|
|
299
|
+
title,
|
|
300
|
+
...props
|
|
235
301
|
})
|
|
236
302
|
}),
|
|
237
303
|
pre: ({
|
|
@@ -268,6 +334,7 @@ const LinkHeading = ({
|
|
|
268
334
|
const {
|
|
269
335
|
knobProps
|
|
270
336
|
} = useResolvedKnobs();
|
|
337
|
+
const iconPx = tokenPx(knobProps.label.fontSize, 12, "fontSize");
|
|
271
338
|
return /* @__PURE__ */jsxs(XStack, {
|
|
272
339
|
render: "a",
|
|
273
340
|
"data-heading": true,
|
|
@@ -282,7 +349,7 @@ const LinkHeading = ({
|
|
|
282
349
|
render: "span",
|
|
283
350
|
opacity: 0.3,
|
|
284
351
|
children: /* @__PURE__ */jsx(LinkIcon, {
|
|
285
|
-
size:
|
|
352
|
+
size: iconPx
|
|
286
353
|
})
|
|
287
354
|
})]
|
|
288
355
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CodeInline","unwrapText","useResolvedKnobs","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","
|
|
1
|
+
{"version":3,"names":["CodeInline","unwrapText","useResolvedKnobs","tokenPx","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","MarkdownList","MarkdownListItem","MarkdownImage","MDXCodeBlock","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","Fragment","jsx","jsxs","code","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","marginTop","isHighlightingLines","TableHighlight","name","backgroundColor","fullscreen","MdxBlockquote","knobProps","railWidth","borderRadius","borderWidth","inset","panelPadding","padding","marginVertical","paddingHorizontal","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","whiteSpace","size","sizeToken","body","color","opacity","MdxHeading","Component","marginBottom","dataHeading","link","heading","maxWidth","position","width","LinkHeading","getNonTextChildren","MdxAnchor","href","render","fontSize","display","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","y","marginLeft","MdxStrong","fontWeight","MdxP","MdxList","ordered","start","toArray","map","child","mdxComponents","h1","h2","h3","h4","h5","h6","p","a","hr","ul","ol","Number","li","strong","em","fontStyle","del","textDecorationLine","img","src","alt","title","pre","blockquote","table","thead","tbody","tr","th","td","iconPx","label","alignItems","gapLg","x","type","flat"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|