@mittwald/flow-react-components 0.1.0-alpha.350 → 0.1.0-alpha.352
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/CHANGELOG.md +27 -0
- package/dist/css/Align.css +1 -0
- package/dist/css/Markdown.css +1 -0
- package/dist/css/globals.css +1 -1
- package/dist/js/Align.js +20 -0
- package/dist/js/CodeBlock-DGMKKkTn.js +39 -0
- package/dist/js/CodeBlock.js +3 -36
- package/dist/js/InlineCode-6EfCoef4.js +21 -0
- package/dist/js/InlineCode.js +3 -18
- package/dist/js/List.js +508 -435
- package/dist/js/Markdown.js +53 -0
- package/dist/js/Separator-BCaor8Yd.js +14 -0
- package/dist/js/Separator.js +3 -11
- package/dist/js/all.css +1 -1
- package/dist/js/types/components/Align/Align.d.ts +6 -0
- package/dist/js/types/components/Align/index.d.ts +3 -0
- package/dist/js/types/components/Align/stories/Default.stories.d.ts +9 -0
- package/dist/js/types/components/List/components/Items/components/Item/components/AccordionButton.d.ts +8 -0
- package/dist/js/types/components/List/components/Items/components/Item/hooks/useGridItemProps.d.ts +18 -0
- package/dist/js/types/components/List/model/List.d.ts +1 -0
- package/dist/js/types/components/List/model/item/ItemView.d.ts +2 -0
- package/dist/js/types/components/List/model/types.d.ts +1 -0
- package/dist/js/types/components/List/stories/Default.stories.d.ts +1 -0
- package/dist/js/types/components/Markdown/Markdown.d.ts +7 -0
- package/dist/js/types/components/Markdown/index.d.ts +3 -0
- package/dist/js/types/components/Markdown/stories/Default.stories.d.ts +8 -0
- package/package.json +15 -4
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import l, { Children as E, isValidElement as s } from "react";
|
|
4
|
+
import f from "react-markdown";
|
|
5
|
+
import { L as g } from "./Link-BZQoxs8X.js";
|
|
6
|
+
import { T as m } from "./Text-COZNRQB2.js";
|
|
7
|
+
import { I as u } from "./InlineCode-6EfCoef4.js";
|
|
8
|
+
import { H as n } from "./Heading-BOBsgBu4.js";
|
|
9
|
+
import { S as k } from "./Separator-BCaor8Yd.js";
|
|
10
|
+
import { C as N } from "./CodeBlock-DGMKKkTn.js";
|
|
11
|
+
const v = "flow--markdown", r = {
|
|
12
|
+
markdown: v
|
|
13
|
+
}, H = (d) => {
|
|
14
|
+
const { children: i, color: o = "default", ...h } = d, a = o === "default" ? "primary" : o, c = o === "default" ? void 0 : o, p = {
|
|
15
|
+
a: (e) => /* @__PURE__ */ l.createElement(g, { target: "_blank", color: a, href: e.href }, e.children),
|
|
16
|
+
p: (e) => /* @__PURE__ */ l.createElement(m, { elementType: "p", className: r.text, color: c }, e.children),
|
|
17
|
+
code: (e) => /* @__PURE__ */ l.createElement(u, { color: o }, e.children),
|
|
18
|
+
h1: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 1, color: a }, e.children),
|
|
19
|
+
h2: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 2, color: a }, e.children),
|
|
20
|
+
h3: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 3, color: a }, e.children),
|
|
21
|
+
h4: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 4, color: a }, e.children),
|
|
22
|
+
h5: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 5, color: a }, e.children),
|
|
23
|
+
h6: (e) => /* @__PURE__ */ l.createElement(n, { className: r.heading, level: 6, color: a }, e.children),
|
|
24
|
+
hr: () => /* @__PURE__ */ l.createElement(k, null),
|
|
25
|
+
pre: (e) => {
|
|
26
|
+
const t = E.toArray(e.children)[0];
|
|
27
|
+
return /* @__PURE__ */ l.createElement(
|
|
28
|
+
N,
|
|
29
|
+
{
|
|
30
|
+
copyable: !1,
|
|
31
|
+
color: o,
|
|
32
|
+
language: s(t) && t.props.className ? t.props.className.replace("language-", "") : void 0,
|
|
33
|
+
code: s(t) ? t.props.children : t
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
},
|
|
37
|
+
ul: (e) => /* @__PURE__ */ l.createElement(m, { color: c }, /* @__PURE__ */ l.createElement("ul", null, e.children)),
|
|
38
|
+
ol: (e) => /* @__PURE__ */ l.createElement(m, { color: c }, /* @__PURE__ */ l.createElement("ol", null, e.children))
|
|
39
|
+
};
|
|
40
|
+
return /* @__PURE__ */ l.createElement(
|
|
41
|
+
f,
|
|
42
|
+
{
|
|
43
|
+
...h,
|
|
44
|
+
components: p,
|
|
45
|
+
className: r.markdown
|
|
46
|
+
},
|
|
47
|
+
i
|
|
48
|
+
);
|
|
49
|
+
};
|
|
50
|
+
export {
|
|
51
|
+
H as Markdown,
|
|
52
|
+
H as default
|
|
53
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import o from "react";
|
|
4
|
+
import s from "clsx";
|
|
5
|
+
import * as m from "react-aria-components";
|
|
6
|
+
const p = "flow--separator", c = {
|
|
7
|
+
separator: p
|
|
8
|
+
}, f = (r) => {
|
|
9
|
+
const { className: a, ...t } = r, e = s(c.separator, a);
|
|
10
|
+
return /* @__PURE__ */ o.createElement(m.Separator, { elementType: "hr", className: e, ...t });
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
f as S
|
|
14
|
+
};
|
package/dist/js/Separator.js
CHANGED
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import s from "clsx";
|
|
5
|
-
import * as m from "react-aria-components";
|
|
6
|
-
const p = "flow--separator", c = {
|
|
7
|
-
separator: p
|
|
8
|
-
}, f = (r) => {
|
|
9
|
-
const { className: a, ...t } = r, e = s(c.separator, a);
|
|
10
|
-
return /* @__PURE__ */ o.createElement(m.Separator, { elementType: "hr", className: e, ...t });
|
|
11
|
-
};
|
|
3
|
+
import { S as r } from "./Separator-BCaor8Yd.js";
|
|
12
4
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
r as Separator,
|
|
6
|
+
r as default
|
|
15
7
|
};
|