@transferwise/components 0.0.0-experimental-aa84e4b → 0.0.0-experimental-586f96f

package/src/ListItem/IconButton/{ListItemIconButton.story.tsx → _stories/ListItemIconButton.story.tsx}

@@ -1,15 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import ListItem from '..';
+import ListItem from '../..';
 import { Edit } from '@transferwise/icons';
 import { fn } from 'storybook/test';
-import List from '../../List';
+import List from '../../../List';
 import {
   SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
   SB_LIST_ITEM_MEDIA as MEDIA,
   SB_LIST_ITEM_PROMPTS as PROMPTS,
-} from '../_stories/subcomponents';
-import { disableControls } from '../_stories/helpers';
-import type { ListItemIconButtonProps } from './ListItemIconButton';
+} from '../../_stories/subcomponents';
+import { disableControls } from '../../_stories/helpers';
+import type { ListItemIconButtonProps } from '../ListItemIconButton';
 
 const hideControls = disableControls([
   'onClick',

package/src/ListItem/Image/{ListItemImage.story.tsx → _stories/ListItemImage.story.tsx}

@@ -1,13 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import List from '../../List';
-import { ListItem } from '../ListItem';
+import List from '../../../List';
+import { ListItem } from '../../..';
 import {
   SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
   SB_LIST_ITEM_CONTROLS as CONTROLS,
-} from '../_stories/subcomponents';
-import landscapeImage from '../../test-utils/assets/placeholder-landscape.svg';
-import portraitImage from '../../test-utils/assets/placeholder-portrait.svg';
-import type { ListItemImageProps } from './ListItemImage';
+} from '../../_stories/subcomponents';
+import landscapeImage from '../../../test-utils/assets/placeholder-landscape.svg';
+import portraitImage from '../../../test-utils/assets/placeholder-portrait.svg';
+import type { ListItemImageProps } from '..';
 
 export default {
   component: ListItem.Image,

package/src/ListItem/Navigation/{ListItemNavigation.story.tsx → _stories/ListItemNavigation.story.tsx}

@@ -1,14 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
-import { lorem10 } from '../../test-utils';
-import List from '../../List';
-import { ListItem } from '../ListItem';
+import List from '../../../List';
+import { ListItem } from '../../..';
 import {
   SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
-  SB_LIST_ITEM_PROMPTS as PROMPTS,
   SB_LIST_ITEM_MEDIA as MEDIA,
-} from '../_stories/subcomponents';
-import type { ListItemNavigationProps } from './ListItemNavigation';
+} from '../../_stories/subcomponents';
+import type { ListItemNavigationProps } from '../ListItemNavigation';
 
 const meta: Meta<ListItemNavigationProps> = {
   component: ListItem.Navigation,

package/src/ListItem/Prompt/{ListItemPrompt.story.tsx → _stories/ListItemPrompt.story.tsx}

@@ -1,17 +1,17 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { action } from 'storybook/actions';
-import { lorem10, lorem5 } from '../../test-utils';
-import Link from '../../Link';
-import List from '../../List';
-import { Sentiment as Sentiments } from '../../common';
-import { withoutKey } from '../_stories/helpers';
+import { lorem10, lorem5 } from '../../../test-utils';
+import Link from '../../../Link';
+import List from '../../../List';
+import { Sentiment as Sentiments } from '../../../common';
+import { ListItem } from '../../ListItem';
+import { Prompt, type ListItemPromptProps } from '..';
+import { Clock } from '@transferwise/icons';
+import { withoutKey } from '../../_stories/helpers';
 import {
   SB_LIST_ITEM_CONTROLS as CONTROLS,
   SB_LIST_ITEM_MEDIA as MEDIA,
-} from '../_stories/subcomponents';
-import { ListItem } from '../ListItem';
-import { Prompt, type ListItemPromptProps } from './ListItemPrompt';
-import { Clock } from '@transferwise/icons';
+} from '../../_stories/subcomponents';
 
 const meta: Meta<ListItemPromptProps> = {
   component: Prompt,

package/src/ListItem/Radio/{ListItemRadio.story.tsx → _stories/ListItemRadio.story.tsx}

@@ -1,14 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { useState } from 'react';
-import List from '../../List';
-import { ListItem } from '../ListItem';
+import List from '../../../List';
+
+import { ListItem } from '../../ListItem';
 import {
   SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
   SB_LIST_ITEM_MEDIA as MEDIA,
-} from '../_stories/subcomponents';
-import type { ListItemRadioProps } from './ListItemRadio';
+} from '../../_stories/subcomponents';
+import type { ListItemRadioProps } from '../ListItemRadio';
 import { fn } from 'storybook/test';
-import { ProfileType } from '../../common';
+import { ProfileType } from '../../../common';
 
 const meta: Meta<ListItemRadioProps> = {
   component: ListItem.Radio,

package/src/ListItem/Switch/{ListItemSwitch.story.tsx → _stories/ListItemSwitch.story.tsx}

@@ -1,13 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { fn } from 'storybook/test';
-import { lorem10, lorem5 } from '../../test-utils';
-import List from '../../List';
-import { ListItem } from '../ListItem';
+import { lorem10, lorem5 } from '../../../test-utils';
+import List from '../../../List';
 import {
   SB_LIST_ITEM_ADDITIONAL_INFO as INFO,
   SB_LIST_ITEM_MEDIA as MEDIA,
-} from '../_stories/subcomponents';
-import type { ListItemSwitchProps } from './ListItemSwitch';
+} from '../../_stories/subcomponents';
+import type { ListItemSwitchProps } from '..';
+import { fn } from 'storybook/test';
+import { ListItem } from '../../ListItem';
 
 const meta: Meta<ListItemSwitchProps> = {
   component: ListItem.Switch,

package/src/Loader/{Loader.story.tsx → _stories/Loader.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import Loader from './Loader';
+import Loader from '../';
 
 export default {
   component: Loader,

package/src/Logo/{Logo.story.tsx → _stories/Logo.story.tsx}

@@ -1,10 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import Logo, { LogoType, LogoDisplay, LogoFormat } from './Logo';
-import type { LogoSize } from './Logo';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
-import { withVariantConfig } from '../../.storybook/helpers';
-import Body from '../Body';
+import Logo, { LogoType, LogoDisplay, LogoFormat } from '../Logo';
+import type { LogoSize } from '../Logo';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import Body from '../../Body';
 
 /**
  * **Design guidance**: <a href="https://docs.wise.design/foundations/logo" target="_blank">wise.design/foundations/logo</a>

package/src/Logo/{Logo.test.story.tsx → _stories/Logo.test.story.tsx}

@@ -1,10 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import Logo, { LogoType } from '.';
-import { LogoFormat } from './Logo';
-import type { LogoSize } from './Logo';
-import { withVariantConfig } from '../../.storybook/helpers';
-import Body from '../Body';
+import Logo, { LogoType } from '..';
+import { LogoFormat } from '../Logo';
+import type { LogoSize } from '../Logo';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import Body from '../../Body';
 
 const meta: Meta<typeof Logo> = {
   component: Logo,

package/src/Markdown/{Markdown.story.tsx → _stories/Markdown.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import Markdown from './Markdown';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Markdown from '../';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Markdown,

package/src/Modal/{Modal.story.tsx → _stories/Modal.story.tsx}

@@ -3,10 +3,10 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { ScreenMode, ThemeProvider } from '@wise/components-theming';
 import { useState } from 'react';
 
-import { Button, Modal, ModalProps } from '..';
-import { CommonProps, Scroll } from '../common';
-import { lorem10, lorem100, lorem1000 } from '../test-utils';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { Button, Modal, ModalProps } from '../..';
+import { CommonProps, Scroll } from '../../common';
+import { lorem10, lorem100, lorem1000 } from '../../test-utils';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Modal,

package/src/Modal/{Modal.test.story.tsx → _stories/Modal.test.story.tsx}

@@ -3,10 +3,10 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, userEvent, within } from 'storybook/test';
 import { ScreenMode, ThemeProvider } from '@wise/components-theming';
 import { useState } from 'react';
-import { Button, Modal, ModalProps } from '..';
-import { CommonProps, Scroll } from '../common';
-import { lorem10, lorem100, lorem1000 } from '../test-utils';
-import { withVariantConfig } from '../../.storybook/helpers';
+import { Button, Modal, ModalProps } from '../..';
+import { CommonProps, Scroll } from '../../common';
+import { lorem10, lorem100, lorem1000 } from '../../test-utils';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof Modal> = {
   component: Modal,

package/src/Money/{Money.story.tsx → _stories/Money.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import Money from './Money';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import Money from '../Money';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Money,

package/src/MoneyInput/{MoneyInput.story.tsx → _stories/MoneyInput.story.tsx}

@@ -1,12 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { within, userEvent, expect } from 'storybook/test';
+import { within, userEvent } from 'storybook/test';
 import { Padlock } from '@transferwise/icons';
 import { useState } from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import MoneyInput, { CurrencyOptionItem } from '.';
-import { Field } from '../Field/Field';
-import translations from '../i18n/en.json';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import MoneyInput, { CurrencyOptionItem } from '..';
+import { Field } from '../../Field/Field';
+import translations from '../../i18n/en.json';
 
 export default {
   component: MoneyInput,

package/src/MoneyInput/{MoneyInput.test.story.tsx → _stories/MoneyInput.test.story.tsx}

@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { within, userEvent, fireEvent, expect } from 'storybook/test';
-import { allModes } from '../../.storybook/modes';
-import { lorem500 } from '../test-utils';
-import { Field } from '../Field/Field';
-import Body from '../Body';
-import MoneyInput from './MoneyInput';
+import { allModes } from '../../../.storybook/modes';
+import { lorem500 } from '../../test-utils';
+import { Field } from '../../Field/Field';
+import Body from '../../Body';
+import MoneyInput from '../MoneyInput';
 
 const meta = {
   title: 'Forms/MoneyInput/Tests',

package/src/NavigationOption/{NavigationOption.story.tsx → _stories/NavigationOption.story.tsx}

@@ -8,9 +8,9 @@ import {
   UpwardGraph as UpwardGraphIcon,
   FastFlag,
 } from '@transferwise/icons';
-import type { AvatarViewBadgeProps } from '../AvatarView/AvatarView';
-import { Nudge, Header, Title, Typography, AvatarView, type NavigationOptionProps } from '..';
-import NavigationOption from './NavigationOption';
+import type { AvatarViewBadgeProps } from '../../AvatarView/AvatarView';
+import { Nudge, Header, Title, Typography, AvatarView } from '../..';
+import NavigationOption, { type NavigationOptionProps } from '../NavigationOption';
 import { fn } from 'storybook/test';
 
 type StoryArgs = NavigationOptionProps & { hasTitleOnly?: boolean };

package/src/NavigationOptionsList/{NavigationOptionsList.story.tsx → _stories/NavigationOptionsList.story.tsx}

@@ -1,6 +1,6 @@
-import NavigationOption from '../NavigationOption';
+import NavigationOption from '../../NavigationOption';
 
-import NavigationOptionsList from '.';
+import NavigationOptionsList from '..';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [List](?path=/docs/content-list--docs), [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Navigation control](?path=/docs/content-listitem-listitem-navigation--docs).

package/src/Nudge/{Nudge.story.tsx → _stories/Nudge.story.tsx}

@@ -1,8 +1,11 @@
-import { action } from 'storybook/actions';
 import { Assets } from '@wise/art';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { Nudge } from '..';
+import Nudge from '../Nudge';
+import { action } from 'storybook/actions';
 
 export default {
   component: Nudge,

package/src/OverlayHeader/{OverlayHeader.story.tsx → _stories/OverlayHeader.story.tsx}

@@ -1,12 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { action } from 'storybook/actions';
 import { Person, Briefcase as BriefcaseIcon } from '@transferwise/icons';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import AvatarView from '../AvatarView';
-import { ProfileType } from '../common';
-import Logo from '../Logo';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import AvatarView from '../../AvatarView';
+import { ProfileType } from '../../common';
+import Logo from '../../Logo';
 
-import OverlayHeader, { OverlayHeaderProps } from './OverlayHeader';
+import OverlayHeader, { OverlayHeaderProps } from '..';
 
 interface CustomControls {
   avatarType?: keyof typeof avatarProfiles;

package/src/PhoneNumberInput/{PhoneNumberInput.story.tsx → _stories/PhoneNumberInput.story.tsx}

@@ -1,8 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Field } from '../Field/Field';
-import PhoneNumberInput from './PhoneNumberInput';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Field } from '../../Field/Field';
+import PhoneNumberInput from '..';
 
 const meta = {
   component: PhoneNumberInput,

package/src/PocketSurface/{PocketSurface.story.tsx → _stories/PocketSurface.story.tsx}

@@ -1,9 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Button from '../Button';
-import Link from '../Link';
-import PocketSurface from './PocketSurface';
-import type { PocketVariant } from './PocketSurface.types';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
+import Button from '../../Button';
+import Link from '../../Link';
+import PocketSurface, { type PocketVariant } from '..';
 
 const PocketCard = ({ variant }: { variant?: PocketVariant } = {}) => (
   <div className="p-a-2 d-flex flex-column" style={{ gap: '0.75rem', maxWidth: '280px' }}>

package/src/Popover/{Popover.story.tsx → _stories/Popover.story.tsx}

@@ -1,11 +1,14 @@
 import { action } from 'storybook/actions';
 
-import Button from '../Button';
-import { Position } from '../common';
+import Button from '../../Button';
+import { Position } from '../../common';
 
-import Popover from './Popover';
+import Popover from '../';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
 
 type Story = StoryObj<typeof Popover>;
 

package/src/Popover/{Popover.test.story.tsx → _stories/Popover.test.story.tsx}

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, userEvent, within } from 'storybook/test';
 
-import { withVariantConfig } from '../../.storybook/helpers';
-import { Button } from '..';
-import { Position } from '../common';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import { Button } from '../..';
+import { Position } from '../../common';
 
-import Popover, { PopoverPreferredPlacement } from './Popover';
+import Popover, { PopoverPreferredPlacement } from '../Popover';
 
 const meta = {
   title: 'Dialogs/Popover/Tests',

package/src/ProcessIndicator/{ProcessIndicator.story.tsx → _stories/ProcessIndicator.story.tsx}

@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { Size, Status } from '../common';
+import { Size, Status } from '../../common';
 
-import ProcessIndicator from './ProcessIndicator';
+import ProcessIndicator from '../';
 
 export default {
   component: ProcessIndicator,

package/src/Progress/{Progress.story.tsx → _stories/Progress.story.tsx}

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import Progress from './Progress';
+import Progress from '../';
 
 export default {
   component: Progress,

package/src/ProgressBar/{ProgressBar.story.tsx → _stories/ProgressBar.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import ProgressBar from './ProgressBar';
-import Info from '../Info';
+import ProgressBar from '../';
+import Info from '../../Info';
 
 export default {
   component: ProgressBar,

package/src/PromoCard/{PromoCard.story.tsx → _stories/PromoCard.story.tsx}

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { StarFill } from '@transferwise/icons';
 
-import PromoCard, { type PromoCardCheckedProps, type PromoCardLinkProps } from './PromoCard';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import PromoCard, { type PromoCardCheckedProps, type PromoCardLinkProps } from '..';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 const meta: Meta<typeof PromoCard> = {
   component: PromoCard,

package/src/PromoCard/{PromoCardGroup.story.tsx → _stories/PromoCardGroup.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import PromoCard from './PromoCard';
-import PromoCardGroup from './PromoCardGroup';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import PromoCard from '../PromoCard';
+import PromoCardGroup from '../PromoCardGroup';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 const PromoCards = () => {
   return (

package/src/Prompt/ActionPrompt/{ActionPrompt.story.tsx → _stories/ActionPrompt.story.tsx}

@@ -2,14 +2,14 @@ import { ReactElement, useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 import { Bank, Star, Suitcase, Briefcase } from '@transferwise/icons';
+import { lorem10, lorem20 } from '../../../test-utils';
+import Button from '../../../Button';
+import Title from '../../../Title';
+import { ActionPrompt, type ActionPromptProps } from '..';
 import {
   createSandboxStory,
   globalScope,
-} from '../../../.storybook/components/sandbox/SandboxEditor';
-import { lorem10, lorem20 } from '../../test-utils';
-import Button from '../../Button';
-import Title from '../../Title';
-import { ActionPrompt, type ActionPromptProps } from './ActionPrompt';
+} from '../../../../.storybook/components/sandbox/SandboxEditor';
 
 const withComponentGrid =
   ({ maxWidth = 'auto', gap = '1rem' } = {}) =>

package/src/Prompt/ActionPrompt/{ActionPrompt.test.story.tsx → _stories/ActionPrompt.test.story.tsx}

@@ -2,12 +2,12 @@ import { ReactElement } from 'react';
 import { Freeze, People, Suitcase } from '@transferwise/icons';
 import { action } from 'storybook/actions';
 import { fn } from 'storybook/test';
-import ActionPrompt from './ActionPrompt';
-import { Body, Title } from '../..';
+import { ActionPrompt } from '../ActionPrompt';
+import { Body, Title } from '../../..';
 import { StoryObj } from '@storybook/react-webpack5';
-import { allModes } from '../../../.storybook/modes';
-import { withVariantConfig } from '../../../.storybook/helpers';
-import { lorem10 } from '../../test-utils';
+import { allModes } from '../../../../.storybook/modes';
+import { withVariantConfig } from '../../../../.storybook/helpers';
+import { lorem10 } from '../../../test-utils';
 
 const withComponentGrid =
   ({ gap = '1rem' } = {}) =>

package/src/Prompt/CriticalBanner/{CriticalBanner.story.tsx → _stories/CriticalBanner.story.tsx}

@@ -6,9 +6,9 @@ import { Bank, Briefcase, Star, Travel } from '@transferwise/icons';
 import {
   createSandboxStory,
   globalScope,
-} from '../../../.storybook/components/sandbox/SandboxEditor';
-import Button from '../../Button';
-import { CriticalBanner, type CriticalBannerProps } from './CriticalBanner';
+} from '../../../../.storybook/components/sandbox/SandboxEditor';
+import Button from '../../../Button';
+import { CriticalBanner, type CriticalBannerProps } from '..';
 
 /**
  * **Design guidance**: <a href="https://docs.wise.design/components/critical-banner" target="_blank">wise.design/components/critical-banner</a>

package/src/Prompt/CriticalBanner/{CriticalBanner.test.story.tsx → _stories/CriticalBanner.test.story.tsx}

@@ -2,9 +2,9 @@ import { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, fn, userEvent, waitFor, within } from 'storybook/test';
 import { Bank } from '@transferwise/icons';
-import Button from '../../Button';
-import { withVariantConfig } from '../../../.storybook/helpers';
-import { CriticalBanner } from './CriticalBanner';
+import Button from '../../../Button';
+import { withVariantConfig } from '../../../../.storybook/helpers';
+import { CriticalBanner } from '../CriticalBanner';
 
 const meta: Meta<typeof CriticalBanner> = {
   component: CriticalBanner,

package/src/Prompt/InfoPrompt/{InfoPrompt.story.tsx → _stories/InfoPrompt.story.tsx}

@@ -6,12 +6,12 @@ import { Confetti, GiftBox, Star, Suitcase, Briefcase, Plane } from '@transferwi
 import {
   createSandboxStory,
   globalScope,
-} from '../../../.storybook/components/sandbox/SandboxEditor';
-import { lorem10, lorem20 } from '../../test-utils';
-import Button from '../../Button';
-import Title from '../../Title';
-import Link from '../../Link';
-import { InfoPrompt, InfoPromptProps, InfoPromptMedia } from './InfoPrompt';
+} from '../../../../.storybook/components/sandbox/SandboxEditor';
+import { lorem10, lorem20 } from '../../../test-utils';
+import Button from '../../../Button';
+import Title from '../../../Title';
+import Link from '../../../Link';
+import { InfoPrompt, InfoPromptProps, InfoPromptMedia } from '..';
 
 const withComponentGrid =
   ({ maxWidth = 'auto', gap = '1rem' } = {}) =>

package/src/Prompt/InfoPrompt/{InfoPrompt.test.story.tsx → _stories/InfoPrompt.test.story.tsx}

@@ -3,9 +3,9 @@ import { userEvent, within, expect, waitFor } from 'storybook/test';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { action } from 'storybook/actions';
 import { Star } from '@transferwise/icons';
-import { InfoPrompt, type InfoPromptProps } from './InfoPrompt';
-import { allModes } from '../../../.storybook/modes';
-import { withVariantConfig } from '../../../.storybook/helpers';
+import { InfoPrompt, type InfoPromptProps } from '../InfoPrompt';
+import { allModes } from '../../../../.storybook/modes';
+import { withVariantConfig } from '../../../../.storybook/helpers';
 
 const withComponentGrid =
   ({ gap = '1rem' } = {}) =>

package/src/Prompt/InlinePrompt/{InlinePrompt.story.tsx → _stories/InlinePrompt.story.tsx}

@@ -5,10 +5,10 @@ import { Clock, Taxi, Suitcase } from '@transferwise/icons';
 import {
   createSandboxStory,
   globalScope,
-} from '../../../.storybook/components/sandbox/SandboxEditor';
-import { lorem5 } from '../../test-utils';
-import Link from '../../Link';
-import { InlinePrompt, InlinePromptProps } from './InlinePrompt';
+} from '../../../../.storybook/components/sandbox/SandboxEditor';
+import { lorem5 } from '../../../test-utils';
+import Link from '../../../Link';
+import { InlinePrompt, InlinePromptProps } from '../..';
 
 const withComponentGrid =
   ({ maxWidth = 'auto', gap = '1rem' } = {}) =>

package/src/Prompt/InlinePrompt/{InlinePrompt.test.story.tsx → _stories/InlinePrompt.test.story.tsx}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-webpack5';
 import { Suitcase } from '@transferwise/icons';
-import { InlinePrompt } from './InlinePrompt';
-import { withVariantConfig } from '../../../.storybook/helpers';
+import { InlinePrompt } from '../InlinePrompt';
+import { withVariantConfig } from '../../../../.storybook/helpers';
 
 export default {
   title: 'Prompts/InlinePrompt/Tests',

package/src/Provider/{Provider.story.tsx → _stories/Provider.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { FormattedMessage } from 'react-intl';
 
-import { Provider } from '..';
-import closeButtonMessages from '../common/CloseButton/CloseButton.messages';
+import Provider from '..';
+import closeButtonMessages from '../../common/CloseButton/CloseButton.messages';
 
 export default {
   component: Provider,