@transferwise/components 0.0.0-experimental-4ee52fa → 0.0.0-experimental-0d4b232

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-4ee52fa",
+  "version": "0.0.0-experimental-0d4b232",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -84,9 +84,9 @@
     "storybook-addon-tag-badges": "^2.0.1",
     "storybook-addon-test-codegen": "^2.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@transferwise/neptune-css": "14.24.5",
     "@wise/components-theming": "1.6.4",
-    "@wise/wds-configs": "0.0.0"
+    "@wise/wds-configs": "0.0.0",
+    "@transferwise/neptune-css": "14.24.5"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.22.3",

package/src/actionButton/ActionButton.story.tsx

@@ -13,7 +13,7 @@ import ActionButton from './ActionButton';
 export default {
   component: ActionButton,
   title: 'Actions/ActionButton',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
 } satisfies Meta<typeof ActionButton>;
 
 type Story = StoryObj<typeof ActionButton>;

package/src/avatar/Avatar.story.tsx

@@ -13,7 +13,7 @@ import Avatar, { AvatarType } from '.';
 export default {
   component: Avatar,
   title: 'Content/Avatar',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
 } satisfies Meta<typeof Avatar>;
 
 type Story = StoryObj<typeof Avatar>;

package/src/avatarWrapper/AvatarWrapper.story.tsx

@@ -10,7 +10,7 @@ import AvatarWrapper from './AvatarWrapper';
 export default {
   component: AvatarWrapper,
   title: 'Content/AvatarWrapper',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
 } satisfies Meta<typeof AvatarWrapper>;
 
 type Story = StoryObj<typeof AvatarWrapper>;

package/src/badge/Badge.story.tsx

@@ -9,7 +9,7 @@ import Badge, { type BadgeProps } from './Badge';
 const meta: Meta<typeof Badge> = {
   component: Badge,
   title: 'Content/Badge',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
 };
 
 export default meta;

package/src/button/Button.story.tsx

@@ -152,6 +152,7 @@ const getPropsForPreview = (args: PreviewStoryArgs) => {
 const meta: Meta<typeof Button> = {
   component: Button,
   title: 'Actions/Button',
+  tags: ['wds:new'],
   argTypes: {
     v2: {
       table: {

package/src/button/LegacyButton.story.tsx

@@ -25,7 +25,7 @@ const withContainer = (Story: any) => (
 const meta: Meta<typeof LegacyButton> = {
   component: LegacyButton,
   title: 'Actions/Button/Legacy Button',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
   args: {
     size: undefined,
     priority: undefined,

package/src/legacylistItem/LegacyListItem.story.tsx

@@ -10,7 +10,7 @@ import LegacyListItem from '.';
 
 export default {
   component: LegacyListItem,
-  title: 'Other/LegacyListItem',
+  title: 'Content/LegacyListItem',
 };
 
 const Template = ({

package/src/legacylistItem/LegacyListItem.tests.story.tsx

@@ -6,7 +6,8 @@ import List from '../list';
 
 export default {
   component: LegacyListItem,
-  title: 'Other/LegacyListItem/tests',
+  tags: ['!autodocs'],
+  title: 'Content/LegacyListItem/tests',
 };
 
 export const LongText = () => {

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

@@ -46,6 +46,7 @@ export default {
     'ListItem.Image': ListItem.Image,
   },
   title: 'Content/ListItem',
+  tags: ['wds:early-access'],
   parameters: {
     docs: {
       toc: true,
@@ -250,7 +251,7 @@ const getPropsForPreview = (args: PreviewStoryArgs): [ListItemProps, Partial<Lis
 };
 
 export const Playground: StoryObj<PreviewStoryArgs> = {
-  tags: ['!autodocs'],
+  tags: ['!autodocs', 'frog'],
   render: (args: PreviewStoryArgs) => {
     const [props, previewProps] = getPropsForPreview(args);
 
@@ -273,6 +274,10 @@ export const Playground: StoryObj<PreviewStoryArgs> = {
   decorators: [withoutKey],
 };
 
+export const Banana: Story = {
+  tags: ['frog'],
+};
+
 /**
  * ListItem uses container queries under the hood, which means its layout self-adjusts based on
  * the available space. At the 100% zoom level, these breakpoints correspond to

package/src/select/Select.story.tsx

@@ -9,7 +9,7 @@ import Select, { SelectItem, SelectOptionItem } from './Select';
 const meta: Meta<typeof Select> = {
   component: Select,
   title: 'Forms/Select',
-  tags: ['deprecated'],
+  tags: ['wds:deprecated'],
   argTypes: {
     id: { control: 'text' },
     size: { control: 'radio', options: ['sm', 'md', 'lg'] },