@transferwise/components 45.2.0 → 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;