From 050f72e51ccb415f5ebaa2dec64a02244debe600 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 3 May 2024 14:06:08 -0400
Subject: [PATCH 1/3] adds LiveExample & generated stories

---
 chat/avatar/src/Avatar.stories.tsx | 65 +++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 10 deletions(-)

diff --git a/chat/avatar/src/Avatar.stories.tsx b/chat/avatar/src/Avatar.stories.tsx
index 1d68a06b8f..06f70dad19 100644
--- a/chat/avatar/src/Avatar.stories.tsx
+++ b/chat/avatar/src/Avatar.stories.tsx
@@ -1,24 +1,69 @@
 import React from 'react';
 import { LeafyGreenChatProvider } from '@lg-chat/leafygreen-chat-provider';
-import { storybookArgTypes } from '@lg-tools/storybook-utils';
-import { StoryFn } from '@storybook/react';
+import { storybookArgTypes, StoryMetaType } from '@lg-tools/storybook-utils';
+import { StoryObj } from '@storybook/react';
 
-import { Avatar } from '.';
+import { Avatar, Size, Variant } from '.';
 
 export default {
   title: 'Chat/Avatar',
   component: Avatar,
+  decorators: [
+    StoryFn => <LeafyGreenChatProvider>{StoryFn()}</LeafyGreenChatProvider>,
+  ],
+  parameters: {
+    default: 'LiveExample',
+    generate: {
+      storyNames: ['DefaultVariant', 'MongoVariant', 'UserVariant'],
+      combineArgs: {
+        darkMode: [false, true],
+        size: Object.values(Size),
+        sizeOverride: [undefined, 56],
+      },
+      excludeCombinations: [
+        {
+          sizeOverride: 56,
+          size: Size.Small,
+        },
+      ],
+    },
+  },
   argTypes: {
     darkMode: storybookArgTypes.darkMode,
+    variant: {
+      control: 'select',
+      options: Variant,
+    },
     name: { control: 'text' },
+    size: {
+      control: 'select',
+      options: Size,
+    },
     sizeOverride: { control: 'number' },
   },
-};
+} satisfies StoryMetaType<typeof Avatar>;
 
-const Template: StoryFn<typeof Avatar> = props => (
-  <LeafyGreenChatProvider>
-    <Avatar {...props} />
-  </LeafyGreenChatProvider>
-);
+export const LiveExample: StoryObj<typeof Avatar> = {
+  render: props => <Avatar {...props} />,
+};
 
-export const Basic: StoryFn<typeof Avatar> = Template.bind({});
+export const DefaultVariant: StoryObj<typeof Avatar> = {
+  render: props => <Avatar {...props} />,
+  args: {
+    variant: Variant.Default,
+  },
+};
+export const MongoVariant: StoryObj<typeof Avatar> = {
+  render: props => <Avatar {...props} />,
+  args: {
+    variant: Variant.Mongo,
+  },
+};
+export const UserVariant: StoryObj<typeof Avatar> = {
+  render: props => <Avatar {...props} />,
+  args: {
+    variant: Variant.User,
+    name: 'Maisie Williams',
+  },
+  parameters: {},
+};

From 5f60a30b3d86c2a14eb2e5c4378fd1200d4c83d9 Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 3 May 2024 14:07:52 -0400
Subject: [PATCH 2/3] Create nervous-suits-thank.md

---
 .changeset/nervous-suits-thank.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/nervous-suits-thank.md

diff --git a/.changeset/nervous-suits-thank.md b/.changeset/nervous-suits-thank.md
new file mode 100644
index 0000000000..975d33f7ae
--- /dev/null
+++ b/.changeset/nervous-suits-thank.md
@@ -0,0 +1,5 @@
+---
+'@lg-chat/avatar': patch
+---
+
+Adds Generated stories

From 65e7554bc3192868b5fef1f800d76bbe514cd4bc Mon Sep 17 00:00:00 2001
From: Adam Thompson <adam.thompson@mongodb.com>
Date: Fri, 3 May 2024 14:36:48 -0400
Subject: [PATCH 3/3] disable snapshot

---
 chat/avatar/src/Avatar.stories.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/chat/avatar/src/Avatar.stories.tsx b/chat/avatar/src/Avatar.stories.tsx
index 06f70dad19..a9aabf6410 100644
--- a/chat/avatar/src/Avatar.stories.tsx
+++ b/chat/avatar/src/Avatar.stories.tsx
@@ -45,6 +45,11 @@ export default {
 
 export const LiveExample: StoryObj<typeof Avatar> = {
   render: props => <Avatar {...props} />,
+  parameters: {
+    chromatic: {
+      disableSnapshot: true,
+    },
+  },
 };
 
 export const DefaultVariant: StoryObj<typeof Avatar> = {