@mittwald/flow-react-components 0.1.0-alpha.133 → 0.1.0-alpha.135
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/FieldDescription-Brg52RqE.js +20 -0
- package/dist/FieldDescription.js +3 -17
- package/dist/TextArea.js +1 -1
- package/dist/TextField.js +1 -1
- package/dist/TextFieldBase-BhdK6WXV.js +60 -0
- package/dist/styles.css +1 -1
- package/dist/types/components/Slider/Slider.d.ts +1 -1
- package/dist/types/components/TextArea/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/TextField/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/TextFieldBase/TextFieldBase.d.ts +1 -0
- package/package.json +4 -4
- package/dist/TextFieldBase-D6wA8562.js +0 -32
|
@@ -2,7 +2,7 @@ import { FC, PropsWithChildren } from 'react';
|
|
|
2
2
|
import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
|
|
3
3
|
|
|
4
4
|
import * as Aria from "react-aria-components";
|
|
5
|
-
export interface SliderProps extends FlowComponentProps
|
|
5
|
+
export interface SliderProps extends FlowComponentProps, PropsWithChildren<Aria.SliderProps>, Pick<Aria.SliderThumbProps, "name"> {
|
|
6
6
|
showInitialMarker?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export declare const Slider: FC<SliderProps>;
|
|
@@ -3,6 +3,7 @@ import { PropsWithChildren, ReactNode, default as React } from 'react';
|
|
|
3
3
|
import * as Aria from "react-aria-components";
|
|
4
4
|
export interface TextFieldBaseProps extends PropsWithChildren<Omit<Aria.TextFieldProps, "children">> {
|
|
5
5
|
input: ReactNode;
|
|
6
|
+
showCharacterCount?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLInputElement>>;
|
|
8
9
|
export default TextFieldBase;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-react-components",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.135",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
},
|
|
264
264
|
"dependencies": {
|
|
265
265
|
"@chakra-ui/live-region": "^2.1.0",
|
|
266
|
-
"@mittwald/react-tunnel": "^0.1.0-alpha.
|
|
266
|
+
"@mittwald/react-tunnel": "^0.1.0-alpha.135",
|
|
267
267
|
"@mittwald/react-use-promise": "^2.3.13",
|
|
268
268
|
"@react-aria/utils": "^3.24.1",
|
|
269
269
|
"@react-types/shared": "^3.23.1",
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
},
|
|
288
288
|
"devDependencies": {
|
|
289
289
|
"@faker-js/faker": "^8.4.1",
|
|
290
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
290
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.135",
|
|
291
291
|
"@mittwald/react-use-promise": "^2.3.13",
|
|
292
292
|
"@nx/storybook": "^19.1.2",
|
|
293
293
|
"@storybook/addon-a11y": "^8.1.5",
|
|
@@ -363,5 +363,5 @@
|
|
|
363
363
|
"optional": true
|
|
364
364
|
}
|
|
365
365
|
},
|
|
366
|
-
"gitHead": "
|
|
366
|
+
"gitHead": "87accf852bfa7e823d10f74d2100ed4091d00c58"
|
|
367
367
|
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import r, { forwardRef as c } from "react";
|
|
4
|
-
import * as n from "react-aria-components";
|
|
5
|
-
import { s as e } from "./FormField.module-DHK6nIcD.js";
|
|
6
|
-
import p from "clsx";
|
|
7
|
-
import { C as d } from "./ClearPropsContext-CUvsbMn8.js";
|
|
8
|
-
import { P as f } from "./PropsContextProvider-C6Z4XGp6.js";
|
|
9
|
-
import "@react-aria/utils";
|
|
10
|
-
import "./propsContext-DzAKlmhS.js";
|
|
11
|
-
import "remeda";
|
|
12
|
-
import { F as E } from "./FieldError-D_VRyiJG.js";
|
|
13
|
-
const g = c(
|
|
14
|
-
(o, F) => {
|
|
15
|
-
const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
|
|
16
|
-
Label: {
|
|
17
|
-
className: e.label,
|
|
18
|
-
optional: !o.isRequired
|
|
19
|
-
},
|
|
20
|
-
FieldDescription: {
|
|
21
|
-
className: e.fieldDescription
|
|
22
|
-
},
|
|
23
|
-
FieldError: {
|
|
24
|
-
className: e.customFieldError
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
return /* @__PURE__ */ r.createElement(d, null, /* @__PURE__ */ r.createElement(n.TextField, { ...i, className: l }, a, /* @__PURE__ */ r.createElement(f, { props: m }, t), /* @__PURE__ */ r.createElement(E, { className: e.fieldError })));
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
export {
|
|
31
|
-
g as T
|
|
32
|
-
};
|