@transferwise/components 45.1.0 → 45.2.0

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

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import ActionButton from './ActionButton';
 declare const _default: {
     component: import("react").ForwardRefExoticComponent<{
         text?: string | undefined;
@@ -7,5 +9,7 @@ declare const _default: {
     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,8 +1,30 @@
 /// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
 import ActionOption from './ActionOption';
-declare const meta: Meta<typeof ActionOption>;
-export default meta;
-export declare const Basic: () => JSX.Element;
-export declare const Multiple: () => JSX.Element;
-export declare const WithContainerContent: () => JSX.Element;
+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;
+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/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/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/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/index.d.ts

@@ -86,6 +86,7 @@ export { default as Upload } from './upload';
 export { default as UploadInput } from './uploadInput';
 export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
 export { default as CriticalCommsBanner } from './criticalBanner';
+export { default as ListItem } from './listItem';
 /**
  * Hooks
  */

package/build/types/listItem/ListItem.d.ts

@@ -0,0 +1,12 @@
+import { ElementType, FC, ReactNode } from 'react';
+type ListItemProps = {
+    title: ReactNode;
+    value: string;
+    media?: ReactNode;
+    action?: ReactNode;
+    className?: string;
+    isContainerAligned?: boolean;
+    as?: ElementType;
+};
+declare const ListItem: FC<ListItemProps>;
+export default ListItem;

package/build/types/listItem/ListItem.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/types/listItem/ListItem.story.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<{
+        title: import("react").ReactNode;
+        value: string;
+        media?: import("react").ReactNode;
+        action?: import("react").ReactNode;
+        className?: string | undefined;
+        isContainerAligned?: boolean | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Variants: () => JSX.Element;

package/build/types/listItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ListItem";

package/build/types/loader/Loader.story.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Loader from './Loader';
+declare const _default: {
+    component: ({ small, size, displayInstantly, classNames, ...restProps }: {
+        small?: boolean | undefined;
+        size?: ("lg" | "xl" | "xs") | ("sm" | "md") | undefined;
+        displayInstantly?: boolean | undefined;
+        classNames?: Record<string, string> | undefined;
+        'data-testid'?: string | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+    args: {
+        size: "md";
+    };
+    argTypes: {
+        size: {
+            type: {
+                name: "enum";
+                value: string[];
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Loader>;
+export declare const Basic: Story;

package/build/types/logo/Logo.story.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Logo, { LogoType } from '.';
+declare const _default: {
+    component: {
+        ({ className, inverse, type }: {
+            className: any;
+            inverse: any;
+            type: any;
+        }): JSX.Element;
+        propTypes: {
+            className: any;
+            inverse: any;
+            type: any;
+        };
+        defaultProps: {
+            className: undefined;
+            inverse: boolean;
+            type: LogoType;
+        };
+    };
+    title: string;
+    render: (args: {
+        className: any;
+        inverse: any;
+        type: any;
+    }) => JSX.Element;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Logo>;
+export declare const Basic: Story;

package/build/types/money/Money.story.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Money from './Money';
+declare const _default: {
+    component: {
+        ({ amount, currency }: {
+            amount: any;
+            currency: any;
+        }): JSX.Element;
+        propTypes: {
+            amount: any;
+            currency: any;
+        };
+    };
+    title: string;
+};
+export default _default;
+type Story = StoryObj<typeof Money>;
+export declare const Basic: Story;

package/build/types/moneyInput/MoneyInput.story.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import MoneyInput from '.';
+declare const _default: {
+    component: import("react").FC<import("react-intl").WithIntlProps<any>> & {
+        WrappedComponent: import("react").ComponentType<any>;
+    };
+    title: string;
+    render: (args: Omit<any, "intl"> & {
+        forwardedRef?: import("react").Ref<any> | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    }) => JSX.Element;
+    args: {
+        id: string;
+        amount: number;
+        selectProps: {
+            buttonProps: {
+                'aria-label': string;
+            };
+            dropdownProps: {
+                'aria-label': string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof MoneyInput>;
+export declare const SingleCurrency: Story;
+export declare const MultipleCurrencies: Story;
+export declare const OpenedInput: Story;
+export declare const SmallInput: Story;
+export declare const MediumInput: Story;
+export declare const LargeInput: Story;

package/build/types/progress/Progress.story.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Progress from './Progress';
+declare const _default: {
+    component: ({ className, id, progress }: {
+        className?: string | undefined;
+        id: string;
+        progress: {
+            value: number;
+            max: number;
+        };
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    title: string;
+};
+export default _default;
+type Story = StoryObj<typeof Progress>;
+export declare const Basic: Story;

package/build/types/progressBar/ProgressBar.story.d.ts

@@ -1,6 +1,11 @@
-import { Meta, StoryObj } from '@storybook/react';
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
 import ProgressBar from './ProgressBar';
-declare const meta: Meta<typeof ProgressBar>;
-export default meta;
+declare const _default: {
+    component: ({ className, description, id, title, progress, textEnd, }: import("./ProgressBar").ProgressBarProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    title: string;
+    tags: string[];
+};
+export default _default;
 type Story = StoryObj<typeof ProgressBar>;
 export declare const Basic: Story;

package/build/types/provider/Provider.story.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Provider } from '..';
 declare const _default: {
     component: {
         ({ i18n, children }: {
@@ -16,4 +18,5 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+type Story = StoryObj<typeof Provider>;
+export declare const Basic: Story;

package/build/types/statusIcon/StatusIcon.story.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Sentiment } from '../common';
+import StatusIcon from './StatusIcon';
+declare const _default: {
+    component: ({ sentiment, size }: {
+        sentiment: Sentiment;
+        size: "sm" | "md" | "lg";
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+type Story = StoryObj<typeof StatusIcon>;
+export declare const Basic: Story;
+export declare const Variants: Story;