@transferwise/components 46.106.0 → 46.107.0

package/src/radioOption/RadioOption.story.tsx

@@ -5,9 +5,13 @@ import { FastFlag as FastFlagIcon } from '@transferwise/icons';
 import { Header, Nudge, Section, Title, Typography } from '..';
 import RadioOption, { RadioOptionProps } from './RadioOption';
 
+/**
+ * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Radio control](?path=/docs/content-listitem-listitem-radio--docs).
+ */
 export default {
   component: RadioOption,
   title: 'Option/RadioOption',
+  tags: ['deprecated'],
   argTypes: {
     disabled: { control: 'boolean' },
     secondary: { control: 'text' },

package/src/radioOption/RadioOption.tsx

@@ -15,6 +15,14 @@ export interface RadioOptionProps<T extends string | number = string>
   isContainerAligned?: boolean;
 }
 
+/**
+ * @deprecated Please use `<ListItem />` instead.
+ * @deprecatedSince 46.104.0
+ * @see [Source](../listItem/ListItem.tsx)
+ * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
+ * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
+ */
 function RadioOption<T extends string | number = ''>({
   'aria-label': ariaLabel,
   media,

package/src/summary/Summary.story.tsx

@@ -5,9 +5,13 @@ import { Status } from '../common';
 import { InfoPresentation } from '../info';
 import Summary, { type Props as SummaryProps } from './Summary';
 
+/**
+ * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs).
+ */
 export default {
   component: Summary,
   title: 'Content/Summary',
+  tags: ['deprecated'],
   argTypes: {
     title: { control: 'text' },
   },

package/src/summary/Summary.tsx

@@ -90,6 +90,14 @@ export interface Props {
   title: ReactNode;
 }
 
+/**
+ * @deprecated Please use `<ListItem />` instead.
+ * @deprecatedSince 46.104.0
+ * @see [Source](../listItem/ListItem.tsx)
+ * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
+ * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
+ */
 const Summary = ({
   action,
   as: Element = 'div',

package/src/switchOption/SwitchOption.story.tsx

@@ -6,10 +6,13 @@ import { Nudge, Title, Typography } from '..';
 
 import SwitchOption, { type SwitchOptionProps } from './SwitchOption';
 
+/**
+ * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Switch control](?path=/docs/content-listitem-listitem-switch--docs).
+ */
 const meta = {
   component: SwitchOption,
   title: 'Option/SwitchOption',
-
+  tags: ['deprecated'],
   argTypes: {
     title: { control: 'text' },
     content: { control: 'text' },

package/src/switchOption/SwitchOption.tsx

@@ -26,6 +26,14 @@ const stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {
   }
 };
 
+/**
+ * @deprecated Please use `<ListItem />` instead.
+ * @deprecatedSince 46.104.0
+ * @see [Source](../listItem/ListItem.tsx)
+ * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)
+ * @see [Design docs](https://wise.design/components/list-item)
+ * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
+ */
 const SwitchOption = ({
   checked,
   complex,

package/src/table/Table.story.tsx

@@ -5,7 +5,7 @@ import { TableRowType, TableRowClickableType } from './TableRow';
 
 export default {
   component: Table,
-  title: 'Option/Table',
+  title: 'Content/Table',
 } satisfies Meta<typeof Table>;
 
 type Story = StoryObj<typeof Table>;