@mittwald/flow-react-components 0.1.0-alpha.261 → 0.1.0-alpha.263
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-CCq563rl.js → Accordion-Cna92lRM.js} +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/Badge.js +1 -1
- package/dist/{Button-BepCRVIi.js → Button-mGobhr9A.js} +33 -32
- package/dist/Button.js +1 -1
- package/dist/{CalendarHeader-BlnCorxV.js → CalendarHeader-BhpwoC1A.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 +2 -2
- 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-CMvYWO_P.js → SearchField-Dy_ogzQr.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/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Button/stories/Variants.stories.d.ts +6 -0
- 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-mGobhr9A.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
package/dist/Badge.js
CHANGED
|
@@ -7,7 +7,7 @@ import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
|
7
7
|
import "@react-aria/utils";
|
|
8
8
|
import "remeda";
|
|
9
9
|
import { f as u } from "./flowComponent-CY2oW3O9.js";
|
|
10
|
-
import { B as n } from "./Button-
|
|
10
|
+
import { B as n } from "./Button-mGobhr9A.js";
|
|
11
11
|
import "@tabler/icons-react";
|
|
12
12
|
import "./Icon-cEgH3ZXQ.js";
|
|
13
13
|
import { I as w } from "./IconClose-DVYTU3Rp.js";
|
|
@@ -17,29 +17,30 @@ import { f as k } from "./flowComponent-CY2oW3O9.js";
|
|
|
17
17
|
import { L as A } from "./LoadingSpinner-2FvUo7ie.js";
|
|
18
18
|
import { useLocalizedStringFormatter as D } from "react-aria";
|
|
19
19
|
import { useLiveRegion as T } from "@chakra-ui/live-region";
|
|
20
|
-
const z = "flow--button", L = "flow--button--
|
|
20
|
+
const z = "flow--button", L = "flow--button--outline", R = "flow--button--content", K = "flow--button--state-icon", U = "flow--button--avatar", W = "flow--button--icon", $ = "flow--button--text", j = "flow--button--counter-badge", q = "flow--button--is-succeeded", G = "flow--button--is-failed", H = "flow--button--is-pending", J = "flow--button--plain", M = "flow--button--primary", O = "flow--button--solid", Q = "flow--button--aria-disabled", V = "flow--button--accent", X = "flow--button--danger", Y = "flow--button--secondary", Z = "flow--button--dark", _ = "flow--button--light", ee = "flow--button--soft", t = {
|
|
21
21
|
button: z,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
22
|
+
outline: L,
|
|
23
|
+
content: R,
|
|
24
|
+
stateIcon: K,
|
|
25
|
+
avatar: U,
|
|
26
|
+
icon: W,
|
|
27
|
+
text: $,
|
|
28
|
+
counterBadge: j,
|
|
29
|
+
isSucceeded: q,
|
|
30
|
+
isFailed: G,
|
|
31
|
+
isPending: H,
|
|
32
|
+
plain: J,
|
|
32
33
|
"size-s": "flow--button--size-s",
|
|
33
|
-
primary:
|
|
34
|
-
solid:
|
|
35
|
-
ariaDisabled:
|
|
36
|
-
accent:
|
|
37
|
-
danger:
|
|
38
|
-
secondary:
|
|
39
|
-
dark:
|
|
40
|
-
light:
|
|
41
|
-
soft:
|
|
42
|
-
},
|
|
34
|
+
primary: M,
|
|
35
|
+
solid: O,
|
|
36
|
+
ariaDisabled: Q,
|
|
37
|
+
accent: V,
|
|
38
|
+
danger: X,
|
|
39
|
+
secondary: Y,
|
|
40
|
+
dark: Z,
|
|
41
|
+
light: _,
|
|
42
|
+
soft: ee
|
|
43
|
+
}, te = { "de-DE": {
|
|
43
44
|
"action.isFailed": "Fehlgeschlagen",
|
|
44
45
|
"action.isPending": "Ausstehend...",
|
|
45
46
|
"action.isSucceeded": "Erfolgreich"
|
|
@@ -47,8 +48,8 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
47
48
|
"action.isFailed": "Failed",
|
|
48
49
|
"action.isPending": "Pending...",
|
|
49
50
|
"action.isSucceeded": "Succeeded"
|
|
50
|
-
} },
|
|
51
|
-
const i = D(
|
|
51
|
+
} }, oe = (e, r = {}) => {
|
|
52
|
+
const i = D(te), {
|
|
52
53
|
isPendingText: s = i.format("action.isPending"),
|
|
53
54
|
isSucceededText: c = i.format("action.isSucceeded"),
|
|
54
55
|
isFailedText: a = i.format("action.isFailed")
|
|
@@ -61,8 +62,8 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
61
62
|
F(() => {
|
|
62
63
|
e === "isPending" ? n.speak(s) : e === "isSucceeded" ? n.speak(c) : e === "isFailed" && n.speak(a);
|
|
63
64
|
}, [e]);
|
|
64
|
-
},
|
|
65
|
-
e =
|
|
65
|
+
}, ne = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), xe = k("Button", (e) => {
|
|
66
|
+
e = ne(e);
|
|
66
67
|
const {
|
|
67
68
|
color: r = "primary",
|
|
68
69
|
variant: i = "solid",
|
|
@@ -74,11 +75,11 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
74
75
|
isFailed: l,
|
|
75
76
|
"aria-disabled": g,
|
|
76
77
|
refProp: b,
|
|
77
|
-
slot:
|
|
78
|
+
slot: ie,
|
|
78
79
|
ariaSlot: P,
|
|
79
|
-
unstyled:
|
|
80
|
+
unstyled: u,
|
|
80
81
|
...w
|
|
81
|
-
} = e, v =
|
|
82
|
+
} = e, v = u ? c : y(
|
|
82
83
|
t.button,
|
|
83
84
|
n && t.isPending,
|
|
84
85
|
d && t.isSucceeded,
|
|
@@ -93,7 +94,7 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
93
94
|
*/
|
|
94
95
|
g && t.ariaDisabled
|
|
95
96
|
);
|
|
96
|
-
|
|
97
|
+
oe(
|
|
97
98
|
n ? "isPending" : d ? "isSucceeded" : l ? "isFailed" : "isIdle"
|
|
98
99
|
);
|
|
99
100
|
const p = {
|
|
@@ -111,7 +112,7 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
111
112
|
CounterBadge: {
|
|
112
113
|
className: t.counterBadge
|
|
113
114
|
}
|
|
114
|
-
},
|
|
115
|
+
}, m = d ? I : l ? N : n ? A : void 0, S = m && /* @__PURE__ */ o.createElement(m, { size: a, className: t.stateIcon }), x = typeof s == "string";
|
|
115
116
|
return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(
|
|
116
117
|
E.Button,
|
|
117
118
|
{
|
|
@@ -120,10 +121,10 @@ const z = "flow--button", L = "flow--button--content", R = "flow--button--state-
|
|
|
120
121
|
slot: P,
|
|
121
122
|
...w
|
|
122
123
|
},
|
|
123
|
-
/* @__PURE__ */ o.createElement(h, { props: p }, /* @__PURE__ */ o.createElement(f, { if: !
|
|
124
|
+
/* @__PURE__ */ o.createElement(h, { 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, null, s))))),
|
|
124
125
|
S
|
|
125
126
|
));
|
|
126
127
|
});
|
|
127
128
|
export {
|
|
128
|
-
|
|
129
|
+
xe as B
|
|
129
130
|
};
|
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-mGobhr9A.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-mGobhr9A.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-BhpwoC1A.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-BhpwoC1A.js";
|
|
13
|
+
import { B as D } from "./Button-mGobhr9A.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
15
|
import "./Icon-cEgH3ZXQ.js";
|
|
16
16
|
import { a as R } from "./IconCalendar-DBkKsCNt.js";
|
package/dist/List.js
CHANGED
|
@@ -9,7 +9,7 @@ import { P as bt } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import { isShallowEqual as Zt, unique as te, difference as ee, times as se } from "remeda";
|
|
11
11
|
import { d as ie } from "./dynamic-ClpUSmEt.js";
|
|
12
|
-
import { B as w } from "./Button-
|
|
12
|
+
import { B as w } from "./Button-mGobhr9A.js";
|
|
13
13
|
import { IconArrowBackUp as ae } from "@tabler/icons-react";
|
|
14
14
|
import { I as ne } from "./Icon-cEgH3ZXQ.js";
|
|
15
15
|
import { I as re } from "./IconContextMenu-DLHXM1Ph.js";
|
|
@@ -29,7 +29,7 @@ import { a as ct, T as dt } from "./TooltipTrigger-TslkLN5s.js";
|
|
|
29
29
|
import { makeObservable as fe, observable as ut, computed as mt, action as O } from "mobx";
|
|
30
30
|
import "./context-Cf7tqFtF.js";
|
|
31
31
|
import { u as Se } from "./useOnChange-C1Quwyuz.js";
|
|
32
|
-
import { S as be } from "./SearchField-
|
|
32
|
+
import { S as be } from "./SearchField-Dy_ogzQr.js";
|
|
33
33
|
import { H as Y } from "./Heading-FRIQlW19.js";
|
|
34
34
|
import { S as ve } from "./Section-DsyCp0AH.js";
|
|
35
35
|
import { getProperty as we } from "dot-prop";
|
package/dist/Modal.js
CHANGED
|
@@ -14,7 +14,7 @@ import { u as w } from "./useOverlayController-D8pgx8nV.js";
|
|
|
14
14
|
import { O as E, a as h } from "./OverlayTrigger-bD8_mPel.js";
|
|
15
15
|
import { H as O } from "./Header-B9w8yH1e.js";
|
|
16
16
|
import { A as M } from "./Action-BBdK8ZAq.js";
|
|
17
|
-
import { B as N } from "./Button-
|
|
17
|
+
import { B as N } from "./Button-mGobhr9A.js";
|
|
18
18
|
import "@tabler/icons-react";
|
|
19
19
|
import "./Icon-cEgH3ZXQ.js";
|
|
20
20
|
import { I as x } from "./IconClose-DVYTU3Rp.js";
|
package/dist/Navigation.js
CHANGED
|
@@ -9,7 +9,7 @@ import { P as l } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "remeda";
|
|
11
11
|
import { TunnelProvider as u, TunnelExit as p } from "@mittwald/react-tunnel";
|
|
12
|
-
import { A as x } from "./Accordion-
|
|
12
|
+
import { A as x } from "./Accordion-Cna92lRM.js";
|
|
13
13
|
import { C as N } from "./Content-cYnXBHf-.js";
|
|
14
14
|
const C = "flow--navigation", I = "flow--navigation--item", b = "flow--navigation--icon", P = "flow--navigation--text", w = "flow--navigation--control-icon", r = {
|
|
15
15
|
navigation: C,
|
package/dist/Notification.js
CHANGED
|
@@ -8,7 +8,7 @@ import "@react-aria/utils";
|
|
|
8
8
|
import "remeda";
|
|
9
9
|
import { S as g } from "./StatusIcon-DEK5-0Aw.js";
|
|
10
10
|
import { L as h } from "./Link-DW8KPMYX.js";
|
|
11
|
-
import { B as k } from "./Button-
|
|
11
|
+
import { B as k } from "./Button-mGobhr9A.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon-cEgH3ZXQ.js";
|
|
14
14
|
import { I as x } from "./IconClose-DVYTU3Rp.js";
|
package/dist/NumberField.js
CHANGED
|
@@ -10,7 +10,7 @@ import "@react-aria/utils";
|
|
|
10
10
|
import "./propsContext-DzAKlmhS.js";
|
|
11
11
|
import "remeda";
|
|
12
12
|
import { F as E } from "./FieldError-Crorz6g5.js";
|
|
13
|
-
import { B as m } from "./Button-
|
|
13
|
+
import { B as m } from "./Button-mGobhr9A.js";
|
|
14
14
|
import "@tabler/icons-react";
|
|
15
15
|
import "./Icon-cEgH3ZXQ.js";
|
|
16
16
|
import { I as N } from "./IconChevronDown-CQUk3agB.js";
|
|
@@ -11,7 +11,7 @@ import "./propsContext-DzAKlmhS.js";
|
|
|
11
11
|
import "remeda";
|
|
12
12
|
import { F as u } from "./FieldError-Crorz6g5.js";
|
|
13
13
|
import { f as F } from "./flowComponent-CY2oW3O9.js";
|
|
14
|
-
import { B as E } from "./Button-
|
|
14
|
+
import { B as E } from "./Button-mGobhr9A.js";
|
|
15
15
|
import "@tabler/icons-react";
|
|
16
16
|
import "./Icon-cEgH3ZXQ.js";
|
|
17
17
|
import { I as N } from "./IconClose-DVYTU3Rp.js";
|
package/dist/SearchField.js
CHANGED
package/dist/Slider.js
CHANGED
|
@@ -8,7 +8,7 @@ import "./propsContext-DzAKlmhS.js";
|
|
|
8
8
|
import { P as v } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
9
9
|
import "@react-aria/utils";
|
|
10
10
|
import "remeda";
|
|
11
|
-
import { B as i } from "./Button-
|
|
11
|
+
import { B as i } from "./Button-mGobhr9A.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon-cEgH3ZXQ.js";
|
|
14
14
|
import { I as w, a as N } from "./IconPlus-5rBbsI1A.js";
|
package/dist/Tabs.js
CHANGED
|
@@ -8,7 +8,7 @@ import { f as O } from "./flowComponent-CY2oW3O9.js";
|
|
|
8
8
|
import { useCallbackRef as S } from "use-callback-ref";
|
|
9
9
|
import { a as A, C as B } from "./ContextMenuTrigger-5-EjHDtY.js";
|
|
10
10
|
import { M as K } from "./MenuItem-CFE7SA5J.js";
|
|
11
|
-
import { B as L } from "./Button-
|
|
11
|
+
import { B as L } from "./Button-mGobhr9A.js";
|
|
12
12
|
import "@tabler/icons-react";
|
|
13
13
|
import "./Icon-cEgH3ZXQ.js";
|
|
14
14
|
import { I as W } from "./IconContextMenu-DLHXM1Ph.js";
|