@transferwise/components 0.0.0-experimental-696128b → 0.0.0-experimental-b662b9c

package/build/types/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { AnchorElementProps, ButtonReferenceType } from './Button.types';
-declare const Button: import("react").ForwardRefExoticComponent<(Omit<import("./Button.types").ButtonElementProps, "ref"> | Omit<AnchorElementProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
+import { ButtonReferenceType, ButtonProps as NewButtonProps } from './Button.types';
+declare const Button: import("react").ForwardRefExoticComponent<NewButtonProps & import("react").RefAttributes<ButtonReferenceType>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/build/types/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AAQxB,QAAA,MAAM,MAAM,8LAqGX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,mBAAmB,EACnB,WAAW,IAAI,cAAc,EAC9B,MAAM,gBAAgB,CAAC;AAQxB,QAAA,MAAM,MAAM,gHAqGX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/button/Button.resolver.d.ts

@@ -1,7 +1,7 @@
 import { LegacyButtonProps } from './LegacyButton';
 import { ButtonReferenceType, ButtonProps as NewButtonProps } from './Button.types';
 export type ButtonProps = LegacyButtonProps | NewButtonProps;
-declare const Button: import("react").ForwardRefExoticComponent<(Omit<{
+declare const Button: import("react").ForwardRefExoticComponent<(NewButtonProps | Omit<{
     v2?: false;
     block?: boolean;
     disabled?: boolean;
@@ -28,6 +28,6 @@ declare const Button: import("react").ForwardRefExoticComponent<(Omit<{
 }, "type"> & {
     as?: "a";
     href?: string;
-}, "ref"> | Omit<import("./Button.types").ButtonElementProps, "ref"> | Omit<import("./Button.types").AnchorElementProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
+}, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
 export default Button;
 //# sourceMappingURL=Button.resolver.d.ts.map

package/build/types/button/Button.resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.resolver.d.ts","sourceRoot":"","sources":["../../../src/button/Button.resolver.tsx"],"names":[],"mappings":"AACA,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGpF,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAwD7D,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;sLAOV,CAAC;AAIH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.resolver.d.ts","sourceRoot":"","sources":["../../../src/button/Button.resolver.tsx"],"names":[],"mappings":"AACA,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGpF,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAwD7D,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;gEAOV,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/build/types/button/Button.types.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-import type { PrimitiveButtonProps, PrimitiveAnchorProps } from '../primitives';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
 import type { AvatarLayoutProps } from '../avatarLayout';
 export type ButtonSentiment = 'default' | 'negative';
 export type ButtonPriority = 'primary' | 'secondary' | 'tertiary' | 'minimal';
@@ -52,7 +51,7 @@ export interface CommonProps {
     /** Content to be displayed inside the button */
     children?: ReactNode;
 }
-export type ButtonElementProps = PrimitiveButtonProps & CommonProps;
-export type AnchorElementProps = PrimitiveAnchorProps & CommonProps;
+export type ButtonElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'className'> & CommonProps;
+export type AnchorElementProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | 'disabled' | 'href' | 'className'> & CommonProps;
 export type ButtonProps = ButtonElementProps | AnchorElementProps;
 //# sourceMappingURL=Button.types.d.ts.map

package/build/types/button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,IAAI,CAAC;IAET;;;QAGI;IACJ,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;QAEI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;SAGK;IACL,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE5B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEvC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,WAAW,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,WAAW,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,IAAI,CAAC;IAET;;;QAGI;IACJ,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;QAEI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;SAGK;IACL,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE5B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEvC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,CACzB,GACC,WAAW,CAAC;AACd,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAC3C,GACC,WAAW,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-696128b",
+  "version": "0.0.0-experimental-b662b9c",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,13 +91,13 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
+    "@transferwise/neptune-css": "0.0.0-experimental-b662b9c",
     "@transferwise/less-config": "3.1.0",
-    "@transferwise/neptune-css": "0.0.0-experimental-696128b",
     "@wise/components-theming": "1.6.1"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.13.1",
-    "@transferwise/neptune-css": "0.0.0-experimental-696128b",
+    "@transferwise/neptune-css": "0.0.0-experimental-b662b9c",
     "@wise/art": "^2.16",
     "@wise/components-theming": "^1.0.0",
     "react": ">=18",

package/src/button/Button.spec.tsx

@@ -14,9 +14,10 @@ describe('Button', () => {
     v2: true,
     priority: 'primary',
     size: 'md',
-    testId: 'new-button',
   };
 
+  const testId = 'new-button';
+
   it('renders LegacyButton when v2 is false', () => {
     render(<Button {...legacyProps}>Legacy Button</Button>);
     const button = screen.getByText('Legacy Button');
@@ -25,7 +26,11 @@ describe('Button', () => {
   });
 
   it('renders the new Button when v2 is true', () => {
-    render(<Button {...newProps}>New Button</Button>);
+    render(
+      <Button data-testid={testId} {...newProps}>
+        New Button
+      </Button>,
+    );
     const button = screen.getByTestId('new-button');
     expect(button).toBeInTheDocument();
     expect(button).toHaveClass('wds-Button wds-Button--medium wds-Button--primary');
@@ -75,7 +80,11 @@ describe('Button', () => {
       // @ts-expect-error here we intentionally set wrong value to test `type` attr in DOM
       type: 'accent',
     };
-    render(<Button {...legacyTypeProps}>Button Type</Button>);
+    render(
+      <Button data-testid={testId} {...legacyTypeProps}>
+        Button Type
+      </Button>,
+    );
     const button = screen.getByTestId('new-button');
     expect(button).toBeInTheDocument();
     expect(button).not.toHaveAttribute('type');
@@ -86,7 +95,11 @@ describe('Button', () => {
       ...newProps,
       type: 'submit',
     };
-    render(<Button {...buttonTypeProps}>Submit Button</Button>);
+    render(
+      <Button data-testid={testId} {...buttonTypeProps}>
+        Submit Button
+      </Button>,
+    );
     const button = screen.getByTestId('new-button');
     expect(button).toBeInTheDocument();
     expect(button).toHaveAttribute('type', 'submit');

package/src/button/Button.story.tsx

@@ -225,11 +225,6 @@ const meta: Meta<typeof Button> = {
         disable: true,
       },
     },
-    'data-testid': {
-      table: {
-        disable: true,
-      },
-    },
   },
   args: {
     v2: true,
@@ -245,7 +240,6 @@ const meta: Meta<typeof Button> = {
     iconStart: undefined,
     iconEnd: undefined,
     avatars: undefined,
-    testId: undefined,
     className: undefined,
     onClick: fn(),
     children: 'Button text',
@@ -313,16 +307,7 @@ export const Sentiment: StoryObj<PreviewStoryArgs> = {
     );
   },
   argTypes: {
-    ...hideControls([
-      'sentiment',
-      'priority',
-      'block',
-      'href',
-      'target',
-      'as',
-      'children',
-      'testId',
-    ]),
+    ...hideControls(['sentiment', 'priority', 'block', 'href', 'target', 'as', 'children']),
     ...previewArgTypes,
   },
   args: {
@@ -361,7 +346,7 @@ export const Priority: StoryObj<PreviewStoryArgs> = {
     );
   },
   argTypes: {
-    ...hideControls(['priority', 'block', 'href', 'target', 'as', 'children', 'testId']),
+    ...hideControls(['priority', 'block', 'href', 'target', 'as', 'children']),
     ...previewArgTypes,
   },
   args: {
@@ -395,7 +380,7 @@ export const Size: StoryObj<PreviewStoryArgs> = {
     );
   },
   argTypes: {
-    ...hideControls(['size', 'block', 'href', 'target', 'as', 'children', 'testId']),
+    ...hideControls(['size', 'block', 'href', 'target', 'as', 'children']),
     ...previewArgTypes,
   },
   args: {
@@ -491,16 +476,7 @@ export const DisplayBlock: StoryObj<PreviewStoryArgs> = {
     );
   },
   argTypes: {
-    ...hideControls([
-      'href',
-      'target',
-      'priority',
-      'sentiment',
-      'as',
-      'disabled',
-      'children',
-      'testId',
-    ]),
+    ...hideControls(['href', 'target', 'priority', 'sentiment', 'as', 'disabled', 'children']),
     ...previewArgTypes,
   },
   args: {
@@ -536,16 +512,7 @@ export const WithIcons: StoryObj<PreviewStoryArgs> = {
     );
   },
   argTypes: {
-    ...hideControls([
-      'href',
-      'target',
-      'priority',
-      'sentiment',
-      'as',
-      'disabled',
-      'children',
-      'testId',
-    ]),
+    ...hideControls(['href', 'target', 'priority', 'sentiment', 'as', 'disabled', 'children']),
   },
   args: {
     size: 'md',
@@ -582,16 +549,7 @@ export const WithAvatars: StoryObj<PreviewStoryArgs> = {
       </>
     );
   },
-  argTypes: hideControls([
-    'href',
-    'target',
-    'priority',
-    'sentiment',
-    'as',
-    'disabled',
-    'children',
-    'testId',
-  ]),
+  argTypes: hideControls(['href', 'target', 'priority', 'sentiment', 'as', 'disabled', 'children']),
   args: {
     size: 'md',
     avatars: [],
@@ -634,7 +592,7 @@ export const WithAvatarAndIcon: Story = {
     avatars: [{ profileName: 'John Doe' }],
     iconEnd: ArrowRight,
   },
-  argTypes: hideControls(['href', 'target', 'as', 'children', 'testId']),
+  argTypes: hideControls(['href', 'target', 'as', 'children']),
   parameters: augmentIconProps(),
 };
 

package/src/button/Button.types.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
 import type { PrimitiveButtonProps, PrimitiveAnchorProps } from '../primitives';
 import type { AvatarLayoutProps } from '../avatarLayout';
 
@@ -68,7 +68,15 @@ export interface CommonProps {
   children?: ReactNode;
 }
 
-export type ButtonElementProps = PrimitiveButtonProps & CommonProps;
-export type AnchorElementProps = PrimitiveAnchorProps & CommonProps;
+export type ButtonElementProps = Omit<
+  ButtonHTMLAttributes<HTMLButtonElement>,
+  'disabled' | 'className'
+> &
+  CommonProps;
+export type AnchorElementProps = Omit<
+  AnchorHTMLAttributes<HTMLAnchorElement>,
+  'type' | 'disabled' | 'href' | 'className'
+> &
+  CommonProps;
 
 export type ButtonProps = ButtonElementProps | AnchorElementProps;

package/src/button/LegacyButton.story.tsx

@@ -76,11 +76,6 @@ const meta: Meta<typeof Button> = {
         disable: true,
       },
     },
-    'data-testid': {
-      table: {
-        disable: true,
-      },
-    },
   },
   tags: ['autodocs'],
   decorators: [withContainer],