@transferwise/components 0.0.0-experimental-35d73f4 → 0.0.0-experimental-b6ae643

package/build/main.css

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/build/styles/css/neptune.css

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/build/styles/main.css

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

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

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-35d73f4",
+  "version": "0.0.0-experimental-b6ae643",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -87,9 +87,9 @@
     "storybook-addon-tag-badges": "^3.0.6",
     "storybook-addon-test-codegen": "^3.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@transferwise/neptune-css": "0.0.0-experimental-35d73f4",
-    "@wise/components-theming": "1.10.1",
-    "@wise/wds-configs": "0.0.0"
+    "@transferwise/neptune-css": "0.0.0-experimental-b6ae643",
+    "@wise/wds-configs": "0.0.0",
+    "@wise/components-theming": "1.10.1"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3 || ^4",

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/checkboxButton/CheckboxButton.story.tsx

@@ -7,7 +7,6 @@ import CheckboxButton from './CheckboxButton';
 export default {
   component: CheckboxButton,
   title: 'Actions/CheckboxButton',
-
   args: {
     disabled: false,
     onBlur: action('blur'),

package/src/circularButton/CircularButton.story.tsx

@@ -10,7 +10,6 @@ import Body from '../body';
 export default {
   component: CircularButton,
   title: 'Actions/CircularButton',
-
   args: {
     children: 'Button text',
     icon: <Icons.Freeze />,

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/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx

@@ -16,7 +16,6 @@ const meta: Meta<typeof InputWithDisplayFormat> = {
       </Field>
     );
   },
-
   args: {
     onFocus: fn(),
     onBlur: fn(),

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

@@ -19,11 +19,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ 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,6 @@ export default {
     'ListItem.Image': ListItem.Image,
   },
   title: 'Content/ListItem',
-  parameters: {
-    docs: {
-      toc: true,
-    },
-  },
   args: {
     title: 'List item title',
     subtitle: 'Subtitle goes here',

package/src/main.css

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/src/modal/Modal.story.tsx

@@ -10,7 +10,6 @@ import { lorem10, lorem100, lorem1000 } from '../test-utils';
 export default {
   component: Modal,
   title: 'Dialogs/Modal',
-
   args: {
     size: 'md',
     position: 'center',

package/src/popover/Popover.story.tsx

@@ -26,7 +26,6 @@ const Content = () => (
 export default {
   component: Popover,
   title: 'Dialogs/Popover',
-
   args: {
     preferredPlacement: Position.BOTTOM,
     title: 'Guaranteed rate',

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/sticky/Sticky.story.tsx

@@ -6,7 +6,6 @@ import { allModes } from '../../.storybook/modes';
 const meta: Meta<typeof Sticky> = {
   component: Sticky,
   title: 'Dialogs/Sticky',
-
   args: {
     open: true,
     position: 'bottom', // Default position

package/src/styles/less/core/_typography.less

@@ -218,7 +218,7 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-    font-family: Inter, system-ui, sans-serif;
+    font-family: var(--font-family-regular);
   }
 }
 

package/src/styles/less/neptune.css

@@ -3560,7 +3560,8 @@ a,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
      */
-  font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: var(--font-family-regular);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

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'],
 };