@mittwald/flow-react-components 0.1.0-alpha.263 → 0.1.0-alpha.265
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/{Accordion-Cna92lRM.js → Accordion-CNYh2R9M.js} +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/Badge-BcAQAMkd.js +94 -0
- package/dist/Badge.js +3 -91
- package/dist/{Button-mGobhr9A.js → Button-D1ALxYux.js} +4 -4
- package/dist/Button.js +1 -1
- package/dist/{CalendarHeader-BhpwoC1A.js → CalendarHeader-lLJrWz6j.js} +1 -1
- package/dist/CopyButton.js +1 -1
- package/dist/DatePicker.js +2 -2
- package/dist/DateRangePicker.js +2 -2
- package/dist/List.js +425 -437
- package/dist/Modal.js +1 -1
- package/dist/Navigation.js +1 -1
- package/dist/Notification.js +1 -1
- package/dist/NumberField.js +1 -1
- package/dist/{SearchField-Dy_ogzQr.js → SearchField-vN6YciFA.js} +1 -1
- package/dist/SearchField.js +1 -1
- package/dist/Slider.js +1 -1
- package/dist/Tabs.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -4
|
@@ -7,7 +7,7 @@ import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import { d } from "./dynamic-ClpUSmEt.js";
|
|
10
|
-
import { B as y } from "./Button-
|
|
10
|
+
import { B as y } from "./Button-D1ALxYux.js";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
12
|
import "./Icon-cEgH3ZXQ.js";
|
|
13
13
|
import { I as B } from "./IconChevronDown-CQUk3agB.js";
|
package/dist/Accordion.js
CHANGED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
import o from "react";
|
|
4
|
+
import g from "clsx";
|
|
5
|
+
import "./propsContext-DzAKlmhS.js";
|
|
6
|
+
import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
7
|
+
import "@react-aria/utils";
|
|
8
|
+
import "remeda";
|
|
9
|
+
import { f as u } from "./flowComponent-CY2oW3O9.js";
|
|
10
|
+
import { B as n } from "./Button-D1ALxYux.js";
|
|
11
|
+
import "@tabler/icons-react";
|
|
12
|
+
import "./Icon-cEgH3ZXQ.js";
|
|
13
|
+
import { I as w } from "./IconClose-DVYTU3Rp.js";
|
|
14
|
+
const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", B = "flow--badge--scope", C = "flow--badge--value", E = "flow--badge--neutral", P = "flow--badge--disabled", T = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
|
|
15
|
+
badge: v,
|
|
16
|
+
content: y,
|
|
17
|
+
button: N,
|
|
18
|
+
close: x,
|
|
19
|
+
scope: B,
|
|
20
|
+
value: C,
|
|
21
|
+
neutral: E,
|
|
22
|
+
disabled: P,
|
|
23
|
+
blue: T,
|
|
24
|
+
navy: h,
|
|
25
|
+
violet: k,
|
|
26
|
+
teal: I,
|
|
27
|
+
lilac: L,
|
|
28
|
+
green: z,
|
|
29
|
+
orange: D,
|
|
30
|
+
red: R,
|
|
31
|
+
dark: j,
|
|
32
|
+
light: q
|
|
33
|
+
}, V = u("Badge", (r) => {
|
|
34
|
+
const {
|
|
35
|
+
children: l,
|
|
36
|
+
className: c,
|
|
37
|
+
color: d = "neutral",
|
|
38
|
+
refProp: m,
|
|
39
|
+
onPress: t,
|
|
40
|
+
onClose: s,
|
|
41
|
+
isDisabled: a,
|
|
42
|
+
...b
|
|
43
|
+
} = r, i = g(
|
|
44
|
+
e.badge,
|
|
45
|
+
e[d],
|
|
46
|
+
a && e.disabled,
|
|
47
|
+
c
|
|
48
|
+
), p = {
|
|
49
|
+
Label: {
|
|
50
|
+
elementType: "span",
|
|
51
|
+
className: e.scope,
|
|
52
|
+
unstyled: !0
|
|
53
|
+
},
|
|
54
|
+
Text: {
|
|
55
|
+
elementType: "span",
|
|
56
|
+
className: e.value
|
|
57
|
+
},
|
|
58
|
+
Button: {
|
|
59
|
+
Label: {
|
|
60
|
+
elementType: "span",
|
|
61
|
+
className: e.scope,
|
|
62
|
+
unstyled: !0
|
|
63
|
+
},
|
|
64
|
+
Text: {
|
|
65
|
+
elementType: "span",
|
|
66
|
+
className: e.value
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
|
|
71
|
+
n,
|
|
72
|
+
{
|
|
73
|
+
isDisabled: a,
|
|
74
|
+
unstyled: !0,
|
|
75
|
+
className: e.button,
|
|
76
|
+
onPress: t
|
|
77
|
+
},
|
|
78
|
+
l
|
|
79
|
+
), s && /* @__PURE__ */ o.createElement(
|
|
80
|
+
n,
|
|
81
|
+
{
|
|
82
|
+
className: e.close,
|
|
83
|
+
size: "s",
|
|
84
|
+
color: "dark",
|
|
85
|
+
variant: "plain",
|
|
86
|
+
onPress: s,
|
|
87
|
+
isDisabled: a
|
|
88
|
+
},
|
|
89
|
+
/* @__PURE__ */ o.createElement(w, null)
|
|
90
|
+
)));
|
|
91
|
+
});
|
|
92
|
+
export {
|
|
93
|
+
V as B
|
|
94
|
+
};
|
package/dist/Badge.js
CHANGED
|
@@ -1,95 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
import
|
|
4
|
-
import g from "clsx";
|
|
5
|
-
import "./propsContext-DzAKlmhS.js";
|
|
6
|
-
import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
7
|
-
import "@react-aria/utils";
|
|
8
|
-
import "remeda";
|
|
9
|
-
import { f as u } from "./flowComponent-CY2oW3O9.js";
|
|
10
|
-
import { B as n } from "./Button-mGobhr9A.js";
|
|
11
|
-
import "@tabler/icons-react";
|
|
12
|
-
import "./Icon-cEgH3ZXQ.js";
|
|
13
|
-
import { I as w } from "./IconClose-DVYTU3Rp.js";
|
|
14
|
-
const v = "flow--badge", y = "flow--badge--content", N = "flow--badge--button", x = "flow--badge--close", C = "flow--badge--scope", E = "flow--badge--value", P = "flow--badge--neutral", T = "flow--badge--disabled", B = "flow--badge--blue", h = "flow--badge--navy", k = "flow--badge--violet", I = "flow--badge--teal", L = "flow--badge--lilac", z = "flow--badge--green", D = "flow--badge--orange", R = "flow--badge--red", j = "flow--badge--dark", q = "flow--badge--light", e = {
|
|
15
|
-
badge: v,
|
|
16
|
-
content: y,
|
|
17
|
-
button: N,
|
|
18
|
-
close: x,
|
|
19
|
-
scope: C,
|
|
20
|
-
value: E,
|
|
21
|
-
neutral: P,
|
|
22
|
-
disabled: T,
|
|
23
|
-
blue: B,
|
|
24
|
-
navy: h,
|
|
25
|
-
violet: k,
|
|
26
|
-
teal: I,
|
|
27
|
-
lilac: L,
|
|
28
|
-
green: z,
|
|
29
|
-
orange: D,
|
|
30
|
-
red: R,
|
|
31
|
-
dark: j,
|
|
32
|
-
light: q
|
|
33
|
-
}, V = u("Badge", (r) => {
|
|
34
|
-
const {
|
|
35
|
-
children: l,
|
|
36
|
-
className: c,
|
|
37
|
-
color: d = "neutral",
|
|
38
|
-
refProp: m,
|
|
39
|
-
onPress: t,
|
|
40
|
-
onClose: s,
|
|
41
|
-
isDisabled: a,
|
|
42
|
-
...b
|
|
43
|
-
} = r, i = g(
|
|
44
|
-
e.badge,
|
|
45
|
-
e[d],
|
|
46
|
-
a && e.disabled,
|
|
47
|
-
c
|
|
48
|
-
), p = {
|
|
49
|
-
Label: {
|
|
50
|
-
elementType: "span",
|
|
51
|
-
className: e.scope,
|
|
52
|
-
unstyled: !0
|
|
53
|
-
},
|
|
54
|
-
Text: {
|
|
55
|
-
elementType: "span",
|
|
56
|
-
className: e.value
|
|
57
|
-
},
|
|
58
|
-
Button: {
|
|
59
|
-
Label: {
|
|
60
|
-
elementType: "span",
|
|
61
|
-
className: e.scope,
|
|
62
|
-
unstyled: !0
|
|
63
|
-
},
|
|
64
|
-
Text: {
|
|
65
|
-
elementType: "span",
|
|
66
|
-
className: e.value
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
return /* @__PURE__ */ o.createElement(f, { props: p }, /* @__PURE__ */ o.createElement("div", { className: i, ...b, ref: m }, !t && /* @__PURE__ */ o.createElement("div", { className: e.content }, l), t && /* @__PURE__ */ o.createElement(
|
|
71
|
-
n,
|
|
72
|
-
{
|
|
73
|
-
isDisabled: a,
|
|
74
|
-
unstyled: !0,
|
|
75
|
-
className: e.button,
|
|
76
|
-
onPress: t
|
|
77
|
-
},
|
|
78
|
-
l
|
|
79
|
-
), s && /* @__PURE__ */ o.createElement(
|
|
80
|
-
n,
|
|
81
|
-
{
|
|
82
|
-
className: e.close,
|
|
83
|
-
size: "s",
|
|
84
|
-
color: "dark",
|
|
85
|
-
variant: "plain",
|
|
86
|
-
onPress: s,
|
|
87
|
-
isDisabled: a
|
|
88
|
-
},
|
|
89
|
-
/* @__PURE__ */ o.createElement(w, null)
|
|
90
|
-
)));
|
|
91
|
-
});
|
|
3
|
+
import { B as e } from "./Badge-BcAQAMkd.js";
|
|
92
4
|
export {
|
|
93
|
-
|
|
94
|
-
|
|
5
|
+
e as Badge,
|
|
6
|
+
e as default
|
|
95
7
|
};
|
|
@@ -4,13 +4,13 @@ import o, { useEffect as F } from "react";
|
|
|
4
4
|
import * as E from "react-aria-components";
|
|
5
5
|
import y from "clsx";
|
|
6
6
|
import { C } from "./ClearPropsContext-CUvsbMn8.js";
|
|
7
|
-
import { P as
|
|
7
|
+
import { P as N } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
8
8
|
import "@react-aria/utils";
|
|
9
9
|
import "./propsContext-DzAKlmhS.js";
|
|
10
10
|
import "remeda";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
12
|
import "./Icon-cEgH3ZXQ.js";
|
|
13
|
-
import { I, a as
|
|
13
|
+
import { I as h, a as I } from "./IconSucceeded-C10oveWn.js";
|
|
14
14
|
import { W as f } from "./Wrap-DGT1h1o3.js";
|
|
15
15
|
import { T as B } from "./Text-T_kNKeFe.js";
|
|
16
16
|
import { f as k } from "./flowComponent-CY2oW3O9.js";
|
|
@@ -112,7 +112,7 @@ const z = "flow--button", L = "flow--button--outline", R = "flow--button--conten
|
|
|
112
112
|
CounterBadge: {
|
|
113
113
|
className: t.counterBadge
|
|
114
114
|
}
|
|
115
|
-
}, m = d ?
|
|
115
|
+
}, m = d ? h : l ? I : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
|
|
116
116
|
return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
|
|
117
117
|
E.Button,
|
|
118
118
|
{
|
|
@@ -121,7 +121,7 @@ const z = "flow--button", L = "flow--button--outline", R = "flow--button--conten
|
|
|
121
121
|
slot: P,
|
|
122
122
|
...w
|
|
123
123
|
},
|
|
124
|
-
/* @__PURE__ */ o.createElement(
|
|
124
|
+
/* @__PURE__ */ o.createElement(N, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !u }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(f, { if: x }, /* @__PURE__ */ o.createElement(B, { className: t.text }, s))))),
|
|
125
125
|
S
|
|
126
126
|
));
|
|
127
127
|
});
|
package/dist/Button.js
CHANGED
package/dist/CopyButton.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import o from "react";
|
|
4
4
|
import i from "copy-to-clipboard";
|
|
5
|
-
import { B as l } from "./Button-
|
|
5
|
+
import { B as l } from "./Button-D1ALxYux.js";
|
|
6
6
|
import "@tabler/icons-react";
|
|
7
7
|
import "./Icon-cEgH3ZXQ.js";
|
|
8
8
|
import { I as c } from "./IconCopy-Ceve0ccv.js";
|
package/dist/DatePicker.js
CHANGED
|
@@ -7,7 +7,7 @@ import { P as u } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import * as r from "react-aria-components";
|
|
10
|
-
import { B as E } from "./Button-
|
|
10
|
+
import { B as E } from "./Button-D1ALxYux.js";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
12
|
import "./Icon-cEgH3ZXQ.js";
|
|
13
13
|
import { a as C } from "./IconCalendar-DBkKsCNt.js";
|
|
@@ -17,7 +17,7 @@ import { P as N } from "./PopoverTrigger-CXPiJcMt.js";
|
|
|
17
17
|
import "mobx";
|
|
18
18
|
import { u as P } from "./useOverlayController-D8pgx8nV.js";
|
|
19
19
|
import { f as y } from "./flowComponent-CY2oW3O9.js";
|
|
20
|
-
import { s as F, C as b } from "./CalendarHeader-
|
|
20
|
+
import { s as F, C as b } from "./CalendarHeader-lLJrWz6j.js";
|
|
21
21
|
const g = "flow--date-picker--date-input", v = {
|
|
22
22
|
dateInput: g
|
|
23
23
|
}, I = (t) => {
|
package/dist/DateRangePicker.js
CHANGED
|
@@ -9,8 +9,8 @@ import "@react-aria/utils";
|
|
|
9
9
|
import "remeda";
|
|
10
10
|
import * as t from "react-aria-components";
|
|
11
11
|
import { P as g } from "./PopoverTrigger-CXPiJcMt.js";
|
|
12
|
-
import { s as i, C } from "./CalendarHeader-
|
|
13
|
-
import { B as D } from "./Button-
|
|
12
|
+
import { s as i, C } from "./CalendarHeader-lLJrWz6j.js";
|
|
13
|
+
import { B as D } from "./Button-D1ALxYux.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
15
|
import "./Icon-cEgH3ZXQ.js";
|
|
16
16
|
import { a as R } from "./IconCalendar-DBkKsCNt.js";
|