@mittwald/flow-react-components 0.1.0-alpha.25 → 0.1.0-alpha.27
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/{Button-BzrU5duB.js → Button-0H5tAVdV.js} +1 -1
- package/dist/Button.js +1 -1
- package/dist/ColumnLayout.d.ts +14 -0
- package/dist/ColumnLayout.js +22 -0
- package/dist/CopyToClipboardButton.js +1 -1
- package/dist/FieldDescription.js +1 -1
- package/dist/Link.d.ts +1 -0
- package/dist/Link.js +24 -17
- package/dist/NumberField.js +1 -1
- package/dist/StatusBadge.js +1 -1
- package/dist/Text-8V0yR4PK.js +27 -0
- package/dist/Text.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -3
- package/dist/Text--ofl9X5e.js +0 -23
|
@@ -10,7 +10,7 @@ import "@tabler/icons-react";
|
|
|
10
10
|
import "./Icon-C8UD3vMe.js";
|
|
11
11
|
import "html-react-parser";
|
|
12
12
|
import { b as N, I as S, a as C } from "./IconSucceeded-aGBloDn9.js";
|
|
13
|
-
import { T as F } from "./Text
|
|
13
|
+
import { T as F } from "./Text-8V0yR4PK.js";
|
|
14
14
|
const h = "flow--button", z = "flow--button--icon", B = "flow--button--content", v = "flow--button--state-icon", T = "flow--button--text", D = "flow--button--is-succeeded", A = "flow--button--is-failed", R = "flow--button--is-pending", W = "flow--button--plain", _ = "flow--button--primary", $ = "flow--button--solid", j = "flow--button--accent", k = "flow--button--danger", q = "flow--button--secondary", G = "flow--button--soft", t = {
|
|
15
15
|
button: h,
|
|
16
16
|
icon: z,
|
package/dist/Button.js
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
declare const ColumnLayout: FC<ColumnLayoutProps>;
|
|
5
|
+
export { ColumnLayout }
|
|
6
|
+
export default ColumnLayout;
|
|
7
|
+
|
|
8
|
+
export declare interface ColumnLayoutProps extends PropsWithChildren {
|
|
9
|
+
s?: number[];
|
|
10
|
+
m?: number[];
|
|
11
|
+
l?: number[];
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { }
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import s from "react";
|
|
4
|
+
const i = "flow--column-layout--column-layout-container", f = "flow--column-layout", e = {
|
|
5
|
+
columnLayoutContainer: i,
|
|
6
|
+
columnLayout: f
|
|
7
|
+
}, l = (n) => {
|
|
8
|
+
if (n.length < 1)
|
|
9
|
+
throw new Error("Column layout array is empty");
|
|
10
|
+
return n.map((o) => `${o}fr`).join(" ");
|
|
11
|
+
}, d = (n) => {
|
|
12
|
+
const { children: u, s: o, m: t, l: c } = n, a = o ? l(o) : void 0, m = t ? l(t) : o ? a : void 0, r = c ? l(c) : t || o ? m : void 0, y = {
|
|
13
|
+
"--column-layout--columns-s": a,
|
|
14
|
+
"--column-layout--columns-m": m,
|
|
15
|
+
"--column-layout--columns-l": r
|
|
16
|
+
};
|
|
17
|
+
return /* @__PURE__ */ s.createElement("div", { className: e.columnLayoutContainer, style: y }, /* @__PURE__ */ s.createElement("div", { className: e.columnLayout }, u));
|
|
18
|
+
};
|
|
19
|
+
export {
|
|
20
|
+
d as ColumnLayout,
|
|
21
|
+
d as default
|
|
22
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import f, { isValidElement as l, Children as u, cloneElement as v } from "react";
|
|
4
|
-
import { B as R } from "./Button-
|
|
4
|
+
import { B as R } from "./Button-0H5tAVdV.js";
|
|
5
5
|
import "@tabler/icons-react";
|
|
6
6
|
import "./Icon-C8UD3vMe.js";
|
|
7
7
|
import "html-react-parser";
|
package/dist/FieldDescription.js
CHANGED
|
@@ -5,7 +5,7 @@ import { c } from "./clsx-DB4S2d7J.js";
|
|
|
5
5
|
import "./propsContext-Dx7WKmmM.js";
|
|
6
6
|
import "@react-aria/utils";
|
|
7
7
|
import { u as l } from "./useProps-C7GIMcgB.js";
|
|
8
|
-
import { T as n } from "./Text
|
|
8
|
+
import { T as n } from "./Text-8V0yR4PK.js";
|
|
9
9
|
const p = "flow--field-description", m = {
|
|
10
10
|
fieldDescription: p
|
|
11
11
|
}, N = (e) => {
|
package/dist/Link.d.ts
CHANGED
package/dist/Link.js
CHANGED
|
@@ -1,25 +1,32 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import * as
|
|
3
|
+
import a from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
5
|
import "./propsContext-Dx7WKmmM.js";
|
|
6
6
|
import "@react-aria/utils";
|
|
7
|
-
import { u as
|
|
8
|
-
import { c } from "./clsx-DB4S2d7J.js";
|
|
9
|
-
const
|
|
10
|
-
link:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
import { u as c } from "./useProps-C7GIMcgB.js";
|
|
8
|
+
import { c as p } from "./clsx-DB4S2d7J.js";
|
|
9
|
+
const f = "flow--link", k = "flow--link--inline", d = "flow--link--primary", u = "flow--link--danger", n = {
|
|
10
|
+
link: f,
|
|
11
|
+
inline: k,
|
|
12
|
+
primary: d,
|
|
13
|
+
danger: u
|
|
14
|
+
}, x = (i) => {
|
|
14
15
|
const {
|
|
15
|
-
children:
|
|
16
|
-
className:
|
|
17
|
-
variant:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
children: r,
|
|
17
|
+
className: o,
|
|
18
|
+
variant: l = "default",
|
|
19
|
+
inline: t,
|
|
20
|
+
...e
|
|
21
|
+
} = c("Link", i), s = p(
|
|
22
|
+
n.link,
|
|
23
|
+
n[l],
|
|
24
|
+
t && n.inline,
|
|
25
|
+
o
|
|
26
|
+
);
|
|
27
|
+
return /* @__PURE__ */ a.createElement(m.Link, { className: s, ...e }, r);
|
|
21
28
|
};
|
|
22
29
|
export {
|
|
23
|
-
|
|
24
|
-
|
|
30
|
+
x as Link,
|
|
31
|
+
x as default
|
|
25
32
|
};
|
package/dist/NumberField.js
CHANGED
|
@@ -8,7 +8,7 @@ import "./propsContext-Dx7WKmmM.js";
|
|
|
8
8
|
import { P as p } from "./PropsContextProvider-CEoxD8yK.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import { F as d } from "./FieldError-BAnloBK7.js";
|
|
11
|
-
import { B as s } from "./Button-
|
|
11
|
+
import { B as s } from "./Button-0H5tAVdV.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon-C8UD3vMe.js";
|
|
14
14
|
import "html-react-parser";
|
package/dist/StatusBadge.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import t from "react";
|
|
4
4
|
import { c as l } from "./clsx-DB4S2d7J.js";
|
|
5
5
|
import { S as u } from "./StatusIcon-BVWjvT3I.js";
|
|
6
|
-
import { T as d } from "./Text
|
|
6
|
+
import { T as d } from "./Text-8V0yR4PK.js";
|
|
7
7
|
const g = "flow--status-badge", m = "flow--status-badge--text", f = "flow--status-badge--info", i = "flow--status-badge--success", w = "flow--status-badge--warning", x = "flow--status-badge--danger", s = {
|
|
8
8
|
statusBadge: g,
|
|
9
9
|
text: m,
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as a from "react-aria-components";
|
|
5
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
6
|
+
import { P as l } from "./PropsContextProvider-CEoxD8yK.js";
|
|
7
|
+
import { u as x } from "./useProps-C7GIMcgB.js";
|
|
8
|
+
const T = (t) => {
|
|
9
|
+
const {
|
|
10
|
+
children: s,
|
|
11
|
+
className: m,
|
|
12
|
+
elementType: r = "span",
|
|
13
|
+
...c
|
|
14
|
+
} = x("Text", t), o = { ...c, className: m }, i = {
|
|
15
|
+
Link: {
|
|
16
|
+
inline: !0
|
|
17
|
+
}
|
|
18
|
+
}, n = /* @__PURE__ */ e.createElement(l, { props: i }, s);
|
|
19
|
+
if (!t.slot) {
|
|
20
|
+
const p = r;
|
|
21
|
+
return /* @__PURE__ */ e.createElement(p, { ...o }, n);
|
|
22
|
+
}
|
|
23
|
+
return /* @__PURE__ */ e.createElement(a.Text, { ...o, elementType: r }, n);
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
T
|
|
27
|
+
};
|