@transferwise/components 0.0.0-experimental-aa84e4b → 0.0.0-experimental-f64dd5e

package/package.json

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

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

@@ -1,14 +1,14 @@
 import React, { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { FastFlag as FastFlagIcon, CardWise as CardWiseIcon } from '@transferwise/icons';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { Scroll, Size } from '../common';
-import Modal from '../Modal';
-import { lorem10, lorem40 } from '../test-utils';
+import { Scroll, Size } from '../../common';
+import Modal from '../../Modal';
+import { lorem10, lorem40 } from '../../test-utils';
 
-import Accordion from './Accordion';
-import Button from '../Button/Button';
+import Accordion from '../Accordion';
+import Button from '../../Button/Button';
 
 /**
  * Metadata for the Accordion component story.

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

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Cog } from '@transferwise/icons';
 
-import ActionButton from './ActionButton';
-import { withVariantConfig } from '../../.storybook/helpers';
+import ActionButton from '../ActionButton';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 /**
  * This component is deprecated please use new [Button](?path=/docs/actions-button--docs).

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

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Cog } from '@transferwise/icons';
-import ActionButton from './ActionButton';
-import { withVariantConfig } from '../../.storybook/helpers';
+import ActionButton from '../ActionButton';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof ActionButton> = {
   component: ActionButton,

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

@@ -2,9 +2,9 @@ import { action } from 'storybook/actions';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { FastFlag as FastFlagIcon } from '@transferwise/icons';
 
-import { Nudge, Title, Typography } from '..';
+import { Nudge, Title, Typography } from '../..';
 
-import ActionOption from './ActionOption';
+import ActionOption from '../ActionOption';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Button control](?path=/docs/content-listitem-listitem-button--docs)

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

@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { action } from 'storybook/actions';
 import { ClockBorderless } from '@transferwise/icons';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import { lorem40 } from '../test-utils';
-import { Sentiment, Status } from '../common';
-import { Button, Field, SelectInput } from '..';
-import Alert, { AlertArrowPosition, type AlertProps as FullAlertProps } from './Alert';
+import { lorem40 } from '../../test-utils';
+import { Sentiment, Status } from '../../common';
+import { Button, Field, SelectInput } from '../..';
+import Alert, { AlertArrowPosition, type AlertProps as FullAlertProps } from '../Alert';
 
 /**
  * > **DEPRECATED** Use [InfoPrompt](?path=/docs/prompts-infoprompt--docs). Run codemod to migrate: **`npx @wise/wds-codemods@latest info-prompt`**.

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

@@ -1,8 +1,8 @@
 import { useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within, expect, waitFor } from 'storybook/test';
-import { Button, Field, SelectInput, Sentiment } from '..';
-import Alert, { type AlertProps } from './Alert';
+import { Button, Field, SelectInput, Sentiment } from '../..';
+import Alert, { type AlertProps } from '../Alert';
 
 const meta = {
   title: 'Prompts/Alert/Tests',

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

@@ -2,10 +2,10 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import * as wiseIcons from '@transferwise/icons';
 import { Flag } from '@wise/art';
 
-import { Size } from '../common';
+import { Size } from '../../common';
 
-import Avatar, { AvatarType } from '.';
-import { withVariantConfig } from '../../.storybook/helpers';
+import Avatar, { AvatarType } from '..';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 /**
  * @deprecated use **`AvatarView`** components instead

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

@@ -1,11 +1,11 @@
 /* eslint-disable react/jsx-key */
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import AvatarLayout, { AvatarLayoutProps } from '.';
+import AvatarLayout, { AvatarLayoutProps } from '..';
 import { Freeze } from '@transferwise/icons';
 import { Flag } from '@wise/art';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Body from '../Body';
-import SentimentSurface from '../SentimentSurface';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Body from '../../Body';
+import SentimentSurface from '../../SentimentSurface';
 
 export default {
   title: 'Content/AvatarLayout',

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

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import AvatarLayout from '.';
+import AvatarLayout from '..';
 import { Freeze, Plane } from '@transferwise/icons';
 import { Flag } from '@wise/art';
 

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

@@ -15,12 +15,12 @@ import {
   Water,
   Bank,
 } from '@transferwise/icons';
-import AvatarView, { AvatarViewProps } from '.';
+import AvatarView, { AvatarViewProps } from '..';
 import { Flag } from '@wise/art';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { ProfileType } from '../common';
-import Body from '../Body';
-import SentimentSurface from '../SentimentSurface';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { ProfileType } from '../../common';
+import Body from '../../Body';
+import SentimentSurface from '../../SentimentSurface';
 
 export default {
   title: 'Content/AvatarView',

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

@@ -9,10 +9,10 @@ import {
   PlusCircle,
   Rewards,
 } from '@transferwise/icons';
-import AvatarView from '.';
-import { getBrandColorFromSeed, getInitials, ProfileType } from '../common';
-import Display from '../Display';
-import { withVariantConfig } from '../../.storybook/helpers';
+import AvatarView from '..';
+import { getBrandColorFromSeed, getInitials, ProfileType } from '../../common';
+import Display from '../../Display';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof AvatarView> = {
   component: AvatarView,

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

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { ProfileType, Sentiment, Status } from '../common';
+import { ProfileType, Sentiment, Status } from '../../common';
 
-import AvatarWrapper from './AvatarWrapper';
+import AvatarWrapper from '../';
 
 /**
  * @deprecated use **`AvatarView`** components instead

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

@@ -1,7 +1,7 @@
 import { Meta } from '@storybook/react-webpack5';
-import { default as AvatarComponent, AvatarType } from '../Avatar';
-import { Size, Theme } from '../common';
-import Badge, { type BadgeProps } from './Badge';
+import { default as AvatarComponent, AvatarType } from '../../Avatar';
+import { Size, Theme } from '../../common';
+import Badge, { type BadgeProps } from '../';
 
 /**
  * @deprecated use **`<AvatarView badge={..} />`** components instead

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

@@ -1,8 +1,8 @@
-import { Typography } from '../common/PropsValues/typography';
-import Title from '../Title';
+import { Typography } from '../../common/PropsValues/typography';
+import Title from '../../Title';
 
-import Body from './Body';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Body from '../Body';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   title: 'Typography/Body',

package/src/Button/{LegacyButton.story.tsx → _stories/LegacyButton.story.tsx}

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 
-import Button from '.';
-import LegacyButton from './LegacyButton';
+import Button from '..';
+import LegacyButton from '../LegacyButton';
 
 // needed for the SB to show correct name in the Source blocks
 LegacyButton.displayName = 'Button';

package/src/Button/{LegacyButton.test.story.tsx → _stories/LegacyButton.test.story.tsx}

@@ -2,8 +2,8 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within, expect } from 'storybook/test';
 import { useState } from 'react';
 
-import Button from '.';
-import LegacyButton from './LegacyButton';
+import Button from '..';
+import LegacyButton from '../LegacyButton';
 
 LegacyButton.displayName = 'Button';
 

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

@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within } from 'storybook/test';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import Calendar, { type CalendarProps } from './Calendar';
-import Modal from '../Modal';
-import Button from '../Button';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import Calendar, { type CalendarProps } from '../Calendar';
+import Modal from '../../Modal';
+import Button from '../../Button';
 
 /** Inline calendar for selecting a single date, with optional min/max bounds. */
 export default {

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

@@ -3,7 +3,7 @@ import { FastFlag as FastFlagIcon } from '@transferwise/icons';
 import { useState } from 'react';
 import { fn } from 'storybook/test';
 
-import Card from '.';
+import Card from '..';
 
 type Story = StoryObj<typeof Card>;
 

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

@@ -1,10 +1,10 @@
 import type { Args } from '@storybook/react-webpack5';
 import { Illustration } from '@wise/art';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
-import Display from '../Display';
+import Display from '../../Display';
 
-import Carousel, { type CarouselCard } from './Carousel';
+import Carousel, { type CarouselCard } from '../';
 
 export default {
   component: Carousel,

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

@@ -1,12 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Field } from '../Field/Field';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Field } from '../../Field/Field';
 
-import Checkbox from './Checkbox';
-import { withVariantConfig } from '../../.storybook/helpers';
-import { lorem10 } from '../test-utils';
+import Checkbox from '../';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import { lorem10 } from '../../test-utils';
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,

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

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
-import { lorem10 } from '../test-utils';
-import Checkbox from './Checkbox';
-import { withVariantConfig } from '../../.storybook/helpers';
+import { lorem10 } from '../../test-utils';
+import Checkbox from '../Checkbox';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,

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

@@ -2,10 +2,10 @@ import { useState, useEffect } from 'react';
 import { fn } from 'storybook/test';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { storySourceWithoutNoise } from '../../.storybook/helpers';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import CheckboxButton, { type CheckboxButtonProps } from './CheckboxButton';
-import { Label } from '../Label/Label';
+import { storySourceWithoutNoise } from '../../../.storybook/helpers';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import CheckboxButton, { type CheckboxButtonProps } from '../CheckboxButton';
+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`.

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

@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, userEvent, within } from 'storybook/test';
 
-import { withVariantConfig } from '../../.storybook/helpers';
-import CheckboxButton from './CheckboxButton';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import CheckboxButton from '../CheckboxButton';
 
 export default {
   component: CheckboxButton,

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

@@ -2,8 +2,8 @@ import { useState } from 'react';
 import { action } from 'storybook/actions';
 import { Meta } from '@storybook/react-webpack5';
 import { FastFlag } from '@transferwise/icons';
-import { Nudge, Title, Typography } from '..';
-import CheckboxOption, { type CheckboxOptionProps } from './CheckboxOption';
+import { Nudge, Title, Typography } from '../..';
+import CheckboxOption, { type CheckboxOptionProps } from '../';
 
 /**
  * > ⚠️ This component is **deprecated** and superseded by the [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Checkbox control](?path=/docs/content-listitem-listitem-checkbox--docs)

package/src/Chevron/{Chevron.story.tsx → _stories/Chevron.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 Chevron from './Chevron';
+import Chevron from '..';
 
 export default {
   component: Chevron,

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

@@ -2,9 +2,12 @@ import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 import { useState } from 'react';
 
-import Chips, { type ChipValue, type ChipsProps } from './Chips';
-import { storySourceWithoutNoise } from '../../.storybook/helpers';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Chips, { type ChipValue, type ChipsProps } from '..';
+import { storySourceWithoutNoise } from '../../../.storybook/helpers';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
 
 /**
  * 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.

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

@@ -2,8 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent } from 'storybook/test';
 import { useState } from 'react';
 
-import { withVariantConfig } from '../../.storybook/helpers';
-import Chips, { type ChipValue } from './Chips';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import Chips, { type ChipValue } from '../Chips';
 
 export default {
   component: Chips,

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

@@ -2,10 +2,10 @@ import * as Icons from '@transferwise/icons';
 
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import CircularButton, { CircularButtonProps } from './CircularButton';
-import Title from '../Title';
-import SentimentSurface from '../SentimentSurface';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import CircularButton, { CircularButtonProps } from '../CircularButton';
+import Title from '../../Title';
+import SentimentSurface from '../../SentimentSurface';
 
 /**
  * An <a href="?path=/docs/actions-iconbutton--docs">IconButton</a> with a text label below it.

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

@@ -3,10 +3,10 @@ import { Freeze, Plus, Send, Convert, Card } from '@transferwise/icons';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { expect, fn, userEvent, within } from 'storybook/test';
 import { useState } from 'react';
-import CircularButton from './CircularButton';
-import Title from '../Title';
-import Body from '../Body';
-import { withVariantConfig } from '../../.storybook/helpers';
+import CircularButton from '../CircularButton';
+import Title from '../../Title';
+import Body from '../../Body';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const wait = async (ms: number) =>
   new Promise<void>((resolve) => {

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

@@ -1,10 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import Body from '../Body';
-import Title from '../Title';
+import Body from '../../Body';
+import Title from '../../Title';
 
-import Container from './Container';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Container from '../Container';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Container,

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

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import CriticalCommsBanner from '.';
+import CriticalCommsBanner from '..';
 
 /**
  * @deprecated Use **`CriticalBanner`** component instead.

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

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import CriticalCommsBanner from '.';
-import { withVariantConfig } from '../../.storybook/helpers';
+import CriticalCommsBanner from '..';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 export default {
   component: CriticalCommsBanner,

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

@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { DateInput } from '..';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { DateInput } from '../..';
 
 const meta: Meta<typeof DateInput> = {
   component: DateInput,

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

@@ -1,12 +1,12 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { userEvent, within, fn } from 'storybook/test';
 
-import { DateInput, Field } from '..';
-import { lorem10 } from '../test-utils';
+import { DateInput, Field } from '../..';
+import { lorem10 } from '../../test-utils';
 
-import Provider from '../Provider/Provider';
-import translations from '../i18n';
-import { withVariantConfig } from '../../.storybook/helpers';
+import Provider from '../../Provider';
+import translations from '../../i18n';
+import { withVariantConfig } from '../../../.storybook/helpers';
 
 const meta: Meta<typeof DateInput> = {
   component: DateInput,

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

@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { StoryObj } from '@storybook/react-webpack5';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
-import { Field } from '..';
-import { Size } from '../common';
-import DateLookup, { type DateLookupProps } from './DateLookup';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
+import { Field } from '../..';
+import { Size } from '../../common';
+import DateLookup, { type DateLookupProps } from '..';
 
 export default {
   component: DateLookup,

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

@@ -3,10 +3,10 @@ import { expect, userEvent, within } from 'storybook/test';
 import { action } from 'storybook/actions';
 import { useState } from 'react';
 
-import DateLookup, { type DateLookupProps } from './DateLookup';
-import { Size } from '../common';
-import { withVariantConfig } from '../../.storybook/helpers';
-import { Field } from '../Field/Field';
+import DateLookup, { type DateLookupProps } from '../DateLookup';
+import { Size } from '../../common';
+import { withVariantConfig } from '../../../.storybook/helpers';
+import { Field } from '../../Field/Field';
 
 export default {
   component: DateLookup,

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

@@ -1,9 +1,9 @@
 import { Illustration } from '@wise/art';
 import { fn } from 'storybook/test';
-import { Size } from '../common';
-import AvatarView from '../AvatarView';
-import Decision, { DecisionPresentation, DecisionType } from '.';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { Size } from '../../common';
+import AvatarView from '../../AvatarView';
+import Decision, { DecisionPresentation, DecisionType } from '..';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Decision,

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

@@ -1,12 +1,15 @@
 import { action } from 'storybook/actions';
 
-import { Layout } from '../common';
+import { Layout } from '../../common';
 
-import DefinitionList, { type DefinitionListLayout } from './DefinitionList';
-import { lorem10 } from '../test-utils';
-import Section from '../Section';
-import Header from '../Header';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import DefinitionList, { type DefinitionListLayout } from '..';
+import { lorem10 } from '../../test-utils';
+import Section from '../../Section';
+import Header from '../../Header';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: DefinitionList,

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

@@ -2,8 +2,8 @@ import { action } from 'storybook/actions';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { useState } from 'react';
 
-import { Button, Dimmer } from '..';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import { Button, Dimmer } from '../..';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Dimmer,

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

@@ -1,9 +1,9 @@
-import { Typography } from '../common';
-import Money from '../Money/Money';
-import Title from '../Title/Title';
+import { Typography } from '../../common';
+import Money from '../../Money/Money';
+import Title from '../../Title/Title';
 
-import Display from './Display';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import Display from '../Display';
+import { createSandboxStory, globalScope } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   title: 'Typography/Display',

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

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import Divider from './Divider';
-import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
+import Divider from '../';
+import { createSandboxStory } from '../../../.storybook/components/sandbox/SandboxEditor';
 
 /**
  * Wraps stories with a container (e.g., centered or padded).