@transferwise/components 45.0.1 → 45.1.1

package/build/types/accordion/AccordionItem/AccordionItem.d.ts

@@ -11,14 +11,14 @@ declare function AccordionItem({ "aria-label": ariaLabel, id, title, content, on
 }): JSX.Element;
 declare namespace AccordionItem {
     const propTypes: {
-        'aria-label': PropTypes.Requireable<string>;
-        content: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        id: PropTypes.Requireable<string>;
-        open: PropTypes.Validator<boolean>;
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
-        title: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        theme: PropTypes.Requireable<string>;
+        'aria-label': any;
+        content: any;
+        icon: any;
+        id: any;
+        open: any;
+        onClick: any;
+        title: any;
+        theme: any;
     };
     const defaultProps: {
         'aria-label': undefined;
@@ -27,5 +27,4 @@ declare namespace AccordionItem {
         theme: Theme;
     };
 }
-import PropTypes from "prop-types";
 import { Theme } from "../../common/theme";

package/build/types/actionButton/ActionButton.story.d.ts

@@ -1,7 +1,15 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    text?: string | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+import { StoryObj } from '@storybook/react';
+import ActionButton from './ActionButton';
+declare const _default: {
+    component: import("react").ForwardRefExoticComponent<{
+        text?: string | undefined;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    title: string;
+    tags: string[];
+};
 export default _default;
-export declare const Variants: () => JSX.Element;
-export declare const Basic: () => JSX.Element;
+type Story = StoryObj<typeof ActionButton>;
+export declare const Basic: Story;
+export declare const WithIcon: Story;
+export declare const Disabled: Story;

package/build/types/actionOption/ActionOption.story.d.ts

@@ -1,17 +1,30 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
-    complex?: boolean | undefined;
-    content?: import("react").ReactChild | undefined;
-    disabled?: boolean | undefined;
-    media?: import("react").ReactChild | undefined;
-    showMediaAtAllSizes?: boolean | undefined;
-    onClick: () => void;
-    title: import("react").ReactChild;
-    action: import("react").ReactChild;
-    showMediaCircle?: boolean | undefined;
-    isContainerAligned?: boolean | undefined;
-} & import("../common").CommonProps>;
+import { StoryObj } from '@storybook/react';
+import ActionOption from './ActionOption';
+declare const _default: {
+    component: ({ action, disabled, onClick, media, title, content, complex, className, showMediaAtAllSizes, showMediaCircle, isContainerAligned, }: {
+        complex?: boolean | undefined;
+        content?: import("react").ReactChild | undefined;
+        disabled?: boolean | undefined;
+        media?: import("react").ReactChild | undefined;
+        showMediaAtAllSizes?: boolean | undefined;
+        onClick: () => void;
+        title: import("react").ReactChild;
+        action: import("react").ReactChild;
+        showMediaCircle?: boolean | undefined;
+        isContainerAligned?: boolean | undefined;
+    } & import("../common").CommonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+    args: {
+        title: string;
+        content: string;
+        action: string;
+        media: JSX.Element;
+        showMediaCircle: false;
+    };
+    tags: string[];
+};
 export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const Multiple: () => JSX.Element;
-export declare const WithContainerContent: () => JSX.Element;
+type Story = StoryObj<typeof ActionOption>;
+export declare const Basic: Story;
+export declare const WithContainerContent: Story;

package/build/types/alert/Alert.story.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Sentiment } from '../common';
+import Alert from './Alert';
+declare const _default: {
+    component: {
+        (props: any): JSX.Element;
+        propTypes: {
+            action: any;
+            className: any;
+            icon: any;
+            message: any;
+            onDismiss: any;
+            type: any;
+            variant: any;
+            arrow: (props: any, propertyName: any, ...rest: any[]) => any;
+            children: (props: any, propertyName: any, ...rest: any[]) => any;
+            dismissible: (props: any, propertyName: any, ...rest: any[]) => any;
+        };
+        defaultProps: {
+            action: undefined;
+            arrow: undefined;
+            className: undefined;
+            dismissible: undefined;
+            icon: undefined;
+            type: Sentiment;
+            variant: import("../common").Variant;
+        };
+    };
+    title: string;
+    args: {
+        type: Sentiment;
+        message: string;
+    };
+    argTypes: {
+        arrow: {
+            name: string;
+            type: {
+                name: "enum";
+                value: string[];
+            };
+        };
+        type: {
+            type: {
+                name: "enum";
+                value: Sentiment[];
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Alert>;
+export declare const Basic: Story;
+export declare const WithAction: Story;
+export declare const WithArrow: Story;

package/build/types/alert/inlineMarkdown/InlineMarkdown.d.ts

@@ -2,12 +2,11 @@ export default InlineMarkdown;
 declare function InlineMarkdown(props: any): JSX.Element;
 declare namespace InlineMarkdown {
     namespace propTypes {
-        const children: PropTypes.Validator<string>;
-        const className: PropTypes.Requireable<string>;
+        const children: any;
+        const className: any;
     }
     namespace defaultProps {
         const className_1: undefined;
         export { className_1 as className };
     }
 }
-import PropTypes from "prop-types";

package/build/types/alert/withArrow/withArrow.d.ts

@@ -2,10 +2,9 @@ export default withArrow;
 declare function withArrow(Alert: any, arrow: any): {
     (props: any): JSX.Element;
     propTypes: {
-        className: PropTypes.Requireable<string>;
+        className: any;
     };
     defaultProps: {
         className: undefined;
     };
 };
-import PropTypes from "prop-types";

package/build/types/avatar/Avatar.story.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Size, Theme } from '../common';
+import Avatar, { AvatarType } from '.';
+declare const _default: {
+    component: {
+        ({ backgroundColor, children, className, outlined, size, theme, type }: {
+            backgroundColor: any;
+            children: any;
+            className: any;
+            outlined: any;
+            size: any;
+            theme: any;
+            type: any;
+        }): JSX.Element;
+        propTypes: {
+            backgroundColor: any;
+            children: any;
+            className: any;
+            outlined: any;
+            size: any;
+            theme: any;
+            type: any;
+        };
+        defaultProps: {
+            backgroundColor: null;
+            children: null;
+            className: null;
+            outlined: boolean;
+            size: Size;
+            theme: Theme;
+            type: AvatarType;
+        };
+    };
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Avatar>;
+export declare const Emoji: Story;
+export declare const Flag: Story;
+export declare const Table: Story;

package/build/types/avatarWrapper/AvatarWrapper.story.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Sentiment } from '../common';
+import AvatarWrapper from './AvatarWrapper';
+declare const _default: {
+    component: {
+        ({ url, profileType, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: {
+            url: any;
+            profileType: any;
+            badgeUrl: any;
+            badgeAltText: any;
+            badgeStatusIcon: any;
+            name: any;
+            avatarProps: any;
+            badgeProps: any;
+        }): JSX.Element;
+        defaultProps: {
+            url: undefined;
+            profileType: undefined;
+            badgeUrl: undefined;
+            badgeAltText: undefined;
+            badgeStatusIcon: undefined;
+            name: undefined;
+            avatarProps: {};
+            badgeProps: {};
+        };
+        propTypes: {
+            url: any;
+            profileType: any;
+            badgeUrl: any;
+            badgeAltText: any;
+            badgeStatusIcon: any;
+            name: any;
+            avatarProps: any;
+            badgeProps: any;
+        };
+    };
+    title: string;
+    argTypes: {
+        profileType: {
+            type: {
+                name: "enum";
+                value: string[];
+            };
+        };
+        badgeStatusIcon: {
+            type: {
+                name: "enum";
+                value: Sentiment[];
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof AvatarWrapper>;
+export declare const WithBadgeUrl: Story;
+export declare const WithBadgeStatus: Story;
+export declare const All: Story;

package/build/types/checkboxButton/CheckboxButton.story.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./CheckboxButton").CheckboxButtonProps & import("react").RefAttributes<HTMLInputElement>>;
-export default _default;
+import { Meta } from '@storybook/react';
+import CheckboxButton from './CheckboxButton';
+declare const meta: Meta<typeof CheckboxButton>;
+export default meta;
 export declare const Basic: () => JSX.Element;

package/build/types/checkboxOption/CheckboxOption.story.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("../common/Option/Option").BaseOptionProps, "onChange"> & {
-    checked?: boolean | undefined;
-    onChange: (value: boolean) => void;
-} & import("react").RefAttributes<import("../common/Option/Option").ReferenceType>>;
-export default _default;
+import { Meta } from '@storybook/react';
+import CheckboxOption from './CheckboxOption';
+declare const meta: Meta<typeof CheckboxOption>;
+export default meta;
 export declare const Basic: () => JSX.Element;
 export declare const Multiple: () => JSX.Element;
 export declare const WithContainerContent: () => JSX.Element;

package/build/types/chevron/Chevron.story.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Chevron from './Chevron';
+declare const _default: {
+    component: {
+        ({ orientation, size, disabled, className }: {
+            orientation: any;
+            size: any;
+            disabled: any;
+            className: any;
+        }): JSX.Element;
+        propTypes: {
+            orientation: any;
+            size: any;
+            disabled: any;
+            className: any;
+        };
+        defaultProps: {
+            orientation: import("..").Position;
+            size: import("..").Size;
+            disabled: boolean;
+            className: null;
+        };
+    };
+    title: string;
+    argTypes: {
+        orientation: {
+            type: {
+                name: "enum";
+                value: string[];
+            };
+        };
+        size: {
+            type: {
+                name: "enum";
+                value: string[];
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Chevron>;
+export declare const Basic: Story;

package/build/types/chips/Chips.story.d.ts

@@ -1,14 +1,9 @@
-import { ChipsProps, ChipValue } from './Chips';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../common").CommonProps & import("../common").AriaLabelProperty & {
-    chips: import("./Chips").Chip[];
-    onChange: ({ isEnabled, selectedValue, }: {
-        isEnabled: boolean;
-        selectedValue: ChipValue;
-    }) => void;
-    selected: ChipValue | ChipValue[];
-    multiple?: boolean | undefined;
-}>;
-export default _default;
-export declare const FilterChips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ChipsProps>;
-export declare const PreSelectedFilterChips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ChipsProps>;
-export declare const ChoiceChips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ChipsProps>;
+import { Story, Meta } from '@storybook/react';
+import Chips, { ChipsProps } from './Chips';
+declare const meta: Meta<typeof Chips>;
+export default meta;
+declare const FilterTemplate: Story<ChipsProps>;
+declare const ChoiceTemplate: Story<ChipsProps>;
+export declare const FilterChips: typeof FilterTemplate;
+export declare const PreSelectedFilterChips: typeof FilterTemplate;
+export declare const ChoiceChips: typeof ChoiceTemplate;

package/build/types/common/RadioButton/RadioButton.d.ts

@@ -10,13 +10,13 @@ declare function RadioButton({ id, value, name, checked, onChange, disabled, rea
 }): JSX.Element;
 declare namespace RadioButton {
     namespace propTypes {
-        const id: PropTypes.Requireable<string>;
-        const name: PropTypes.Validator<string>;
-        const checked: PropTypes.Requireable<boolean>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        const readOnly: PropTypes.Requireable<boolean>;
+        const id: any;
+        const name: any;
+        const checked: any;
+        const onChange: any;
+        const disabled: any;
+        const value: any;
+        const readOnly: any;
     }
     namespace defaultProps {
         const checked_1: boolean;
@@ -33,4 +33,3 @@ declare namespace RadioButton {
         export { readOnly_1 as readOnly };
     }
 }
-import PropTypes from "prop-types";

package/build/types/dateLookup/dateHeader/DateHeader.d.ts

@@ -7,10 +7,10 @@ declare function DateHeader({ label, onLabelClick, onPreviousClick, onNextClick
 }): JSX.Element;
 declare namespace DateHeader {
     namespace propTypes {
-        const label: PropTypes.Requireable<string>;
-        const onLabelClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onPreviousClick: PropTypes.Validator<(...args: any[]) => any>;
-        const onNextClick: PropTypes.Validator<(...args: any[]) => any>;
+        const label: any;
+        const onLabelClick: any;
+        const onPreviousClick: any;
+        const onNextClick: any;
     }
     namespace defaultProps {
         const label_1: null;
@@ -19,4 +19,3 @@ declare namespace DateHeader {
         export { onLabelClick_1 as onLabelClick };
     }
 }
-import PropTypes from "prop-types";

package/build/types/dateLookup/dateTrigger/DateTrigger.d.ts

@@ -11,14 +11,14 @@ declare function DateTrigger({ selectedDate, size, placeholder, label, monthForm
 }): JSX.Element;
 declare namespace DateTrigger {
     namespace propTypes {
-        const selectedDate: PropTypes.Requireable<Date>;
-        const size: PropTypes.Requireable<string>;
-        const placeholder: PropTypes.Validator<string>;
-        const label: PropTypes.Validator<string>;
-        const monthFormat: PropTypes.Validator<string>;
-        const disabled: PropTypes.Validator<boolean>;
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
-        const onClear: PropTypes.Requireable<(...args: any[]) => any>;
+        const selectedDate: any;
+        const size: any;
+        const placeholder: any;
+        const label: any;
+        const monthFormat: any;
+        const disabled: any;
+        const onClick: any;
+        const onClear: any;
     }
     namespace defaultProps {
         const selectedDate_1: null;
@@ -29,5 +29,4 @@ declare namespace DateTrigger {
         export { onClear_1 as onClear };
     }
 }
-import PropTypes from "prop-types";
 import { Size } from "../../common/propsValues/size";

package/build/types/dateLookup/monthCalendar/table/MonthCalendarTable.d.ts

@@ -9,12 +9,12 @@ declare function MonthCalendarTable({ selectedDate: selected, min, max, viewYear
 }): JSX.Element;
 declare namespace MonthCalendarTable {
     namespace propTypes {
-        const selectedDate: PropTypes.Requireable<Date>;
-        const min: PropTypes.Requireable<Date>;
-        const max: PropTypes.Requireable<Date>;
-        const viewYear: PropTypes.Validator<number>;
-        const placeholder: PropTypes.Validator<string>;
-        const onSelect: PropTypes.Validator<(...args: any[]) => any>;
+        const selectedDate: any;
+        const min: any;
+        const max: any;
+        const viewYear: any;
+        const placeholder: any;
+        const onSelect: any;
     }
     namespace defaultProps {
         const selectedDate_1: null;
@@ -25,4 +25,3 @@ declare namespace MonthCalendarTable {
         export { max_1 as max };
     }
 }
-import PropTypes from "prop-types";

package/build/types/dateLookup/tableLink/TableLink.d.ts

@@ -7,14 +7,14 @@ declare class TableLink extends PureComponent<any, any, any> {
 }
 declare namespace TableLink {
     namespace propTypes {
-        const item: PropTypes.Validator<number>;
-        const type: PropTypes.Validator<string>;
-        const title: PropTypes.Requireable<string>;
-        const longTitle: PropTypes.Requireable<string>;
-        const active: PropTypes.Validator<boolean>;
-        const disabled: PropTypes.Validator<boolean>;
-        const today: PropTypes.Validator<boolean>;
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+        const item: any;
+        const type: any;
+        const title: any;
+        const longTitle: any;
+        const active: any;
+        const disabled: any;
+        const today: any;
+        const onClick: any;
     }
     namespace defaultProps {
         const title_1: null;
@@ -24,4 +24,3 @@ declare namespace TableLink {
     }
 }
 import { PureComponent } from "react";
-import PropTypes from "prop-types";

package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts

@@ -9,13 +9,13 @@ declare class YearCalendar extends PureComponent<any, any, any> {
 }
 declare namespace YearCalendar {
     namespace propTypes {
-        const selectedDate: PropTypes.Requireable<Date>;
-        const min: PropTypes.Requireable<Date>;
-        const max: PropTypes.Requireable<Date>;
-        const viewYear: PropTypes.Validator<number>;
-        const placeholder: PropTypes.Validator<string>;
-        const onSelect: PropTypes.Validator<(...args: any[]) => any>;
-        const onViewDateUpdate: PropTypes.Validator<(...args: any[]) => any>;
+        const selectedDate: any;
+        const min: any;
+        const max: any;
+        const viewYear: any;
+        const placeholder: any;
+        const onSelect: any;
+        const onViewDateUpdate: any;
     }
     namespace defaultProps {
         const selectedDate_1: null;
@@ -27,4 +27,3 @@ declare namespace YearCalendar {
     }
 }
 import { PureComponent } from "react";
-import PropTypes from "prop-types";

package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts

@@ -9,12 +9,12 @@ declare function YearCalendarTable({ selectedDate, min, max, viewYear, placehold
 }): JSX.Element;
 declare namespace YearCalendarTable {
     namespace propTypes {
-        const selectedDate: PropTypes.Requireable<Date>;
-        const min: PropTypes.Requireable<Date>;
-        const max: PropTypes.Requireable<Date>;
-        const viewYear: PropTypes.Validator<number>;
-        const placeholder: PropTypes.Validator<string>;
-        const onSelect: PropTypes.Validator<(...args: any[]) => any>;
+        const selectedDate: any;
+        const min: any;
+        const max: any;
+        const viewYear: any;
+        const placeholder: any;
+        const onSelect: any;
     }
     namespace defaultProps {
         const selectedDate_1: null;
@@ -25,4 +25,3 @@ declare namespace YearCalendarTable {
         export { max_1 as max };
     }
 }
-import PropTypes from "prop-types";

package/build/types/dimmer/Dimmer.story.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Dimmer } from '..';
 declare const _default: {
     component: (props: import("../common").CommonProps & {
         children?: import("react").ReactNode;
@@ -12,6 +14,12 @@ declare const _default: {
         onClose?: ((event: KeyboardEvent | import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     }) => import("react").ReactPortal | null;
     title: string;
+    args: {
+        fadeContentOnEnter: false;
+        fadeContentOnExit: false;
+        disableClickToClose: false;
+    };
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+type Story = StoryObj<typeof Dimmer>;
+export declare const Basic: Story;

package/build/types/dynamicFieldDefinitionList/FormattedValue/FormattedValue.d.ts

@@ -5,21 +5,7 @@ declare function FormattedValue({ field, value }: {
 }): JSX.Element;
 declare namespace FormattedValue {
     namespace propTypes {
-        const field: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            control: PropTypes.Validator<string>;
-            displayFormat: PropTypes.Requireable<string>;
-            refreshRequirementsOnChange: PropTypes.Requireable<boolean>;
-            title: PropTypes.Validator<string>;
-            type: PropTypes.Validator<string>;
-            width: PropTypes.Requireable<string>;
-            tagClassName: PropTypes.Requireable<PropTypes.InferProps<{
-                h3: PropTypes.Requireable<boolean>;
-            }>>;
-            values: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Requireable<any>;
-            }> | null | undefined)[]>;
-        }>>>;
-        const value: PropTypes.Validator<any>;
+        const field: any;
+        const value: any;
     }
 }
-import PropTypes from "prop-types";

package/build/types/flowNavigation/animatedLabel/AnimatedLabel.d.ts

@@ -6,13 +6,12 @@ declare function AnimatedLabel({ activeLabel, className, labels }: {
 }): JSX.Element;
 declare namespace AnimatedLabel {
     namespace propTypes {
-        const activeLabel: PropTypes.Validator<number>;
-        const className: PropTypes.Requireable<string>;
-        const labels: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
+        const activeLabel: any;
+        const className: any;
+        const labels: any;
     }
     namespace defaultProps {
         const className_1: undefined;
         export { className_1 as className };
     }
 }
-import PropTypes from "prop-types";

package/build/types/flowNavigation/backButton/BackButton.d.ts

@@ -6,9 +6,9 @@ declare function BackButton({ label, className, onClick }: {
 }): JSX.Element;
 declare namespace BackButton {
     namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        const onClick: PropTypes.Validator<(...args: any[]) => any>;
+        const className: any;
+        const label: any;
+        const onClick: any;
     }
     namespace defaultProps {
         const className_1: undefined;
@@ -17,4 +17,3 @@ declare namespace BackButton {
         export { label_1 as label };
     }
 }
-import PropTypes from "prop-types";