@transferwise/components 46.160.4 → 46.160.6

package/src/Inputs/_stories/InputGroup.test.story.tsx

@@ -1,69 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { Search } from '@transferwise/icons';
-
-import { withRTLDiff } from '../../../.storybook/decorators/RtlDiffDecorator';
-import Button from '../../Button';
-import { Input } from '../Input/Input';
-import { InputGroup } from '../InputGroup/InputGroup';
-
-export default {
-  component: InputGroup,
-  title: 'Forms/InputGroup/Tests',
-  tags: ['!autodocs', '!manifest'],
-} satisfies Meta<typeof InputGroup>;
-
-type Story = StoryObj<typeof InputGroup>;
-
-/**
- * InputGroup positions addons at the logical start or end of an input.
- * In RTL mode the start and end sides are mirrored, so an addonStart icon
- * should appear on the right and an addonEnd button should appear on the left.
- * All three placement combinations are included to verify each case.
- */
-export const RTLDiff: Story = {
-  render: () => (
-    <>
-      <InputGroup
-        addonStart={{
-          content: <Search size={24} />,
-          initialContentWidth: 24,
-        }}
-      >
-        <Input placeholder="addonStart only" />
-      </InputGroup>
-
-      <InputGroup
-        addonEnd={{
-          content: (
-            <Button v2 size="sm">
-              Copy
-            </Button>
-          ),
-          interactive: true,
-          padding: 'sm',
-        }}
-      >
-        <Input placeholder="addonEnd only" />
-      </InputGroup>
-
-      <InputGroup
-        addonStart={{
-          content: <Search size={24} />,
-          initialContentWidth: 24,
-        }}
-        addonEnd={{
-          content: (
-            <Button v2 size="sm">
-              Clear
-            </Button>
-          ),
-          interactive: true,
-          padding: 'sm',
-        }}
-      >
-        <Input placeholder="addonStart and addonEnd" />
-      </InputGroup>
-    </>
-  ),
-  ...withRTLDiff(),
-};

package/src/Inputs/_stories/SearchInput.test.story.tsx

@@ -1,32 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-webpack5';
-
-import { withRTLDiff } from '../../../.storybook/decorators/RtlDiffDecorator';
-import { Size } from '../../common';
-import { SearchInput } from '../SearchInput/SearchInput';
-
-export default {
-  component: SearchInput,
-  title: 'Forms/SearchInput/Tests',
-  tags: ['!autodocs', '!manifest'],
-} satisfies Meta<typeof SearchInput>;
-
-type Story = StoryObj<typeof SearchInput>;
-
-export const RTLDiff: Story = {
-  render: () => (
-    <>
-      {/* sm — search icon (addonStart) position flips to trailing side in RTL */}
-      <SearchInput size={Size.SMALL} shape="pill" placeholder="Search" />
-
-      {/* md — search icon (addonStart) position flips to trailing side in RTL */}
-      <SearchInput size={Size.MEDIUM} shape="pill" placeholder="Search" />
-
-      {/* sm rectangle — icon flip with rectangle shape */}
-      <SearchInput size={Size.SMALL} shape="rectangle" placeholder="Search" />
-
-      {/* md rectangle — icon flip with rectangle shape */}
-      <SearchInput size={Size.MEDIUM} shape="rectangle" placeholder="Search" />
-    </>
-  ),
-  ...withRTLDiff(),
-};