@multiplatform.one/components 0.2.0 → 0.2.2
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/ErrorBoundary/index.js +12 -5
- package/dist/cjs/ErrorBoundary/index.js.map +2 -2
- package/dist/cjs/code/CodeBlock/index.js +12 -2
- package/dist/cjs/code/CodeBlock/index.js.map +2 -2
- package/dist/cjs/forms/FormCheckBox/FormCheckBox.stories.js +12 -1
- package/dist/cjs/forms/FormCheckBox/FormCheckBox.stories.js.map +2 -2
- package/dist/cjs/forms/FormCheckBox/index.js +78 -49
- package/dist/cjs/forms/FormCheckBox/index.js.map +2 -2
- package/dist/cjs/forms/FormField.js +12 -10
- package/dist/cjs/forms/FormField.js.map +2 -2
- package/dist/cjs/forms/FormInput/FormInput.stories.js +12 -4
- package/dist/cjs/forms/FormInput/FormInput.stories.js.map +2 -2
- package/dist/cjs/forms/FormInput/index.js +49 -29
- package/dist/cjs/forms/FormInput/index.js.map +2 -2
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.js +25 -11
- package/dist/cjs/forms/FormRadioGroup/FormRadioGroup.stories.js.map +2 -2
- package/dist/cjs/forms/FormRadioGroup/index.js +47 -29
- package/dist/cjs/forms/FormRadioGroup/index.js.map +2 -2
- package/dist/cjs/forms/FormSelectSimple/FormSelectSimple.stories.js +12 -6
- package/dist/cjs/forms/FormSelectSimple/FormSelectSimple.stories.js.map +2 -2
- package/dist/cjs/forms/FormSelectSimple/index.js +44 -24
- package/dist/cjs/forms/FormSelectSimple/index.js.map +2 -2
- package/dist/cjs/forms/FormSlider/FormSlider.stories.js +12 -1
- package/dist/cjs/forms/FormSlider/FormSlider.stories.js.map +2 -2
- package/dist/cjs/forms/FormSlider/index.js +57 -40
- package/dist/cjs/forms/FormSlider/index.js.map +2 -2
- package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js +12 -1
- package/dist/cjs/forms/FormSubmitButton/FormSubmitButton.stories.js.map +2 -2
- package/dist/cjs/forms/FormSubmitButton/index.js +25 -11
- package/dist/cjs/forms/FormSubmitButton/index.js.map +2 -2
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.js +12 -1
- package/dist/cjs/forms/FormSwitch/FormSwitch.stories.js.map +2 -2
- package/dist/cjs/forms/FormSwitch/index.js +51 -30
- package/dist/cjs/forms/FormSwitch/index.js.map +2 -2
- package/dist/cjs/forms/FormTextArea/FormTextArea.stories.js +12 -1
- package/dist/cjs/forms/FormTextArea/FormTextArea.stories.js.map +2 -2
- package/dist/cjs/forms/FormTextArea/index.js +49 -29
- package/dist/cjs/forms/FormTextArea/index.js.map +2 -2
- package/dist/cjs/forms/RadioSimple/RadioSimple.stories.js +12 -1
- package/dist/cjs/forms/RadioSimple/RadioSimple.stories.js.map +2 -2
- package/dist/cjs/forms/RadioSimple/index.js +12 -8
- package/dist/cjs/forms/RadioSimple/index.js.map +2 -2
- package/dist/cjs/forms/SelectButton/OptionButton.js +31 -18
- package/dist/cjs/forms/SelectButton/OptionButton.js.map +2 -2
- package/dist/cjs/forms/SelectButton/SelectButton.stories.js +13 -12
- package/dist/cjs/forms/SelectButton/SelectButton.stories.js.map +2 -2
- package/dist/cjs/forms/SelectButton/index.js +12 -2
- package/dist/cjs/forms/SelectButton/index.js.map +2 -2
- package/dist/cjs/forms/SelectSimple/SelectSimple.stories.js +12 -6
- package/dist/cjs/forms/SelectSimple/SelectSimple.stories.js.map +2 -2
- package/dist/cjs/forms/SelectSimple/index.js +12 -8
- package/dist/cjs/forms/SelectSimple/index.js.map +2 -2
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.js +12 -14
- package/dist/cjs/forms/SimpleForm/SimpleForm.stories.js.map +2 -2
- package/dist/cjs/forms/SimpleForm/index.js +12 -1
- package/dist/cjs/forms/SimpleForm/index.js.map +2 -2
- package/dist/cjs/helpers.js +12 -1
- package/dist/cjs/helpers.js.map +2 -2
- package/dist/cjs/images/SimpleImage/index.js +34 -18
- package/dist/cjs/images/SimpleImage/index.js.map +2 -2
- package/dist/cjs/images/SimpleImage/index.stories.js +25 -11
- package/dist/cjs/images/SimpleImage/index.stories.js.map +2 -2
- package/dist/cjs/images/Svg/Svg.stories.js +21 -7
- package/dist/cjs/images/Svg/Svg.stories.js.map +2 -2
- package/dist/cjs/images/SvgUri/index.js +12 -1
- package/dist/cjs/images/SvgUri/index.js.map +2 -2
- package/dist/cjs/layouts/Debug/DebugLayout.stories.js +13 -2
- package/dist/cjs/layouts/Debug/DebugLayout.stories.js.map +2 -2
- package/dist/cjs/layouts/Debug/index.js +49 -43
- package/dist/cjs/layouts/Debug/index.js.map +2 -2
- package/dist/cjs/mdx/ExternalIcon/ExternalIcon.stories.js +12 -1
- package/dist/cjs/mdx/ExternalIcon/ExternalIcon.stories.js.map +2 -2
- package/dist/cjs/mdx/ExternalIcon/index.js +18 -4
- package/dist/cjs/mdx/ExternalIcon/index.js.map +2 -2
- package/dist/cjs/mdx/HR/HR.stories.js +12 -1
- package/dist/cjs/mdx/HR/HR.stories.js.map +2 -2
- package/dist/cjs/mdx/HR/index.js +12 -4
- package/dist/cjs/mdx/HR/index.js.map +2 -2
- package/dist/cjs/mdx/MDX/MDX.stories.js +12 -1
- package/dist/cjs/mdx/MDX/MDX.stories.js.map +2 -2
- package/dist/cjs/mdx/MDX/index.js +22 -8
- package/dist/cjs/mdx/MDX/index.js.map +2 -2
- package/dist/cjs/mdx/MDXCodeBlock/MDXCodeBlock.stories.js +12 -36
- package/dist/cjs/mdx/MDXCodeBlock/MDXCodeBlock.stories.js.map +2 -2
- package/dist/cjs/mdx/MDXCodeBlock/index.js +82 -56
- package/dist/cjs/mdx/MDXCodeBlock/index.js.map +2 -2
- package/dist/cjs/mdx/UL/UL.stories.js +12 -1
- package/dist/cjs/mdx/UL/UL.stories.js.map +2 -2
- package/dist/cjs/mdx/components.js +68 -69
- package/dist/cjs/mdx/components.js.map +1 -1
- package/dist/cjs/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js +21 -6
- package/dist/cjs/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +2 -2
- package/dist/cjs/panels/SimpleAlertDialog/index.js +34 -28
- package/dist/cjs/panels/SimpleAlertDialog/index.js.map +2 -2
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js +19 -4
- package/dist/cjs/panels/SimpleDialog/SimpleDialog.stories.js.map +2 -2
- package/dist/cjs/panels/SimpleDialog/index.js +34 -31
- package/dist/cjs/panels/SimpleDialog/index.js.map +2 -2
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js +12 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js.map +2 -2
- package/dist/cjs/panels/SimplePopover/index.js +28 -25
- package/dist/cjs/panels/SimplePopover/index.js.map +2 -2
- package/dist/cjs/panels/SimpleSheet/SimpleSheet.stories.js +12 -1
- package/dist/cjs/panels/SimpleSheet/SimpleSheet.stories.js.map +2 -2
- package/dist/cjs/panels/SimpleSheet/index.js +51 -48
- package/dist/cjs/panels/SimpleSheet/index.js.map +2 -2
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js +18 -3
- package/dist/cjs/panels/SimpleTooltip/SimpleTooltip.stories.js.map +2 -2
- package/dist/cjs/panels/SimpleTooltip/index.js +26 -16
- package/dist/cjs/panels/SimpleTooltip/index.js.map +2 -2
- package/dist/cjs/providers/AnimationDriverTogglerContextProvider.js +12 -1
- package/dist/cjs/providers/AnimationDriverTogglerContextProvider.js.map +2 -2
- package/dist/cjs/table/Table/Table.stories.js +12 -44
- package/dist/cjs/table/Table/Table.stories.js.map +2 -2
- package/dist/cjs/table/Table/index.js +12 -4
- package/dist/cjs/table/Table/index.js.map +2 -2
- package/dist/esm/ErrorBoundary/index.js +2 -5
- package/dist/esm/ErrorBoundary/index.js.map +1 -1
- package/dist/esm/code/CodeBlock/index.js +2 -2
- package/dist/esm/code/CodeBlock/index.js.map +1 -1
- package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js +2 -1
- package/dist/esm/forms/FormCheckBox/FormCheckBox.stories.js.map +1 -1
- package/dist/esm/forms/FormCheckBox/index.js +68 -49
- package/dist/esm/forms/FormCheckBox/index.js.map +1 -1
- package/dist/esm/forms/FormField.js +2 -10
- package/dist/esm/forms/FormField.js.map +1 -1
- package/dist/esm/forms/FormInput/FormInput.stories.js +2 -4
- package/dist/esm/forms/FormInput/FormInput.stories.js.map +1 -1
- package/dist/esm/forms/FormInput/index.js +39 -29
- package/dist/esm/forms/FormInput/index.js.map +1 -1
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js +15 -11
- package/dist/esm/forms/FormRadioGroup/FormRadioGroup.stories.js.map +1 -1
- package/dist/esm/forms/FormRadioGroup/index.js +37 -29
- package/dist/esm/forms/FormRadioGroup/index.js.map +1 -1
- package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.js +2 -6
- package/dist/esm/forms/FormSelectSimple/FormSelectSimple.stories.js.map +1 -1
- package/dist/esm/forms/FormSelectSimple/index.js +34 -24
- package/dist/esm/forms/FormSelectSimple/index.js.map +1 -1
- package/dist/esm/forms/FormSlider/FormSlider.stories.js +2 -1
- package/dist/esm/forms/FormSlider/FormSlider.stories.js.map +1 -1
- package/dist/esm/forms/FormSlider/index.js +47 -40
- package/dist/esm/forms/FormSlider/index.js.map +1 -1
- package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.js +2 -1
- package/dist/esm/forms/FormSubmitButton/FormSubmitButton.stories.js.map +1 -1
- package/dist/esm/forms/FormSubmitButton/index.js +15 -11
- package/dist/esm/forms/FormSubmitButton/index.js.map +1 -1
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.js +2 -1
- package/dist/esm/forms/FormSwitch/FormSwitch.stories.js.map +1 -1
- package/dist/esm/forms/FormSwitch/index.js +41 -30
- package/dist/esm/forms/FormSwitch/index.js.map +1 -1
- package/dist/esm/forms/FormTextArea/FormTextArea.stories.js +2 -1
- package/dist/esm/forms/FormTextArea/FormTextArea.stories.js.map +1 -1
- package/dist/esm/forms/FormTextArea/index.js +39 -29
- package/dist/esm/forms/FormTextArea/index.js.map +1 -1
- package/dist/esm/forms/RadioSimple/RadioSimple.stories.js +2 -1
- package/dist/esm/forms/RadioSimple/RadioSimple.stories.js.map +1 -1
- package/dist/esm/forms/RadioSimple/index.js +2 -8
- package/dist/esm/forms/RadioSimple/index.js.map +1 -1
- package/dist/esm/forms/SelectButton/OptionButton.js +21 -18
- package/dist/esm/forms/SelectButton/OptionButton.js.map +1 -1
- package/dist/esm/forms/SelectButton/SelectButton.stories.js +3 -12
- package/dist/esm/forms/SelectButton/SelectButton.stories.js.map +1 -1
- package/dist/esm/forms/SelectButton/index.js +2 -2
- package/dist/esm/forms/SelectButton/index.js.map +1 -1
- package/dist/esm/forms/SelectSimple/SelectSimple.stories.js +2 -6
- package/dist/esm/forms/SelectSimple/SelectSimple.stories.js.map +1 -1
- package/dist/esm/forms/SelectSimple/index.js +2 -8
- package/dist/esm/forms/SelectSimple/index.js.map +1 -1
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.js +2 -14
- package/dist/esm/forms/SimpleForm/SimpleForm.stories.js.map +1 -1
- package/dist/esm/forms/SimpleForm/index.js +2 -1
- package/dist/esm/forms/SimpleForm/index.js.map +1 -1
- package/dist/esm/helpers.js +2 -1
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/images/SimpleImage/index.js +24 -18
- package/dist/esm/images/SimpleImage/index.js.map +1 -1
- package/dist/esm/images/SimpleImage/index.stories.js +15 -11
- package/dist/esm/images/SimpleImage/index.stories.js.map +1 -1
- package/dist/esm/images/Svg/Svg.stories.js +11 -7
- package/dist/esm/images/Svg/Svg.stories.js.map +1 -1
- package/dist/esm/images/SvgUri/index.js +2 -1
- package/dist/esm/images/SvgUri/index.js.map +1 -1
- package/dist/esm/layouts/Debug/DebugLayout.stories.js +3 -2
- package/dist/esm/layouts/Debug/DebugLayout.stories.js.map +1 -1
- package/dist/esm/layouts/Debug/index.js +39 -43
- package/dist/esm/layouts/Debug/index.js.map +1 -1
- package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.js +2 -1
- package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.js.map +1 -1
- package/dist/esm/mdx/ExternalIcon/index.js +8 -4
- package/dist/esm/mdx/ExternalIcon/index.js.map +1 -1
- package/dist/esm/mdx/HR/HR.stories.js +2 -1
- package/dist/esm/mdx/HR/HR.stories.js.map +1 -1
- package/dist/esm/mdx/HR/index.js +2 -4
- package/dist/esm/mdx/HR/index.js.map +1 -1
- package/dist/esm/mdx/MDX/MDX.stories.js +2 -1
- package/dist/esm/mdx/MDX/MDX.stories.js.map +1 -1
- package/dist/esm/mdx/MDX/index.js +12 -8
- package/dist/esm/mdx/MDX/index.js.map +1 -1
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.js +2 -36
- package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.js.map +1 -1
- package/dist/esm/mdx/MDXCodeBlock/index.js +72 -56
- package/dist/esm/mdx/MDXCodeBlock/index.js.map +1 -1
- package/dist/esm/mdx/UL/UL.stories.js +2 -1
- package/dist/esm/mdx/UL/UL.stories.js.map +1 -1
- package/dist/esm/mdx/components.js +68 -69
- package/dist/esm/mdx/components.js.map +1 -1
- package/dist/esm/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js +11 -6
- package/dist/esm/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map +1 -1
- package/dist/esm/panels/SimpleAlertDialog/index.js +24 -28
- package/dist/esm/panels/SimpleAlertDialog/index.js.map +1 -1
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js +9 -4
- package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js.map +1 -1
- package/dist/esm/panels/SimpleDialog/index.js +24 -31
- package/dist/esm/panels/SimpleDialog/index.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js +2 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/esm/panels/SimplePopover/index.js +18 -25
- package/dist/esm/panels/SimplePopover/index.js.map +1 -1
- package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js +2 -1
- package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js.map +1 -1
- package/dist/esm/panels/SimpleSheet/index.js +41 -48
- package/dist/esm/panels/SimpleSheet/index.js.map +1 -1
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js +8 -3
- package/dist/esm/panels/SimpleTooltip/SimpleTooltip.stories.js.map +1 -1
- package/dist/esm/panels/SimpleTooltip/index.js +16 -16
- package/dist/esm/panels/SimpleTooltip/index.js.map +1 -1
- package/dist/esm/providers/AnimationDriverTogglerContextProvider.js +2 -1
- package/dist/esm/providers/AnimationDriverTogglerContextProvider.js.map +1 -1
- package/dist/esm/table/Table/Table.stories.js +2 -44
- package/dist/esm/table/Table/Table.stories.js.map +1 -1
- package/dist/esm/table/Table/index.js +2 -4
- package/dist/esm/table/Table/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { HR } from "./index";
|
|
2
3
|
var HR_stories_default = {
|
|
3
4
|
title: "mdx/HR",
|
|
4
5
|
component: HR,
|
|
5
6
|
parameters: { status: { type: "beta" } }
|
|
6
7
|
};
|
|
7
|
-
const main = () =>
|
|
8
|
+
const main = () => /* @__PURE__ */ React.createElement(HR, null);
|
|
8
9
|
export {
|
|
9
10
|
HR_stories_default as default,
|
|
10
11
|
main
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,QAAG;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/mdx/HR/index.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { EnsureFlexed, YStack } from "tamagui";
|
|
2
|
-
const HR = () =>
|
|
3
|
-
<EnsureFlexed />
|
|
4
|
-
<YStack borderBottomColor="$borderColor" borderBottomWidth={1} flex={1} />
|
|
5
|
-
</YStack>;
|
|
3
|
+
const HR = () => /* @__PURE__ */ React.createElement(YStack, { my: "$10", mx: "auto", maxWidth: "50%" }, /* @__PURE__ */ React.createElement(EnsureFlexed, null), /* @__PURE__ */ React.createElement(YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 }));
|
|
6
4
|
export {
|
|
7
5
|
HR
|
|
8
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/HR/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,oCAAC,UAAO,IAAG,OAAM,IAAG,QAAO,UAAS,SAClC,oCAAC,kBAAa,GACd,oCAAC,UAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG,CAC1E;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { MDX } from "./index";
|
|
2
3
|
const meta = {
|
|
3
4
|
title: "mdx/MDX",
|
|
@@ -42,7 +43,7 @@ const hello = "world";
|
|
|
42
43
|
const hello = "world";
|
|
43
44
|
\`\`\`
|
|
44
45
|
`;
|
|
45
|
-
const main = () =>
|
|
46
|
+
const main = () => /* @__PURE__ */ React.createElement(MDX, { debug: true }, mdxSource);
|
|
46
47
|
var MDX_stories_default = meta;
|
|
47
48
|
export {
|
|
48
49
|
MDX_stories_default as default,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/MDX/MDX.stories.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW;AAEpB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCX,MAAM,OAAO,MAAM,oCAAC,OAAI,OAAK,QAAE,SAAU;AAEhD,IAAO,sBAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { mdxComponents } from "../components";
|
|
2
3
|
import { useCompileAndEvaluateMdx } from "../hooks";
|
|
3
4
|
import { useMDXComponents } from "@mdx-js/react";
|
|
@@ -6,18 +7,21 @@ function MDX({ children, debug, ...props }) {
|
|
|
6
7
|
const components = useMDXComponents();
|
|
7
8
|
const { Component, code, frontmatter } = useCompileAndEvaluateMdx(children);
|
|
8
9
|
if (!Component)
|
|
9
|
-
return
|
|
10
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null);
|
|
10
11
|
if (debug) {
|
|
11
12
|
logger.debug("MDX", { frontmatter });
|
|
12
13
|
logger.debug(code);
|
|
13
14
|
}
|
|
14
|
-
return
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
return /* @__PURE__ */ React.createElement(
|
|
16
|
+
Component,
|
|
17
|
+
{
|
|
18
|
+
components: {
|
|
19
|
+
...mdxComponents,
|
|
20
|
+
...components,
|
|
21
|
+
...props.components
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
);
|
|
21
25
|
}
|
|
22
26
|
export {
|
|
23
27
|
MDX
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/MDX/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAQjC,MAAM,SAAS;AAER,SAAS,IAAI,EAAE,UAAU,OAAO,GAAG,MAAM,GAAa;AAC3D,QAAM,aAAa,iBAAiB;AACpC,QAAM,EAAE,WAAW,MAAM,YAAY,IAAI,yBAAyB,QAAQ;AAC1E,MAAI,CAAC;AAAW,WAAO,wDAAI;AAC3B,MAAI,OAAO;AACT,WAAO,MAAM,OAAO,EAAE,YAAY,CAAC;AACnC,WAAO,MAAM,IAAI;AAAA,EACnB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { MDXCodeBlock } from "./index";
|
|
2
3
|
import { XStack, Text } from "tamagui";
|
|
3
4
|
const meta = {
|
|
@@ -12,42 +13,7 @@ const main = {
|
|
|
12
13
|
isCollapsible: false,
|
|
13
14
|
bg: "$color3"
|
|
14
15
|
},
|
|
15
|
-
render: (args) =>
|
|
16
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
17
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
18
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
19
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
20
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
21
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
22
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
23
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
24
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
25
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
26
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
27
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
28
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
29
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
30
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
31
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
32
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
33
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
34
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
35
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
36
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
37
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
38
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
39
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
40
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
41
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
42
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
43
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
44
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
45
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
46
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
47
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
48
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
49
|
-
<XStack><Text>const hello = "world"</Text></XStack>
|
|
50
|
-
</MDXCodeBlock>
|
|
16
|
+
render: (args) => /* @__PURE__ */ React.createElement(MDXCodeBlock, { ...args }, /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')))
|
|
51
17
|
};
|
|
52
18
|
var MDXCodeBlock_stories_default = meta;
|
|
53
19
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/MDXCodeBlock/MDXCodeBlock.stories.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,YAAY;AAE7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,EACN;AAAA,EACA,QAAQ,CAAC,SACP,oCAAC,gBAAc,GAAG,QAChB,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,CACF;AAEJ;AAEA,IAAO,+BAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useEffect, useRef, useState, useContext } from "react";
|
|
1
|
+
import React, { useEffect, useRef, useState, useContext } from "react";
|
|
2
2
|
import { Button, Spacer, TooltipSimple, XStack, YStack, getTokens } from "tamagui";
|
|
3
3
|
import { CheckCircle, Clipboard } from "@tamagui/lucide-icons";
|
|
4
4
|
import { Code } from "../../code/Code";
|
|
@@ -41,62 +41,78 @@ function MDXCodeBlock(props) {
|
|
|
41
41
|
} catch {
|
|
42
42
|
}
|
|
43
43
|
}, [preRef]);
|
|
44
|
-
return
|
|
45
|
-
|
|
46
|
-
{
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
44
|
+
return /* @__PURE__ */ React.createElement(YStack, { position: "relative", mb: "$4" }, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(
|
|
45
|
+
YStack,
|
|
46
|
+
{
|
|
47
|
+
position: "relative",
|
|
48
|
+
...isCutoff && {
|
|
49
|
+
maxHeight: 400,
|
|
50
|
+
ov: "hidden",
|
|
51
|
+
br: "$4"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ React.createElement(
|
|
55
|
+
LinearGradient,
|
|
56
|
+
{
|
|
57
|
+
pos: "absolute",
|
|
58
|
+
b: 0,
|
|
59
|
+
l: 0,
|
|
60
|
+
r: 0,
|
|
61
|
+
height: 200,
|
|
62
|
+
colors: ["$backgroundTransparent", "$background"],
|
|
63
|
+
zi: 1e3
|
|
64
|
+
},
|
|
65
|
+
/* @__PURE__ */ React.createElement(Spacer, { f: 1 }),
|
|
66
|
+
/* @__PURE__ */ React.createElement(Button, { onPress: () => setIsCutoff(!isCutoff), als: "center" }, "Show more"),
|
|
67
|
+
/* @__PURE__ */ React.createElement(Spacer, { size: "$4" })
|
|
68
|
+
),
|
|
69
|
+
(!isCollapsed || !isCollapsible) && /* @__PURE__ */ React.createElement(
|
|
70
|
+
Pre,
|
|
71
|
+
{
|
|
72
|
+
ref: preRef,
|
|
73
|
+
"data-invert-line-highlight": isHighlightingLines,
|
|
74
|
+
"data-line-numbers": showLineNumbers,
|
|
75
|
+
className,
|
|
76
|
+
p: 0,
|
|
77
|
+
mb: 0,
|
|
78
|
+
id
|
|
79
|
+
},
|
|
80
|
+
/* @__PURE__ */ React.createElement(
|
|
81
|
+
ScrollView,
|
|
82
|
+
{
|
|
83
|
+
style: { width: "100%" },
|
|
84
|
+
contentContainerStyle: { minWidth: "100%" },
|
|
85
|
+
horizontal: true,
|
|
86
|
+
showsHorizontalScrollIndicator: false
|
|
87
|
+
},
|
|
88
|
+
/* @__PURE__ */ React.createElement(
|
|
89
|
+
Code,
|
|
90
|
+
{
|
|
91
|
+
backgroundColor: "transparent",
|
|
92
|
+
className,
|
|
93
|
+
f: 1,
|
|
94
|
+
lineHeight: tokens.space[size || "$5"],
|
|
95
|
+
p: "$4",
|
|
96
|
+
size: size ?? "$5",
|
|
97
|
+
...codeProps
|
|
98
|
+
},
|
|
99
|
+
children
|
|
100
|
+
)
|
|
101
|
+
)
|
|
102
|
+
),
|
|
103
|
+
/* @__PURE__ */ React.createElement(XStack, { position: "absolute", top: "$3", right: "$3", space: "$3" }, (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ React.createElement(TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard" }, /* @__PURE__ */ React.createElement(
|
|
104
|
+
Button,
|
|
105
|
+
{
|
|
106
|
+
"aria-label": "Copy code to clipboard",
|
|
107
|
+
size: "$2",
|
|
108
|
+
icon: hasCopied ? CheckCircle : Clipboard,
|
|
109
|
+
onPress: onCopy,
|
|
110
|
+
$xs: {
|
|
94
111
|
display: "none"
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
</YStack></ErrorBoundary></YStack>;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
)), isCollapsible && /* @__PURE__ */ React.createElement(Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x) }, isCollapsed ? "Show code" : "Hide code"))
|
|
115
|
+
)));
|
|
100
116
|
}
|
|
101
117
|
export {
|
|
102
118
|
MDXCodeBlock
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["code"]
|
|
6
6
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { UL } from "./index";
|
|
2
3
|
var UL_stories_default = {
|
|
3
4
|
title: "mdx/UL",
|
|
4
5
|
component: UL,
|
|
5
6
|
parameters: { status: { type: "beta" } }
|
|
6
7
|
};
|
|
7
|
-
const main = () =>
|
|
8
|
+
const main = () => /* @__PURE__ */ React.createElement(UL, null);
|
|
8
9
|
export {
|
|
9
10
|
UL_stories_default as default,
|
|
10
11
|
main
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,QAAG;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -11,93 +11,92 @@ import { UL } from "./UL";
|
|
|
11
11
|
import { unwrapText } from "../utils/unwrapText";
|
|
12
12
|
const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => {
|
|
13
13
|
if (!className)
|
|
14
|
-
return
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
return /* @__PURE__ */ React.createElement(CodeInline, null, unwrapText(children));
|
|
15
|
+
return /* @__PURE__ */ React.createElement(YStack, { marginTop: "$3" }, /* @__PURE__ */ React.createElement(
|
|
16
|
+
MDXCodeBlock,
|
|
17
|
+
{
|
|
18
|
+
className,
|
|
19
|
+
isHighlightingLines: line !== void 0,
|
|
20
|
+
showLineNumbers: showLineNumbers !== void 0,
|
|
21
|
+
...sanitizeProps(props)
|
|
22
|
+
},
|
|
23
|
+
children
|
|
24
|
+
));
|
|
21
25
|
};
|
|
22
26
|
const TableHighlight = styled(YStack, {
|
|
23
27
|
backgroundColor: "$yellow1",
|
|
24
28
|
fullscreen: true
|
|
25
29
|
});
|
|
26
30
|
const mdxComponents = {
|
|
27
|
-
h1: (props) =>
|
|
28
|
-
h2: (props) =>
|
|
29
|
-
h3: ({ children, id, ...props }) =>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
h5: (props) => <H5 marginTop="$4" {...sanitizeProps(props)} />,
|
|
35
|
-
h6: (props) => <H6 marginTop="$4" {...sanitizeProps(props)} />,
|
|
36
|
-
p: (props) => <Paragraph size="$6" marginVertical="$2.5" {...sanitizeProps(props)} />,
|
|
31
|
+
h1: (props) => /* @__PURE__ */ React.createElement(H1, { marginBottom: "$2", ...sanitizeProps(props) }),
|
|
32
|
+
h2: (props) => /* @__PURE__ */ React.createElement(H2, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$2", "data-heading": true, ...sanitizeProps(props) }),
|
|
33
|
+
h3: ({ children, id, ...props }) => /* @__PURE__ */ React.createElement(LinkHeading, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$1", id }, /* @__PURE__ */ React.createElement(H3, { nativeID: id, ...sanitizeProps(props) }, children), getNonTextChildren(children)),
|
|
34
|
+
h4: (props) => /* @__PURE__ */ React.createElement(H4, { marginTop: "$4", marginBottom: "$3", ...sanitizeProps(props) }),
|
|
35
|
+
h5: (props) => /* @__PURE__ */ React.createElement(H5, { marginTop: "$4", ...sanitizeProps(props) }),
|
|
36
|
+
h6: (props) => /* @__PURE__ */ React.createElement(H6, { marginTop: "$4", ...sanitizeProps(props) }),
|
|
37
|
+
p: (props) => /* @__PURE__ */ React.createElement(Paragraph, { size: "$6", marginVertical: "$2.5", ...sanitizeProps(props) }),
|
|
37
38
|
a: ({ href = "", children, ...props }) => {
|
|
38
|
-
return
|
|
39
|
-
{children}
|
|
40
|
-
{
|
|
41
|
-
/* {typeof href === 'string' && href.startsWith('http') ? (
|
|
42
|
-
<>
|
|
43
|
-
<Text> </Text>
|
|
44
|
-
<Text fontSize="inherit" display="inline-flex" y={2} ml={-1}>
|
|
45
|
-
<ExternalIcon />
|
|
46
|
-
</Text>
|
|
47
|
-
</>
|
|
48
|
-
) : null} */
|
|
49
|
-
}
|
|
50
|
-
</Paragraph></Link>;
|
|
39
|
+
return /* @__PURE__ */ React.createElement(Link, { href }, /* @__PURE__ */ React.createElement(Paragraph, { fontSize: "inherit", display: "inline", cursor: "pointer", ...sanitizeProps(props) }, children));
|
|
51
40
|
},
|
|
52
|
-
hr: (props) =>
|
|
53
|
-
ul: ({ children }) =>
|
|
54
|
-
ol: (props) =>
|
|
55
|
-
li: (props) =>
|
|
56
|
-
strong: (props) =>
|
|
57
|
-
img: ({ ...props }) =>
|
|
58
|
-
pre: ({ children }) =>
|
|
41
|
+
hr: (props) => /* @__PURE__ */ React.createElement(HR, { ...sanitizeProps(props) }),
|
|
42
|
+
ul: ({ children }) => /* @__PURE__ */ React.createElement(UL, { marginVertical: "$4" }, React.Children.toArray(children).map((x) => typeof x === "string" ? null : x)),
|
|
43
|
+
ol: (props) => /* @__PURE__ */ React.createElement(YStack, { ...sanitizeProps(props), marginBottom: "$3" }),
|
|
44
|
+
li: (props) => /* @__PURE__ */ React.createElement(LI, { size: "$6", marginVertical: "$1.5", className: "docs-paragraph" }, props.children),
|
|
45
|
+
strong: (props) => /* @__PURE__ */ React.createElement(Paragraph, { fontSize: "inherit", ...sanitizeProps(props), fontWeight: "700" }),
|
|
46
|
+
img: ({ ...props }) => /* @__PURE__ */ React.createElement(YStack, { marginVertical: "$6" }, /* @__PURE__ */ React.createElement(YStack, { ...sanitizeProps(props), maxWidth: "100%" })),
|
|
47
|
+
pre: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children),
|
|
59
48
|
code,
|
|
60
|
-
blockquote: ({ children, ...props }) =>
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
49
|
+
blockquote: ({ children, ...props }) => /* @__PURE__ */ React.createElement(
|
|
50
|
+
YStack,
|
|
51
|
+
{
|
|
52
|
+
borderColor: "$borderColor",
|
|
53
|
+
borderLeftWidth: 1,
|
|
54
|
+
justifyContent: "center",
|
|
55
|
+
marginLeft: "$3",
|
|
56
|
+
marginVertical: "$4",
|
|
57
|
+
paddingHorizontal: "$6",
|
|
58
|
+
...sanitizeProps(props)
|
|
59
|
+
},
|
|
60
|
+
/* @__PURE__ */ React.createElement(
|
|
61
|
+
Paragraph,
|
|
62
|
+
{
|
|
63
|
+
color: "$color",
|
|
64
|
+
fontFamily: "$silkscreen",
|
|
65
|
+
fontWeight: "300",
|
|
66
|
+
lineHeight: "$9",
|
|
67
|
+
letterSpacing: "$0",
|
|
68
|
+
opacity: 0.65,
|
|
69
|
+
size: "$8",
|
|
70
|
+
whiteSpace: "revert"
|
|
71
|
+
},
|
|
72
|
+
unwrapText(children)
|
|
73
|
+
)
|
|
74
|
+
),
|
|
78
75
|
...Platform.OS === "web" ? {} : {
|
|
79
|
-
div: (props) =>
|
|
76
|
+
div: (props) => /* @__PURE__ */ React.createElement(Text, { ...sanitizeProps(props) }),
|
|
80
77
|
span: (props) => {
|
|
81
78
|
let color;
|
|
82
79
|
if (/^token punctuation/g.test((props == null ? void 0 : props.className) || "")) {
|
|
83
80
|
color = "$red10";
|
|
84
81
|
}
|
|
85
|
-
return
|
|
82
|
+
return /* @__PURE__ */ React.createElement(Text, { color, ...sanitizeProps(props) });
|
|
86
83
|
}
|
|
87
84
|
}
|
|
88
85
|
};
|
|
89
|
-
const LinkHeading = ({ id, children, ...props }) =>
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
86
|
+
const LinkHeading = ({ id, children, ...props }) => /* @__PURE__ */ React.createElement(
|
|
87
|
+
XStack,
|
|
88
|
+
{
|
|
89
|
+
href: `#${id}`,
|
|
90
|
+
id,
|
|
91
|
+
"data-id": id,
|
|
92
|
+
display: "inline-flex",
|
|
93
|
+
alignItems: "center",
|
|
94
|
+
space: true,
|
|
95
|
+
...sanitizeProps(props)
|
|
96
|
+
},
|
|
97
|
+
children,
|
|
98
|
+
/* @__PURE__ */ React.createElement(YStack, { opacity: 0.3 }, /* @__PURE__ */ React.createElement(IconLink, { size: 12, color: "var(--color)", "aria-hidden": true }))
|
|
99
|
+
);
|
|
101
100
|
const getNonTextChildren = (children) => {
|
|
102
101
|
return React.Children.map(children, (x) => {
|
|
103
102
|
if (typeof x === "string")
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/mdx/components.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,QAAQ,MAAM,QAAQ,cAAc;AAChF,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAE3B,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM,YAAY,WAAW,UAAU,IAAI,iBAAiB,aAAa,GAAG,MAAM,MAAM;AAC5G,MAAI,CAAC;AAAW,WAAO,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { SimpleAlertDialog } from "./index";
|
|
2
3
|
import { Text } from "tamagui";
|
|
3
4
|
const meta = {
|
|
@@ -5,12 +6,16 @@ const meta = {
|
|
|
5
6
|
component: SimpleAlertDialog,
|
|
6
7
|
parameters: { status: { type: "beta" } }
|
|
7
8
|
};
|
|
8
|
-
const main = () =>
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
const main = () => /* @__PURE__ */ React.createElement(
|
|
10
|
+
SimpleAlertDialog,
|
|
11
|
+
{
|
|
12
|
+
title: "Are you sure?",
|
|
13
|
+
description: "This action cannot be undone",
|
|
14
|
+
cancel: "Cancel",
|
|
15
|
+
accept: "Delete"
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement(Text, null, "Click here")
|
|
18
|
+
);
|
|
14
19
|
var SImpleAlertDialog_stories_default = meta;
|
|
15
20
|
export {
|
|
16
21
|
SImpleAlertDialog_stories_default as default,
|