@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.
Files changed (31) hide show
  1. package/dist/Checkbox.js +10 -11
  2. package/dist/{CopyToClipboardButton.js → CopyButton.js} +5 -5
  3. package/dist/FieldError-BvbJ9dzr.js +21 -0
  4. package/dist/FieldError.js +1 -1
  5. package/dist/IconDanger-CCULXdVw.js +9 -0
  6. package/dist/IconWarning-BIeWNF-G.js +11 -0
  7. package/dist/Icons.js +15 -14
  8. package/dist/InlineAlert.js +1 -1
  9. package/dist/LabeledValue.js +6 -6
  10. package/dist/NumberField.js +2 -2
  11. package/dist/RadioGroup.js +1 -1
  12. package/dist/StatusBadge.js +1 -1
  13. package/dist/{StatusIcon-GPbDfbJe.js → StatusIcon-CZbUO0T5.js} +9 -8
  14. package/dist/StatusIcon.js +1 -1
  15. package/dist/TextArea.js +1 -1
  16. package/dist/TextField.js +1 -1
  17. package/dist/{TextFieldBase-DR3ofo0H.js → TextFieldBase-aO8YvtBx.js} +1 -1
  18. package/dist/styles.css +1 -1
  19. package/dist/types/components/CopyButton/CopyButton.d.ts +7 -0
  20. package/dist/types/components/CopyButton/index.d.ts +3 -0
  21. package/dist/types/components/CopyButton/stories/Default.stories.d.ts +7 -0
  22. package/dist/types/components/propTypes/index.d.ts +2 -2
  23. package/dist/types/lib/propsContext/dynamicProps/dynamic.d.ts +1 -1
  24. package/dist/types/lib/propsContext/dynamicProps/resolveDynamicProps.d.ts +1 -1
  25. package/dist/types/lib/propsContext/propsContext.d.ts +43 -63
  26. package/package.json +23 -23
  27. package/dist/FieldError-DZl3QsUa.js +0 -17
  28. package/dist/IconWarning-DkGRbK8I.js +0 -12
  29. package/dist/types/components/CopyToClipboardButton/CopyToClipboardButton.d.ts +0 -7
  30. package/dist/types/components/CopyToClipboardButton/index.d.ts +0 -3
  31. 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,3 @@
1
+ import { CopyButton } from "./CopyButton";
2
+ export { type CopyButtonProps, CopyButton } from "./CopyButton";
3
+ 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 { CopyToClipboardButtonProps } from '../CopyToClipboardButton';
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
- CopyToClipboard: CopyToClipboardButtonProps;
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: (localProps: import('../../../components/propTypes').FlowComponentProps<C>) => import('../../../components/propTypes').FlowComponentPropType<C, P>) => DynamicProp<C, P>;
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: Partial<keyof FlowComponentProps<C> extends infer T extends keyof FlowComponentProps<C> ? { [P in T]: import('../../../components/propTypes').FlowComponentPropType<C, P> | import("./types").DynamicProp<C, P>; } : never>, localProps: FlowComponentProps<C>) => Partial<FlowComponentProps<C>>;
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
- CopyToClipboard: Partial<{
319
- form?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "form"> | undefined;
320
- slot?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "slot"> | null | undefined;
321
- style?: "plain" | "solid" | "soft" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "style"> | undefined;
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<"CopyToClipboard", "children"> | null | undefined;
323
- autoFocus?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "autoFocus"> | undefined;
324
- className?: string | ((values: import("react-aria-components").ButtonRenderProps) => string) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "className"> | undefined;
325
- id?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "id"> | undefined;
326
- 'aria-controls'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-controls"> | undefined;
327
- 'aria-describedby'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-describedby"> | undefined;
328
- 'aria-details'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-details"> | undefined;
329
- 'aria-expanded'?: boolean | "true" | "false" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-expanded"> | undefined;
330
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-haspopup"> | undefined;
331
- 'aria-labelledby'?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-labelledby"> | undefined;
332
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "aria-pressed"> | undefined;
333
- onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onFocus"> | undefined;
334
- onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onBlur"> | undefined;
335
- onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onKeyDown"> | undefined;
336
- onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onKeyUp"> | undefined;
337
- text: import("react").ReactNode | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "text">;
338
- isDisabled?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isDisabled"> | undefined;
339
- onPressStart?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressStart"> | undefined;
340
- onPressEnd?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressEnd"> | undefined;
341
- onPressChange?: ((isPressed: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressChange"> | undefined;
342
- onPressUp?: ((e: import("react-aria").PressEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onPressUp"> | undefined;
343
- onFocusChange?: ((isFocused: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onFocusChange"> | undefined;
344
- type?: "button" | "submit" | "reset" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "type"> | undefined;
345
- excludeFromTabOrder?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "excludeFromTabOrder"> | undefined;
346
- formAction?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formAction"> | undefined;
347
- formEncType?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formEncType"> | undefined;
348
- formMethod?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formMethod"> | undefined;
349
- formNoValidate?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formNoValidate"> | undefined;
350
- formTarget?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "formTarget"> | undefined;
351
- name?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "name"> | undefined;
352
- value?: string | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "value"> | undefined;
353
- onHoverStart?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverStart"> | undefined;
354
- onHoverEnd?: ((e: import("react-aria").HoverEvent) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverEnd"> | undefined;
355
- onHoverChange?: ((isHovering: boolean) => void) | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "onHoverChange"> | undefined;
356
- variant?: "danger" | "primary" | "accent" | "secondary" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "variant"> | undefined;
357
- size?: "s" | "m" | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "size"> | undefined;
358
- isPending?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isPending"> | undefined;
359
- isSucceeded?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isSucceeded"> | undefined;
360
- isFailed?: boolean | import("./dynamicProps/types").DynamicProp<"CopyToClipboard", "isFailed"> | undefined;
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.35",
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
- "./CopyToClipboardButton": {
30
- "types": "./dist/types/components/CopyToClipboardButton/index.d.ts",
31
- "import": "./dist/CopyToClipboardButton.js"
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.46.2"
164
+ "remeda": "^1.51.0"
165
165
  },
166
166
  "devDependencies": {
167
- "@mittwald/flow-design-tokens": "^0.1.0-alpha.34",
168
- "@nx/storybook": "^18.1.0",
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.24",
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.61",
189
- "@types/react-dom": "^18.2.19",
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.3.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.8.4",
194
+ "happy-dom": "^13.9.0",
195
195
  "next": "^14.1.3",
196
- "nx": "^18.1.0",
197
- "postcss": "^8.4.35",
196
+ "nx": "^18.1.1",
197
+ "postcss": "^8.4.36",
198
198
  "postcss-nested-import": "^1.3.0",
199
- "postcss-nesting": "^12.0.4",
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.12.0",
206
- "sass": "^1.71.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.0",
209
+ "storybook-addon-pseudo-states": "^2.2.1",
210
210
  "tsx": "^4.7.1",
211
- "typescript": "^5.3.3",
211
+ "typescript": "^5.4.2",
212
212
  "typescript-plugin-css-modules": "^5.1.0",
213
- "vite": "^5.1.4",
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.3.1",
219
- "yaml": "^2.4.0"
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": "7bd9162b95ea847add0865b51864b5d10625f182"
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,3 +0,0 @@
1
- import { CopyToClipboardButton } from "./CopyToClipboardButton";
2
- export { type CopyToClipboardButtonProps, CopyToClipboardButton, } from "./CopyToClipboardButton";
3
- 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;