@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.
@@ -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--ofl9X5e.js";
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
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { B as o } from "./Button-BzrU5duB.js";
3
+ import { B as o } from "./Button-0H5tAVdV.js";
4
4
  export {
5
5
  o as Button,
6
6
  o as default
@@ -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-BzrU5duB.js";
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";
@@ -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--ofl9X5e.js";
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
@@ -9,6 +9,7 @@ export default Link;
9
9
  export declare interface LinkProps extends PropsWithChildren<Omit<Aria.LinkProps, "children">> {
10
10
  /** @default "default" */
11
11
  variant?: "default" | "danger";
12
+ inline?: boolean;
12
13
  }
13
14
 
14
15
  export { }
package/dist/Link.js CHANGED
@@ -1,25 +1,32 @@
1
1
  "use client"
2
2
  /* */
3
- import e from "react";
4
- import * as l from "react-aria-components";
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 m } from "./useProps-C7GIMcgB.js";
8
- import { c } from "./clsx-DB4S2d7J.js";
9
- const p = "flow--link", f = "flow--link--primary", k = "flow--link--danger", r = {
10
- link: p,
11
- primary: f,
12
- danger: k
13
- }, L = (o) => {
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: t,
16
- className: a,
17
- variant: n = "default",
18
- ...s
19
- } = m("Link", o), i = c(r.link, r[n], a);
20
- return /* @__PURE__ */ e.createElement(l.Link, { className: i, ...s }, t);
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
- L as Link,
24
- L as default
30
+ x as Link,
31
+ x as default
25
32
  };
@@ -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-BzrU5duB.js";
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";
@@ -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--ofl9X5e.js";
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
+ };
package/dist/Text.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client"
2
2
  /* */
3
- import { T as a } from "./Text--ofl9X5e.js";
3
+ import { T as a } from "./Text-8V0yR4PK.js";
4
4
  export {
5
5
  a as Text,
6
6
  a as default