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

package/build/switchOption/SwitchOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchOption.js","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\n/**\n * @deprecated Use `<ListItem />` instead (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**).\n * @deprecatedSince 46.104.0\n * @see [Source](../listItem/ListItem.tsx)\n * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)\n * @see [Design docs](https://wise.design/components/list-item)\n * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)\n */\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      className=\"np-switch-option\"\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","className","button","Switch","onClick"],"mappings":";;;;;;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE;IACvBC,KAAK,CAACC,cAAc,EAAE;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI;AACjD,EAAA;AACF,CAAC;AAED;;;;;;;AAOG;AACH,MAAMC,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA;GACD;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC;EACpB,CAAC;EAED,oBACEc,cAAA,CAACC,cAAM,EAAA;AAAA,IAAA,GACDH,WAAW;AACfI,IAAAA,SAAS,EAAC,kBAAkB;IAC5BC,MAAM,eACJH,cAAA,CAACI,cAAM,EAAA;AACLd,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBQ,MAAAA,OAAO,EAAEN;AAAO,KAAA,CAEnB;AACDM,IAAAA,OAAO,EAAEN;AAAO,GAAA,CAChB;AAEN;;;;"}
+{"version":3,"file":"SwitchOption.js","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\n/**\n * @deprecated Use `<ListItem />` instead (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**).\n * @deprecatedSince 46.104.0\n * @see [Source](../listItem/ListItem.tsx)\n * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)\n * @see [Design docs](https://docs.wise.design/components/list-item)\n * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)\n */\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      className=\"np-switch-option\"\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","className","button","Switch","onClick"],"mappings":";;;;;;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE;IACvBC,KAAK,CAACC,cAAc,EAAE;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI;AACjD,EAAA;AACF,CAAC;AAED;;;;;;;AAOG;AACH,MAAMC,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA;GACD;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC;EACpB,CAAC;EAED,oBACEc,cAAA,CAACC,cAAM,EAAA;AAAA,IAAA,GACDH,WAAW;AACfI,IAAAA,SAAS,EAAC,kBAAkB;IAC5BC,MAAM,eACJH,cAAA,CAACI,cAAM,EAAA;AACLd,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBQ,MAAAA,OAAO,EAAEN;AAAO,KAAA,CAEnB;AACDM,IAAAA,OAAO,EAAEN;AAAO,GAAA,CAChB;AAEN;;;;"}

package/build/switchOption/SwitchOption.mjs

@@ -14,7 +14,7 @@ const stopPropagation = event => {
  * @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 = ({

package/build/switchOption/SwitchOption.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchOption.mjs","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\n/**\n * @deprecated Use `<ListItem />` instead (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**).\n * @deprecatedSince 46.104.0\n * @see [Source](../listItem/ListItem.tsx)\n * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)\n * @see [Design docs](https://wise.design/components/list-item)\n * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)\n */\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      className=\"np-switch-option\"\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","className","button","Switch","onClick"],"mappings":";;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE;IACvBC,KAAK,CAACC,cAAc,EAAE;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI;AACjD,EAAA;AACF,CAAC;AAED;;;;;;;AAOG;AACH,MAAMC,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA;GACD;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC;EACpB,CAAC;EAED,oBACEc,GAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,WAAW;AACfI,IAAAA,SAAS,EAAC,kBAAkB;IAC5BC,MAAM,eACJH,GAAA,CAACI,MAAM,EAAA;AACLd,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBQ,MAAAA,OAAO,EAAEN;AAAO,KAAA,CAEnB;AACDM,IAAAA,OAAO,EAAEN;AAAO,GAAA,CAChB;AAEN;;;;"}
+{"version":3,"file":"SwitchOption.mjs","sources":["../../src/switchOption/SwitchOption.tsx"],"sourcesContent":["import { MouseEvent } from 'react';\n\nimport Option from '../common/Option';\nimport Switch from '../switch';\n\nexport type SwitchOptionProps = {\n  checked?: boolean;\n  complex?: boolean;\n  content?: React.ReactNode;\n  disabled?: boolean;\n  showMediaCircle?: boolean;\n  showMediaAtAllSizes?: boolean;\n  isContainerAligned?: boolean;\n  id?: string;\n  media?: React.ReactNode;\n  onChange: (newValue: boolean) => void;\n  title: React.ReactNode;\n  'aria-label': string;\n};\n\nconst stopPropagation = (event?: MouseEvent<HTMLSpanElement>) => {\n  if (event) {\n    event.stopPropagation();\n    event.preventDefault();\n    event.nativeEvent?.stopImmediatePropagation?.();\n  }\n};\n\n/**\n * @deprecated Use `<ListItem />` instead (run codemod to migrate: **`npx @wise/wds-codemods@latest list-item`**).\n * @deprecatedSince 46.104.0\n * @see [Source](../listItem/ListItem.tsx)\n * @see [Storybook](https://storybook.wise.design/?path=/docs/content-listitem--docs)\n * @see [Design docs](https://docs.wise.design/components/list-item)\n * @see [Release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3647251055/List+Item+release+notes)\n */\nconst SwitchOption = ({\n  checked,\n  complex,\n  content,\n  disabled,\n  id,\n  media,\n  onChange,\n  title,\n  showMediaCircle,\n  showMediaAtAllSizes,\n  isContainerAligned,\n  'aria-label': ariaLabel,\n}: SwitchOptionProps) => {\n  const sharedProps = {\n    media,\n    title,\n    content,\n    complex,\n    disabled,\n    showMediaCircle,\n    showMediaAtAllSizes,\n    isContainerAligned,\n  };\n  const toggle = (event?: MouseEvent<HTMLSpanElement>) => {\n    stopPropagation(event);\n    if (disabled) {\n      return;\n    }\n\n    onChange(!checked);\n  };\n\n  return (\n    <Option\n      {...sharedProps}\n      className=\"np-switch-option\"\n      button={\n        <Switch\n          id={id}\n          checked={checked}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          onClick={toggle}\n        />\n      }\n      onClick={toggle}\n    />\n  );\n};\n\nexport default SwitchOption;\n"],"names":["stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation","SwitchOption","checked","complex","content","disabled","id","media","onChange","title","showMediaCircle","showMediaAtAllSizes","isContainerAligned","ariaLabel","sharedProps","toggle","_jsx","Option","className","button","Switch","onClick"],"mappings":";;;;AAoBA,MAAMA,eAAe,GAAIC,KAAmC,IAAI;AAC9D,EAAA,IAAIA,KAAK,EAAE;IACTA,KAAK,CAACD,eAAe,EAAE;IACvBC,KAAK,CAACC,cAAc,EAAE;AACtBD,IAAAA,KAAK,CAACE,WAAW,EAAEC,wBAAwB,IAAI;AACjD,EAAA;AACF,CAAC;AAED;;;;;;;AAOG;AACH,MAAMC,YAAY,GAAGA,CAAC;EACpBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,mBAAmB;EACnBC,kBAAkB;AAClB,EAAA,YAAY,EAAEC;AAAS,CACL,KAAI;AACtB,EAAA,MAAMC,WAAW,GAAG;IAClBP,KAAK;IACLE,KAAK;IACLL,OAAO;IACPD,OAAO;IACPE,QAAQ;IACRK,eAAe;IACfC,mBAAmB;AACnBC,IAAAA;GACD;EACD,MAAMG,MAAM,GAAIlB,KAAmC,IAAI;IACrDD,eAAe,CAACC,KAAK,CAAC;AACtB,IAAA,IAAIQ,QAAQ,EAAE;AACZ,MAAA;AACF,IAAA;IAEAG,QAAQ,CAAC,CAACN,OAAO,CAAC;EACpB,CAAC;EAED,oBACEc,GAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDH,WAAW;AACfI,IAAAA,SAAS,EAAC,kBAAkB;IAC5BC,MAAM,eACJH,GAAA,CAACI,MAAM,EAAA;AACLd,MAAAA,EAAE,EAAEA,EAAG;AACPJ,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYQ,SAAU;AACtBQ,MAAAA,OAAO,EAAEN;AAAO,KAAA,CAEnB;AACDM,IAAAA,OAAO,EAAEN;AAAO,GAAA,CAChB;AAEN;;;;"}

package/build/types/actionOption/ActionOption.d.ts

@@ -20,7 +20,7 @@ export type ActionOptionProps = {
  * @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)
  */
 declare const ActionOption: ({ action, priority, disabled, onClick, media, title, content, additionalContent, complex, className, showMediaAtAllSizes, showMediaCircle, isContainerAligned, as, "aria-label": ariaLabel, }: ActionOptionProps) => import("react").JSX.Element;

package/build/types/checkboxOption/CheckboxOption.d.ts

@@ -14,7 +14,7 @@ export type CheckboxOptionProps = Omit<BaseOptionProps, 'onChange'> & {
  * @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)
  */
 declare const CheckboxOption: import("react").ForwardRefExoticComponent<Omit<BaseOptionProps, "onChange"> & {

package/build/types/container/Container.d.ts

@@ -9,7 +9,7 @@ export type ContainerProps<T extends ElementType = 'div'> = PropsWithChildren<Co
 /**
  * Centers page content within a responsive max-width boundary, with automatic horizontal padding that adapts to the viewport size.
  *
- * **Design guidance**: <a href="https://wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
+ * **Design guidance**: <a href="https://docs.wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
  */
 declare const Container: <T extends ElementType = "div">({ size, as, className, children, ...otherProps }: ContainerProps<T>) => import("react").JSX.Element;
 export default Container;

package/build/types/legacylistItem/LegacyListItem.d.ts

@@ -13,7 +13,7 @@ export type LegacyListItemProps = {
  * @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)
  */
 declare const LegacyListItem: FC<LegacyListItemProps>;

package/build/types/listItem/AvatarLayout/ListItemAvatarLayout.d.ts

@@ -8,7 +8,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 declare const AvatarLayout: {
     ({ className, size, ...props }: ListItemAvatarLayoutProps): import("react").JSX.Element;

package/build/types/listItem/AvatarView/ListItemAvatarView.d.ts

@@ -8,7 +8,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 declare const AvatarView: {
     ({ className, size, ...props }: ListItemAvatarViewProps): import("react").JSX.Element;

package/build/types/listItem/Button/ListItemButton.d.ts

@@ -13,7 +13,7 @@ export type ListItemButtonProps = Omit<NewButtonProps, 'v2' | 'size' | 'disabled
  * [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 declare const Button: import("react").ForwardRefExoticComponent<Omit<NewButtonProps, "block" | "disabled" | "size" | "v2" | "addonStart"> & {
     /**

package/build/types/listItem/Checkbox/ListItemCheckbox.d.ts

@@ -5,7 +5,7 @@ export type ListItemCheckboxProps = Pick<CheckboxButtonProps, 'checked' | 'indet
  * [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 declare const Checkbox: {
     (props: ListItemCheckboxProps): import("react").JSX.Element;

package/build/types/listItem/IconButton/ListItemIconButton.d.ts

@@ -11,7 +11,7 @@ export type ListItemIconButtonProps = Pick<IconButtonProps, 'type' | 'onClick' |
  * [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 declare const IconButton: {
     ({ priority, "aria-label": ariaLabel, ...props }: ListItemIconButtonProps): import("react").JSX.Element;

package/build/types/listItem/Image/ListItemImage.d.ts

@@ -19,7 +19,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 declare const Image: {
     ({ alt, size, className, ...props }: ListItemImageProps): import("react").JSX.Element;

package/build/types/listItem/ListItem.d.ts

@@ -68,7 +68,7 @@ export type ListItemProps = {
     id?: string;
 };
 /**
- * @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 declare const ListItem: {

package/build/types/listItem/Navigation/ListItemNavigation.d.ts

@@ -6,7 +6,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 declare const Navigation: {
     ({ href, ...props }: ListItemNavigationProps): import("react").JSX.Element;

package/build/types/listItem/Prompt/ListItemPrompt.d.ts

@@ -4,7 +4,7 @@ export type ListItemPromptProps = Pick<InlinePromptProps, 'children' | 'sentimen
  * 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 declare const Prompt: {
     ({ sentiment, mediaLabel, children, media, loading, }: ListItemPromptProps): import("react").JSX.Element;

package/build/types/listItem/Radio/ListItemRadio.d.ts

@@ -5,7 +5,7 @@ export type ListItemRadioProps = Omit<RadioButtonProps, 'disabled' | 'readOnly'
  * [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 declare const Radio: {
     (props: ListItemRadioProps): import("react").JSX.Element;

package/build/types/listItem/Switch/ListItemSwitch.d.ts

@@ -5,7 +5,7 @@ export type ListItemSwitchProps = Omit<SwitchProps, 'disabled' | 'id' | 'aria-la
  * [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 declare const Switch: {
     (props: ListItemSwitchProps): import("react").JSX.Element;

package/build/types/logo/Logo.d.ts

@@ -59,7 +59,7 @@ export interface LogoProps {
  * 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, type, format, display, size, 'aria-label': ariaLabel, }: LogoProps): import("react").JSX.Element;
 //# sourceMappingURL=Logo.d.ts.map

package/build/types/navigationOption/NavigationOption.d.ts

@@ -5,7 +5,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)
  */
 declare const NavigationOption: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<ReferenceType>>;

package/build/types/navigationOptionsList/NavigationOptionsList.d.ts

@@ -8,7 +8,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)
  */
 declare const NavigationOptionList: ({ children }: NavigationOptionListProps) => React.JSX.Element;

package/build/types/prompt/ActionPrompt/ActionPrompt.d.ts

@@ -26,7 +26,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 declare const ActionPrompt: ({ sentiment, title, description, onDismiss, media, action, actionSecondary, id, className, "data-testid": testId, "aria-label": ariaLabel, }: ActionPromptProps) => import("react").JSX.Element;
 export default ActionPrompt;

package/build/types/prompt/CriticalBanner/CriticalBanner.d.ts

@@ -32,7 +32,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 declare const CriticalBanner: ({ sentiment, title, description, media, action, actionSecondary, expanded: expandedProp, onToggle, id, className, "data-testid": testId, }: CriticalBannerProps) => import("react").JSX.Element;
 export default CriticalBanner;

package/build/types/prompt/InfoPrompt/InfoPrompt.d.ts

@@ -61,7 +61,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 declare const InfoPrompt: ({ sentiment, onDismiss, media, action, title, description, className, "aria-live": ariaLive, "data-testid": dataTestId, ...restProps }: InfoPromptProps) => import("react").JSX.Element;
 //# sourceMappingURL=InfoPrompt.d.ts.map

package/build/types/radioOption/RadioOption.d.ts

@@ -14,7 +14,7 @@ export interface RadioOptionProps<T extends string | number = string> extends Re
  * @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)
  */
 declare function RadioOption<T extends string | number = ''>({ 'aria-label': ariaLabel, media, title, content, id, name, checked, onChange, complex, disabled, value, showMediaCircle, showMediaAtAllSizes, isContainerAligned, }: RadioOptionProps<T>): import("react").JSX.Element;

package/build/types/summary/Summary.d.ts

@@ -59,7 +59,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)
  */
 declare const Summary: ({ action, as: Element, className, content, description, help, icon, illustration, info, status, title, }: Props) => import("react").JSX.Element;

package/build/types/switchOption/SwitchOption.d.ts

@@ -17,7 +17,7 @@ export type SwitchOptionProps = {
  * @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)
  */
 declare const SwitchOption: ({ checked, complex, content, disabled, id, media, onChange, title, showMediaCircle, showMediaAtAllSizes, isContainerAligned, "aria-label": ariaLabel, }: SwitchOptionProps) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-c6e51c3",
+  "version": "0.0.0-experimental-575dca7",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/actionButton/ActionButton.story.tsx

@@ -7,7 +7,7 @@ import { withVariantConfig } from '../../.storybook/helpers';
 /**
  * This component is deprecated please use new [Button](?path=/docs/actions-button--docs).
  *
- * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://wise.design/components/button).
+ * For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://docs.wise.design/components/button).
  */
 export default {
   component: ActionButton,

package/src/actionOption/ActionOption.tsx

@@ -40,7 +40,7 @@ export type ActionOptionProps = {
  * @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 ActionOption = ({

package/src/button/_stories/Button.accessibility.docs.mdx

@@ -12,7 +12,7 @@ Given the `Button` is a widely used and highly sensitive component, there are so
 <ListItem
   title="Design guidance"
   subtitle="Before you start, familiarise yourself with the dedicated accessibility documentation."
-  control={<ListItem.Navigation href="https://wise.design/components/button#accessibility" />}
+  control={<ListItem.Navigation href="https://docs.wise.design/components/button#accessibility" />}
   media={
     <ListItem.AvatarView>
       <Bulb />

package/src/button/_stories/Button.story.tsx

@@ -149,7 +149,7 @@ const getPropsForPreview = (args: PreviewStoryArgs) => {
 };
 
 /**
- * The stories below document the new Button API, which requires `v2` prop to function.  <br />For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://wise.design/components/button). <br />
+ * The stories below document the new Button API, which requires `v2` prop to function.  <br />For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://docs.wise.design/components/button). <br />
  * You can still find the old Button documentation under [Legacy Button](?path=/docs/actions-button-legacy--docs)
  *
  *
@@ -331,7 +331,7 @@ export const Sandbox = createSandboxStory({
 /**
  * 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> = {
   render: function Render(args: PreviewStoryArgs) {
@@ -377,7 +377,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> = {
   render: function Render(args: PreviewStoryArgs) {
@@ -413,7 +413,7 @@ export const Priority: StoryObj<PreviewStoryArgs> = {
 
 /**
  * There are three different button sizes – small (`sm`), medium (`md`) and large (`lg`) – each used for different purposes. <br />
- * [Design documentation](https://wise.design/components/button#sizes)
+ * [Design documentation](https://docs.wise.design/components/button#sizes)
  */
 export const Size: StoryObj<PreviewStoryArgs> = {
   render: function Render(args: PreviewStoryArgs) {
@@ -536,7 +536,7 @@ export const DisplayBlock: StoryObj<PreviewStoryArgs> = {
 
 /**
  * Icons are only supported for `sm` and `md` size Buttons. <br />
- * [Design documentation](https://wise.design/components/button#accessories)
+ * [Design documentation](https://docs.wise.design/components/button#accessories)
  */
 export const WithIcons: StoryObj<PreviewStoryArgs> = {
   render: function Render(args: PreviewStoryArgs) {
@@ -595,7 +595,7 @@ export const WithIcons: StoryObj<PreviewStoryArgs> = {
 
 /**
  * Avatars are only supported by the `md` size Buttons and are only allowed before the label. <br />
- * [Design documentation](https://wise.design/components/button#accessories)
+ * [Design documentation](https://docs.wise.design/components/button#accessories)
  */
 export const WithAvatars: StoryObj<PreviewStoryArgs> = {
   render: function Render(args: PreviewStoryArgs) {

package/src/checkboxButton/CheckboxButton.story.tsx

@@ -9,7 +9,7 @@ import { Label } from '../label/Label';
 /**
  * Use <a href="?path=/docs/forms-checkbox--docs">Checkbox</a> component instead when pairing with a label. Only use CheckboxButton when you need a standalone checkbox (e.g. settings matrix) and provide an `aria-label`.
  *
- * **Design guidance**: <a href="https://wise.design/components/checkbox" target="_blank">wise.design/components/checkbox</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/checkbox" target="_blank">wise.design/components/checkbox</a>
  */
 export default {
   component: CheckboxButton,

package/src/checkboxOption/CheckboxOption.tsx

@@ -20,7 +20,7 @@ export type CheckboxOptionProps = Omit<BaseOptionProps, 'onChange'> & {
  * @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 CheckboxOption = forwardRef<ReferenceType, CheckboxOptionProps>(

package/src/chips/Chips.story.tsx

@@ -8,7 +8,7 @@ import { storySourceWithoutNoise } from '../../.storybook/helpers';
 /**
  * Can be used for making a <a href="?path=/story/actions-chips--choice">choice</a>, or as a <a href="?path=/story/actions-chips--filter">filter</a> with multiple options.
  *
- * **Design guidance**: <a href="https://wise.design/components/chip" target="_blank">wise.design/components/chip</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/chip" target="_blank">wise.design/components/chip</a>
  */
 export default {
   component: Chips,
@@ -93,7 +93,7 @@ export const Playground: Story = storySourceWithoutNoise<typeof Chips>({
 
 /**
  * The user can select any number of chips with the selected prop as an array (`multiple` prop set to `true`). <br />
- * <a href="https://wise.design/components/chip#filter-chips" target="_blank">Design documentation</a>
+ * <a href="https://docs.wise.design/components/chip#filter-chips" target="_blank">Design documentation</a>
  */
 export const Filter: Story = storySourceWithoutNoise<typeof Chips>({
   args: {
@@ -124,7 +124,7 @@ export const Filter: Story = storySourceWithoutNoise<typeof Chips>({
 
 /**
  * The user can only select one chip with the selected prop as a single value (`multiple` prop set to `false`). <br />
- * <a href="https://wise.design/components/chip#choice-chips" target="_blank">Design documentation</a>
+ * <a href="https://docs.wise.design/components/chip#choice-chips" target="_blank">Design documentation</a>
  */
 export const Choice: Story = storySourceWithoutNoise<typeof Chips>({
   args: {

package/src/circularButton/CircularButton.story.tsx

@@ -9,7 +9,7 @@ import SentimentSurface from '../sentimentSurface';
 /**
  * An <a href="?path=/docs/actions-iconbutton--docs">IconButton</a> with a text label below it.
  *
- * **Design guidance**: <a href="https://wise.design/components/circular-button" target="_blank">wise.design/components/circular-button</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/circular-button" target="_blank">wise.design/components/circular-button</a>
  */
 export default {
   component: CircularButton,
@@ -45,7 +45,7 @@ export const Playground: 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/circular-button#priority)
+ * [Design documentation](https://docs.wise.design/components/circular-button#priority)
  */
 export const Priority: Story = {
   args: {
@@ -83,7 +83,7 @@ export const Priority: Story = {
 
 /**
  * There are two different types of button – default and negative – designed to emphasise the nature of the action. <br />
- * [Design documentation](https://wise.design/components/circular-button#types)
+ * [Design documentation](https://docs.wise.design/components/circular-button#types)
  */
 export const Type: Story = {
   args: {
@@ -163,7 +163,7 @@ export const Disabled: Story = {
 /**
  * `CircularButton` is sentiment-aware and will automatically adjust its colours if wrapped inside
  * the <a href="?path=/docs/foundations-sentimentsurface--docs">SentimentSurface</a> component. <br />
- * [Design documentation](https://wise.design/components/circular-button)
+ * [Design documentation](https://docs.wise.design/components/circular-button)
  */
 export const SentimentAwareness: Story = {
   render: () => {

package/src/container/Container.tsx

@@ -17,7 +17,7 @@ export type ContainerProps<T extends ElementType = 'div'> = PropsWithChildren<
 /**
  * Centers page content within a responsive max-width boundary, with automatic horizontal padding that adapts to the viewport size.
  *
- * **Design guidance**: <a href="https://wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
+ * **Design guidance**: <a href="https://docs.wise.design/foundations/grid" target="_blank">wise.design/foundations/grid</a>
  */
 const Container = <T extends ElementType = 'div'>({
   size = 'standard',

package/src/divider/Divider.story.tsx

@@ -24,7 +24,7 @@ const hideControls = (args: string[]) => {
  * The stories below document the `<Divider />` component, which can be rendered as either a semantic `<hr>` or a non-semantic `<div>`.
  * levels allow customization for different visual separation needs.
  *
- * For more details, please refer to the [design documentation](https://wise.design/components/divider).
+ * For more details, please refer to the [design documentation](https://docs.wise.design/components/divider).
  */
 const meta: Meta<typeof Divider> = {
   component: Divider,
@@ -89,7 +89,7 @@ export const Playground: Story = {
 /**
  * There are three different types of divider – `section`, `subsection`, and `content` –
  * each designed to visually separate or group content. <br />
- * [Design documentation](https://wise.design/components/divider)
+ * [Design documentation](https://docs.wise.design/components/divider)
  */
 export const Level: Story = {
   argTypes: {

package/src/header/Header.accessibility.docs.mdx

@@ -12,7 +12,7 @@ Given the `Header` is a key component for structuring content and conveying hier
 <ListItem
   title="Design guidance"
   subtitle="Before you start, familiarise yourself with the provided guidance."
-  control={<ListItem.Navigation href="https://wise.design/components/section-header" />}
+  control={<ListItem.Navigation href="https://docs.wise.design/components/section-header" />}
   media={
     <ListItem.AvatarView>
       <Bulb />

package/src/header/Header.story.tsx

@@ -15,7 +15,7 @@ const hideControls = (args: string[]) =>
 
 /**
  * The stories below document the `Header` component, which is used to structure content and convey hierarchy. <br />
- * For more details, refer to the [design documentation](https://wise.design/components/section-header).
+ * For more details, refer to the [design documentation](https://docs.wise.design/components/section-header).
  */
 const meta: Meta<typeof Header> = {
   component: Header,

package/src/iconButton/IconButton.story.tsx

@@ -17,7 +17,7 @@ import IconButton, { Props } from './IconButton';
 import SentimentSurface from '../sentimentSurface';
 
 /**
- * **Design guidance**: <a href="https://wise.design/components/icon-button" target="_blank">wise.design/components/icon-button</a>
+ * **Design guidance**: <a href="https://docs.wise.design/components/icon-button" target="_blank">wise.design/components/icon-button</a>
  */
 export default {
   title: 'Actions/IconButton',
@@ -64,7 +64,7 @@ export const Playground: Story = {
 /**
  * Priorities set a visual hierarchy amongst the buttons displayed on the
  * screen to help more important buttons to take precedence over others. <br />
- * <a href="https://wise.design/components/icon-button#priorities" target="_blank">Design documentation</a>
+ * <a href="https://docs.wise.design/components/icon-button#priorities" target="_blank">Design documentation</a>
  */
 export const Priority: Story = {
   args: {
@@ -109,7 +109,7 @@ export const Priority: Story = {
 
 /**
  * There are two different types of button – default and negative – designed to emphasise the nature of the action. <br />
- * <a href="https://wise.design/components/icon-button#types" target="_blank">Design documentation</a>
+ * <a href="https://docs.wise.design/components/icon-button#types" target="_blank">Design documentation</a>
  */
 export const Type: Story = {
   args: {
@@ -148,7 +148,7 @@ export const Type: Story = {
 
 /**
  * IconButton is available in 7 sizes: 16, 24, 32, 40, 48, 56, 72. <br />
- * <a href="https://wise.design/components/icon-button#sizes" target="_blank">Design documentation</a>
+ * <a href="https://docs.wise.design/components/icon-button#sizes" target="_blank">Design documentation</a>
  */
 export const Size: Story = {
   args: {

package/src/legacylistItem/LegacyListItem.tsx

@@ -18,7 +18,7 @@ export type LegacyListItemProps = {
  * @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 LegacyListItem: FC<LegacyListItemProps> = ({

package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.story.tsx

@@ -14,7 +14,7 @@ import type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
 /**
  * Use additional information to add extra details that help make the information clearer for users. Use additional information only after you've used the subtitle.
  *
- * Refer to the [design documentation](https://wise.design/components/list-item#content:~:text=StatusIcon.iconLabel.error-,Additional%20information,-Use%20additional%20information) for more details.
+ * Refer to the [design documentation](https://docs.wise.design/components/list-item#content:~:text=StatusIcon.iconLabel.error-,Additional%20information,-Use%20additional%20information) for more details.
  */
 export default {
   component: ListItem.AdditionalInfo,

package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx

@@ -58,7 +58,7 @@ export const Playground: Story = {
 
 /**
  * AvatarLayout supports two orientations: horizontal (default) and diagonal. <br />
- * Please refer to the [design documentation](https://wise.design/components/avatar#double) for more details.
+ * Please refer to the [design documentation](https://docs.wise.design/components/avatar#double) for more details.
  */
 export const Orientations: Story = {
   argTypes: disableControls()(['orientation']),