@wise/wds-codemods 1.1.3-experimental-c5533b3 → 1.1.3-experimental-ae0bfdd

package/dist/transforms/info-prompt/MIGRATION_RULES.md

@@ -51,264 +51,6 @@ When using enum values:
 
 ---
 
-## Basic Migration
-
-```tsx
-<Alert type="positive" message="Payment completed successfully." />
-→
-<InfoPrompt sentiment="success" description="Payment completed successfully." />
-```
-
----
-
-## With Title
-
-```tsx
-<Alert type="neutral" title="We're reviewing your information." message="This may take a few minutes." />
-→
-<InfoPrompt sentiment="neutral" title="We're reviewing your information." description="This may take a few minutes." />
-```
-
----
-
-## With onDismiss
-
-Alert's `onDismiss` receives a `MouseEvent`; InfoPrompt's `onDismiss` receives no arguments.
-
-```tsx
-<Alert type="warning" message="Check your details." onDismiss={(e) => handleDismiss(e)} />
-→
-<InfoPrompt sentiment="warning" description="Check your details." onDismiss={() => handleDismiss()} />
-```
-
-If the handler already ignores the event:
-
-```tsx
-<Alert type="warning" message="Check your details." onDismiss={() => setVisible(false)} />
-→
-<InfoPrompt sentiment="warning" description="Check your details." onDismiss={() => setVisible(false)} />
-```
-
----
-
-## With Link Action
-
-Alert renders a `<Link>` by default (`as` omitted or `as="link"`).
-
-- `action.text` → `action.label`
-- `action['aria-label']` → removed (not supported; use a descriptive `label` instead)
-
-```tsx
-<Alert
-  type="neutral"
-  message="New feature available."
-  action={{ text: 'Read more', href: '/features', target: '_blank' }}
-/>
-→
-<InfoPrompt
-  sentiment="neutral"
-  description="New feature available."
-  action={{ label: 'Read more', href: '/features', target: '_blank' }}
-/>
-```
-
----
-
-## With Button Action
-
-InfoPrompt does **not** support `as: 'button'`. The action is always rendered as a `<Link>`.
-
-- If the Alert action used `as: 'button'` with an `href`, convert to a link action
-- If the Alert action used `as: 'button'` without `href` (onClick only), convert to an action with `onClick`
-
-```tsx
-<Alert
-  type="neutral"
-  message="Verify your identity."
-  action={{ text: 'Verify now', as: 'button', onClick: handleVerify }}
-/>
-→
-<InfoPrompt
-  sentiment="neutral"
-  description="Verify your identity."
-  action={{ label: 'Verify now', onClick: handleVerify }}
-/>
-```
-
-```tsx
-<Alert
-  type="neutral"
-  message="Go to settings."
-  action={{ text: 'Open settings', as: 'button', href: '/settings', target: '_blank' }}
-/>
-→
-<InfoPrompt
-  sentiment="neutral"
-  description="Go to settings."
-  action={{ label: 'Open settings', href: '/settings', target: '_blank' }}
-/>
-```
-
----
-
-## With Custom Icon → Media
-
-Alert's `icon` accepts a bare ReactNode. InfoPrompt's `media` requires an object `{ asset: ReactNode }`.
-
-The icon/asset should include its own accessibility attributes (e.g. `title`, `aria-label`).
-
-```tsx
-<Alert type="neutral" message="Scheduled for later." icon={<ClockBorderless size={24} />} />
-→
-<InfoPrompt sentiment="neutral" description="Scheduled for later." media={{ asset: <ClockBorderless size={24} /> }} />
-```
-
----
-
-## With statusIconLabel
-
-`statusIconLabel` is removed. InfoPrompt's default status icons handle accessibility internally.
-If you need a custom accessible name, provide it via `media.asset` attributes.
-
-```tsx
-<Alert type="positive" message="Done!" statusIconLabel="Success indicator" />
-→
-<InfoPrompt sentiment="success" description="Done!" />
-```
-
----
-
-## Bold Markdown in Message
-
-Alert's `message` supports inline bold markdown (`**text**`). InfoPrompt's `description` is **plain text only**.
-
-Strip the markdown delimiters or restructure your content:
-
-```tsx
-<Alert type="positive" message="Payments sent **today** might not arrive in time." />
-→
-<InfoPrompt sentiment="success" description="Payments sent today might not arrive in time." />
-```
-
----
-
-## Children (Deprecated in Alert)
-
-Alert's `children` prop (deprecated) allowed arbitrary ReactNode content. InfoPrompt requires a string `description`.
-
-Convert the child content to a plain text string:
-
-```tsx
-<Alert type="neutral">Your transfer is <strong>in progress</strong>.</Alert>
-→
-<InfoPrompt sentiment="neutral" description="Your transfer is in progress." />
-```
-
----
-
-## Deprecated `type` Values
-
-If still using deprecated Alert type values, map them directly:
-
-```tsx
-<Alert type="success" message="Done!" />
-→
-<InfoPrompt sentiment="success" description="Done!" />
-
-<Alert type="info" message="FYI." />
-→
-<InfoPrompt sentiment="neutral" description="FYI." />
-
-<Alert type="error" message="Something went wrong." />
-→
-<InfoPrompt sentiment="negative" description="Something went wrong." />
-```
-
----
-
-## Arrow (Deprecated in Alert)
-
-`arrow` is not supported in InfoPrompt. Use `InlinePrompt` instead for arrow/pointer behaviour.
-
-```tsx
-<Alert type="neutral" message="Hint text." arrow="up-left" />
-→
-<InfoPrompt sentiment="neutral" description="Hint text." />
-```
-
-If arrow pointing behaviour is required, migrate to `InlinePrompt` instead of `InfoPrompt`.
-
----
-
-## Dismissible (Deprecated in Alert)
-
-Replace the deprecated `dismissible` boolean with `onDismiss` handler:
-
-```tsx
-<Alert type="neutral" message="Notice." dismissible />
-→
-<InfoPrompt sentiment="neutral" description="Notice." onDismiss={() => setVisible(false)} />
-```
-
----
-
-## Full Example
-
-### Before
-
-```tsx
-import { Alert, Sentiment } from '@transferwise/components';
-import { ClockBorderless } from '@transferwise/icons';
-
-function MyComponent() {
-  const [visible, setVisible] = useState(true);
-
-  if (!visible) return null;
-
-  return (
-    <Alert
-      type={Sentiment.POSITIVE}
-      title="Payment Successful"
-      message="Your payment of **$100** has been sent."
-      icon={<ClockBorderless size={24} />}
-      action={{
-        text: 'View details',
-        href: '/transactions',
-        target: '_blank',
-        'aria-label': 'View transaction details',
-      }}
-      onDismiss={(e) => setVisible(false)}
-    />
-  );
-}
-```
-
-### After
-
-```tsx
-import { InfoPrompt } from '@transferwise/components';
-import { ClockBorderless } from '@transferwise/icons';
-
-function MyComponent() {
-  const [visible, setVisible] = useState(true);
-
-  if (!visible) return null;
-
-  return (
-    <InfoPrompt
-      sentiment="success"
-      title="Payment Successful"
-      description="Your payment of $100 has been sent."
-      media={{ asset: <ClockBorderless size={24} title="Clock" /> }}
-      action={{ label: 'View details', href: '/transactions', target: '_blank' }}
-      onDismiss={() => setVisible(false)}
-    />
-  );
-}
-```
-
----
-
 ## New Props in InfoPrompt (Not in Alert)
 
 | Prop          | Type       | Default    | Description                                    |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/wds-codemods",
-  "version": "1.1.3-experimental-c5533b3",
+  "version": "1.1.3-experimental-ae0bfdd",
   "license": "UNLICENSED",
   "author": "Wise Payments Ltd.",
   "repository": {