@transferwise/components 0.0.0-experimental-032a077 → 0.0.0-experimental-ff96697

package/package.json

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

package/src/alert/Alert.story.tsx

@@ -42,12 +42,6 @@ export default {
       },
     },
   },
-
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 } satisfies Meta<typeof Alert>;
 
 type Story = StoryObj<typeof Alert>;

package/src/button/_stories/Button.story.tsx

@@ -276,11 +276,6 @@ const meta: Meta<typeof Button> = {
   },
 
   decorators: [withContainer],
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 };
 
 export default meta;

package/src/expressiveMoneyInput/ExpressiveMoneyInput.story.tsx

@@ -55,7 +55,6 @@ export default {
   tags: ['contribution'],
   parameters: {
     docs: {
-      toc: true,
       canvas: {
         sourceState: 'hidden',
       },

package/src/header/Header.story.tsx

@@ -63,11 +63,6 @@ const meta: Meta<typeof Header> = {
   },
   tags: ['autodocs'],
   decorators: [withContainer],
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 };
 
 export default meta;

package/src/inputs/SelectInput/_stories/SelectInput.story.tsx

@@ -36,7 +36,6 @@ const meta = {
     },
   },
   parameters: {
-    docs: { toc: true },
     actions: { argTypesRegex: '' },
   },
 } satisfies Meta<typeof SelectInput>;

package/src/listItem/AdditionalInfo/ListItemAdditionalInfo.story.tsx

@@ -19,11 +19,7 @@ import type { ListItemAdditionalInfoProps } from './ListItemAdditionalInfo';
 export default {
   component: ListItem.AdditionalInfo,
   title: 'Content/ListItem/ListItem.AdditionalInfo',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     children: lorem20,
   },

package/src/listItem/AvatarLayout/ListItemAvatarLayout.story.tsx

@@ -13,11 +13,7 @@ import type { ListItemAvatarLayoutProps } from './ListItemAvatarLayout';
 export default {
   component: ListItem.AvatarLayout,
   title: 'Content/ListItem/ListItem.AvatarLayout',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     avatars: [{ asset: <Flag code="gb" /> }, { asset: <Flag code="eur" /> }],
     orientation: 'horizontal',

package/src/listItem/AvatarView/ListItemAvatarView.story.tsx

@@ -54,11 +54,7 @@ const BADGES = {
 export default {
   component: ListItem.AvatarView,
   title: 'Content/ListItem/ListItem.AvatarView',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     size: 48,
     selected: false,

package/src/listItem/Button/ListItemButton.story.tsx

@@ -77,11 +77,7 @@ const getPropsForPreview = (args: PreviewStoryArgs) => {
 const meta: Meta<typeof ListItem.Button> = {
   component: ListItem.Button,
   title: 'Content/ListItem/ListItem.Button',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     partiallyInteractive: false,
     priority: 'secondary-neutral',

package/src/listItem/Checkbox/ListItemCheckbox.story.tsx

@@ -12,11 +12,7 @@ import { fn } from 'storybook/test';
 const meta: Meta<ListItemCheckboxProps> = {
   component: ListItem.Checkbox,
   title: 'Content/ListItem/ListItem.Checkbox',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     checked: false,
     indeterminate: false,

package/src/listItem/IconButton/ListItemIconButton.story.tsx

@@ -27,11 +27,7 @@ const hideControls = disableControls([
 const meta: Meta<ListItemIconButtonProps> = {
   component: ListItem.IconButton,
   title: 'Content/ListItem/ListItem.IconButton',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     partiallyInteractive: false,
     priority: undefined,

package/src/listItem/Image/ListItemImage.story.tsx

@@ -12,11 +12,7 @@ import type { ListItemImageProps } from './ListItemImage';
 export default {
   component: ListItem.Image,
   title: 'Content/ListItem/ListItem.Image',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     size: 48,
     loading: undefined,

package/src/listItem/Navigation/ListItemNavigation.story.tsx

@@ -13,11 +13,7 @@ import type { ListItemNavigationProps } from './ListItemNavigation';
 const meta: Meta<ListItemNavigationProps> = {
   component: ListItem.Navigation,
   title: 'Content/ListItem/ListItem.Navigation',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     href: 'https://wise.com',
     onClick: fn(),

package/src/listItem/Prompt/ListItemPrompt.story.tsx

@@ -16,11 +16,7 @@ import { Clock } from '@transferwise/icons';
 const meta: Meta<ListItemPromptProps> = {
   component: Prompt,
   title: 'Content/ListItem/ListItem.Prompt',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   decorators: [withoutKey],
   args: {
     sentiment: undefined,

package/src/listItem/Radio/ListItemRadio.story.tsx

@@ -13,11 +13,7 @@ import { ProfileType } from '../../common';
 const meta: Meta<ListItemRadioProps> = {
   component: ListItem.Radio,
   title: 'Content/ListItem/ListItem.Radio',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     name: 'radio-group',
     value: 'option1',

package/src/listItem/Switch/ListItemSwitch.story.tsx

@@ -12,11 +12,7 @@ import type { ListItemSwitchProps } from './ListItemSwitch';
 const meta: Meta<ListItemSwitchProps> = {
   component: ListItem.Switch,
   title: 'Content/ListItem/ListItem.Switch',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     checked: false,
     onClick: fn(),

package/src/listItem/_stories/ListItem.disabled.story.tsx

@@ -62,7 +62,6 @@ export default {
       canvas: {
         sourceState: 'hidden',
       },
-      toc: true,
       page: () => (
         <>
           <Title>Disabled state</Title>

package/src/listItem/_stories/ListItem.scenarios.story.tsx

@@ -43,7 +43,6 @@ export default {
   },
   parameters: {
     docs: {
-      toc: true,
       page: () => (
         <>
           <Title>Common scenarios</Title>

package/src/listItem/_stories/ListItem.story.tsx

@@ -47,11 +47,7 @@ export default {
     'ListItem.Image': ListItem.Image,
   },
   title: 'Content/ListItem',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
+
   args: {
     title: 'List item title',
     subtitle: 'Subtitle goes here',

package/src/prompt/ActionPrompt/ActionPrompt.story.tsx

@@ -82,11 +82,6 @@ const meta: Meta<typeof ActionPrompt> = {
       },
     },
   },
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 };
 
 export default meta;

package/src/prompt/InfoPrompt/InfoPrompt.story.tsx

@@ -66,11 +66,6 @@ export default {
       },
     },
   },
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 } satisfies Meta<InfoPromptProps>;
 
 /**

package/src/prompt/InlinePrompt/InlinePrompt.story.tsx

@@ -53,11 +53,6 @@ export default {
       },
     },
   },
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 } satisfies Meta<InlinePromptProps>;
 
 /**

package/src/provider/theme/ThemeProvider.story.tsx

@@ -24,6 +24,14 @@ export default {
   component: ThemeProvider,
   title: 'Foundations/ThemeProvider',
   tags: ['!manifest'],
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'Components require `ThemeProvider` from `@wise/components-theming` to be wrapped around your application for theming support. Available themes include: `personal`, `business`, `platform`, and variants with different color schemes.',
+      },
+    },
+  },
 } satisfies Meta<typeof ThemeProvider>;
 
 type Story = StoryObj<typeof ThemeProvider>;

package/src/sentimentSurface/SentimentSurface.story.tsx

@@ -102,11 +102,6 @@ const meta: Meta<typeof SentimentSurface> = {
     'data-testid': undefined,
     children: 'This is a sentiment surface',
   },
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
 };
 
 export default meta;

package/src/tokens/tokens.story.tsx

@@ -7,7 +7,7 @@ import IconButton from '../iconButton';
 import Body from '../body';
 
 const meta: Meta = {
-  title: 'Foundations/tokens',
+  title: 'Foundations/Tokens',
   tags: ['!autodocs', '!manifest'],
 };