@mittwald/flow-react-components 0.1.0-alpha.134 → 0.1.0-alpha.135

package/dist/TextArea.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as n from "react-aria-components";
-import { T as p } from "./TextFieldBase-CsQ97WH-.js";
+import { T as p } from "./TextFieldBase-BhdK6WXV.js";
 import { C as i } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextField.js

@@ -2,7 +2,7 @@
 /* */
 import e from "react";
 import * as s from "react-aria-components";
-import { T as a } from "./TextFieldBase-CsQ97WH-.js";
+import { T as a } from "./TextFieldBase-BhdK6WXV.js";
 import { C as n } from "./ClearPropsContext-CUvsbMn8.js";
 import "./propsContext-DzAKlmhS.js";
 import "@react-aria/utils";

package/dist/TextFieldBase-BhdK6WXV.js

@@ -0,0 +1,60 @@
+"use client"
+/* */
+import r, { forwardRef as x, useState as F } from "react";
+import * as E from "react-aria-components";
+import { s as t } from "./FormField.module-DHK6nIcD.js";
+import g from "clsx";
+import { C as N } from "./ClearPropsContext-CUvsbMn8.js";
+import { P as D } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import { F as B } from "./FieldError-D_VRyiJG.js";
+import { F as P } from "./FieldDescription-Brg52RqE.js";
+import { useMessageFormatter as R } from "react-aria";
+const T = {
+  "de-DE": {
+    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} Zeichen"
+  },
+  "en-EN": {
+    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} characters"
+  }
+}, k = x(
+  (e, b) => {
+    var o;
+    const { children: n, className: c, input: i, showCharacterCount: a, ...l } = e, [m, u] = F(
+      ((o = e.value) == null ? void 0 : o.length) ?? 0
+    ), d = g(t.formField, c), h = R(T), C = {
+      Label: {
+        className: t.label,
+        optional: !e.isRequired
+      },
+      FieldDescription: {
+        className: t.fieldDescription
+      },
+      FieldError: {
+        className: t.customFieldError
+      }
+    }, f = (s) => {
+      a && u(s.length), e.onChange && e.onChange(s);
+    }, p = h("textFieldBase.characters", {
+      count: m,
+      maxCount: e.maxLength ?? 0
+    });
+    return /* @__PURE__ */ r.createElement(N, null, /* @__PURE__ */ r.createElement(
+      E.TextField,
+      {
+        ...l,
+        className: d,
+        onChange: f
+      },
+      i,
+      /* @__PURE__ */ r.createElement(D, { props: C }, n),
+      a && /* @__PURE__ */ r.createElement(P, { className: t.fieldDescription }, p),
+      /* @__PURE__ */ r.createElement(B, { className: t.fieldError })
+    ));
+  }
+);
+export {
+  k as T
+};

package/dist/types/components/Slider/Slider.d.ts

@@ -2,7 +2,7 @@ import { FC, PropsWithChildren } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 
 import * as Aria from "react-aria-components";
-export interface SliderProps extends FlowComponentProps<"Slider">, PropsWithChildren<Aria.SliderProps>, Pick<Aria.SliderThumbProps, "name"> {
+export interface SliderProps extends FlowComponentProps, PropsWithChildren<Aria.SliderProps>, Pick<Aria.SliderThumbProps, "name"> {
     showInitialMarker?: boolean;
 }
 export declare const Slider: FC<SliderProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.134",
+  "version": "0.1.0-alpha.135",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -263,7 +263,7 @@
   },
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.134",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.135",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -287,7 +287,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.134",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.135",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.1.2",
     "@storybook/addon-a11y": "^8.1.5",
@@ -363,5 +363,5 @@
       "optional": true
     }
   },
-  "gitHead": "092c842d1ca5a08e98c53c768402344b4e7be427"
+  "gitHead": "87accf852bfa7e823d10f74d2100ed4091d00c58"
 }

package/dist/TextFieldBase-CsQ97WH-.js

@@ -1,68 +0,0 @@
-"use client"
-/* */
-import r, { forwardRef as F, useState as E } from "react";
-import * as g from "react-aria-components";
-import { s as e } from "./FormField.module-DHK6nIcD.js";
-import N from "clsx";
-import { C as D } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as B } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import { F as P } from "./FieldError-D_VRyiJG.js";
-import { F as R } from "./FieldDescription-Brg52RqE.js";
-import { useMessageFormatter as T } from "react-aria";
-const b = {
-  "de-DE": {
-    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} Zeichen"
-  },
-  "en-EN": {
-    "textFieldBase.characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} characters"
-  }
-}, z = F(
-  (t, w) => {
-    var s;
-    const {
-      children: c,
-      className: i,
-      input: l,
-      showCharacterCount: o,
-      maxLength: a = 0,
-      ...m
-    } = t, [u, d] = E(
-      ((s = t.value) == null ? void 0 : s.length) ?? 0
-    ), h = N(e.formField, i), C = T(b), f = {
-      Label: {
-        className: e.label,
-        optional: !t.isRequired
-      },
-      FieldDescription: {
-        className: e.fieldDescription
-      },
-      FieldError: {
-        className: e.customFieldError
-      }
-    }, p = (n) => {
-      o && d(n.length), t.onChange && t.onChange(n);
-    }, x = C("textFieldBase.characters", {
-      count: u,
-      maxCount: a
-    });
-    return /* @__PURE__ */ r.createElement(D, null, /* @__PURE__ */ r.createElement(
-      g.TextField,
-      {
-        ...m,
-        className: h,
-        onChange: p,
-        maxLength: a
-      },
-      l,
-      /* @__PURE__ */ r.createElement(B, { props: f }, c),
-      o && /* @__PURE__ */ r.createElement(R, { className: e.fieldDescription }, x),
-      /* @__PURE__ */ r.createElement(P, { className: e.fieldError })
-    ));
-  }
-);
-export {
-  z as T
-};