@transferwise/components 0.0.0-experimental-8809019 → 0.0.0-experimental-50c66a1

package/src/listItem/_stories/variants/ListItem.forestGreen.test.story.tsx

@@ -6,7 +6,7 @@ import { allModes } from '../../../../.storybook/modes';
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/theme: forest-green',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/listItem/_stories/variants/ListItem.medium.test.story.tsx

@@ -6,7 +6,7 @@ import { withSizedContainer } from '../helpers';
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/cq: medium',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/listItem/_stories/variants/ListItem.neutral.test.story.tsx

@@ -12,7 +12,7 @@ import {
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/surface: neutral',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/listItem/_stories/variants/ListItem.personal.test.story.tsx

@@ -11,7 +11,7 @@ import { VariantStory } from './helpers';
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/theme: personal',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/listItem/_stories/variants/ListItem.rtl.test.story.tsx

@@ -6,7 +6,7 @@ import { allModes } from '../../../../.storybook/modes';
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/rtl',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/listItem/_stories/variants/ListItem.small.test.story.tsx

@@ -6,7 +6,7 @@ import { withSizedContainer } from '../helpers';
 export default {
   component: ListItem,
   title: 'Content/ListItem/tests/variants/cq: small',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   parameters: {
     controls: { disable: true },
     actions: { disable: true },

package/src/main.css

@@ -1025,7 +1025,7 @@
 }
 .np-avatar-view .np-avatar-view-content {
   color: #37517e;
-  color: var(--color-content-primary);
+  color: var(--color-sentiment-content-primary, var(--color-content-primary));
 }
 .np-avatar-view-interactive {
   cursor: pointer;

package/src/moneyInput/MoneyInput.spec.tsx

@@ -1,21 +1,20 @@
-import { mockAnimationsApi } from 'jsdom-testing-mocks';
 import {
   mockMatchMedia,
+  mockRequestAnimationFrame,
   mockResizeObserver,
   render,
   screen,
   userEvent,
-  waitFor,
-  within,
 } from '../test-utils';
 
 import { MoneyInput, CurrencyItem, CurrencyOptionItem, Field } from '..';
 import { MoneyInputPropsWithInputAttributes } from './MoneyInput';
+import { within } from '@testing-library/react';
 import messages from './MoneyInput.messages';
 
 mockMatchMedia();
 mockResizeObserver();
-mockAnimationsApi();
+mockRequestAnimationFrame();
 
 describe('Money Input', () => {
   const popularCurrencies: CurrencyOptionItem[] = [
@@ -115,30 +114,12 @@ describe('Money Input', () => {
   it('calls onCurrencyChange when the user selects a different currency', async () => {
     customRender();
     await openDropdown();
-    await userEvent.keyboard('eur');
-    await waitFor(() => {
-      expect(screen.getAllByRole('option')).toHaveLength(1);
-    });
-    await userEvent.keyboard('{Enter}');
-
-    await waitFor(() => {
-      expect(initialProps.onCurrencyChange).toHaveBeenCalledTimes(1);
-    });
+    await userEvent.keyboard('eur{Enter}');
+    expect(initialProps.onCurrencyChange).toHaveBeenCalledTimes(1);
     expect(initialProps.onCurrencyChange).toHaveBeenCalledWith(popularCurrencies[0]);
-
-    await waitFor(() => {
-      expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
-    });
     await openDropdown();
-    await userEvent.keyboard('gbp');
-    await waitFor(() => {
-      expect(screen.getAllByRole('option')).toHaveLength(1);
-    });
-    await userEvent.keyboard('{Enter}');
-
-    await waitFor(() => {
-      expect(initialProps.onCurrencyChange).toHaveBeenCalledTimes(2);
-    });
+    await userEvent.keyboard('gbp{Enter}');
+    expect(initialProps.onCurrencyChange).toHaveBeenCalledTimes(2);
     expect(initialProps.onCurrencyChange).toHaveBeenCalledWith(popularCurrencies[2]);
   });
 

package/src/radioGroup/RadioGroup.test.story.tsx

@@ -6,7 +6,7 @@ import { fn } from 'storybook/test';
 const meta = {
   component: RadioGroup,
   title: 'Forms/RadioGroup/tests',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
   args: {
     selectedValue: 'radio-2',
     name: 'radio-group',

package/src/sentimentSurface/SentimentSurface.tests.story.tsx

@@ -22,7 +22,7 @@ const screenModes: Theming['screenMode'][] = ['light', 'dark'];
 export default {
   component: SentimentSurface,
   title: 'Foundations/SentimentSurface/Tests',
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
 } satisfies Meta<typeof SentimentSurface>;
 
 type Story = StoryObj<typeof SentimentSurface>;

package/src/snackbar/Snackbar.tests.story.tsx

@@ -13,7 +13,7 @@ export default {
   title: 'Dialogs/Snackbar/Tests',
   component: Snackbar,
   argTypes: {},
-  tags: ['!autodocs'],
+  tags: ['!autodocs', '!manifest'],
 };
 
 const launchSnackbar = async (canvasElement: HTMLElement) => {

package/src/stepper/Stepper.tests.story.tsx

@@ -27,6 +27,7 @@ const STEPS = [
 const meta = {
   component: Stepper,
   title: 'Navigation/Stepper/tests',
+  tags: ['!manifest'],
   argTypes: {
     activeStep: {
       control: 'radio',

package/src/summary/Summary.tests.story.tsx

@@ -5,6 +5,7 @@ import Summary, { type SummaryProps } from '.';
 export default {
   component: Summary,
   title: 'Content/Summary/tests',
+  tags: ['deprecated', '!manifest'],
 };
 
 export const LongText = () => {

package/src/title/Title.test.story.tsx

@@ -6,6 +6,7 @@ import Title from './Title';
 export default {
   component: Title,
   title: 'Typography/Title/Tests',
+  tags: ['!autodocs', '!manifest'],
   args: {
     children: lorem1000.replaceAll(' ', ''),
   },

package/src/upload/Upload.tests.story.tsx

@@ -7,6 +7,7 @@ import { Field } from '../field/Field';
 const meta = {
   component: Upload,
   title: 'Forms/Upload/Tests',
+  tags: ['!manifest'],
   argTypes: {
     maxSize: {
       control: {

package/src/uploadInput/UploadInput.tests.story.tsx

@@ -8,6 +8,7 @@ import { userEvent } from 'storybook/test';
 
 const meta: Meta<typeof UploadInput> = {
   title: 'Forms/UploadInput/Tests',
+  tags: ['!manifest'],
   component: UploadInput,
 };
 export default meta;

package/src/withId/withId.story.tsx

@@ -27,7 +27,7 @@ DescribedButton.displayName = 'DescribedButton';
 export default {
   component: DescribedButton,
   title: 'HoCs/withId',
-  tags: ['docs-only', '!manifest'],
+  tags: ['!manifest'],
 } satisfies Meta<typeof withId>;
 
 export const WithoutId: Story = {};