@transferwise/components 0.0.0-experimental-ea9a101 → 0.0.0-experimental-0e166d9

package/package.json

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

package/src/button/Button.story.tsx

@@ -4,7 +4,7 @@ import { Freeze, ArrowRight, ChevronRight } from '@transferwise/icons';
 import { Flag } from '@wise/art';
 import Button from './Button.resolver';
 import type { ButtonProps, ButtonPriority } from './Button.types';
-import { lorem10, lorem100, storyConfig } from '../test-utils';
+import { lorem20, storyConfig } from '../test-utils';
 
 const withContainer = (Story: any) => (
   <div style={{ display: 'flex', justifyContent: 'center' }}>
@@ -508,7 +508,7 @@ export const DisplayBlock: StoryObj<PreviewStoryArgs> = {
           Full-width button
         </Button>
         <Button {...props} {...previewProps}>
-          {lorem10}
+          {lorem20}
         </Button>
       </div>
     );
@@ -572,20 +572,20 @@ export const WithIcons: StoryObj<PreviewStoryArgs> = {
     docs: {
       source: {
         code: `
-          <>
-            <Button v2 size="md" addonStart={{ type: 'icon', value: <Freeze /> }}>
-              With start icon
-            </Button>
-
-            <Button v2 size="md" addonEnd={{ type: 'icon', value: <ArrowRight /> }}>
-              With end icon
-            </Button>
-
-            <Button v2 size="md" addonStart={{ type: 'icon', value: <Freeze /> }} addonEnd={{ type: 'icon', value: <ArrowRight /> }}>
-              With both icons
-            </Button>
-          </>
-          `,
+<>
+  <Button v2 size="md" addonStart={{ type: 'icon', value: <Freeze /> }}>
+    With start icon
+  </Button>
+  
+  <Button v2 size="md" addonEnd={{ type: 'icon', value: <ArrowRight /> }}>
+    With end icon
+  </Button>
+  
+  <Button v2 size="md" addonStart={{ type: 'icon', value: <Freeze /> }} addonEnd={{ type: 'icon', value: <ArrowRight /> }}>
+    With both icons
+  </Button>
+</>
+        `,
       },
     },
   },
@@ -647,52 +647,52 @@ export const WithAvatars: StoryObj<PreviewStoryArgs> = {
     docs: {
       source: {
         code: `
-            <>
-              <Button
-                v2
-                size="md"
-                addonStart={{
-                  type: 'avatar',
-                  value: [{ asset: <Freeze /> }]
-                }}
-              >
-                With single avatar
-              </Button>
-
-              <Button
-                v2
-                size="md"
-                addonStart={{
-                  type: 'avatar',
-                  value: [{ asset: <Flag code="br" /> }, { asset: <Flag code="jp" /> }]
-                }}
-              >
-                With double avatar
-              </Button>
-
-              <Button
-                v2
-                size="md"
-                addonStart={{
-                  type: 'avatar',
-                  value: [{ profileName: 'John Doe' }]
-                }}
-              >
-                With initials
-              </Button>
-
-              <Button
-                v2
-                size="md"
-                addonStart={{
-                  type: 'avatar',
-                  value: [{ imgSrc: '../avatar-square-dude.webp' }]
-                }}
-              >
-                With image Avatar
-              </Button>
-            </>
-            `,
+<>
+  <Button 
+    v2 
+    size="md" 
+    addonStart={{ 
+      type: 'avatar', 
+      value: [{ asset: <Freeze /> }]
+    }}
+  >
+    With single avatar
+  </Button>
+
+  <Button 
+    v2 
+    size="md" 
+    addonStart={{ 
+      type: 'avatar', 
+      value: [{ asset: <Flag code="br" /> }, { asset: <Flag code="jp" /> }]
+    }}
+  >
+    With double avatar
+  </Button>
+
+  <Button 
+    v2 
+    size="md" 
+    addonStart={{ 
+      type: 'avatar', 
+      value: [{ profileName: 'John Doe' }]
+    }}
+  >
+    With initials
+  </Button>
+
+  <Button 
+    v2 
+    size="md" 
+    addonStart={{ 
+      type: 'avatar', 
+      value: [{ imgSrc: '../avatar-square-dude.webp' }]
+    }}
+  >
+    With image Avatar
+  </Button>
+</>
+        `,
       },
     },
   },