@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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","ScrollView","Text","useMedia","Table","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","ScrollView","Text","useMedia","Table","Link","InlineCode","useMarkdownTableKnobs","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","match","value","_match_index","matchIndex","index","push","slice","key","fontWeight","children","href","err","return","MarkdownSimpleTable","param","headers","rows","frameProps","headerTextProps","cellTextProps","cellPad","headRule","media","isMobile","sm","table"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { useContext, useMemo, useState } from "react";
|
|
|
6
6
|
import { Button, ScrollView, TooltipSimple, XStack, YStack } from "tamagui";
|
|
7
7
|
import { CheckCircleIcon, ClipboardIcon } from "../icons/index.mjs";
|
|
8
8
|
import { useCutoffGradientColors } from "../shared/cutoffGradient.mjs";
|
|
9
|
+
import { tokenPx } from "../shared/tokenPx.mjs";
|
|
9
10
|
import { MDXCodeBlockContext } from "./mdxCodeBlockContext.mjs";
|
|
10
11
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
11
12
|
const zIndex = {
|
|
@@ -44,6 +45,9 @@ function MDXCodeBlock(props) {
|
|
|
44
45
|
knobProps
|
|
45
46
|
} = useResolvedKnobs();
|
|
46
47
|
const gradientColors = useCutoffGradientColors();
|
|
48
|
+
const cutoffMaxHeight = tokenPx(knobProps.sizeToken, 24) * 16;
|
|
49
|
+
const gradientHeight = tokenPx(knobProps.sizeToken, 24) * 8;
|
|
50
|
+
const iconPx = tokenPx(knobProps.label.fontSize, 14, "fontSize");
|
|
47
51
|
const codeText = useMemo(() => extractCodeText(children).replace(/\n$/, ""), [children]);
|
|
48
52
|
const language = useMemo(() => extractLanguage(className), [className]);
|
|
49
53
|
const tokens = useShikiTokens(codeText, language);
|
|
@@ -67,9 +71,9 @@ function MDXCodeBlock(props) {
|
|
|
67
71
|
children: /* @__PURE__ */jsxs(YStack, {
|
|
68
72
|
position: "relative",
|
|
69
73
|
...(isCutoff && {
|
|
70
|
-
maxHeight:
|
|
74
|
+
maxHeight: cutoffMaxHeight,
|
|
71
75
|
overflow: "hidden",
|
|
72
|
-
|
|
76
|
+
...knobProps.borderRadiusOuter
|
|
73
77
|
}),
|
|
74
78
|
children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */jsxs(Fragment, {
|
|
75
79
|
children: [/* @__PURE__ */jsx(LinearGradient, {
|
|
@@ -77,7 +81,7 @@ function MDXCodeBlock(props) {
|
|
|
77
81
|
bottom: 0,
|
|
78
82
|
left: 0,
|
|
79
83
|
right: 0,
|
|
80
|
-
height:
|
|
84
|
+
height: gradientHeight,
|
|
81
85
|
colors: gradientColors,
|
|
82
86
|
pointerEvents: "none",
|
|
83
87
|
zIndex: zIndex.localTop
|
|
@@ -133,9 +137,9 @@ function MDXCodeBlock(props) {
|
|
|
133
137
|
"aria-label": "Copy code to clipboard",
|
|
134
138
|
size: "$2",
|
|
135
139
|
icon: hasCopied ? /* @__PURE__ */jsx(CheckCircleIcon, {
|
|
136
|
-
size:
|
|
140
|
+
size: iconPx
|
|
137
141
|
}) : /* @__PURE__ */jsx(ClipboardIcon, {
|
|
138
|
-
size:
|
|
142
|
+
size: iconPx
|
|
139
143
|
}),
|
|
140
144
|
onPress: onCopy,
|
|
141
145
|
"$max-xs": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Code","ErrorBoundary","HighlightedCode","Pre","useClipboard","useShikiTokens","useResolvedKnobs","LinearGradient","rangeParser","useContext","useMemo","useState","Button","ScrollView","TooltipSimple","XStack","YStack","CheckCircleIcon","ClipboardIcon","useCutoffGradientColors","MDXCodeBlockContext","Fragment","jsx","jsxs","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","props","String","extractLanguage","className","match","MDXCodeBlock","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","knobProps","gradientColors","codeText","replace","language","tokens","lines","length","split","isCollapsed","setIsCollapsed","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","highlightLines","position","marginBottom","maxHeight","overflow","
|
|
1
|
+
{"version":3,"names":["Code","ErrorBoundary","HighlightedCode","Pre","useClipboard","useShikiTokens","useResolvedKnobs","LinearGradient","rangeParser","useContext","useMemo","useState","Button","ScrollView","TooltipSimple","XStack","YStack","CheckCircleIcon","ClipboardIcon","useCutoffGradientColors","tokenPx","MDXCodeBlockContext","Fragment","jsx","jsxs","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","props","String","extractLanguage","className","match","MDXCodeBlock","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","knobProps","gradientColors","cutoffMaxHeight","sizeToken","gradientHeight","iconPx","label","fontSize","codeText","replace","language","tokens","lines","length","split","isCollapsed","setIsCollapsed","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","highlightLines","position","marginBottom","maxHeight","overflow","borderRadiusOuter","bottom","left","right","height","colors","pointerEvents","justifyContent","onPress","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","flex","borderWidth","panelPadding","top","insetInlineEnd","gap","icon","display","x"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { useContext, useMemo, useState } from "react";
|
|
|
7
7
|
import { Button, ScrollView, TooltipSimple, XStack, YStack } from "tamagui";
|
|
8
8
|
import { CheckCircleIcon, ClipboardIcon } from "../icons/index.native.js";
|
|
9
9
|
import { useCutoffGradientColors } from "../shared/cutoffGradient.native.js";
|
|
10
|
+
import { tokenPx } from "../shared/tokenPx.native.js";
|
|
10
11
|
import { MDXCodeBlockContext } from "./mdxCodeBlockContext.native.js";
|
|
11
12
|
function _type_of(obj) {
|
|
12
13
|
"@swc/helpers - typeof";
|
|
@@ -51,6 +52,9 @@ function MDXCodeBlock(props) {
|
|
|
51
52
|
knobProps
|
|
52
53
|
} = useResolvedKnobs();
|
|
53
54
|
var gradientColors = useCutoffGradientColors();
|
|
55
|
+
var cutoffMaxHeight = tokenPx(knobProps.sizeToken, 24) * 16;
|
|
56
|
+
var gradientHeight = tokenPx(knobProps.sizeToken, 24) * 8;
|
|
57
|
+
var iconPx = tokenPx(knobProps.label.fontSize, 14, "fontSize");
|
|
54
58
|
var codeText = useMemo(function () {
|
|
55
59
|
return extractCodeText(children).replace(/\n$/, "");
|
|
56
60
|
}, [children]);
|
|
@@ -78,9 +82,9 @@ function MDXCodeBlock(props) {
|
|
|
78
82
|
children: /* @__PURE__ */_jsxs(YStack, {
|
|
79
83
|
position: "relative",
|
|
80
84
|
...(isCutoff && {
|
|
81
|
-
maxHeight:
|
|
85
|
+
maxHeight: cutoffMaxHeight,
|
|
82
86
|
overflow: "hidden",
|
|
83
|
-
|
|
87
|
+
...knobProps.borderRadiusOuter
|
|
84
88
|
}),
|
|
85
89
|
children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */_jsxs(_Fragment, {
|
|
86
90
|
children: [/* @__PURE__ */_jsx(LinearGradient, {
|
|
@@ -88,7 +92,7 @@ function MDXCodeBlock(props) {
|
|
|
88
92
|
bottom: 0,
|
|
89
93
|
left: 0,
|
|
90
94
|
right: 0,
|
|
91
|
-
height:
|
|
95
|
+
height: gradientHeight,
|
|
92
96
|
colors: gradientColors,
|
|
93
97
|
pointerEvents: "none",
|
|
94
98
|
zIndex: zIndex.localTop
|
|
@@ -149,9 +153,9 @@ function MDXCodeBlock(props) {
|
|
|
149
153
|
"aria-label": "Copy code to clipboard",
|
|
150
154
|
size: "$2",
|
|
151
155
|
icon: hasCopied ? /* @__PURE__ */_jsx(CheckCircleIcon, {
|
|
152
|
-
size:
|
|
156
|
+
size: iconPx
|
|
153
157
|
}) : /* @__PURE__ */_jsx(ClipboardIcon, {
|
|
154
|
-
size:
|
|
158
|
+
size: iconPx
|
|
155
159
|
}),
|
|
156
160
|
onPress: onCopy,
|
|
157
161
|
"$max-xs": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Code","ErrorBoundary","HighlightedCode","Pre","useClipboard","useShikiTokens","useResolvedKnobs","LinearGradient","rangeParser","useContext","useMemo","useState","Button","ScrollView","TooltipSimple","XStack","YStack","CheckCircleIcon","ClipboardIcon","useCutoffGradientColors","MDXCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","MDXCodeBlock","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","knobProps","gradientColors","codeText","replace","language","tokens","lines","length","split","isCollapsed","setIsCollapsed","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","highlightLines","position","marginBottom","maxHeight","overflow","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Code","ErrorBoundary","HighlightedCode","Pre","useClipboard","useShikiTokens","useResolvedKnobs","LinearGradient","rangeParser","useContext","useMemo","useState","Button","ScrollView","TooltipSimple","XStack","YStack","CheckCircleIcon","ClipboardIcon","useCutoffGradientColors","tokenPx","MDXCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","MDXCodeBlock","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","knobProps","gradientColors","cutoffMaxHeight","sizeToken","gradientHeight","iconPx","label","fontSize","codeText","replace","language","tokens","lines","length","split","isCollapsed","setIsCollapsed","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","highlightLines","position","marginBottom","maxHeight","overflow","borderRadiusOuter","bottom","left","right","height","colors","pointerEvents","justifyContent","onPress","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","flex","borderWidth","panelPadding","top","insetInlineEnd","gap","icon","display"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Table/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Paragraph, ScrollView, YStack, styled } from "tamagui";
|
|
2
2
|
import { Table as BaseTable } from "@multiplatform.one/table-primitives";
|
|
3
|
-
import {
|
|
3
|
+
import { useMarkdownTableKnobs } from "../shared/useMarkdownTableKnobs.mjs";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
const MDXTableFrame = styled(YStack, {
|
|
6
6
|
marginVertical: "$4",
|
|
@@ -11,8 +11,8 @@ function MDXTable({
|
|
|
11
11
|
...props
|
|
12
12
|
}) {
|
|
13
13
|
const {
|
|
14
|
-
|
|
15
|
-
} =
|
|
14
|
+
frameProps
|
|
15
|
+
} = useMarkdownTableKnobs();
|
|
16
16
|
return /* @__PURE__ */jsx(ScrollView, {
|
|
17
17
|
horizontal: true,
|
|
18
18
|
showsHorizontalScrollIndicator: false,
|
|
@@ -24,8 +24,6 @@ function MDXTable({
|
|
|
24
24
|
style: {
|
|
25
25
|
tableLayout: "auto"
|
|
26
26
|
},
|
|
27
|
-
borderColor: "$borderColor",
|
|
28
|
-
borderRadius: knobProps.borderRadius.borderRadius,
|
|
29
27
|
alignCells: {
|
|
30
28
|
x: "start",
|
|
31
29
|
y: "center"
|
|
@@ -34,6 +32,7 @@ function MDXTable({
|
|
|
34
32
|
x: "start",
|
|
35
33
|
y: "center"
|
|
36
34
|
},
|
|
35
|
+
...frameProps,
|
|
37
36
|
...props,
|
|
38
37
|
children
|
|
39
38
|
})
|
|
@@ -44,8 +43,12 @@ function MDXTableHead({
|
|
|
44
43
|
children,
|
|
45
44
|
...props
|
|
46
45
|
}) {
|
|
46
|
+
const {
|
|
47
|
+
headRule
|
|
48
|
+
} = useMarkdownTableKnobs();
|
|
47
49
|
return /* @__PURE__ */jsx(BaseTable.Head, {
|
|
48
50
|
render: "thead",
|
|
51
|
+
...headRule,
|
|
49
52
|
...props,
|
|
50
53
|
children
|
|
51
54
|
});
|
|
@@ -75,12 +78,16 @@ function MDXTableHeaderCell({
|
|
|
75
78
|
children,
|
|
76
79
|
...props
|
|
77
80
|
}) {
|
|
81
|
+
const {
|
|
82
|
+
headerTextProps,
|
|
83
|
+
cellPad
|
|
84
|
+
} = useMarkdownTableKnobs();
|
|
78
85
|
return /* @__PURE__ */jsx(BaseTable.HeaderCell, {
|
|
79
86
|
render: "th",
|
|
87
|
+
...cellPad,
|
|
80
88
|
...props,
|
|
81
89
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
82
|
-
|
|
83
|
-
fontWeight: "600",
|
|
90
|
+
...headerTextProps,
|
|
84
91
|
children
|
|
85
92
|
})
|
|
86
93
|
});
|
|
@@ -89,13 +96,18 @@ function MDXTableCell({
|
|
|
89
96
|
children,
|
|
90
97
|
...props
|
|
91
98
|
}) {
|
|
99
|
+
const {
|
|
100
|
+
cellTextProps,
|
|
101
|
+
cellPad
|
|
102
|
+
} = useMarkdownTableKnobs();
|
|
92
103
|
return /* @__PURE__ */jsx(BaseTable.Cell, {
|
|
93
104
|
render: "td",
|
|
105
|
+
...cellPad,
|
|
94
106
|
...props,
|
|
95
107
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
96
108
|
render: "span",
|
|
97
109
|
display: "block",
|
|
98
|
-
|
|
110
|
+
...cellTextProps,
|
|
99
111
|
children
|
|
100
112
|
})
|
|
101
113
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Paragraph","ScrollView","YStack","styled","Table","BaseTable","
|
|
1
|
+
{"version":3,"names":["Paragraph","ScrollView","YStack","styled","Table","BaseTable","useMarkdownTableKnobs","jsx","MDXTableFrame","marginVertical","overflow","MDXTable","children","props","frameProps","horizontal","showsHorizontalScrollIndicator","render","width","cellWidth","style","tableLayout","alignCells","x","y","alignHeaderCells","MDXTableHead","headRule","Head","MDXTableBody","Body","MDXTableRow","Row","rowLocation","MDXTableHeaderCell","headerTextProps","cellPad","HeaderCell","MDXTableCell","cellTextProps","Cell","display"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AACtD,SAASC,KAAA,IAASC,SAAA,QAAiB;AACnC,SAASC,qBAAA,QAA6B;AAe9B,SAAAC,GAAA;AAbR,MAAMC,aAAA,GAAgBL,MAAA,CAAOD,MAAA,EAAQ;EACnCO,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAAS;EACvBC,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAEC;EAAW,IAAIR,qBAAA,CAAsB;EAC7C,OACE,eAAAC,GAAA,CAACN,UAAA;IAAWc,UAAA,EAAU;IAACC,8BAAA,EAAgC;IACrDJ,QAAA,iBAAAL,GAAA,CAACC,aAAA;MACCI,QAAA,iBAAAL,GAAA,CAACF,SAAA;QACCY,MAAA,EAAO;QAGPC,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,GAAGV,UAAA;QACH,GAAGD,KAAA;QAEHD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASc,aAAa;EAC3Bd,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAEc;EAAS,IAAIrB,qBAAA,CAAsB;EAC3C,OACE,eAAAC,GAAA,CAACF,SAAA,CAAUuB,IAAA,EAAV;IAAeX,MAAA,EAAO;IAAS,GAAGU,QAAA;IAAW,GAAGd,KAAA;IAC9CD;EAAA,CACH;AAEJ;AAEO,SAASiB,aAAa;EAC3BjB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAUyB,IAAA,EAAV;IAAeb,MAAA,EAAO;IAAS,GAAGJ,KAAA;IAChCD;EAAA,CACH;AAEJ;AAEO,SAASmB,YAAY;EAC1BnB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU2B,GAAA,EAAV;IAAcf,MAAA,EAAO;IAAKgB,WAAA,EAAY;IAAU,GAAGpB,KAAA;IACjDD;EAAA,CACH;AAEJ;AAEO,SAASsB,mBAAmB;EACjCtB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAEsB,eAAA;IAAiBC;EAAQ,IAAI9B,qBAAA,CAAsB;EAC3D,OACE,eAAAC,GAAA,CAACF,SAAA,CAAUgC,UAAA,EAAV;IAAqBpB,MAAA,EAAO;IAAM,GAAGmB,OAAA;IAAU,GAAGvB,KAAA;IACjDD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAW,GAAGmC,eAAA;MAAkBvB;IAAA,CAAS;EAAA,CAC5C;AAEJ;AAEO,SAAS0B,aAAa;EAC3B1B,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAE0B,aAAA;IAAeH;EAAQ,IAAI9B,qBAAA,CAAsB;EACzD,OACE,eAAAC,GAAA,CAACF,SAAA,CAAUmC,IAAA,EAAV;IAAevB,MAAA,EAAO;IAAM,GAAGmB,OAAA;IAAU,GAAGvB,KAAA;IAC3CD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAUiB,MAAA,EAAO;MAAOwB,OAAA,EAAQ;MAAS,GAAGF,aAAA;MAC1C3B;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Paragraph, ScrollView, YStack, styled } from "tamagui";
|
|
3
3
|
import { Table as BaseTable } from "@multiplatform.one/table-primitives";
|
|
4
|
-
import {
|
|
4
|
+
import { useMarkdownTableKnobs } from "../shared/useMarkdownTableKnobs.native.js";
|
|
5
5
|
var MDXTableFrame = styled(YStack, {
|
|
6
6
|
marginVertical: "$4",
|
|
7
7
|
overflow: "hidden"
|
|
@@ -12,8 +12,8 @@ function MDXTable(param) {
|
|
|
12
12
|
...props
|
|
13
13
|
} = param;
|
|
14
14
|
var {
|
|
15
|
-
|
|
16
|
-
} =
|
|
15
|
+
frameProps
|
|
16
|
+
} = useMarkdownTableKnobs();
|
|
17
17
|
return /* @__PURE__ */_jsx(ScrollView, {
|
|
18
18
|
horizontal: true,
|
|
19
19
|
showsHorizontalScrollIndicator: false,
|
|
@@ -27,8 +27,6 @@ function MDXTable(param) {
|
|
|
27
27
|
style: {
|
|
28
28
|
tableLayout: "auto"
|
|
29
29
|
},
|
|
30
|
-
borderColor: "$borderColor",
|
|
31
|
-
borderRadius: knobProps.borderRadius.borderRadius,
|
|
32
30
|
alignCells: {
|
|
33
31
|
x: "start",
|
|
34
32
|
y: "center"
|
|
@@ -37,6 +35,7 @@ function MDXTable(param) {
|
|
|
37
35
|
x: "start",
|
|
38
36
|
y: "center"
|
|
39
37
|
},
|
|
38
|
+
...frameProps,
|
|
40
39
|
...props,
|
|
41
40
|
children
|
|
42
41
|
})
|
|
@@ -48,8 +47,12 @@ function MDXTableHead(param) {
|
|
|
48
47
|
children,
|
|
49
48
|
...props
|
|
50
49
|
} = param;
|
|
50
|
+
var {
|
|
51
|
+
headRule
|
|
52
|
+
} = useMarkdownTableKnobs();
|
|
51
53
|
return /* @__PURE__ */_jsx(BaseTable.Head, {
|
|
52
54
|
render: "thead",
|
|
55
|
+
...headRule,
|
|
53
56
|
...props,
|
|
54
57
|
children
|
|
55
58
|
});
|
|
@@ -82,12 +85,16 @@ function MDXTableHeaderCell(param) {
|
|
|
82
85
|
children,
|
|
83
86
|
...props
|
|
84
87
|
} = param;
|
|
88
|
+
var {
|
|
89
|
+
headerTextProps,
|
|
90
|
+
cellPad
|
|
91
|
+
} = useMarkdownTableKnobs();
|
|
85
92
|
return /* @__PURE__ */_jsx(BaseTable.HeaderCell, {
|
|
86
93
|
render: "th",
|
|
94
|
+
...cellPad,
|
|
87
95
|
...props,
|
|
88
96
|
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
89
|
-
|
|
90
|
-
fontWeight: "600",
|
|
97
|
+
...headerTextProps,
|
|
91
98
|
children
|
|
92
99
|
})
|
|
93
100
|
});
|
|
@@ -97,13 +104,18 @@ function MDXTableCell(param) {
|
|
|
97
104
|
children,
|
|
98
105
|
...props
|
|
99
106
|
} = param;
|
|
107
|
+
var {
|
|
108
|
+
cellTextProps,
|
|
109
|
+
cellPad
|
|
110
|
+
} = useMarkdownTableKnobs();
|
|
100
111
|
return /* @__PURE__ */_jsx(BaseTable.Cell, {
|
|
101
112
|
render: "td",
|
|
113
|
+
...cellPad,
|
|
102
114
|
...props,
|
|
103
115
|
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
104
116
|
render: "span",
|
|
105
117
|
display: "block",
|
|
106
|
-
|
|
118
|
+
...cellTextProps,
|
|
107
119
|
children
|
|
108
120
|
})
|
|
109
121
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Paragraph","ScrollView","YStack","styled","Table","BaseTable","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Paragraph","ScrollView","YStack","styled","Table","BaseTable","useMarkdownTableKnobs","MDXTableFrame","marginVertical","overflow","MDXTable","param","children","props","frameProps","horizontal","showsHorizontalScrollIndicator","render","width","cellWidth","style","tableLayout","alignCells","x","y","alignHeaderCells","MDXTableHead","headRule","Head","MDXTableBody","Body","MDXTableRow","Row"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,2BAAoB;AACxC,SAASC,SAAS,EAAAC,UAAA,EAAAC,MAAiB,EAAAC,MAAA;AACnC,SAASC,KAAA,IAAAC,SAAA,6CAA6B;AAe9B,SAAAC,qBAAA;AAbR,IAAAC,aAAM,GAAAJ,MAAgB,CAAAD,MAAO;EAC3BM,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAASC,KAAA;EACvB;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACA,IAAG;IAAAG;EAAA,IAAAR,qBAAA;EACL,OAAuD,eAAAP,IAAA,CAAAE,UAAA;IACrDc,UAAQ;IACRC,8BACG;IAEIJ,QAAA,iBAAAb,IAAA,CAAAQ,aAAA;MAAAK,QAAA,iBAAAb,IAAA,CAAAM,SAAA;QACCY,MAAO;QAGP;QACA;QACAC,KAAO,EAAE;QACTC,SAAA,EAAY,MAAK;QACjBC,KAAA;UACIC,WAAA;QACH,CAAG;QAEHC,UAAA;UAAAC,CAAA;UAGPC,CAAA;QAEJ;QAEOC,gBAAsB;UAC3BF,CAAA;UACGC,CAAA;QACkD;QAC/C,GAAEV,UAAS;QACjB,GACED,KAAA;QAIJD;MAEO;IACL;EACA;AACF;AACE,SACEc,aAAAf,KAAA,EAAC;EAIL;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAEO;IAAAgB;EAAS,IAAYrB,qBAAA;EAC1B,sBAAAP,IAAA,CAAAM,SAAA,CAAAuB,IAAA;IACAX,MAAG;IACkD,GAAAU,QAAA;IACrD,GAAAd,KACE;IAIJD;EAEO;AAA4B;AACjC,SACGiB,aAAAlB,KAAA;EACL,IAAuD;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACrD,OAAM,eAAEZ,IAAiB,CAAAM,SAAY,CAAAyB,IAAA;IACrCb,MACE;IAIJ,GAAAJ,KAAA;IAEOD;EACL;AAAA;AAEF,SAAuDmB,YAAApB,KAAA;EACrD;IAAMC,QAAE;IAAA,GAAAC;EAAe,IAAAF,KAAQ;EAC/B,OACE,eAAAZ,IAAC,CAAAM,SAAU,CAAA2B,GAAA,EAAV;IAMLf,MAAA","ignoreList":[]}
|
package/dist/esm/Video/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { isWeb, Paragraph, YStack } from "tamagui";
|
|
2
2
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
+
import { tokenPx } from "../shared/tokenPx.mjs";
|
|
3
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
5
|
function Video({
|
|
5
6
|
src,
|
|
@@ -14,6 +15,8 @@ function Video({
|
|
|
14
15
|
const {
|
|
15
16
|
knobProps
|
|
16
17
|
} = useResolvedKnobs();
|
|
18
|
+
const radiusPx = tokenPx(knobProps.borderRadius.borderRadius, 8, "radius");
|
|
19
|
+
const fallbackMin = tokenPx(knobProps.sizeToken, 24) * 8;
|
|
17
20
|
return /* @__PURE__ */jsxs(YStack, {
|
|
18
21
|
render: "figure",
|
|
19
22
|
marginHorizontal: 0,
|
|
@@ -31,28 +34,29 @@ function Video({
|
|
|
31
34
|
style: {
|
|
32
35
|
width: "100%",
|
|
33
36
|
display: "block",
|
|
34
|
-
borderRadius:
|
|
37
|
+
borderRadius: radiusPx
|
|
35
38
|
}
|
|
36
39
|
}) :
|
|
37
40
|
// omit the element entirely for an empty src (SB-M-1227)
|
|
38
41
|
null : /* @__PURE__ */jsx(YStack, {
|
|
39
42
|
...knobProps.panelPadding,
|
|
40
|
-
|
|
43
|
+
...knobProps.borderRadius,
|
|
41
44
|
backgroundColor: "$color3",
|
|
42
45
|
alignItems: "center",
|
|
43
46
|
justifyContent: "center",
|
|
44
|
-
minHeight:
|
|
47
|
+
minHeight: fallbackMin,
|
|
45
48
|
children: /* @__PURE__ */jsx(Paragraph, {
|
|
46
49
|
color: "$color9",
|
|
47
|
-
size:
|
|
50
|
+
size: knobProps.sizeToken,
|
|
51
|
+
...knobProps.body,
|
|
48
52
|
children: "Video playback requires a native video player"
|
|
49
53
|
})
|
|
50
54
|
}), children ? /* @__PURE__ */jsx(Paragraph, {
|
|
51
55
|
render: "figcaption",
|
|
52
|
-
lineHeight: 23,
|
|
53
56
|
marginTop: "$2",
|
|
54
|
-
color:
|
|
55
|
-
size:
|
|
57
|
+
color: knobProps.textAccentColor,
|
|
58
|
+
size: knobProps.sizeToken,
|
|
59
|
+
...knobProps.body,
|
|
56
60
|
children
|
|
57
61
|
}) : null]
|
|
58
62
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","Paragraph","YStack","useResolvedKnobs","jsx","jsxs","Video","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","
|
|
1
|
+
{"version":3,"names":["isWeb","Paragraph","YStack","useResolvedKnobs","tokenPx","jsx","jsxs","Video","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","radiusPx","borderRadius","fallbackMin","sizeToken","render","marginHorizontal","marginVertical","playsInline","style","width","display","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","body","marginTop","textAccentColor"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AACzC,SAASC,gBAAA,QAAwB;AACjC,SAASC,OAAA,QAAe;AA0BpB,SAGMC,GAAA,EAHNC,IAAA;AAdG,SAASC,MAAM;EACpBC,GAAA;EACAC,QAAA;EACAC,KAAA,GAAQ;EACRC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,IAAA,GAAO;EACPC,MAAA;EACA,GAAGC;AACL,GAAyC;EACvC,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EACvC,MAAMc,QAAA,GAAWb,OAAA,CAAQY,SAAA,CAAUE,YAAA,CAAaA,YAAA,EAAwB,GAAG,QAAQ;EACnF,MAAMC,WAAA,GAAcf,OAAA,CAAQY,SAAA,CAAUI,SAAA,EAAW,EAAE,IAAI;EACvD,OACE,eAAAd,IAAA,CAACJ,MAAA;IAAOmB,MAAA,EAAO;IAASC,gBAAA,EAAkB;IAAGC,cAAA,EAAe;IAAM,GAAGR,KAAA;IAClEN,QAAA,GAAAT,KAAA,GACCQ,GAAA,GACE,eAAAH,GAAA,CAACH,MAAA;MACCmB,MAAA,EAAO;MAEPb,GAAA;MACAG,QAAA;MACAa,WAAA,EAAW;MACXd,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MAEAW,KAAA,EAAO;QAAEC,KAAA,EAAO;QAAQC,OAAA,EAAS;QAAST,YAAA,EAAcD;MAAS;IAAA,CACnE;IAAA;IAEF,OAEA,eAAAZ,GAAA,CAACH,MAAA;MACE,GAAGc,SAAA,CAAUY,YAAA;MACb,GAAGZ,SAAA,CAAUE,YAAA;MACdW,eAAA,EAAgB;MAChBC,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,SAAA,EAAWb,WAAA;MAEXV,QAAA,iBAAAJ,GAAA,CAACJ,SAAA;QAAUgC,KAAA,EAAM;QAAUC,IAAA,EAAMlB,SAAA,CAAUI,SAAA;QAAmB,GAAGJ,SAAA,CAAUmB,IAAA;QAAM1B,QAAA;MAAA,CAEjF;IAAA,CACF,GAEDA,QAAA,GACC,eAAAJ,GAAA,CAACJ,SAAA;MACCoB,MAAA,EAAO;MACPe,SAAA,EAAU;MACVH,KAAA,EAAOjB,SAAA,CAAUqB,eAAA;MACjBH,IAAA,EAAMlB,SAAA,CAAUI,SAAA;MACf,GAAGJ,SAAA,CAAUmB,IAAA;MAEb1B;IAAA,CACH,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { isWeb, Paragraph, YStack } from "tamagui";
|
|
3
3
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { tokenPx } from "../shared/tokenPx.native.js";
|
|
4
5
|
function Video(param) {
|
|
5
6
|
var {
|
|
6
7
|
src,
|
|
@@ -15,6 +16,8 @@ function Video(param) {
|
|
|
15
16
|
var {
|
|
16
17
|
knobProps
|
|
17
18
|
} = useResolvedKnobs();
|
|
19
|
+
var radiusPx = tokenPx(knobProps.borderRadius.borderRadius, 8, "radius");
|
|
20
|
+
var fallbackMin = tokenPx(knobProps.sizeToken, 24) * 8;
|
|
18
21
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
19
22
|
render: "figure",
|
|
20
23
|
marginHorizontal: 0,
|
|
@@ -30,31 +33,33 @@ function Video(param) {
|
|
|
30
33
|
controls,
|
|
31
34
|
loop,
|
|
32
35
|
poster,
|
|
36
|
+
// R11: media radius stays UNCLAMPED and rides the radius knob.
|
|
33
37
|
style: {
|
|
34
38
|
width: "100%",
|
|
35
39
|
display: "block",
|
|
36
|
-
borderRadius:
|
|
40
|
+
borderRadius: radiusPx
|
|
37
41
|
}
|
|
38
42
|
}) :
|
|
39
43
|
// omit the element entirely for an empty src (SB-M-1227)
|
|
40
44
|
null : /* @__PURE__ */_jsx(YStack, {
|
|
41
45
|
...knobProps.panelPadding,
|
|
42
|
-
|
|
46
|
+
...knobProps.borderRadius,
|
|
43
47
|
backgroundColor: "$color3",
|
|
44
48
|
alignItems: "center",
|
|
45
49
|
justifyContent: "center",
|
|
46
|
-
minHeight:
|
|
50
|
+
minHeight: fallbackMin,
|
|
47
51
|
children: /* @__PURE__ */_jsx(Paragraph, {
|
|
48
52
|
color: "$color9",
|
|
49
|
-
size:
|
|
53
|
+
size: knobProps.sizeToken,
|
|
54
|
+
...knobProps.body,
|
|
50
55
|
children: "Video playback requires a native video player"
|
|
51
56
|
})
|
|
52
57
|
}), children ? /* @__PURE__ */_jsx(Paragraph, {
|
|
53
58
|
render: "figcaption",
|
|
54
|
-
lineHeight: 23,
|
|
55
59
|
marginTop: "$2",
|
|
56
|
-
color:
|
|
57
|
-
size:
|
|
60
|
+
color: knobProps.textAccentColor,
|
|
61
|
+
size: knobProps.sizeToken,
|
|
62
|
+
...knobProps.body,
|
|
58
63
|
children
|
|
59
64
|
}) : null]
|
|
60
65
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isWeb","Paragraph","YStack","useResolvedKnobs","Video","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isWeb","Paragraph","YStack","useResolvedKnobs","tokenPx","Video","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","radiusPx","borderRadius","fallbackMin","sizeToken","render","marginHorizontal","marginVertical","playsInline","style","width","display","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","body","marginTop","textAccentColor"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAc;AACzC,SAASC,KAAA,EAAAC,SAAA,EAAAC,MAAwB;AACjC,SAASC,gBAAe;AA0BpB,SAGMC,OAHN;AAdG,SAASC,MAAMC,KAAA;EACpB;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAA,IAAAZ,gBAAA;EACA,IAAAa,QAAQ,GAAAZ,OAAA,CAAAW,SAAA,CAAAE,YAAA,CAAAA,YAAA;EACR,IAAAC,WAAW,GAAAd,OAAA,CAAAW,SAAA,CAAAI,SAAA;EACX,sBAAWpB,KAAA,CAAAG,MAAA;IACXkB,MAAO;IACPC,gBAAA;IACAC,cAAG;IACoC,GAAAR,KAAA;IACvCN,QAAQ,GACRR,KAAM,GAAAO,GAAA,GAAW,eAAQV,IAAU,CAAAK,MAAA;MAC7BkB,MAAA,SAAc;MACpB;MAEKb,GAAA;MAEIG,QAAA;MAAAa,WAAA;MACCd,KAAA;MAEAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACA;MACAW,KAAA;QACAC,KAAA;QACAC,OAAA;QAEAT,YAAS,EAAOD;MAAiD;IACnE;IAAA;IAEF,OAEA,eAAAnB,IAAA,CAAAK,MAAA;MAAC,GAAAa,SAAA,CAAAY,YAAA;MAAA,GAAAZ,SAAA,CAAAE,YAAA;MACEW,eAAa;MACbC,UAAG,UAAU;MACdC,cAAA,UAAgB;MAChBC,SAAA,EAAAb,WAAW;MACXV,QAAA,iBAAeX,IAAA,CAAAI,SAAA;QACf+B,KAAA,WAAW;QAEXC,IAAA,EAAAlB,SAAA,CAAAI,SAAA;QAEA,GAAAJ,SAAA,CAAAmB,IAAA;QACF1B,QAAA;MAED;IACE,IAAAA,QAAA,kBAAAX,IAAA,CAAAI,SAAA;MACCmB,MAAA,EAAO;MACPe,SAAA,EAAU;MACVH,KAAA,EAAOjB,SAAA,CAAUqB,eAAA;MACjBH,IAAA,EAAMlB,SAAA,CAAUI,SAAA;MACf,GAAGJ,SAAA,CAAUmB,IAAA;MAEb1B;IAAA;EAED;AAGV","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ function Blockquote({
|
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
const padToken = knobProps.panelPadding.padding;
|
|
13
13
|
const pad = typeof padToken === "number" ? padToken : getTokens().space?.[padToken]?.val ?? padToken;
|
|
14
|
+
const railWidth = knobProps.borderRadius.borderWidth;
|
|
14
15
|
return /* @__PURE__ */jsx(View, {
|
|
15
16
|
backgroundColor: markdownBlockquoteColors.background.base,
|
|
16
17
|
...knobProps.containerRadius,
|
|
@@ -18,13 +19,13 @@ function Blockquote({
|
|
|
18
19
|
marginVertical: "$3",
|
|
19
20
|
...(isWeb ? {
|
|
20
21
|
style: {
|
|
21
|
-
borderInlineStartWidth:
|
|
22
|
-
borderInlineStartStyle: "solid",
|
|
23
|
-
borderInlineStartColor: theme.color8?.val ??
|
|
22
|
+
borderInlineStartWidth: railWidth,
|
|
23
|
+
borderInlineStartStyle: railWidth ? "solid" : "none",
|
|
24
|
+
borderInlineStartColor: theme.color8?.val ?? theme.borderColor?.val,
|
|
24
25
|
paddingInlineStart: pad
|
|
25
26
|
}
|
|
26
27
|
} : {
|
|
27
|
-
borderStartWidth:
|
|
28
|
+
borderStartWidth: railWidth,
|
|
28
29
|
borderStartColor: markdownBlockquoteColors.border.base,
|
|
29
30
|
paddingStart: knobProps.panelPadding.padding
|
|
30
31
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","getTokens","isWeb","useTheme","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","theme","padToken","panelPadding","padding","pad","space","val","backgroundColor","background","base","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","paddingInlineStart","borderStartWidth","borderStartColor","border","paddingStart"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,SAAA,EAAWC,KAAA,EAAOC,QAAA,QAAgB;AACjD,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;
|
|
1
|
+
{"version":3,"names":["View","getTokens","isWeb","useTheme","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","theme","padToken","panelPadding","padding","pad","space","val","railWidth","borderRadius","borderWidth","backgroundColor","background","base","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","borderColor","paddingInlineStart","borderStartWidth","borderStartColor","border","paddingStart"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,SAAA,EAAWC,KAAA,EAAOC,QAAA,QAAgB;AACjD,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AAarC,SAAAC,GAAA;AAVG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,MAAMM,KAAA,GAAQP,QAAA,CAAS;EACvB,MAAMQ,QAAA,GAAWF,SAAA,CAAUG,YAAA,CAAaC,OAAA;EACxC,MAAMC,GAAA,GACJ,OAAOH,QAAA,KAAa,WAChBA,QAAA,GACEV,SAAA,CAAU,EAAEc,KAAA,GAAgBJ,QAAQ,GAAGK,GAAA,IAAOL,QAAA;EACtD,MAAMM,SAAA,GAAYR,SAAA,CAAUS,YAAA,CAAaC,WAAA;EACzC,OACE,eAAAb,GAAA,CAACN,IAAA;IACCoB,eAAA,EAAiBf,wBAAA,CAAyBgB,UAAA,CAAWC,IAAA;IAIpD,GAAGb,SAAA,CAAUc,eAAA;IACdC,eAAA,EAAiBf,SAAA,CAAUgB,GAAA,CAAIA,GAAA;IAC/BC,cAAA,EAAe;IAKd,IAAIxB,KAAA,GACD;MACEyB,KAAA,EAAO;QACLC,sBAAA,EAAwBX,SAAA;QACxBY,sBAAA,EAAwBZ,SAAA,GAAY,UAAU;QAC9Ca,sBAAA,EAAwBpB,KAAA,CAAMqB,MAAA,EAAQf,GAAA,IAAON,KAAA,CAAMsB,WAAA,EAAahB,GAAA;QAChEiB,kBAAA,EAAoBnB;MACtB;IACF,IACA;MACEoB,gBAAA,EAAkBjB,SAAA;MAClBkB,gBAAA,EAAkB9B,wBAAA,CAAyB+B,MAAA,CAAOd,IAAA;MAClDe,YAAA,EAAc5B,SAAA,CAAUG,YAAA,CAAaC;IACvC;IAEHL;EAAA,CACH;AAEJ","ignoreList":[]}
|
|
@@ -7,18 +7,19 @@ function Blockquote(param) {
|
|
|
7
7
|
children
|
|
8
8
|
} = param;
|
|
9
9
|
var _ref, _ref1;
|
|
10
|
-
var _getTokens_space_padToken, _getTokens_space, _theme_color8;
|
|
10
|
+
var _getTokens_space_padToken, _getTokens_space, _theme_color8, _theme_borderColor;
|
|
11
11
|
var {
|
|
12
12
|
knobProps
|
|
13
13
|
} = useResolvedKnobs();
|
|
14
14
|
var theme = useTheme();
|
|
15
15
|
var padToken = knobProps.panelPadding.padding;
|
|
16
16
|
var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = getTokens().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_padToken = _getTokens_space[padToken]) === null || _getTokens_space_padToken === void 0 ? void 0 : _getTokens_space_padToken.val) !== null && _ref !== void 0 ? _ref : padToken;
|
|
17
|
+
var railWidth = knobProps.borderRadius.borderWidth;
|
|
17
18
|
return /* @__PURE__ */_jsx(View, {
|
|
18
19
|
backgroundColor: markdownBlockquoteColors.background.base,
|
|
19
20
|
// R-SCALE quote frame (spec Blockquote): the painted quote surface
|
|
20
21
|
// rounds with the radius knob, capped at its own padding (Axiom 1 —
|
|
21
|
-
// containerRadius fragment).
|
|
22
|
+
// containerRadius fragment). Rail thickness rides borderWidth (0 hides).
|
|
22
23
|
...knobProps.containerRadius,
|
|
23
24
|
paddingVertical: knobProps.gap.gap,
|
|
24
25
|
marginVertical: "$3",
|
|
@@ -28,13 +29,13 @@ function Blockquote(param) {
|
|
|
28
29
|
// border/padding props, which flip with I18nManager.
|
|
29
30
|
...(isWeb ? {
|
|
30
31
|
style: {
|
|
31
|
-
borderInlineStartWidth:
|
|
32
|
-
borderInlineStartStyle: "solid",
|
|
33
|
-
borderInlineStartColor: (_ref1 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref1 !== void 0 ? _ref1 :
|
|
32
|
+
borderInlineStartWidth: railWidth,
|
|
33
|
+
borderInlineStartStyle: railWidth ? "solid" : "none",
|
|
34
|
+
borderInlineStartColor: (_ref1 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref1 !== void 0 ? _ref1 : (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.val,
|
|
34
35
|
paddingInlineStart: pad
|
|
35
36
|
}
|
|
36
37
|
} : {
|
|
37
|
-
borderStartWidth:
|
|
38
|
+
borderStartWidth: railWidth,
|
|
38
39
|
borderStartColor: markdownBlockquoteColors.border.base,
|
|
39
40
|
paddingStart: knobProps.panelPadding.padding
|
|
40
41
|
}),
|