@transferwise/components 45.1.1 → 45.3.0

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

@@ -1,22 +1,18 @@
-import * as React from 'react';
-
-export type AvatarSize = "sm" | "md" | "lg" | 40 | 56;
-
-export type AvatarTheme = "light" | "dark";
-
-export type AvatarType = "thumbnail" | "icon" | "emoji" | "initials";
-
-export interface AvatarProps {
-    backgroundColor?: string;
-    children?: React.ReactNode;
-    className?: string;
-    outlined?: boolean;
-    size?: AvatarSize;
-    theme?: AvatarTheme;
-    type?: AvatarType;
-}
-
-declare const Avatar: React.FC<AvatarProps>;
-
-export default Avatar;
-
+/// <reference types="react" />
+type NumericAvatarSize = 24 | 40 | 48 | 56 | 72;
+type LegacyAvatarSize = 'sm' | 'md' | 'lg';
+export type AvatarSize = NumericAvatarSize | LegacyAvatarSize;
+export type AvatarTheme = 'light' | 'dark';
+export type AvatarType = 'thumbnail' | 'icon' | 'emoji' | 'initials';
+export interface AvatarProps {
+    backgroundColor?: string;
+    backgroundColorSeed?: string;
+    children?: React.ReactNode;
+    className?: string;
+    outlined?: boolean;
+    size?: AvatarSize;
+    theme?: AvatarTheme;
+    type?: AvatarType;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

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

@@ -1,42 +1,11 @@
 /// <reference types="react" />
 import { StoryObj } from '@storybook/react';
-import { Size, Theme } from '../common';
-import Avatar, { AvatarType } from '.';
+import Avatar 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;
-        };
-    };
+    component: import("react").FC<import("./Avatar").AvatarProps>;
     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;
+export declare const Tables: Story;

package/build/types/avatar/colors/colors.d.ts

@@ -0,0 +1,3 @@
+declare const avatarColors: readonly ["--color-bright-blue", "--color-bright-yellow", "--color-bright-pink", "--color-bright-orange"];
+export declare const getAvatarColorFromSeed: (seed: string) => (typeof avatarColors)[number];
+export {};

package/build/types/avatar/colors/index.d.ts

@@ -0,0 +1 @@
+export * from './colors';

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

@@ -1,2 +1,2 @@
-export { AvatarType } from "./avatarTypes";
-export { default } from "./Avatar";
+export { AvatarType } from './avatarTypes';
+export { default } from './Avatar';

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

@@ -13,6 +13,7 @@ export interface AvatarWrapperBadgeProps {
 export interface AvatarWrapperProps {
     url?: string;
     profileType?: AvatarWrapperProfileType;
+    profileId?: number;
     badgeUrl?: string;
     badgeAltText?: string;
     badgeStatusIcon?: AvatarWrapperBadgeStatusIcon;

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

@@ -4,9 +4,10 @@ import { Sentiment } from '../common';
 import AvatarWrapper from './AvatarWrapper';
 declare const _default: {
     component: {
-        ({ url, profileType, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: {
+        ({ url, profileType, profileId, badgeUrl, badgeAltText, badgeStatusIcon, name, avatarProps, badgeProps, }: {
             url: any;
             profileType: any;
+            profileId: any;
             badgeUrl: any;
             badgeAltText: any;
             badgeStatusIcon: any;
@@ -17,6 +18,7 @@ declare const _default: {
         defaultProps: {
             url: undefined;
             profileType: undefined;
+            profileId: undefined;
             badgeUrl: undefined;
             badgeAltText: undefined;
             badgeStatusIcon: undefined;
@@ -27,6 +29,7 @@ declare const _default: {
         propTypes: {
             url: any;
             profileType: any;
+            profileId: any;
             badgeUrl: any;
             badgeAltText: any;
             badgeStatusIcon: any;

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";