@mittwald/flow-react-components 0.1.0-alpha.48 → 0.1.0-alpha.50

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.
Files changed (86) hide show
  1. package/dist/{Button-IRdeGCc6.js → Button-DXziN1Zz.js} +25 -23
  2. package/dist/Button.js +1 -1
  3. package/dist/ButtonGroup.js +16 -0
  4. package/dist/Checkbox.js +10 -8
  5. package/dist/Content.js +11 -9
  6. package/dist/CopyButton.js +16 -16
  7. package/dist/FieldDescription.js +12 -10
  8. package/dist/FieldError-BqM3R6B8.js +22 -0
  9. package/dist/FieldError.js +1 -1
  10. package/dist/Header.js +8 -13
  11. package/dist/Heading.js +11 -13
  12. package/dist/{Icon-X0pOdlJY.js → Icon-CVuHAKTy.js} +18 -16
  13. package/dist/Icon.js +1 -1
  14. package/dist/{IconCheck-BD6sGh4B.js → IconCheck-BBgaFuso.js} +1 -1
  15. package/dist/{IconChevronUp-CyLNEJQy.js → IconChevronUp-WxE858Is.js} +1 -1
  16. package/dist/{IconClose-mhahyKoS.js → IconClose-HOOYba0n.js} +1 -1
  17. package/dist/{IconCopy-Bpp37OMK.js → IconCopy-D-X5JJSk.js} +1 -1
  18. package/dist/{IconDanger-DH5QCYHj.js → IconDanger-BxaqoG1h.js} +1 -1
  19. package/dist/{IconPlus-CnjtlT2f.js → IconPlus-C_KrGwcv.js} +1 -1
  20. package/dist/{IconSucceeded-DQdtfEkv.js → IconSucceeded-B0MTWMyT.js} +1 -1
  21. package/dist/{IconUnchecked-BhOGDWAq.js → IconUnchecked-Dh6R-VMa.js} +1 -1
  22. package/dist/{IconWarning-D7qa4Hmz.js → IconWarning-CwE-4DCj.js} +1 -1
  23. package/dist/Icons.js +10 -10
  24. package/dist/Image.js +10 -8
  25. package/dist/Initials.js +13 -11
  26. package/dist/InlineAlert.js +16 -18
  27. package/dist/Label-YM0J0DAt.js +27 -0
  28. package/dist/Label.js +1 -1
  29. package/dist/LayoutCard.js +9 -15
  30. package/dist/Link.js +21 -19
  31. package/dist/List.js +7 -7
  32. package/dist/Modal.js +73 -0
  33. package/dist/Navigation.js +29 -27
  34. package/dist/NumberField.js +14 -12
  35. package/dist/RadioGroup.js +14 -12
  36. package/dist/StatusBadge.js +16 -19
  37. package/dist/{StatusIcon-VLj9j54q.js → StatusIcon-D5bsibLX.js} +10 -8
  38. package/dist/StatusIcon.js +1 -1
  39. package/dist/Switch.js +16 -20
  40. package/dist/Text-DpogSoua.js +29 -0
  41. package/dist/Text.js +1 -1
  42. package/dist/TextArea.js +1 -1
  43. package/dist/TextField.js +1 -1
  44. package/dist/{TextFieldBase-_wFIsQyH.js → TextFieldBase-B4BOYXb1.js} +1 -1
  45. package/dist/Tooltip.js +3 -3
  46. package/dist/TooltipTrigger-BrP57dnv.js +20 -0
  47. package/dist/context-BzhxSFz9.js +7 -0
  48. package/dist/flowComponent-pdauvORb.js +30 -0
  49. package/dist/styles.css +1 -1
  50. package/dist/types/components/Button/Button.d.ts +4 -3
  51. package/dist/types/components/ButtonGroup/ButtonGroup.d.ts +5 -0
  52. package/dist/types/components/ButtonGroup/index.d.ts +3 -0
  53. package/dist/types/components/ButtonGroup/stories/Default.stories.d.ts +10 -0
  54. package/dist/types/components/Content/Content.d.ts +4 -3
  55. package/dist/types/components/CopyButton/CopyButton.d.ts +4 -3
  56. package/dist/types/components/FieldDescription/FieldDescription.d.ts +4 -3
  57. package/dist/types/components/FieldError/FieldError.d.ts +4 -3
  58. package/dist/types/components/Header/Header.d.ts +4 -3
  59. package/dist/types/components/Heading/Heading.d.ts +5 -3
  60. package/dist/types/components/Icon/Icon.d.ts +4 -3
  61. package/dist/types/components/Image/Image.d.ts +4 -3
  62. package/dist/types/components/Initials/Initials.d.ts +4 -3
  63. package/dist/types/components/InlineAlert/InlineAlert.d.ts +4 -3
  64. package/dist/types/components/Label/Label.d.ts +4 -3
  65. package/dist/types/components/LayoutCard/LayoutCard.d.ts +4 -3
  66. package/dist/types/components/Link/Link.d.ts +4 -3
  67. package/dist/types/components/Modal/Modal.d.ts +8 -0
  68. package/dist/types/components/Modal/index.d.ts +4 -0
  69. package/dist/types/components/Modal/stories/Default.stories.d.ts +9 -0
  70. package/dist/types/components/Modal/stories/EdgeCases.stories.d.ts +6 -0
  71. package/dist/types/components/Navigation/components/NavigationItem/NavigationItem.d.ts +4 -3
  72. package/dist/types/components/StatusBadge/StatusBadge.d.ts +4 -3
  73. package/dist/types/components/Switch/Switch.d.ts +4 -3
  74. package/dist/types/components/Text/Text.d.ts +4 -3
  75. package/dist/types/components/propTypes/index.d.ts +2 -0
  76. package/dist/types/lib/componentFactory/flowComponent.d.ts +8 -0
  77. package/dist/types/lib/propsContext/propsContext.d.ts +1 -0
  78. package/dist/types/lib/types/props.d.ts +5 -2
  79. package/dist/{useProps-4x7PxhiE.js → useProps-U3eRrkW6.js} +3 -2
  80. package/package.json +16 -8
  81. package/dist/FieldError-BFjashy7.js +0 -21
  82. package/dist/Label-DIeeRQZQ.js +0 -25
  83. package/dist/Text-BAkan-um.js +0 -27
  84. package/dist/Tooltip-Co5h9sSt.js +0 -16
  85. package/dist/TooltipTrigger-7-ynWHZ9.js +0 -11
  86. package/dist/TooltipTrigger.js +0 -7
@@ -0,0 +1,29 @@
1
+ "use client"
2
+ /* */
3
+ import t from "react";
4
+ import * as l from "react-aria-components";
5
+ import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
6
+ import { P as f } from "./PropsContextProvider-B6QiUIPM.js";
7
+ import "@react-aria/utils";
8
+ import "./propsContext-Dx7WKmmM.js";
9
+ import "remeda";
10
+ import x from "invariant";
11
+ import { f as T } from "./flowComponent-pdauvORb.js";
12
+ const v = T("Text", (r) => {
13
+ const { children: m, className: s, elementType: e = "span", ...i } = r, o = { ...i, className: s }, p = {
14
+ Link: {
15
+ inline: !0
16
+ }
17
+ }, n = /* @__PURE__ */ t.createElement(f, { props: p }, m);
18
+ if (!r.slot) {
19
+ const a = e;
20
+ return /* @__PURE__ */ t.createElement(a, { ...o }, n);
21
+ }
22
+ return x(
23
+ typeof e == "string",
24
+ "'elementType' in Text component must be of type string"
25
+ ), /* @__PURE__ */ t.createElement(c, null, /* @__PURE__ */ t.createElement(l.Text, { ...o, elementType: e }, n));
26
+ });
27
+ export {
28
+ v as T
29
+ };
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text-BAkan-um.js";
3
+ import { T as a } from "./Text-DpogSoua.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default
package/dist/TextArea.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import e from "react";
4
4
  import * as l from "react-aria-components";
5
- import { T as n } from "./TextFieldBase-_wFIsQyH.js";
5
+ import { T as n } from "./TextFieldBase-B4BOYXb1.js";
6
6
  import { C as c } from "./ClearPropsContext-CD1-9TZA.js";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
package/dist/TextField.js CHANGED
@@ -2,7 +2,7 @@
2
2
  /* */
3
3
  import t from "react";
4
4
  import * as s from "react-aria-components";
5
- import { T as a } from "./TextFieldBase-_wFIsQyH.js";
5
+ import { T as a } from "./TextFieldBase-B4BOYXb1.js";
6
6
  import { C as m } from "./ClearPropsContext-CD1-9TZA.js";
7
7
  import "./propsContext-Dx7WKmmM.js";
8
8
  import "@react-aria/utils";
@@ -9,7 +9,7 @@ import { P as d } from "./PropsContextProvider-B6QiUIPM.js";
9
9
  import "@react-aria/utils";
10
10
  import "./propsContext-Dx7WKmmM.js";
11
11
  import "remeda";
12
- import { F as f } from "./FieldError-BFjashy7.js";
12
+ import { F as f } from "./FieldError-BqM3R6B8.js";
13
13
  const D = (o) => {
14
14
  const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
15
15
  Label: {
package/dist/Tooltip.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as r } from "./Tooltip-Co5h9sSt.js";
4
- import { T } from "./TooltipTrigger-7-ynWHZ9.js";
3
+ import { a as r } from "./TooltipTrigger-BrP57dnv.js";
4
+ import { T as p } from "./TooltipTrigger-BrP57dnv.js";
5
5
  export {
6
6
  r as Tooltip,
7
- T as TooltipTrigger,
7
+ p as TooltipTrigger,
8
8
  r as default
9
9
  };
@@ -0,0 +1,20 @@
1
+ "use client"
2
+ /* */
3
+ import * as l from "react-aria-components";
4
+ import o from "react";
5
+ import c from "clsx";
6
+ const n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
7
+ tooltip: n,
8
+ arrow: m,
9
+ slide: p
10
+ }, d = (t) => {
11
+ const { children: e, className: r, ...a } = t, i = c(s.tooltip, r);
12
+ return /* @__PURE__ */ o.createElement(l.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(l.OverlayArrow, { className: s.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
13
+ }, f = (t) => {
14
+ const { children: e, ...r } = t;
15
+ return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
16
+ };
17
+ export {
18
+ f as T,
19
+ d as a
20
+ };
@@ -0,0 +1,7 @@
1
+ "use client"
2
+ /* */
3
+ import { createContext as t } from "react";
4
+ const o = t({});
5
+ export {
6
+ o as t
7
+ };
@@ -0,0 +1,30 @@
1
+ "use client"
2
+ /* */
3
+ import u, { useContext as s, useLayoutEffect as a } from "react";
4
+ import "./propsContext-Dx7WKmmM.js";
5
+ import { u as c } from "./useProps-U3eRrkW6.js";
6
+ import { t as f } from "./context-BzhxSFz9.js";
7
+ import "@preact/signals-react";
8
+ import "@preact/signals-react/runtime";
9
+ const m = (r) => {
10
+ const { children: e, id: n = "default" } = r, { nodes: t } = s(f);
11
+ return a(() => {
12
+ if (n !== void 0 && e !== t.value[n])
13
+ return t.value = { ...t.value, [n]: e }, () => {
14
+ t.value = { ...t.value, [n]: void 0 };
15
+ };
16
+ }, [e, n, t]), null;
17
+ };
18
+ function w(r, e) {
19
+ return function(t) {
20
+ const o = c(r, t);
21
+ if ("tunnelId" in o) {
22
+ const { tunnelId: l, ...i } = o;
23
+ return /* @__PURE__ */ u.createElement(m, { id: l }, /* @__PURE__ */ u.createElement(e, { ...i }));
24
+ }
25
+ return /* @__PURE__ */ u.createElement(e, { ...o });
26
+ };
27
+ }
28
+ export {
29
+ w as f
30
+ };