@mittwald/flow-react-components 0.1.0-alpha.35 → 0.1.0-alpha.37
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/Checkbox.js +10 -11
- package/dist/{CopyToClipboardButton.js → CopyButton.js} +5 -5
- package/dist/FieldError-BvbJ9dzr.js +21 -0
- package/dist/FieldError.js +1 -1
- package/dist/IconDanger-CCULXdVw.js +9 -0
- package/dist/IconWarning-BIeWNF-G.js +11 -0
- package/dist/Icons.js +15 -14
- package/dist/InlineAlert.js +1 -1
- package/dist/LabeledValue.js +6 -6
- package/dist/NumberField.js +2 -2
- package/dist/RadioGroup.js +1 -1
- package/dist/StatusBadge.js +1 -1
- package/dist/{StatusIcon-GPbDfbJe.js → StatusIcon-CZbUO0T5.js} +9 -8
- package/dist/StatusIcon.js +1 -1
- package/dist/TextArea.js +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{TextFieldBase-DR3ofo0H.js → TextFieldBase-aO8YvtBx.js} +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/CopyButton/CopyButton.d.ts +7 -0
- package/dist/types/components/CopyButton/index.d.ts +3 -0
- package/dist/types/components/CopyButton/stories/Default.stories.d.ts +7 -0
- package/dist/types/components/propTypes/index.d.ts +2 -2
- package/dist/types/lib/propsContext/dynamicProps/dynamic.d.ts +1 -1
- package/dist/types/lib/propsContext/dynamicProps/resolveDynamicProps.d.ts +1 -1
- package/dist/types/lib/propsContext/propsContext.d.ts +43 -63
- package/package.json +23 -23
- package/dist/FieldError-DZl3QsUa.js +0 -17
- package/dist/IconWarning-DkGRbK8I.js +0 -12
- package/dist/types/components/CopyToClipboardButton/CopyToClipboardButton.d.ts +0 -7
- package/dist/types/components/CopyToClipboardButton/index.d.ts +0 -3
- package/dist/types/components/CopyToClipboardButton/stories/Default.stories.d.ts +0 -7
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FC, ReactNode } from "react";
|
|
2
|
+
import { ButtonProps } from '../Button';
|
|
3
|
+
export interface CopyButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
|
|
4
|
+
text: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const CopyButton: FC<CopyButtonProps>;
|
|
7
|
+
export default CopyButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { CopyButton } from "../CopyButton";
|
|
3
|
+
declare const meta: Meta<typeof CopyButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof CopyButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithReactNodeText: Story;
|
|
@@ -12,12 +12,12 @@ import type { InlineAlertProps } from '../InlineAlert';
|
|
|
12
12
|
import type { HeadingProps } from '../Heading';
|
|
13
13
|
import type { InitialsProps } from '../Initials';
|
|
14
14
|
import type { ImageProps } from '../Image';
|
|
15
|
-
import type {
|
|
15
|
+
import type { CopyButtonProps } from '../CopyButton';
|
|
16
16
|
export * from "./types";
|
|
17
17
|
export interface FlowComponentPropsTypes {
|
|
18
18
|
Text: TextProps;
|
|
19
19
|
Button: ButtonProps;
|
|
20
|
-
|
|
20
|
+
CopyButton: CopyButtonProps;
|
|
21
21
|
Icon: IconProps;
|
|
22
22
|
Label: LabelProps;
|
|
23
23
|
Content: ContentProps;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DynamicProp } from './types';
|
|
2
|
-
export declare const dynamic: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes, P extends keyof import('../../../components/propTypes').FlowComponentProps<C>>(getDynamicProp:
|
|
2
|
+
export declare const dynamic: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes, P extends keyof import('../../../components/propTypes').FlowComponentProps<C>>(getDynamicProp: DynamicProp<C, P>["__dynamicProp"]) => DynamicProp<C, P>;
|
|
3
3
|
export default dynamic;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { FlowComponentProps } from '../../../components/propTypes';
|
|
2
2
|
import { ComponentPropsContext } from '../types';
|
|
3
|
-
export declare const resolveDynamicProps: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(contextProps:
|
|
3
|
+
export declare const resolveDynamicProps: <C extends keyof import('../../../components/propTypes').FlowComponentPropsTypes>(contextProps: ComponentPropsContext<C>, localProps: FlowComponentProps<C>) => Partial<FlowComponentProps<C>>;
|
|
4
4
|
export default resolveDynamicProps;
|
|
@@ -246,9 +246,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
246
246
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerCancel"> | undefined;
|
|
247
247
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerCancelCapture"> | undefined;
|
|
248
248
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerEnter"> | undefined;
|
|
249
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerEnterCapture"> | undefined;
|
|
250
249
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerLeave"> | undefined;
|
|
251
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerLeaveCapture"> | undefined;
|
|
252
250
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerOver"> | undefined;
|
|
253
251
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerOverCapture"> | undefined;
|
|
254
252
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Text", "onPointerOut"> | undefined;
|
|
@@ -315,49 +313,49 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
315
313
|
isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"Button", "isSucceeded"> | undefined;
|
|
316
314
|
isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"Button", "isFailed"> | undefined;
|
|
317
315
|
}>;
|
|
318
|
-
|
|
319
|
-
form?: string | import("./dynamicProps/types").DynamicProp<"
|
|
320
|
-
slot?: string | import("./dynamicProps/types").DynamicProp<"
|
|
321
|
-
style?: "plain" | "solid" | "soft" | import("./dynamicProps/types").DynamicProp<"
|
|
322
|
-
children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | ((values: import("react-aria-components").ButtonRenderProps) => import("react").ReactNode)) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal)) | import("./dynamicProps/types").DynamicProp<"
|
|
323
|
-
autoFocus?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
324
|
-
className?: string | ((values: import("react-aria-components").ButtonRenderProps) => string) | import("./dynamicProps/types").DynamicProp<"
|
|
325
|
-
id?: string | import("./dynamicProps/types").DynamicProp<"
|
|
326
|
-
'aria-controls'?: string | import("./dynamicProps/types").DynamicProp<"
|
|
327
|
-
'aria-describedby'?: string | import("./dynamicProps/types").DynamicProp<"
|
|
328
|
-
'aria-details'?: string | import("./dynamicProps/types").DynamicProp<"
|
|
329
|
-
'aria-expanded'?: boolean | "true" | "false" | import("./dynamicProps/types").DynamicProp<"
|
|
330
|
-
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | import("./dynamicProps/types").DynamicProp<"
|
|
331
|
-
'aria-labelledby'?: string | import("./dynamicProps/types").DynamicProp<"
|
|
332
|
-
'aria-pressed'?: boolean | "true" | "false" | "mixed" | import("./dynamicProps/types").DynamicProp<"
|
|
333
|
-
onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
334
|
-
onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
335
|
-
onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
336
|
-
onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
337
|
-
text: import("react").ReactNode | import("./dynamicProps/types").DynamicProp<"
|
|
338
|
-
isDisabled?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
339
|
-
onPressStart?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
340
|
-
onPressEnd?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
341
|
-
onPressChange?: ((isPressed: boolean) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
342
|
-
onPressUp?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
343
|
-
onFocusChange?: ((isFocused: boolean) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
344
|
-
type?: "button" | "submit" | "reset" | import("./dynamicProps/types").DynamicProp<"
|
|
345
|
-
excludeFromTabOrder?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
346
|
-
formAction?: string | import("./dynamicProps/types").DynamicProp<"
|
|
347
|
-
formEncType?: string | import("./dynamicProps/types").DynamicProp<"
|
|
348
|
-
formMethod?: string | import("./dynamicProps/types").DynamicProp<"
|
|
349
|
-
formNoValidate?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
350
|
-
formTarget?: string | import("./dynamicProps/types").DynamicProp<"
|
|
351
|
-
name?: string | import("./dynamicProps/types").DynamicProp<"
|
|
352
|
-
value?: string | import("./dynamicProps/types").DynamicProp<"
|
|
353
|
-
onHoverStart?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
354
|
-
onHoverEnd?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
355
|
-
onHoverChange?: ((isHovering: boolean) => void) | import("./dynamicProps/types").DynamicProp<"
|
|
356
|
-
variant?: "danger" | "primary" | "accent" | "secondary" | import("./dynamicProps/types").DynamicProp<"
|
|
357
|
-
size?: "s" | "m" | import("./dynamicProps/types").DynamicProp<"
|
|
358
|
-
isPending?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
359
|
-
isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
360
|
-
isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"
|
|
316
|
+
CopyButton: Partial<{
|
|
317
|
+
form?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "form"> | undefined;
|
|
318
|
+
slot?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "slot"> | null | undefined;
|
|
319
|
+
style?: "plain" | "solid" | "soft" | import("./dynamicProps/types").DynamicProp<"CopyButton", "style"> | undefined;
|
|
320
|
+
children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | ((values: import("react-aria-components").ButtonRenderProps) => import("react").ReactNode)) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal)) | import("./dynamicProps/types").DynamicProp<"CopyButton", "children"> | null | undefined;
|
|
321
|
+
autoFocus?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "autoFocus"> | undefined;
|
|
322
|
+
className?: string | ((values: import("react-aria-components").ButtonRenderProps) => string) | import("./dynamicProps/types").DynamicProp<"CopyButton", "className"> | undefined;
|
|
323
|
+
id?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "id"> | undefined;
|
|
324
|
+
'aria-controls'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-controls"> | undefined;
|
|
325
|
+
'aria-describedby'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-describedby"> | undefined;
|
|
326
|
+
'aria-details'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-details"> | undefined;
|
|
327
|
+
'aria-expanded'?: boolean | "true" | "false" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-expanded"> | undefined;
|
|
328
|
+
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-haspopup"> | undefined;
|
|
329
|
+
'aria-labelledby'?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-labelledby"> | undefined;
|
|
330
|
+
'aria-pressed'?: boolean | "true" | "false" | "mixed" | import("./dynamicProps/types").DynamicProp<"CopyButton", "aria-pressed"> | undefined;
|
|
331
|
+
onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onFocus"> | undefined;
|
|
332
|
+
onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onBlur"> | undefined;
|
|
333
|
+
onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onKeyDown"> | undefined;
|
|
334
|
+
onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onKeyUp"> | undefined;
|
|
335
|
+
text: import("react").ReactNode | import("./dynamicProps/types").DynamicProp<"CopyButton", "text">;
|
|
336
|
+
isDisabled?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isDisabled"> | undefined;
|
|
337
|
+
onPressStart?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressStart"> | undefined;
|
|
338
|
+
onPressEnd?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressEnd"> | undefined;
|
|
339
|
+
onPressChange?: ((isPressed: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressChange"> | undefined;
|
|
340
|
+
onPressUp?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onPressUp"> | undefined;
|
|
341
|
+
onFocusChange?: ((isFocused: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onFocusChange"> | undefined;
|
|
342
|
+
type?: "button" | "submit" | "reset" | import("./dynamicProps/types").DynamicProp<"CopyButton", "type"> | undefined;
|
|
343
|
+
excludeFromTabOrder?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "excludeFromTabOrder"> | undefined;
|
|
344
|
+
formAction?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formAction"> | undefined;
|
|
345
|
+
formEncType?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formEncType"> | undefined;
|
|
346
|
+
formMethod?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formMethod"> | undefined;
|
|
347
|
+
formNoValidate?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "formNoValidate"> | undefined;
|
|
348
|
+
formTarget?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "formTarget"> | undefined;
|
|
349
|
+
name?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "name"> | undefined;
|
|
350
|
+
value?: string | import("./dynamicProps/types").DynamicProp<"CopyButton", "value"> | undefined;
|
|
351
|
+
onHoverStart?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverStart"> | undefined;
|
|
352
|
+
onHoverEnd?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverEnd"> | undefined;
|
|
353
|
+
onHoverChange?: ((isHovering: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyButton", "onHoverChange"> | undefined;
|
|
354
|
+
variant?: "danger" | "primary" | "accent" | "secondary" | import("./dynamicProps/types").DynamicProp<"CopyButton", "variant"> | undefined;
|
|
355
|
+
size?: "s" | "m" | import("./dynamicProps/types").DynamicProp<"CopyButton", "size"> | undefined;
|
|
356
|
+
isPending?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isPending"> | undefined;
|
|
357
|
+
isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isSucceeded"> | undefined;
|
|
358
|
+
isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"CopyButton", "isFailed"> | undefined;
|
|
361
359
|
}>;
|
|
362
360
|
Icon: Partial<{
|
|
363
361
|
string?: string | number | import("./dynamicProps/types").DynamicProp<"Icon", "string"> | undefined;
|
|
@@ -565,9 +563,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
565
563
|
onPointerCancel?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerCancel"> | undefined;
|
|
566
564
|
onPointerCancelCapture?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerCancelCapture"> | undefined;
|
|
567
565
|
onPointerEnter?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerEnter"> | undefined;
|
|
568
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerEnterCapture"> | undefined;
|
|
569
566
|
onPointerLeave?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerLeave"> | undefined;
|
|
570
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerLeaveCapture"> | undefined;
|
|
571
567
|
onPointerOver?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerOver"> | undefined;
|
|
572
568
|
onPointerOverCapture?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerOverCapture"> | undefined;
|
|
573
569
|
onPointerOut?: import("react").PointerEventHandler<SVGSVGElement> | import("./dynamicProps/types").DynamicProp<"Icon", "onPointerOut"> | undefined;
|
|
@@ -1087,9 +1083,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
1087
1083
|
onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerCancel"> | undefined;
|
|
1088
1084
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerCancelCapture"> | undefined;
|
|
1089
1085
|
onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerEnter"> | undefined;
|
|
1090
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerEnterCapture"> | undefined;
|
|
1091
1086
|
onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerLeave"> | undefined;
|
|
1092
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerLeaveCapture"> | undefined;
|
|
1093
1087
|
onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerOver"> | undefined;
|
|
1094
1088
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerOverCapture"> | undefined;
|
|
1095
1089
|
onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | import("./dynamicProps/types").DynamicProp<"Label", "onPointerOut"> | undefined;
|
|
@@ -1359,9 +1353,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
1359
1353
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerCancel"> | undefined;
|
|
1360
1354
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerCancelCapture"> | undefined;
|
|
1361
1355
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerEnter"> | undefined;
|
|
1362
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerEnterCapture"> | undefined;
|
|
1363
1356
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerLeave"> | undefined;
|
|
1364
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerLeaveCapture"> | undefined;
|
|
1365
1357
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerOver"> | undefined;
|
|
1366
1358
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerOverCapture"> | undefined;
|
|
1367
1359
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Content", "onPointerOut"> | undefined;
|
|
@@ -1629,9 +1621,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
1629
1621
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerCancel"> | undefined;
|
|
1630
1622
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerCancelCapture"> | undefined;
|
|
1631
1623
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerEnter"> | undefined;
|
|
1632
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerEnterCapture"> | undefined;
|
|
1633
1624
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerLeave"> | undefined;
|
|
1634
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerLeaveCapture"> | undefined;
|
|
1635
1625
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerOver"> | undefined;
|
|
1636
1626
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerOverCapture"> | undefined;
|
|
1637
1627
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"LayoutCard", "onPointerOut"> | undefined;
|
|
@@ -1898,9 +1888,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
1898
1888
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerCancel"> | undefined;
|
|
1899
1889
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerCancelCapture"> | undefined;
|
|
1900
1890
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerEnter"> | undefined;
|
|
1901
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerEnterCapture"> | undefined;
|
|
1902
1891
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerLeave"> | undefined;
|
|
1903
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerLeaveCapture"> | undefined;
|
|
1904
1892
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerOver"> | undefined;
|
|
1905
1893
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerOverCapture"> | undefined;
|
|
1906
1894
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"Navigation", "onPointerOut"> | undefined;
|
|
@@ -2201,9 +2189,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
2201
2189
|
onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerCancel"> | undefined;
|
|
2202
2190
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerCancelCapture"> | undefined;
|
|
2203
2191
|
onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerEnter"> | undefined;
|
|
2204
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerEnterCapture"> | undefined;
|
|
2205
2192
|
onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerLeave"> | undefined;
|
|
2206
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerLeaveCapture"> | undefined;
|
|
2207
2193
|
onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerOver"> | undefined;
|
|
2208
2194
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerOverCapture"> | undefined;
|
|
2209
2195
|
onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | import("./dynamicProps/types").DynamicProp<"Heading", "onPointerOut"> | undefined;
|
|
@@ -2472,9 +2458,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
2472
2458
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerCancel"> | undefined;
|
|
2473
2459
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerCancelCapture"> | undefined;
|
|
2474
2460
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerEnter"> | undefined;
|
|
2475
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerEnterCapture"> | undefined;
|
|
2476
2461
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerLeave"> | undefined;
|
|
2477
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerLeaveCapture"> | undefined;
|
|
2478
2462
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerOver"> | undefined;
|
|
2479
2463
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerOverCapture"> | undefined;
|
|
2480
2464
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"InlineAlert", "onPointerOut"> | undefined;
|
|
@@ -2781,9 +2765,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
2781
2765
|
onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerCancel"> | undefined;
|
|
2782
2766
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerCancelCapture"> | undefined;
|
|
2783
2767
|
onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerEnter"> | undefined;
|
|
2784
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerEnterCapture"> | undefined;
|
|
2785
2768
|
onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerLeave"> | undefined;
|
|
2786
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerLeaveCapture"> | undefined;
|
|
2787
2769
|
onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerOver"> | undefined;
|
|
2788
2770
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerOverCapture"> | undefined;
|
|
2789
2771
|
onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | import("./dynamicProps/types").DynamicProp<"Image", "onPointerOut"> | undefined;
|
|
@@ -3070,9 +3052,7 @@ export declare const propsContext: import("react").Context<Partial<{
|
|
|
3070
3052
|
onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerCancel"> | undefined;
|
|
3071
3053
|
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerCancelCapture"> | undefined;
|
|
3072
3054
|
onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerEnter"> | undefined;
|
|
3073
|
-
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerEnterCapture"> | undefined;
|
|
3074
3055
|
onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerLeave"> | undefined;
|
|
3075
|
-
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerLeaveCapture"> | undefined;
|
|
3076
3056
|
onPointerOver?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerOver"> | undefined;
|
|
3077
3057
|
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerOverCapture"> | undefined;
|
|
3078
3058
|
onPointerOut?: import("react").PointerEventHandler<HTMLElement> | import("./dynamicProps/types").DynamicProp<"FieldDescription", "onPointerOut"> | undefined;
|
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.37",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A React implementation of Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"types": "./dist/types/components/Content/index.d.ts",
|
|
27
27
|
"import": "./dist/Content.js"
|
|
28
28
|
},
|
|
29
|
-
"./
|
|
30
|
-
"types": "./dist/types/components/
|
|
31
|
-
"import": "./dist/
|
|
29
|
+
"./CopyButton": {
|
|
30
|
+
"types": "./dist/types/components/CopyButton/index.d.ts",
|
|
31
|
+
"import": "./dist/CopyButton.js"
|
|
32
32
|
},
|
|
33
33
|
"./FieldDescription": {
|
|
34
34
|
"types": "./dist/types/components/FieldDescription/index.d.ts",
|
|
@@ -161,11 +161,11 @@
|
|
|
161
161
|
"react-aria-components": "^1.1.1",
|
|
162
162
|
"react-children-utilities": "^2.10.0",
|
|
163
163
|
"react-stately": "^3.30.1",
|
|
164
|
-
"remeda": "^1.
|
|
164
|
+
"remeda": "^1.51.0"
|
|
165
165
|
},
|
|
166
166
|
"devDependencies": {
|
|
167
|
-
"@mittwald/flow-design-tokens": "^0.1.0-alpha.
|
|
168
|
-
"@nx/storybook": "^18.1.
|
|
167
|
+
"@mittwald/flow-design-tokens": "^0.1.0-alpha.37",
|
|
168
|
+
"@nx/storybook": "^18.1.1",
|
|
169
169
|
"@storybook/addon-a11y": "^7.6.17",
|
|
170
170
|
"@storybook/addon-actions": "^7.6.17",
|
|
171
171
|
"@storybook/addon-essentials": "^7.6.17",
|
|
@@ -182,41 +182,41 @@
|
|
|
182
182
|
"@storybook/testing-library": "^0.2.2",
|
|
183
183
|
"@storybook/theming": "^7.6.17",
|
|
184
184
|
"@testing-library/react": "^14.2.1",
|
|
185
|
-
"@types/node": "20.11.
|
|
185
|
+
"@types/node": "20.11.28",
|
|
186
186
|
"@types/prettier": "^3.0.0",
|
|
187
187
|
"@types/prop-types": "^15.7.11",
|
|
188
|
-
"@types/react": "^18.2.
|
|
189
|
-
"@types/react-dom": "^18.2.
|
|
188
|
+
"@types/react": "^18.2.66",
|
|
189
|
+
"@types/react-dom": "^18.2.22",
|
|
190
190
|
"@types/rollup": "^0.54.0",
|
|
191
|
-
"@vitest/coverage-v8": "^1.
|
|
191
|
+
"@vitest/coverage-v8": "^1.4.0",
|
|
192
192
|
"decamelize": "^6.0.0",
|
|
193
193
|
"fs-jetpack": "^5.1.0",
|
|
194
|
-
"happy-dom": "^13.
|
|
194
|
+
"happy-dom": "^13.9.0",
|
|
195
195
|
"next": "^14.1.3",
|
|
196
|
-
"nx": "^18.1.
|
|
197
|
-
"postcss": "^8.4.
|
|
196
|
+
"nx": "^18.1.1",
|
|
197
|
+
"postcss": "^8.4.36",
|
|
198
198
|
"postcss-nested-import": "^1.3.0",
|
|
199
|
-
"postcss-nesting": "^12.0
|
|
199
|
+
"postcss-nesting": "^12.1.0",
|
|
200
200
|
"prettier": "^3.2.5",
|
|
201
201
|
"prop-types": "^15.8.1",
|
|
202
202
|
"react": "^18.2.0",
|
|
203
203
|
"react-dom": "^18.2.0",
|
|
204
204
|
"react-element-to-jsx-string": "^15.0.0",
|
|
205
|
-
"rollup": "^4.
|
|
206
|
-
"sass": "^1.
|
|
205
|
+
"rollup": "^4.13.0",
|
|
206
|
+
"sass": "^1.72.0",
|
|
207
207
|
"storybook": "^7.6.17",
|
|
208
208
|
"storybook-addon-dir": "^1.0.6",
|
|
209
|
-
"storybook-addon-pseudo-states": "^2.2.
|
|
209
|
+
"storybook-addon-pseudo-states": "^2.2.1",
|
|
210
210
|
"tsx": "^4.7.1",
|
|
211
|
-
"typescript": "^5.
|
|
211
|
+
"typescript": "^5.4.2",
|
|
212
212
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
213
|
-
"vite": "^5.1.
|
|
213
|
+
"vite": "^5.1.6",
|
|
214
214
|
"vite-plugin-banner": "^0.7.1",
|
|
215
215
|
"vite-plugin-checker": "^0.6.4",
|
|
216
216
|
"vite-plugin-dts": "^3.7.3",
|
|
217
217
|
"vite-plugin-externalize-deps": "^0.8.0",
|
|
218
|
-
"vitest": "^1.
|
|
219
|
-
"yaml": "^2.4.
|
|
218
|
+
"vitest": "^1.4.0",
|
|
219
|
+
"yaml": "^2.4.1"
|
|
220
220
|
},
|
|
221
221
|
"peerDependencies": {
|
|
222
222
|
"next": "*",
|
|
@@ -228,5 +228,5 @@
|
|
|
228
228
|
"optional": true
|
|
229
229
|
}
|
|
230
230
|
},
|
|
231
|
-
"gitHead": "
|
|
231
|
+
"gitHead": "9ae9c821ac5e0acf8dc7bbc675254993ba76b987"
|
|
232
232
|
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import i from "react";
|
|
4
|
-
import * as l from "react-aria-components";
|
|
5
|
-
import m from "clsx";
|
|
6
|
-
import "./propsContext-Dx7WKmmM.js";
|
|
7
|
-
import "@react-aria/utils";
|
|
8
|
-
import { u as a } from "./useProps-C7GIMcgB.js";
|
|
9
|
-
const c = "flow--field-error", f = {
|
|
10
|
-
fieldError: c
|
|
11
|
-
}, u = (r) => {
|
|
12
|
-
const { children: o, className: e, ...s } = a("FieldError", r), t = m(f.fieldError, e);
|
|
13
|
-
return /* @__PURE__ */ i.createElement(l.FieldError, { ...s, className: t }, o);
|
|
14
|
-
};
|
|
15
|
-
export {
|
|
16
|
-
u as F
|
|
17
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import e from "react";
|
|
4
|
-
import { IconAlertTriangle as t, IconInfoCircle as r, IconCircleCheck as l, IconAlertCircle as o } from "@tabler/icons-react";
|
|
5
|
-
import { I as c } from "./Icon-D4F2hKiG.js";
|
|
6
|
-
const s = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(t, null)), i = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(r, null)), E = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(l, null)), f = (n) => /* @__PURE__ */ e.createElement(c, { ...n }, /* @__PURE__ */ e.createElement(o, null));
|
|
7
|
-
export {
|
|
8
|
-
s as I,
|
|
9
|
-
i as a,
|
|
10
|
-
E as b,
|
|
11
|
-
f as c
|
|
12
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from "react";
|
|
2
|
-
import { ButtonProps } from '../Button';
|
|
3
|
-
export interface CopyToClipboardButtonProps extends Omit<ButtonProps, "onPress" | "aria-label"> {
|
|
4
|
-
text: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export declare const CopyToClipboardButton: FC<CopyToClipboardButtonProps>;
|
|
7
|
-
export default CopyToClipboardButton;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { CopyToClipboardButton } from "../CopyToClipboardButton";
|
|
3
|
-
declare const meta: Meta<typeof CopyToClipboardButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof CopyToClipboardButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithReactNodeText: Story;
|