@transferwise/components 46.88.1 → 46.89.0

package/build/types/iconButton/IconButton.d.ts

@@ -4,12 +4,12 @@ export type Props = {
     priority?: 'primary' | 'secondary' | 'tertiary' | 'minimal';
     type?: 'default' | 'negative';
     'data-testid'?: string;
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled'> & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'role' | 'children' | 'aria-label'>;
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick'> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'disabled'> & Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'role' | 'children' | 'aria-label' | 'tabIndex'>;
 declare const IconButton: import("react").ForwardRefExoticComponent<{
     size?: 16 | 24 | 32 | 40 | 48 | 56 | 72;
     priority?: "primary" | "secondary" | "tertiary" | "minimal";
     type?: "default" | "negative";
     'data-testid'?: string;
-} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled"> & Pick<HTMLAttributes<HTMLDivElement>, "className" | "role" | "aria-label" | "children"> & import("react").RefAttributes<unknown>>;
+} & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "target" | "href"> & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled"> & Pick<HTMLAttributes<HTMLDivElement>, "className" | "tabIndex" | "role" | "aria-label" | "children"> & import("react").RefAttributes<unknown>>;
 export default IconButton;
 //# sourceMappingURL=IconButton.d.ts.map

package/build/types/iconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/F,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAC9E,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,GACrE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAEzF,QAAA,MAAM,UAAU;WARP,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;eAC5B,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS;WACpD,SAAS,GAAG,UAAU;oBACb,MAAM;2RAuCtB,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAK/F,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAC9E,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,GACrE,IAAI,CACF,cAAc,CAAC,cAAc,CAAC,EAC9B,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,CAC9D,CAAC;AAEJ,QAAA,MAAM,UAAU;WAXP,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;eAC5B,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS;WACpD,SAAS,GAAG,UAAU;oBACb,MAAM;wSA0CtB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/build/types/primitives/PrimitiveAnchor/{src/PrimitiveAnchor.d.ts → PrimitiveAnchor.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PrimitiveAnchorProps } from '..';
+import type { PrimitiveAnchorProps } from '.';
 /**
  * The Primitive `PrimitiveAnchor` component is customisable link element that can be
  * used in various parts of the Wise Design System internally. It supports

package/build/types/primitives/PrimitiveAnchor/PrimitiveAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveAnchor.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveAnchor/PrimitiveAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAC;AAE9C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GAkGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/build/types/primitives/PrimitiveAnchor/{src/PrimitiveAnchor.types.d.ts → PrimitiveAnchor.types.d.ts}

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { BasePrimitiveProps, StyleProp } from '../..';
+import { BasePrimitiveProps, StyleProp } from '..';
 /**
  * Type aliases for an anchor component.
  */

package/build/types/primitives/PrimitiveAnchor/PrimitiveAnchor.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveAnchor.types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveAnchor/PrimitiveAnchor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AACtF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,SAAS,EACT,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,MAAM,CAAC;IAClD,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,GAAG,CAAC,EAAE,yBAAyB,CAAC;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;CACtC"}

package/build/types/primitives/PrimitiveAnchor/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './src';
-export * from './src';
+export { default } from './PrimitiveAnchor';
+export type { PrimitiveAnchorProps, PrimitiveAnchorAttributes, PrimitiveAnchorElementRef, } from './PrimitiveAnchor.types';
 //# sourceMappingURL=index.d.ts.map

package/build/types/primitives/PrimitiveAnchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveAnchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveAnchor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC"}

package/build/types/primitives/PrimitiveButton/{src/PrimitiveButton.d.ts → PrimitiveButton.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PrimitiveButtonProps } from '..';
+import type { PrimitiveButtonProps } from '.';
 /**
  * The Primitive `PrimitiveButton` component can be used in various parts the Wise Design
  * System internally. It supports different states such as disabled and loading,

package/build/types/primitives/PrimitiveButton/PrimitiveButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveButton.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveButton/PrimitiveButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAC;AAE9C;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,6GAsGpB,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/build/types/primitives/PrimitiveButton/{src/PrimitiveButton.types.d.ts → PrimitiveButton.types.d.ts}

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { BasePrimitiveProps, StyleProp } from '../..';
+import { BasePrimitiveProps, StyleProp } from '..';
 /**
  * Type aliases for a button component.
  */

package/build/types/primitives/PrimitiveButton/PrimitiveButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimitiveButton.types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveButton/PrimitiveButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AACpG,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,oBACf,SAAQ,kBAAkB,EACxB,SAAS,EACT,yBAAyB;IAC3B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,sCAAsC;IACtC,GAAG,CAAC,EAAE,yBAAyB,CAAC;CACjC"}

package/build/types/primitives/PrimitiveButton/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './src';
-export * from './src';
+export { default } from './PrimitiveButton';
+export type { PrimitiveButtonProps, PrimitiveButtonAttributes, PrimitiveButtonElementRef, } from './PrimitiveButton.types';
 //# sourceMappingURL=index.d.ts.map

package/build/types/primitives/PrimitiveButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/PrimitiveButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EACV,oBAAoB,EACpB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAC"}

package/build/types/select/Select.d.ts

@@ -43,9 +43,7 @@ export interface SelectProps {
     searchPlaceholder?: string;
     classNames?: Record<string, string>;
     dropdownUp?: boolean;
-    buttonProps?: Extract<ButtonProps, {
-        as?: 'button';
-    }>;
+    buttonProps?: ButtonProps;
     dropdownProps?: React.ComponentPropsWithoutRef<'ul'>;
     onChange: (value: SelectItem | typeof DEFAULT_SELECTED_OPTION) => void;
     onFocus?: React.FocusEventHandler<HTMLDivElement>;

package/build/types/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/select/Select.tsx"],"names":[],"mappings":"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"}

package/build/types/table/TableCell.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { ImgHTMLAttributes } from 'react';
 import { MoneyProps } from '../money';
 interface TableCellTypeProp {
-    type: 'leading' | 'text' | 'currency' | 'status';
+    type: 'leading' | 'text' | 'currency' | 'status' | 'media';
 }
 interface TableCellTextProps {
     primaryText?: string;
@@ -10,6 +10,9 @@ interface TableCellTextProps {
 interface TableCellStatusProp {
     status?: 'error' | 'success';
 }
+export interface TableCellMedia extends TableCellTypeProp, TableCellTextProps {
+    media?: ImgHTMLAttributes<HTMLImageElement>;
+}
 export interface TableCellLeading extends TableCellTypeProp, TableCellTextProps, TableCellStatusProp {
     avatar?: {
         src?: string;
@@ -27,7 +30,7 @@ export interface TableCellStatus extends TableCellTypeProp, TableCellTextProps {
     sentiment?: 'negative' | 'neutral' | 'positive' | 'warning' | 'pending';
 }
 export interface TableCellType {
-    cell?: TableCellLeading & TableCellText & TableCellCurrency & TableCellStatus;
+    cell?: TableCellLeading & TableCellText & TableCellCurrency & TableCellStatus & TableCellMedia;
     alignment?: 'left' | 'right';
 }
 export interface TableCellProps extends TableCellType {

package/build/types/table/TableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/table/TableCell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;CAClD;AAGD,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,mBAAmB;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,mBAAmB;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,mBAAmB;IAC/E,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,kBAAkB;IAC5E,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CACzE;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAGD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,sDAAgE,cAAc,sBAuF5F,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/table/TableCell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5D;AAGD,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,cAAe,SAAQ,iBAAiB,EAAE,kBAAkB;IAC3E,KAAK,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,mBAAmB;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,mBAAmB;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,mBAAmB;IAC/E,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,iBAAiB,CAAC,EAAE,UAAU,CAAC;CAChC;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,kBAAkB;IAC5E,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CACzE;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,iBAAiB,GAAG,eAAe,GAAG,cAAc,CAAC;IAC/F,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAGD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,sDAAgE,cAAc,sBA4F5F,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.88.1",
+  "version": "46.89.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,9 +91,9 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@transferwise/neptune-css": "14.21.0",
-    "@wise/components-theming": "1.6.1",
-    "@transferwise/less-config": "3.1.0"
+    "@transferwise/less-config": "3.1.0",
+    "@transferwise/neptune-css": "14.21.1",
+    "@wise/components-theming": "1.6.1"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.13.1",

package/src/actionButton/ActionButton.story.tsx

@@ -5,9 +5,14 @@ import { storyConfig } from '../test-utils/story-config';
 
 import ActionButton from './ActionButton';
 
+/**
+ * This component is deprecated please use new [Button](?path=/docs/actions-button--docs).
+ *
+ * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://wise.design/components/button).
+ */
 export default {
   component: ActionButton,
-  title: 'Actions/ActionButton',
+  title: 'Actions/ActionButton (Deprecated)',
   tags: ['autodocs'],
 } satisfies Meta<typeof ActionButton>;
 

package/src/actionButton/ActionButton.tsx

@@ -3,6 +3,9 @@ import { ButtonHTMLAttributes, forwardRef } from 'react';
 
 import { Priority, PriorityPrimary, PrioritySecondary, PriorityTertiary } from '../common';
 
+/**
+ * @deprecated use `<Button />` component instead with `ButtonProps`
+ */
 export type ActionButtonProps = {
   priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
   /**
@@ -11,6 +14,9 @@ export type ActionButtonProps = {
   text?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 
+/**
+ * @deprecated use `<Button v2 size="sm" priority={'primary' / 'secondary-neutral' / 'tertiary'} .. />` component instead
+ */
 const ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>(
   (
     {

package/src/actionOption/ActionOption.story.tsx

@@ -25,12 +25,15 @@ export const Basic: Story = {
   render: (args) => <ActionOption {...args} />,
 };
 
-export const WithSecondaryPriority: Story = {
-  render: (args) => <ActionOption priority="secondary" {...args} />,
-};
-
-export const WithTertiaryPriority: Story = {
-  render: (args) => <ActionOption priority="tertiary" {...args} />,
+export const Variants: Story = {
+  render: (args) => (
+    <>
+      <ActionOption priority="primary" {...args} title="priority = primary" />
+      <ActionOption priority="secondary" {...args} title="priority = secondary" />
+      <ActionOption priority="secondary-send" {...args} title="priority = secondary-send" />
+      <ActionOption priority="tertiary" {...args} title="priority = tertiary" />
+    </>
+  ),
 };
 
 export const WithContainerContent: Story = {

package/src/actionOption/ActionOption.tsx

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx';
 
-import ActionButton from '../actionButton';
+import Button from '../button';
 import {
   CommonProps,
   Priority,
@@ -9,6 +9,13 @@ import {
   PriorityTertiary,
 } from '../common';
 import Option from '../common/Option';
+import { ButtonPriority } from '../button/Button.types';
+
+type ActionOptionPriority =
+  | PriorityPrimary
+  | PrioritySecondary
+  | PriorityTertiary
+  | 'secondary-send';
 
 export type ActionOptionProps = {
   complex?: boolean;
@@ -19,7 +26,7 @@ export type ActionOptionProps = {
   onClick: () => void;
   title: React.ReactNode;
   action: React.ReactNode;
-  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
+  priority?: ActionOptionPriority;
   showMediaCircle?: boolean;
   isContainerAligned?: boolean;
   as?: React.ElementType;
@@ -67,18 +74,35 @@ const ActionOption = ({
     return labels.join(', ') || undefined;
   };
 
+  const mapPriority = (priority: ActionOptionPriority): ButtonPriority => {
+    switch (priority) {
+      case 'primary':
+        return 'primary';
+      case 'secondary':
+        return 'secondary-neutral';
+      case 'tertiary':
+        return 'tertiary';
+      case 'secondary-send':
+        return 'secondary';
+      default:
+        return 'primary';
+    }
+  };
+
   return (
     <Option
       {...sharedProps}
       button={
-        <ActionButton
-          priority={priority}
+        <Button
+          v2
+          size="sm"
+          priority={mapPriority(priority)}
           disabled={disabled}
           aria-label={getAriaLabel()}
           onClick={onClick}
         >
           {action}
-        </ActionButton>
+        </Button>
       }
     />
   );

package/src/alert/Alert.css

@@ -1,3 +1,7 @@
 .wds-alert__liveRegion {
   display: contents;
 }
+.alert__close {
+  min-width: 48px;
+  min-width: var(--size-48);
+}

package/src/alert/Alert.less

@@ -1,3 +1,7 @@
 .wds-alert__liveRegion {
   display: contents;
 }
+
+.alert__close {
+  min-width: var(--size-48);
+}

package/src/alert/Alert.spec.tsx

@@ -445,36 +445,6 @@ describe('Alert', () => {
   });
 
   describe('with personal theme', () => {
-    it('renders mobile variant if passed in', () => {
-      render(
-        <ThemeProvider theme={Theme.PERSONAL}>
-          <Alert message={message} variant={Variant.MOBILE} />
-        </ThemeProvider>,
-      );
-
-      expect(screen.getByTestId('mobile')).toBeInTheDocument();
-    });
-
-    it('renders desktop variant if passed in', () => {
-      render(
-        <ThemeProvider theme={Theme.PERSONAL}>
-          <Alert message={message} variant={Variant.DESKTOP} />
-        </ThemeProvider>,
-      );
-
-      expect(screen.getByTestId('desktop')).toBeInTheDocument();
-    });
-
-    it('renders desktop variant by default', () => {
-      render(
-        <ThemeProvider theme={Theme.PERSONAL}>
-          <Alert message={message} />
-        </ThemeProvider>,
-      );
-
-      expect(screen.getByTestId('desktop')).toBeInTheDocument();
-    });
-
     it('renders StatusIcon for Personal theme', () => {
       render(
         <ThemeProvider theme={Theme.PERSONAL}>

package/src/alert/Alert.story.tsx

@@ -3,6 +3,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { ClockBorderless } from '@transferwise/icons';
 
+import { lorem40 } from '../test-utils';
 import { Sentiment } from '../common';
 import { Button, Field, SelectInput } from '..';
 import Alert, { AlertArrowPosition, type AlertProps as FullAlertProps } from './Alert';
@@ -43,6 +44,46 @@ type Story = StoryObj<typeof Alert>;
 
 export const Basic: Story = {};
 
+export const Variants: Story = {
+  render: ({ message }) => {
+    const variants = [
+      { type: Sentiment.POSITIVE, title: 'Positive Title' },
+      { type: Sentiment.NEGATIVE, title: 'Negative Title' },
+      { type: Sentiment.NEUTRAL, title: 'Neutral Title' },
+      { type: Sentiment.WARNING, title: 'Warning Title' },
+      { type: Sentiment.PENDING, title: 'Pending Title' },
+    ];
+
+    return (
+      <>
+        {variants.map((variant) => (
+          <Alert
+            key={variant.type}
+            type={variant.type}
+            title={variant.title}
+            message={message}
+            action={
+              variant.type === Sentiment.NEUTRAL
+                ? { href: '#', text: 'Read more' }
+                : { onClick: action('alert action clicked'), text: 'Open' }
+            }
+            onDismiss={variant.type === Sentiment.NEUTRAL ? action('alert dismissed') : undefined}
+          />
+        ))}
+      </>
+    );
+  },
+  args: {
+    message: 'This message can be changed using controls',
+  },
+  parameters: {
+    controls: { exclude: /^(?!message$).*/ },
+  },
+  argTypes: {
+    message: { control: 'text' },
+  },
+};
+
 export const WithLinkAction: Story = {
   args: {
     action: {
@@ -84,7 +125,7 @@ const CustomIcon = () => {
         justifyContent: 'center',
       }}
     >
-      <ClockBorderless size="32" />
+      <ClockBorderless size="24" />
     </div>
   );
 };
@@ -96,11 +137,42 @@ export const WithCustomIcon: Story = {
   },
 };
 
-export const WithTitle: Story = {
+export const WithTitleAndButtonAction: Story = {
   args: {
     type: Sentiment.NEUTRAL,
     title: 'We’re reviewing your information.',
+    message:
+      'Payments sent to your bank details **today** might not arrive in time for the holidays.',
     onDismiss: () => {},
+    action: {
+      onClick: action('alert action clicked'),
+      text: 'Open',
+    },
+  },
+};
+export const WithTitleAndButtonActionAndLongBody: Story = {
+  args: {
+    type: Sentiment.NEUTRAL,
+    title: 'We’re reviewing your information.',
+    message: lorem40,
+    onDismiss: () => {},
+    action: {
+      onClick: action('alert action clicked'),
+      text: 'Open',
+    },
+  },
+};
+
+export const WithTitleAndLinkActionAndLongBody: Story = {
+  args: {
+    type: Sentiment.NEUTRAL,
+    title: 'We’re reviewing your information.',
+    message: lorem40,
+    onDismiss: () => {},
+    action: {
+      href: '/',
+      text: 'Open',
+    },
   },
 };
 

package/src/alert/Alert.tsx

@@ -2,14 +2,7 @@ import { clsx } from 'clsx';
 import { useState, useRef, useEffect } from 'react';
 
 import Body from '../body/Body';
-import {
-  CloseButton,
-  Sentiment,
-  Size,
-  Typography,
-  Variant,
-  WDS_LIVE_REGION_DELAY_MS,
-} from '../common';
+import { CloseButton, Sentiment, Size, Typography, WDS_LIVE_REGION_DELAY_MS } from '../common';
 
 import StatusIcon from '../statusIcon';
 import Title from '../title/Title';
@@ -32,6 +25,7 @@ type AlertTypeResolved = `${
   | Sentiment.POSITIVE
   | Sentiment.NEUTRAL
   | Sentiment.WARNING
+  | Sentiment.PENDING
   | Sentiment.NEGATIVE}`;
 export type AlertType = AlertTypeResolved | AlertTypeDeprecated;
 
@@ -63,7 +57,6 @@ export interface AlertProps {
   onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
   /** The type dictates which icon and colour will be used */
   type?: AlertType;
-  variant?: `${Variant}`;
   /** @deprecated Use `InlineAlert` instead. */
   arrow?: `${AlertArrowPosition}`;
   /** @deprecated Use `message` instead. Be aware `message` only accepts plain text or text with **bold** markdown. */
@@ -96,7 +89,6 @@ export default function Alert({
   message,
   title,
   type = 'neutral',
-  variant = 'desktop',
   arrow,
   children,
   size,
@@ -186,15 +178,10 @@ export default function Alert({
         }}
         onTouchMove={() => setShouldFire(false)}
       >
-        <div
-          className={clsx('alert__content', 'd-flex', 'flex-grow-1', variant)}
-          data-testid={variant}
-        >
-          {icon ? (
-            <div className="alert__icon">{icon}</div>
-          ) : (
-            <StatusIcon size={Size.LARGE} sentiment={resolvedType} iconLabel={statusIconLabel} />
-          )}
+        <div className="alert__icon">
+          {icon || <StatusIcon size={32} sentiment={resolvedType} iconLabel={statusIconLabel} />}
+        </div>
+        <div className={clsx('alert__content', 'd-flex', 'flex-grow-1')}>
           <div className="alert__message">
             <div>
               {title && (
@@ -206,11 +193,21 @@ export default function Alert({
                 {children || <InlineMarkdown>{message}</InlineMarkdown>}
               </Body>
             </div>
-            {action && <Action action={action} variant="action-button" className="m-t-1" />}
+            {action && (
+              <Action
+                action={action}
+                variant="action-button"
+                className="alert__action"
+                sentiment="default"
+                priority="secondary-neutral"
+              />
+            )}
           </div>
         </div>
         {onDismiss && (
-          <CloseButton ref={closeButtonReference} className="m-l-2" onClick={onDismiss} />
+          <div className="alert__close">
+            <CloseButton ref={closeButtonReference} size="xs" onClick={onDismiss} />
+          </div>
         )}
       </div>
     </div>

package/src/avatar/Avatar.tsx

@@ -15,6 +15,9 @@ export type AvatarTheme = 'light' | 'dark';
 
 export type AvatarType = 'thumbnail' | 'icon' | 'emoji' | 'initials';
 
+/**
+ * @deprecated `Avatar` is deprecated please use `AvatarView` instead
+ */
 export interface AvatarProps {
   backgroundColor?: string;
   backgroundColorSeed?: string;

package/src/avatar/avatarTypes.ts

@@ -1,4 +1,6 @@
-// TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
+/**
+ * @deprecated `Avatar` is deprecated please use `AvatarView` instead
+ */
 export enum AvatarType {
   THUMBNAIL = 'thumbnail',
   ICON = 'icon',

package/src/badge/Badge.tsx

@@ -18,6 +18,9 @@ import { BadgeAssetsProps } from '.';
  */
 type DeprecatedSizes = SizeSmall | SizeMedium | SizeLarge;
 
+/**
+ * @deprecated `Badge` is deprecated please use `<AvatarView badge={..} />` instead
+ */
 export type BadgeProps = {
   badge: ReactNode;
   children: ReactNode;