@mittwald/flow-react-components 0.1.0-alpha.27 → 0.1.0-alpha.29
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/IconClose-CA5yuJQ6.js +9 -0
- package/dist/Icons.js +47 -46
- package/dist/InlineCode.d.ts +12 -0
- package/dist/InlineCode.js +14 -0
- package/dist/Label-Dnum8jdD.js +25 -0
- package/dist/Label.js +3 -22
- package/dist/LabeledValue.js +9 -13
- package/dist/Switch.d.ts +0 -2
- package/dist/Switch.js +23 -22
- package/dist/styles.css +1 -1
- package/package.json +4 -3
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import o from "react";
|
|
4
|
+
import { IconX as t } from "@tabler/icons-react";
|
|
5
|
+
import { I as r } from "./Icon-C8UD3vMe.js";
|
|
6
|
+
const a = (e) => /* @__PURE__ */ o.createElement(r, { ...e }, /* @__PURE__ */ o.createElement(t, null));
|
|
7
|
+
export {
|
|
8
|
+
a as I
|
|
9
|
+
};
|
package/dist/Icons.js
CHANGED
|
@@ -1,64 +1,65 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import e from "react";
|
|
4
|
-
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r,
|
|
4
|
+
import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconChevronRight as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as h, IconMail as p, IconExternalLink as C, IconFilter as d, IconEyeCancel as S, IconHome as f, IconList as L, IconPower as g, IconUsersGroup as v, IconBell as k, IconArchive as x, IconDice3 as D, IconSearch as b, IconListSearch as $, IconServer as w, IconSettings as H, IconEye as y, IconAdjustmentsHorizontal as A, IconDoor as B, IconHeadset as F, IconFileX as R, IconLayoutGrid as P } from "@tabler/icons-react";
|
|
5
5
|
import { I as t } from "./Icon-C8UD3vMe.js";
|
|
6
|
-
import { I as
|
|
7
|
-
import { I as
|
|
8
|
-
import { I as
|
|
6
|
+
import { I as ge } from "./IconCheck-QwbBte1y.js";
|
|
7
|
+
import { I as ke, a as xe } from "./IconUnchecked-CGdUugGS.js";
|
|
8
|
+
import { I as be, a as $e, b as we, c as He } from "./IconPlus-DsWkdGaB.js";
|
|
9
|
+
import { I as Ae } from "./IconClose-CA5yuJQ6.js";
|
|
9
10
|
import { I as Fe } from "./IconCopy-C-PQMIfL.js";
|
|
10
11
|
import { I as Pe, a as Te, b as je, c as Me } from "./IconWarning-Cum5bpEx.js";
|
|
11
12
|
import { I as We, a as Ge, b as Ve } from "./IconSucceeded-aGBloDn9.js";
|
|
12
|
-
const
|
|
13
|
+
const U = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(o, null)), W = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(l, null)), G = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null)), V = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(a, null)), z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(r, null)), N = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(I, null)), X = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(m, null)), q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(s, null)), J = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(E, null)), K = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(u, null)), O = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(i, null)), Q = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(h, null)), Y = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(p, null)), Z = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(C, null)), _ = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(d, null)), ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(S, null)), ne = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(f, null)), te = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(L, null)), ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(g, null)), oe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(v, null)), le = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(k, null)), ae = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(x, null)), re = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(D, null)), Ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(b, null)), me = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement($, null)), se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(w, null)), Ee = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(H, null)), ue = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(y, null)), ie = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(A, null)), he = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(B, null)), pe = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(F, null)), Ce = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(R, null)), de = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(P, null)), Se = (n) => /* @__PURE__ */ e.createElement(t, { ...n }, /* @__PURE__ */ e.createElement(c, null));
|
|
13
14
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
U as IconApp,
|
|
16
|
+
W as IconBackLink,
|
|
17
|
+
G as IconBackup,
|
|
18
|
+
ge as IconCheck,
|
|
19
|
+
ke as IconChecked,
|
|
20
|
+
be as IconChevronDown,
|
|
21
|
+
V as IconChevronLeft,
|
|
21
22
|
z as IconChevronRight,
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
$e as IconChevronUp,
|
|
24
|
+
Ae as IconClose,
|
|
24
25
|
Fe as IconCopy,
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
N as IconCronjob,
|
|
27
|
+
X as IconCustomer,
|
|
27
28
|
Pe as IconDanger,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
q as IconDashboard,
|
|
30
|
+
J as IconDatabase,
|
|
31
|
+
K as IconDate,
|
|
32
|
+
O as IconDelete,
|
|
33
|
+
Q as IconDomain,
|
|
34
|
+
Y as IconEmail,
|
|
35
|
+
Z as IconExternalLink,
|
|
35
36
|
We as IconFailed,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
_ as IconFilter,
|
|
38
|
+
ee as IconHide,
|
|
39
|
+
ne as IconHome,
|
|
39
40
|
Te as IconInfo,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
te as IconListView,
|
|
42
|
+
ce as IconLogout,
|
|
43
|
+
oe as IconMember,
|
|
44
|
+
we as IconMinus,
|
|
45
|
+
le as IconNotification,
|
|
45
46
|
Ge as IconPending,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
He as IconPlus,
|
|
48
|
+
ae as IconProject,
|
|
49
|
+
re as IconRandom,
|
|
50
|
+
Ie as IconSearch,
|
|
51
|
+
me as IconSearchEngine,
|
|
52
|
+
se as IconServer,
|
|
53
|
+
Ee as IconSettings,
|
|
54
|
+
ue as IconShow,
|
|
55
|
+
ie as IconSorting,
|
|
56
|
+
he as IconSshSftp,
|
|
56
57
|
Ve as IconSucceeded,
|
|
57
58
|
je as IconSuccess,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
pe as IconSupport,
|
|
60
|
+
Ce as IconTerminate,
|
|
61
|
+
de as IconTileView,
|
|
62
|
+
Se as IconTime,
|
|
63
|
+
xe as IconUnchecked,
|
|
63
64
|
Me as IconWarning
|
|
64
65
|
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
|
|
5
|
+
declare const InlineCode: FC<InlineCodeProps>;
|
|
6
|
+
export { InlineCode }
|
|
7
|
+
export default InlineCode;
|
|
8
|
+
|
|
9
|
+
export declare interface InlineCodeProps extends PropsWithChildren<ComponentProps<"code">> {
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { }
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import c from "react";
|
|
4
|
+
import { c as l } from "./clsx-DB4S2d7J.js";
|
|
5
|
+
const i = "flow--inline-code", a = {
|
|
6
|
+
inlineCode: i
|
|
7
|
+
}, m = (e) => {
|
|
8
|
+
const { children: o, className: n, ...s } = e, t = l(a.inlineCode, n);
|
|
9
|
+
return /* @__PURE__ */ c.createElement("code", { ...s, className: t }, o);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
m as InlineCode,
|
|
13
|
+
m as default
|
|
14
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import i from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
|
+
import { c } from "./clsx-DB4S2d7J.js";
|
|
6
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import { u as p } from "./useProps-C7GIMcgB.js";
|
|
9
|
+
import { useLocalizedStringFormatter as b } from "react-aria";
|
|
10
|
+
const f = "flow--label", L = {
|
|
11
|
+
label: f
|
|
12
|
+
}, u = {
|
|
13
|
+
"de-DE": {
|
|
14
|
+
"label.optional": "(optional)"
|
|
15
|
+
},
|
|
16
|
+
"en-EN": {
|
|
17
|
+
"label.optional": "(optional)"
|
|
18
|
+
}
|
|
19
|
+
}, h = (o) => {
|
|
20
|
+
const { children: t, className: a, optional: l, ...e } = p("Label", o), r = b(u), s = c(L.label, a), n = " " + r.format("label.optional");
|
|
21
|
+
return /* @__PURE__ */ i.createElement(m.Label, { ...e, className: s }, t, l && n);
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
h as L
|
|
25
|
+
};
|
package/dist/Label.js
CHANGED
|
@@ -1,26 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import * as m from "react-aria-components";
|
|
5
|
-
import { c } from "./clsx-DB4S2d7J.js";
|
|
6
|
-
import "./propsContext-Dx7WKmmM.js";
|
|
7
|
-
import "@react-aria/utils";
|
|
8
|
-
import { u as p } from "./useProps-C7GIMcgB.js";
|
|
9
|
-
import { useLocalizedStringFormatter as b } from "react-aria";
|
|
10
|
-
const f = "flow--label", u = {
|
|
11
|
-
label: f
|
|
12
|
-
}, d = {
|
|
13
|
-
"de-DE": {
|
|
14
|
-
"label.optional": "(optional)"
|
|
15
|
-
},
|
|
16
|
-
"en-EN": {
|
|
17
|
-
"label.optional": "(optional)"
|
|
18
|
-
}
|
|
19
|
-
}, h = (o) => {
|
|
20
|
-
const { children: t, className: a, optional: l, ...e } = p("Label", o), r = b(d), s = c(u.label, a), n = " " + r.format("label.optional");
|
|
21
|
-
return /* @__PURE__ */ i.createElement(m.Label, { ...e, className: s }, t, l && n);
|
|
22
|
-
};
|
|
3
|
+
import { L as e } from "./Label-Dnum8jdD.js";
|
|
23
4
|
export {
|
|
24
|
-
|
|
25
|
-
|
|
5
|
+
e as Label,
|
|
6
|
+
e as default
|
|
26
7
|
};
|
package/dist/LabeledValue.js
CHANGED
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import l from "react";
|
|
4
|
-
import { c } from "./clsx-DB4S2d7J.js";
|
|
4
|
+
import { c as r } from "./clsx-DB4S2d7J.js";
|
|
5
5
|
import "./propsContext-Dx7WKmmM.js";
|
|
6
|
-
import { P as
|
|
6
|
+
import { P as c } from "./PropsContextProvider-CEoxD8yK.js";
|
|
7
7
|
import "@react-aria/utils";
|
|
8
|
-
const b = "flow--labeled-value", m = "flow--labeled-value--button",
|
|
8
|
+
const b = "flow--labeled-value", m = "flow--labeled-value--button", p = "flow--labeled-value--label", e = {
|
|
9
9
|
labeledValue: b,
|
|
10
10
|
button: m,
|
|
11
|
-
label:
|
|
12
|
-
|
|
13
|
-
},
|
|
14
|
-
const { children: a, className: o } = t, s = c(e.labeledValue, o), n = {
|
|
11
|
+
label: p
|
|
12
|
+
}, v = (a) => {
|
|
13
|
+
const { children: t, className: o } = a, s = r(e.labeledValue, o), n = {
|
|
15
14
|
Label: {
|
|
16
15
|
className: e.label
|
|
17
16
|
},
|
|
18
|
-
Content: {
|
|
19
|
-
className: e.content
|
|
20
|
-
},
|
|
21
17
|
CopyToClipboard: {
|
|
22
18
|
className: e.button,
|
|
23
19
|
style: "plain",
|
|
@@ -29,9 +25,9 @@ const b = "flow--labeled-value", m = "flow--labeled-value--button", u = "flow--l
|
|
|
29
25
|
size: "s"
|
|
30
26
|
}
|
|
31
27
|
};
|
|
32
|
-
return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(
|
|
28
|
+
return /* @__PURE__ */ l.createElement("div", { className: s }, /* @__PURE__ */ l.createElement(c, { props: n }, t));
|
|
33
29
|
};
|
|
34
30
|
export {
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
v as LabeledValue,
|
|
32
|
+
v as default
|
|
37
33
|
};
|
package/dist/Switch.d.ts
CHANGED
|
@@ -9,8 +9,6 @@ export default Switch;
|
|
|
9
9
|
export declare interface SwitchProps extends PropsWithChildren<Omit<Aria.SwitchProps, "children">> {
|
|
10
10
|
/** @default "trailing" */
|
|
11
11
|
labelPosition?: "leading" | "trailing";
|
|
12
|
-
/** @default "success" */
|
|
13
|
-
variant?: "success" | "danger";
|
|
14
12
|
}
|
|
15
13
|
|
|
16
14
|
export { }
|
package/dist/Switch.js
CHANGED
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import * as
|
|
5
|
-
import { c as
|
|
6
|
-
|
|
3
|
+
import e from "react";
|
|
4
|
+
import * as m from "react-aria-components";
|
|
5
|
+
import { c as n } from "./clsx-DB4S2d7J.js";
|
|
6
|
+
import "@tabler/icons-react";
|
|
7
|
+
import "./Icon-C8UD3vMe.js";
|
|
8
|
+
import "html-react-parser";
|
|
9
|
+
import "./propsContext-Dx7WKmmM.js";
|
|
10
|
+
import "@react-aria/utils";
|
|
11
|
+
import { I as h } from "./IconCheck-QwbBte1y.js";
|
|
12
|
+
import { I as w } from "./IconClose-CA5yuJQ6.js";
|
|
13
|
+
import { L as f } from "./Label-Dnum8jdD.js";
|
|
14
|
+
const p = "flow--switch--track", d = "flow--switch--handle", b = "flow--switch--label", t = {
|
|
7
15
|
switch: "flow--switch",
|
|
8
16
|
"label-leading": "flow--switch--label-leading",
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
},
|
|
13
|
-
const {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
variant: o = "success",
|
|
18
|
-
...l
|
|
19
|
-
} = t, r = w(
|
|
20
|
-
s.switch,
|
|
21
|
-
s[`label-${i}`],
|
|
22
|
-
s[o],
|
|
23
|
-
e
|
|
17
|
+
track: p,
|
|
18
|
+
handle: d,
|
|
19
|
+
label: b
|
|
20
|
+
}, L = (a) => {
|
|
21
|
+
const { children: l, className: s, labelPosition: c = "trailing", ...o } = a, r = n(
|
|
22
|
+
t.switch,
|
|
23
|
+
t[`label-${c}`],
|
|
24
|
+
s
|
|
24
25
|
);
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ e.createElement(m.Switch, { ...o, className: r }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(h, { size: "s" }) : /* @__PURE__ */ e.createElement(w, { size: "s" }))), /* @__PURE__ */ e.createElement(f, { className: t.label }, l)));
|
|
26
27
|
};
|
|
27
28
|
export {
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
L as Switch,
|
|
30
|
+
L as default
|
|
30
31
|
};
|