@transferwise/components 46.143.1 → 46.144.1

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/flowNavigation/index.ts

@@ -0,0 +1,2 @@
+export { default } from './FlowNavigation';
+export type { FlowNavigationProps } from './FlowNavigation';

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/index.ts

@@ -4,6 +4,8 @@
  * Types
  */
 export type { ContainerProps } from './container';
+export type { LogoProps } from './logo';
+export type { FlowNavigationProps } from './flowNavigation';
 export type { AccordionItem, AccordionProps } from './accordion';
 export type { ActionOptionProps } from './actionOption';
 export type { AlertAction, AlertProps, AlertType } from './alert';
@@ -170,7 +172,7 @@ export { default as Drawer } from './drawer';
 export { default as DropFade } from './dropFade';
 export { default as Emphasis } from './emphasis';
 export { Field } from './field/Field';
-export { default as FlowNavigation } from './flowNavigation/FlowNavigation';
+export { default as FlowNavigation } from './flowNavigation';
 export { default as Header } from './header';
 export { default as Image } from './image';
 export { default as Info } from './info';

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']),

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/logo/index.ts

@@ -1 +1,2 @@
 export { default, LogoType } from './Logo';
+export type { LogoProps } from './Logo';

package/src/main.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:43 GMT
+ * Generated on Wed, 27 May 2026 15:50:09 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:10 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .np-theme-business--bright-green {
@@ -31962,7 +31962,13 @@ html:not([dir="rtl"]) .np-navigation-option {
 }
 
 @media (max-width: 599.98px) {
-  .wds-action-prompt--with-two-actions .wds-prompt__actions-wrapper .wds-Button {
+  .wds-action-prompt .wds-action-prompt__action {
+    width: 100%;
+  }
+}
+
+@media (max-width: 599.98px) {
+  .wds-action-prompt--with-two-actions .wds-action-prompt__action {
     flex: 1 1 calc(50% - (var(--Prompt-actions-gap) / 2));
     min-width: -moz-fit-content;
     min-width: fit-content;

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.css

@@ -13,7 +13,12 @@
      object-fit: contain;
 }
 @media (max-width: 599.98px) {
-  .wds-action-prompt--with-two-actions .wds-prompt__actions-wrapper .wds-Button {
+  .wds-action-prompt .wds-action-prompt__action {
+    width: 100%;
+  }
+}
+@media (max-width: 599.98px) {
+  .wds-action-prompt--with-two-actions .wds-action-prompt__action {
     flex: 1 1 calc(50% - (var(--Prompt-actions-gap) / 2));
     min-width: -moz-fit-content;
     min-width: fit-content;