@transferwise/components 0.0.0-experimental-c6e51c3 → 0.0.0-experimental-575dca7

package/src/listItem/AvatarLayout/ListItemAvatarLayout.tsx

@@ -12,7 +12,7 @@ export type ListItemAvatarLayoutProps = Omit<AvatarLayoutProps, 'size' | 'intera
  * [AvatarLayout component](https://storybook.wise.design/?path=/docs/content-avatarlayout--docs), but offers only
  * a subset of its sizes, and disallows interactive mode, in line with the ListItem's constraints. <br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item#avatar) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item#avatar) for details.
  */
 export const AvatarLayout = ({ className, size = 48, ...props }: ListItemAvatarLayoutProps) => {
   useListItemMedia(size);

package/src/listItem/AvatarView/ListItemAvatarView.story.tsx

@@ -134,7 +134,7 @@ export const Playground: Story = {
 
 /**
  * AvatarView can display different types of content including icons, profile images, and initials. <br />
- * Refer to the [design documentation](https://wise.design/components/avatar#:~:text=56%2C%20%E2%80%A8and%2072.-,Media,-There%20are%204) for details.
+ * Refer to the [design documentation](https://docs.wise.design/components/avatar#:~:text=56%2C%20%E2%80%A8and%2072.-,Media,-There%20are%204) for details.
  */
 export const ContentTypes: Story = {
   args: {
@@ -208,7 +208,7 @@ export const ContentTypes: Story = {
 
 /**
  * AvatarView supports 6 sizes to fit different list item contexts: `24`, `32`, `40`, `48`, `56`, `72`. If decorated with a Badge, those will be sized accordingly as well. <br />
- * Please refer to the [design documentation](https://wise.design/components/list-item#avatar:~:text=of%20the%20avatar.-,Avatar%20sizes,-List%20item%20supports) for details on when to use which one.
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#avatar:~:text=of%20the%20avatar.-,Avatar%20sizes,-List%20item%20supports) for details on when to use which one.
  */
 export const Sizes: Story = {
   parameters: {
@@ -242,7 +242,7 @@ export const Sizes: Story = {
 
 /**
  * AvatarView supports different types of badges for additional context and information. <br />
- * Refer to the [design documentation](https://wise.design/components/avatar#:~:text=support%20the%20information.-,With%20badge,-Badges%20contain%20additional) for details.
+ * Refer to the [design documentation](https://docs.wise.design/components/avatar#:~:text=support%20the%20information.-,With%20badge,-Badges%20contain%20additional) for details.
  */
 export const Badges: Story = {
   args: {

package/src/listItem/AvatarView/ListItemAvatarView.tsx

@@ -12,7 +12,7 @@ export type ListItemAvatarViewProps = Omit<AvatarViewProps, 'size' | 'interactiv
  * [AvatarView component](https://storybook.wise.design/?path=/docs/content-avatarview--docs), but offers only
  * a subset of its sizes, in line with the ListItem's constraints. <br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item#avatar) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item#avatar) for details.
  */
 export const AvatarView = ({ className, size = 48, ...props }: ListItemAvatarViewProps) => {
   useListItemMedia(size);

package/src/listItem/Button/ListItemButton.story.tsx

@@ -184,7 +184,7 @@ export const Playground: StoryObj<PreviewStoryArgs> = {
  * If you still require a fully interactive ListItem, you can alternatively use `ListItem.Prompt`
  * which allows for a single instance of a link or an inline button.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#interaction) for details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#interaction) for details.
  */
 export const Interactivity: StoryObj<PreviewStoryArgs> = {
   args: {
@@ -253,7 +253,7 @@ export const AsAnchor: StoryObj<PreviewStoryArgs> = {
 /**
  * There are two different types of button – default and negative – designed to emphasise the nature of the action. <br />
  * **NB:** Sentiment only applies to `primary` and `secondary` priorities. <br />
- * [Design documentation](https://wise.design/components/button#types)
+ * [Design documentation](https://docs.wise.design/components/button#types)
  */
 export const Sentiment: StoryObj<PreviewStoryArgs> = {
   args: {
@@ -318,7 +318,7 @@ export const Sentiment: StoryObj<PreviewStoryArgs> = {
 /**
  * Priorities set a visual hierarchy amongst the buttons displayed on the
  * screen to help more important buttons to take precedence over others. <br />
- * [Design documentation](https://wise.design/components/button#priorities)
+ * [Design documentation](https://docs.wise.design/components/button#priorities)
  */
 export const Priority: StoryObj<PreviewStoryArgs> = {
   args: {

package/src/listItem/Button/ListItemButton.tsx

@@ -22,7 +22,7 @@ export type ListItemButtonProps = Omit<
  * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only
  * a subset of its features in line with the ListItem's constraints. <br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---button) for details.
  */
 export const Button = forwardRef<HTMLButtonElement, ListItemButtonProps>(
   (

package/src/listItem/Checkbox/ListItemCheckbox.tsx

@@ -13,7 +13,7 @@ export type ListItemCheckboxProps = Pick<
  * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-checkboxbutton--docs),
  * but offers only a subset of its features in line with the ListItem's constraints. <br />
  *
- * Please refer to the [Design documentation](https://wise.design/components/list-item---checkbox) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---checkbox) for details.
  */
 export const Checkbox = function (props: ListItemCheckboxProps) {
   const { baseItemProps } = useListItemControl('checkbox', { ...props });

package/src/listItem/IconButton/ListItemIconButton.story.tsx

@@ -22,7 +22,7 @@ const hideControls = disableControls([
 /**
  * Use IconButton to provide compact action controls within a ListItem context using iconography.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item) for more details.
  */
 const meta: Meta<ListItemIconButtonProps> = {
   component: ListItem.IconButton,
@@ -142,7 +142,7 @@ export const AccessibleName: Story = {
  * If you still require a fully interactive ListItem, you can alternatively use `ListItem.Prompt`
  * which allows for a single instance of a link or an inline button.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#interaction) for details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#interaction) for details.
  */
 export const Interactivity: Story = {
   args: {
@@ -177,7 +177,7 @@ export const Interactivity: Story = {
 /**
  * There are two different types of icon button – default and negative – designed to emphasise the nature of the action. <br />
  * **NB:** Sentiment only applies to `primary` and `secondary` priorities. <br />
- * [Design documentation](https://wise.design/components/icon-button#types)
+ * [Design documentation](https://docs.wise.design/components/icon-button#types)
  */
 export const Sentiment: Story = {
   argTypes: hideControls(['sentiment', 'priority']),
@@ -216,7 +216,7 @@ export const Sentiment: Story = {
 /**
  * Priorities set a visual hierarchy amongst the buttons displayed on the
  * screen to help more important buttons to take precedence over others. <br />
- * [Design documentation](https://wise.design/components/icon-button#priorities)
+ * [Design documentation](https://docs.wise.design/components/icon-button#priorities)
  */
 export const Priority: Story = {
   argTypes: hideControls(['sentiment', 'priority']),

package/src/listItem/IconButton/ListItemIconButton.tsx

@@ -19,7 +19,7 @@ export type ListItemIconButtonProps = Pick<
  * [IconButton component](https://storybook.wise.design/?path=/docs/actions-iconbutton--docs), but offers only
  * a subset of its features in line with the ListItem's constraints. <br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---icon-button) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---icon-button) for details.
  */
 export const IconButton = function ({
   priority = 'minimal',

package/src/listItem/Image/ListItemImage.tsx

@@ -23,7 +23,7 @@ export type ListItemImageProps = Omit<ImageProps, 'stretch' | 'shrink' | 'id' |
  * [Image component](https://storybook.wise.design/?path=/docs/content-image--docs), but offers only
  * a subset of its props, in line with the ListItem's constraints.
  *
- * > **NB**: This component is [not intended for use with illustrations](https://wise.design/foundations/illustration#scale).
+ * > **NB**: This component is [not intended for use with illustrations](https://docs.wise.design/foundations/illustration#scale).
  */
 export const Image = ({ alt = '', size = 48, className, ...props }: ListItemImageProps) => {
   useListItemMedia(size);

package/src/listItem/ListItem.tsx

@@ -106,7 +106,7 @@ export type ListItemProps = {
 };
 
 /**
- * @see [Design documentation](https://wise.design/components/list-item)
+ * @see [Design documentation](https://docs.wise.design/components/list-item)
  * @see [Storybook documentation](https://storybook.wise.design/?path=/docs/content-listitem--docs)
  */
 export const ListItem = ({

package/src/listItem/Navigation/ListItemNavigation.tsx

@@ -13,7 +13,7 @@ export type ListItemNavigationProps = Pick<ButtonProps, 'onClick' | 'href' | 'ta
  * step in a flow. It offers only a subset of features of the HTML element in line with the
  * ListItem's constraints.<br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---navigation) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---navigation) for details.
  */
 export const Navigation = function Navigation({ href, ...props }: ListItemNavigationProps) {
   const { baseItemProps } = useListItemControl('navigation', { href, ...props });

package/src/listItem/Prompt/ListItemPrompt.tsx

@@ -12,7 +12,7 @@ export type ListItemPromptProps = Pick<
  * This component allows for rendering an Inline Prompt. <br />
  * In the future it will be a thin wrapper around a standalone component.<br />
  *
- * Please refer to the [Design documentation](https://wise.design/components/list-item#prompt) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item#prompt) for details.
  */
 export const Prompt = ({
   sentiment = Sentiment.NEUTRAL,

package/src/listItem/Radio/ListItemRadio.tsx

@@ -13,7 +13,7 @@ export type ListItemRadioProps = Omit<
  * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only
  * a subset of its features in line with the ListItem's constraints. <br />
  * <br />
- * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---button) for details.
  */
 export const Radio = function (props: ListItemRadioProps) {
   const { baseItemProps } = useListItemControl('radio', { ...props });

package/src/listItem/Switch/ListItemSwitch.tsx

@@ -13,7 +13,7 @@ export type ListItemSwitchProps = Omit<
  * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-switch--docs),
  * but offers only a subset of its features in line with the ListItem's constraints. <br />
  *
- * Please refer to the [Design documentation](https://wise.design/components/list-item---switch) for details.
+ * Please refer to the [Design documentation](https://docs.wise.design/components/list-item---switch) for details.
  */
 export const Switch = function (props: ListItemSwitchProps) {
   const { baseItemProps } = useListItemControl('switch', { ...props });

package/src/listItem/_stories/ListItem.disabled.story.tsx

@@ -42,7 +42,7 @@ const disabledPromptMessage = (
 );
 
 /**
- * Please refer to the [design documentation](https://wise.design/components/list-item#accessibility:~:text=-,Disabled%20states,-) for more details
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#accessibility:~:text=-,Disabled%20states,-) for more details
  */
 export default {
   component: ListItem,

package/src/listItem/_stories/ListItem.story.tsx

@@ -27,7 +27,7 @@ const hideControls = disableControls([
 
 /**
  * List Items let users review or select options from a dynamic list.<br />
- * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes) and the [design spec](https://wise.design/components/list-item). <br />
+ * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes) and the [design spec](https://docs.wise.design/components/list-item). <br />
  *
  * > This component replaces now deprecated `LegacyListItem`, `Summary` and all `*Option` components (run codemod to migrate: **`npx @wise/wds-codemods@latest info-prompt`**).
  */
@@ -373,7 +373,7 @@ export const ContentRatio: StoryObj<PreviewStoryArgs> = {
  * List item supports default and inverted title and description to allow for further flexibility
  * in the component. No other content elements are affected by this prop.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#content-hierarchy) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#content-hierarchy) for more details.
  */
 export const ContentHierarchy: StoryObj<PreviewStoryArgs> = {
   args: {
@@ -401,7 +401,7 @@ export const ContentHierarchy: StoryObj<PreviewStoryArgs> = {
 /**
  * Interactive list items can alternatively be displayed with a spotlight.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#spotlight) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#spotlight) for more details.
  */
 export const Spotlight: StoryObj<PreviewStoryArgs> = {
   argTypes: {
@@ -447,7 +447,7 @@ export const Spotlight: StoryObj<PreviewStoryArgs> = {
  * All of these limitations were put in place to ensure that the list item is compliant with
  * accessibility guidance and offers consistent experience across all engineering platforms.
  *
- * Please refer to the [design documentation](https://wise.design/components/list-item#interaction) for more details.
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#interaction) for more details.
  */
 export const Interactivity: StoryObj<PreviewStoryArgs> = storySourceWithoutNoise({
   argTypes: {
@@ -567,7 +567,7 @@ export const Interactivity: StoryObj<PreviewStoryArgs> = storySourceWithoutNoise
  * and `valueSubtitle` which can be augmented with sentiment colours, strikethrough or bold
  * styles. <br />
  *
- * Please refer to the [design documentation](https://wise.design/components/list-item#content) for more details.
+ * Please refer to the [design documentation](https://docs.wise.design/components/list-item#content) for more details.
  */
 export const StylingLabels: Story = {
   argTypes: {

package/src/loader/Loader.tsx

@@ -76,7 +76,7 @@ const Loader = ({
   if (theme === 'forest-green') {
     // eslint-disable-next-line no-console
     console.warn(
-      'Loader is forbidden to use with Forest Green theme. Check the https://wise.design/components/screen-loader for more info.',
+      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',
     );
     return <></>;
   }

package/src/logo/Logo.story.tsx

@@ -6,7 +6,7 @@ import { withVariantConfig } from '../../.storybook/helpers';
 import Body from '../body';
 
 /**
- * **Design guidance**: <a href="https://wise.design/foundations/logo" target="_blank">wise.design/foundations/logo</a>
+ * **Design guidance**: <a href="https://docs.wise.design/foundations/logo" target="_blank">wise.design/foundations/logo</a>
  */
 const meta: Meta<typeof Logo> = {
   component: Logo,

package/src/logo/Logo.tsx

@@ -94,7 +94,7 @@ const logoAssets: Record<LogoAssetName, () => JSX.Element> = {
  * Renders the Wise wordmark logo. Responsive — shows the flag-only mark on small viewports
  * and the full wordmark on ≥600px (small breakpoint and above).
  *
- * @see {@link https://wise.design/foundations/logo Design Spec}
+ * @see {@link https://docs.wise.design/foundations/logo Design Spec}
  */
 export default function Logo({
   className,

package/src/navigationOption/NavigationOption.tsx

@@ -13,7 +13,7 @@ export type NavigationOptionProps = OptionProps;
  * @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 [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const NavigationOption = forwardRef<ReferenceType, NavigationOptionProps>(

package/src/navigationOptionsList/NavigationOptionsList.tsx

@@ -11,7 +11,7 @@ export interface NavigationOptionListProps {
  * @see [List source](../list/List.tsx)
  * @see [ListItem 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 [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const NavigationOptionList = ({ children }: NavigationOptionListProps) => {

package/src/prompt/ActionPrompt/ActionPrompt.story.tsx

@@ -334,7 +334,7 @@ export const Dismissible: Story = {
  * While the component itself will stretch to the full available width, the text container will be
  * capped at `480px` to ensure optimal readability.
  *
- * [Visit wise.design](https://wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
+ * [Visit wise.design](https://docs.wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
  */
 export const ParagraphWidth: Story = {
   parameters: {

package/src/prompt/ActionPrompt/ActionPrompt.tsx

@@ -35,7 +35,7 @@ export type ActionPromptProps = {
  *
  * If your message is about immediate user feedback (e.g., form submission errors, download failures, missing data warnings), use an [info prompt](https://storybook.wise.design/?path=/docs/prompts-infoprompt--docs) instead.
  *
- * Guidance can be found in the [design system](https://wise.design/components/action-prompt).
+ * Guidance can be found in the [design system](https://docs.wise.design/components/action-prompt).
  */
 export const ActionPrompt = ({
   sentiment = 'neutral',

package/src/prompt/CriticalBanner/CriticalBanner.story.tsx

@@ -8,7 +8,7 @@ import { CriticalBanner, type CriticalBannerProps } from './CriticalBanner';
 import { withVariantConfig } from '../../../.storybook/helpers';
 
 /**
- * **Design guidance**: <a href="https://wise.design/components/critical-banner" target="_blank">wise.design/components/critical-banner</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/critical-banner" target="_blank">wise.design/components/critical-banner</a>
  *
  * Can be controlled or uncontrolled. When `onToggle` is provided, the consumer manages the expanded state via `expanded` and the banner calls `onToggle` when the user clicks the chevron. When `onToggle` is not provided, the banner manages its own expanded state internally and toggles it when the user clicks the chevron.
  */

package/src/prompt/CriticalBanner/CriticalBanner.tsx

@@ -43,7 +43,7 @@ export type CriticalBannerProps = {
  * A full-width, non-dismissible banner for critical messages such as account blocks or
  * time-sensitive actions that require immediate user attention.
 
- * @see {@link https://wise.design/components/critical-banner Design Spec}
+ * @see {@link https://docs.wise.design/components/critical-banner Design Spec}
  */
 export const CriticalBanner = ({
   sentiment = 'negative',

package/src/prompt/InfoPrompt/InfoPrompt.story.tsx

@@ -318,7 +318,7 @@ export const MediaTypes: StoryObj<InfoPromptProps> = {
  * While the component itself will stretch to the full available width, the text container will be
  * capped at `480px` to ensure optimal readability.
  *
- * [Visit wise.design](https://wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
+ * [Visit wise.design](https://docs.wise.design/components/info-prompt#writing-an-info-prompt) for guidance on writing effective prompt messages that are concise and easy to understand.
  */
 export const ParagraphWidth: StoryObj<PreviewStoryArgs> = {
   parameters: {

package/src/prompt/InfoPrompt/InfoPrompt.tsx

@@ -71,7 +71,7 @@ export type InfoPromptProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'ar
  *
  * Use this component to replace the deprecated `Alert` component (run codemod to migrate: **`npx \@wise/wds-codemods@latest info-prompt`**).
  *
- * Guidance can be found in the [design system](https://wise.design/components/info-prompt).
+ * Guidance can be found in the [design system](https://docs.wise.design/components/info-prompt).
  */
 export const InfoPrompt = ({
   sentiment = 'neutral',

package/src/radioOption/RadioOption.tsx

@@ -21,7 +21,7 @@ export interface RadioOptionProps<T extends string | number = string>
  * @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 [Design docs](https://docs.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 = ''>({

package/src/segmentedControl/SegmentedControl.test.tsx

@@ -185,7 +185,7 @@ describe('SegmentedControl', () => {
         ],
       });
     }).toThrow(
-      'SegmentedControl only supports up to 3 segments. Please refer to: https://wise.design/components/segmented-control',
+      'SegmentedControl only supports up to 3 segments. Please refer to: https://docs.wise.design/components/segmented-control',
     );
   });
 

package/src/segmentedControl/SegmentedControl.tsx

@@ -45,7 +45,7 @@ const SegmentedControl = ({
 
   if (segments.length > 3) {
     throw new Error(
-      'SegmentedControl only supports up to 3 segments. Please refer to: https://wise.design/components/segmented-control',
+      'SegmentedControl only supports up to 3 segments. Please refer to: https://docs.wise.design/components/segmented-control',
     );
   }
 

package/src/summary/Summary.tsx

@@ -98,7 +98,7 @@ export interface Props {
  * @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 [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const Summary = ({

package/src/switch/Switch.story.tsx

@@ -8,7 +8,7 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Label } from '../label';
 
 /**
- * **Design guidance**: <a href="https://wise.design/components/switch" target="_blank">wise.design/components/switch</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/switch" target="_blank">wise.design/components/switch</a>
  */
 const meta: Meta<typeof Switch> = {
   component: Switch,

package/src/switchOption/SwitchOption.tsx

@@ -31,7 +31,7 @@ const stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {
  * @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 [Design docs](https://docs.wise.design/components/list-item)
  * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)
  */
 const SwitchOption = ({