@mittwald/flow-react-components 0.1.0-alpha.65 → 0.1.0-alpha.66

package/dist/NumberField.js

@@ -3,28 +3,28 @@
 import e from "react";
 import * as r from "react-aria-components";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
-import p from "clsx";
-import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as d } from "./PropsContextProvider-BcOGMJkn.js";
+import E from "clsx";
+import { C as N } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as b } from "./PropsContextProvider-BcOGMJkn.js";
 import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
-import { F as E } from "./FieldError-CBxCl2nS.js";
-import { B as s } from "./Button-CdGfSPx-.js";
+import { F as I } from "./FieldError-CBxCl2nS.js";
+import { B as a } from "./Button-CdGfSPx-.js";
 import "@tabler/icons-react";
 import "./Icon-DVRBNZZe.js";
-import { I as N } from "./IconChevronDown-D8WRADYa.js";
-import { I as b, a as I, b as C } from "./IconPlus-WchYGpT1.js";
-import { f as F } from "./flowComponent-CEo3pjEA.js";
-const P = "flow--number-field--group", w = "flow--number-field--input", B = "flow--number-field--decrement-button", h = "flow--number-field--increment-button", y = "flow--number-field--coarse-pointer-icon", v = "flow--number-field--touch-icon", t = {
-  group: P,
-  input: w,
-  decrementButton: B,
-  incrementButton: h,
-  coarsePointerIcon: y,
-  touchIcon: v
-}, J = F("NumberField", (n) => {
-  const { children: m, className: c, ref: a, ...l } = n, i = p(o.formField, c), u = {
+import { I as C } from "./IconChevronDown-D8WRADYa.js";
+import { I as h, a as F, b as P } from "./IconPlus-WchYGpT1.js";
+import { f as w } from "./flowComponent-CEo3pjEA.js";
+const B = "flow--number-field--group", g = "flow--number-field--input", y = "flow--number-field--decrement-button", v = "flow--number-field--increment-button", x = "flow--number-field--coarse-pointer-icon", D = "flow--number-field--touch-icon", t = {
+  group: B,
+  input: g,
+  decrementButton: y,
+  incrementButton: v,
+  coarsePointerIcon: x,
+  touchIcon: D
+}, K = w("NumberField", (n) => {
+  const { children: m, className: c, ref: l, onChange: s, ...i } = n, u = E(o.formField, c), p = {
     Label: {
       className: o.label,
       optional: !n.isRequired
@@ -35,32 +35,46 @@ const P = "flow--number-field--group", w = "flow--number-field--input", B = "flo
     FieldError: {
       className: o.customFieldError
     }
+  }, f = (d) => {
+    setTimeout(() => {
+      s && s(d);
+    }, 150);
   };
-  return /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(r.NumberField, { ...l, className: i }, /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
-    s,
+  return /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(
+    r.NumberField,
     {
-      slot: "decrement",
-      className: t.decrementButton,
-      size: "s",
-      style: "plain",
-      variant: "secondary"
+      ...i,
+      className: u,
+      onChange: f
     },
-    /* @__PURE__ */ e.createElement(N, null),
-    /* @__PURE__ */ e.createElement(b, { className: t.coarsePointerIcon })
-  ), /* @__PURE__ */ e.createElement(r.Input, { className: t.input, ref: a }), /* @__PURE__ */ e.createElement(
-    s,
-    {
-      slot: "increment",
-      className: t.incrementButton,
-      size: "s",
-      style: "plain",
-      variant: "secondary"
-    },
-    /* @__PURE__ */ e.createElement(I, null),
-    /* @__PURE__ */ e.createElement(C, { className: t.coarsePointerIcon })
-  )), /* @__PURE__ */ e.createElement(d, { props: u }, m), /* @__PURE__ */ e.createElement(E, { className: o.fieldError })));
+    /* @__PURE__ */ e.createElement(r.Group, { className: t.group }, /* @__PURE__ */ e.createElement(
+      a,
+      {
+        slot: "decrement",
+        className: t.decrementButton,
+        size: "s",
+        style: "plain",
+        variant: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(C, null),
+      /* @__PURE__ */ e.createElement(h, { className: t.coarsePointerIcon })
+    ), /* @__PURE__ */ e.createElement(r.Input, { className: t.input, ref: l }), /* @__PURE__ */ e.createElement(
+      a,
+      {
+        slot: "increment",
+        className: t.incrementButton,
+        size: "s",
+        style: "plain",
+        variant: "secondary"
+      },
+      /* @__PURE__ */ e.createElement(F, null),
+      /* @__PURE__ */ e.createElement(P, { className: t.coarsePointerIcon })
+    )),
+    /* @__PURE__ */ e.createElement(b, { props: p }, m),
+    /* @__PURE__ */ e.createElement(I, { className: o.fieldError })
+  ));
 });
 export {
-  J as NumberField,
-  J as default
+  K as NumberField,
+  K as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.65",
+  "version": "0.1.0-alpha.66",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -316,5 +316,5 @@
       "optional": true
     }
   },
-  "gitHead": "000868d3499fd78147a5a50f1d5e6571c18527b7"
+  "gitHead": "9bdbe8df30140d2017e418b1147b13163857e6fc"
 }