@transferwise/components 0.0.0-experimental-6d53d3c → 0.0.0-experimental-7a8cfdb

package/build/styles/sentimentSurface/SentimentSurface.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 

package/build/styles/styles/less/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:03 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .np-theme-business--bright-green {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-6d53d3c",
+  "version": "0.0.0-experimental-7a8cfdb",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -75,7 +75,7 @@
     "monaco-editor-webpack-plugin": "^7.1.1",
     "@wise/art": "^2.31.1",
     "@wise/eslint-config": "^14.2.1",
-    "babel-plugin-formatjs": "^11.3.12",
+    "babel-plugin-formatjs": "^10.5.41",
     "eslint": "^9.39.4",
     "eslint-plugin-storybook": "^10.4.2",
     "gulp": "^5.0.1",
@@ -92,13 +92,13 @@
     "storybook-addon-tag-badges": "^3.1.0",
     "storybook-addon-test-codegen": "^3.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@wise/components-theming": "0.0.0-experimental-6d53d3c",
+    "@wise/components-theming": "1.10.2",
     "@wise/wds-configs": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3 || ^4",
-    "@wise/art": "^2.31.1",
-    "@wise/components-theming": "0.0.0-experimental-6d53d3c",
+    "@wise/art": "^2.30.3",
+    "@wise/components-theming": "^1.10.1",
     "framer-motion": "^12.23.26",
     "react": ">=18",
     "react-dom": ">=18",
@@ -111,7 +111,7 @@
     "@react-aria/focus": "^3.22.1",
     "@react-aria/overlays": "^3.32.1",
     "@transferwise/formatting": "^2.14.1",
-    "@transferwise/neptune-tokens": "^8.24.1",
+    "@transferwise/neptune-tokens": "^8.24.0",
     "@transferwise/neptune-validation": "^3.3.4",
     "clsx": "^2.1.1",
     "commonmark": "^0.31.2",

package/src/body/Body.story.tsx

@@ -2,7 +2,10 @@ import { Typography } from '../common/propsValues/typography';
 import Title from '../title';
 
 import Body from './Body';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   title: 'Typography/Body',
@@ -134,3 +137,4 @@ export const Basic = () => {
     </>
   );
 };
+

package/src/calendar/Calendar.story.tsx

@@ -1,7 +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 {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import Calendar, { type CalendarProps } from './Calendar';
 import Modal from '../modal';
 import Button from '../button';

package/src/checkbox/Checkbox.story.tsx

@@ -1,7 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Field } from '../field/Field';
 
 import Checkbox from './Checkbox';

package/src/chevron/Chevron.story.tsx

@@ -12,7 +12,7 @@ type Story = StoryObj<typeof Chevron>;
 
 export const Sandbox = createSandboxStory({
   code: `<Chevron orientation="bottom" size="md" />`,
-  scope: { Chevron },
+  scope: {Chevron},
 });
 
 export const Basic: Story = {

package/src/container/Container.story.tsx

@@ -4,7 +4,10 @@ import Body from '../body';
 import Title from '../title';
 
 import Container from './Container';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Container,

package/src/dateInput/DateInput.story.tsx

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

package/src/dateLookup/DateLookup.story.tsx

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

package/src/decision/Decision.story.tsx

@@ -3,7 +3,10 @@ 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 {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Decision,

package/src/definitionList/DefinitionList.story.tsx

@@ -6,7 +6,10 @@ 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 {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: DefinitionList,

package/src/dimmer/Dimmer.story.tsx

@@ -3,7 +3,10 @@ import { Meta, StoryObj } from '@storybook/react-webpack5';
 import { useState } from 'react';
 
 import { Button, Dimmer } from '..';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Dimmer,
@@ -57,3 +60,4 @@ export const Basic: Story = {
     );
   },
 };
+

package/src/display/Display.story.tsx

@@ -3,7 +3,10 @@ import Money from '../money/Money';
 import Title from '../title/Title';
 
 import Display from './Display';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   title: 'Typography/Display',

package/src/emphasis/Emphasis.story.tsx

@@ -1,7 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
 import Emphasis from './Emphasis';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Emphasis,
@@ -25,3 +28,4 @@ export const Basic: Story = {
       '<script>alert("nice try!")</script>',
   },
 };
+

package/src/expressiveMoneyInput/ExpressiveMoneyInput.story.tsx

@@ -3,7 +3,10 @@ import { Meta, StoryObj, Decorator } from '@storybook/react-webpack5';
 import { fn } from 'storybook/test';
 import { Flag } from '@wise/art';
 import { Rewards, Tags } from '@transferwise/icons';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { storySourceWithoutNoise } from '../../.storybook/helpers';
 import { lorem10, lorem5 } from '../test-utils';
 import { Sentiment } from '../common';

package/src/field/Field.story.tsx

@@ -1,7 +1,10 @@
 import { useState } from 'react';
 import { action } from 'storybook/actions';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Input } from '../inputs/Input';
 import { Field, FieldProps } from './Field';
 import { Sentiment } from '../common';

package/src/header/Header.story.tsx

@@ -1,6 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 import Header, { HeaderProps } from './Header';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 const withContainer = (Story: any) => (
   <div style={{ display: 'flex', justifyContent: 'center' }}>

package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx

@@ -1,6 +1,9 @@
 import { userEvent, within, fn } from 'storybook/test';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import InputWithDisplayFormat, { InputWithDisplayFormatProps } from '.';
 import { Field, FieldProps } from '../field/Field';
 import { Meta, type StoryObj } from '@storybook/react-webpack5';

package/src/inputs/InputGroup.story.tsx

@@ -2,7 +2,10 @@ import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { Search } from '@transferwise/icons';
 import { useRef, useState } from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Button } from '..';
 import { Field } from '../field/Field';
 

package/src/inputs/SearchInput.story.tsx

@@ -1,7 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 import { useState } from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Size } from '../common';
 import { Field } from '../field/Field';
 

package/src/inputs/TextArea.story.tsx

@@ -1,7 +1,10 @@
 import { useEffect, useState } from 'react';
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Field } from '../field/Field';
 import { Sentiment } from '../common';
 import { TextArea } from './TextArea';

package/src/instructionsList/InstructionsList.story.tsx

@@ -4,7 +4,10 @@ import { fn } from 'storybook/test';
 import Link from '../link';
 
 import InstructionsList, { InstructionsListProps } from './InstructionsList';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: InstructionsList,

package/src/label/Label.story.tsx

@@ -1,4 +1,7 @@
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import Info from '../info';
 import { Label } from './Label';
 

package/src/link/Link.story.tsx

@@ -4,7 +4,10 @@ import Title from '../title/Title';
 
 import SentimentSurface from '../sentimentSurface';
 import Link from '.';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Link,

package/src/loader/Loader.story.tsx

@@ -1,5 +1,5 @@
 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';
 

package/src/main.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:03 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 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 Tue, 09 Jun 2026 08:11:04 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .np-theme-business--bright-green {
@@ -1990,7 +1990,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
+ * Generated on Wed, 27 May 2026 15:50:11 GMT
  */
 
 .wds-sentiment-negative-light-base {
@@ -31955,6 +31955,9 @@ html:not([dir="rtl"]) .np-navigation-option {
   --Prompt-actions-gap: var(--size-8);
   --Prompt-gap: var(--size-10) var(--size-16);
   --Prompt-border-radius: 0;
+  --wds-critical-banner-background-base: transparent;
+  --wds-critical-banner-background-surface: var(--color-sentiment-background-surface);
+  --wds-critical-banner-background: linear-gradient(var(--wds-critical-banner-background-surface), var(--wds-critical-banner-background-surface)), var(--wds-critical-banner-background-base);
   container-type: inline-size;
   position: relative;
   --critical-banner-easing: cubic-bezier(0.9, 0, 0.7, 1);
@@ -31963,6 +31966,14 @@ html:not([dir="rtl"]) .np-navigation-option {
      actions only go full-width below mobile-max token (container query) */
 }
 
+.wds-critical-banner.wds-prompt--neutral {
+  --wds-critical-banner-background-base: var(--color-background-elevated);
+}
+
+.wds-critical-banner.wds-prompt--neutral.wds-sentiment-surface--hasBaseStyles {
+  background: var(--wds-critical-banner-background);
+}
+
 .wds-critical-banner--media-image {
   width: 48px;
   width: var(--size-48);
@@ -32113,6 +32124,15 @@ html:not([dir="rtl"]) .np-navigation-option {
 @container critical-banner-overhang (max-width: 600px) {
   .wds-critical-banner__entry-mask {
     --critical-banner-mobile-overhang-size: 32px;
+    --wds-critical-banner-overhang-mask: radial-gradient(circle at 100% 100%, transparent var(--critical-banner-mobile-overhang-size), #000 var(--critical-banner-mobile-overhang-size)) 0 0 / var(--critical-banner-mobile-overhang-size)
+        var(--critical-banner-mobile-overhang-size) no-repeat,
+      radial-gradient(
+          circle at 0% 100%,
+          transparent var(--critical-banner-mobile-overhang-size),
+          #000 var(--critical-banner-mobile-overhang-size)
+        )
+        100% 0 / var(--critical-banner-mobile-overhang-size)
+        var(--critical-banner-mobile-overhang-size) no-repeat;
   }
   .wds-critical-banner__entry-mask .wds-critical-banner-overhang {
     margin-bottom: var(--critical-banner-mobile-overhang-size);
@@ -32125,7 +32145,9 @@ html:not([dir="rtl"]) .np-navigation-option {
     left: 0;
     height: var(--critical-banner-mobile-overhang-size);
     pointer-events: none;
-    background: radial-gradient(circle at 100% 100%, transparent var(--critical-banner-mobile-overhang-size), var(--color-sentiment-background-surface) var(--critical-banner-mobile-overhang-size)) 0 0 / var(--critical-banner-mobile-overhang-size) var(--critical-banner-mobile-overhang-size) no-repeat, radial-gradient(circle at 0% 100%, transparent var(--critical-banner-mobile-overhang-size), var(--color-sentiment-background-surface) var(--critical-banner-mobile-overhang-size)) 100% 0 / var(--critical-banner-mobile-overhang-size) var(--critical-banner-mobile-overhang-size) no-repeat;
+    background: var(--wds-critical-banner-background);
+    -webkit-mask: var(--wds-critical-banner-overhang-mask);
+    mask: var(--wds-critical-banner-overhang-mask);
   }
 }
 

package/src/markdown/Markdown.story.tsx

@@ -1,7 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
 
 import Markdown from './Markdown';
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 
 export default {
   component: Markdown,
@@ -31,3 +34,4 @@ export const Basic: Story = {
      - sublist`,
   },
 };
+

package/src/money/Money.story.tsx

@@ -21,3 +21,4 @@ export const Basic: Story = {
     currency: 'GBP',
   },
 };
+

package/src/moneyInput/MoneyInput.story.tsx

@@ -3,7 +3,10 @@ import { within, userEvent, expect } from 'storybook/test';
 import { Padlock } from '@transferwise/icons';
 import { useState } from 'react';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import MoneyInput, { CurrencyOptionItem } from '.';
 import { Field } from '../field/Field';
 import translations from '../i18n/en.json';

package/src/phoneNumberInput/PhoneNumberInput.story.tsx

@@ -1,6 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
 
-import { createSandboxStory, globalScope } from '../../.storybook/components/sandbox/SandboxEditor';
+import {
+  createSandboxStory,
+  globalScope,
+} from '../../.storybook/components/sandbox/SandboxEditor';
 import { Field } from '../field/Field';
 import PhoneNumberInput from './PhoneNumberInput';