[LG-5575] refactor(chat): remove spacious variant, remove div from LeafyGreenChatProvider, and remove peer dep if unnecessary

.changeset/rms-chat-layout.md

@@ -0,0 +1,7 @@
+---
+'@lg-chat/chat-layout': minor
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.

.changeset/rms-chat-provider.md

@@ -0,0 +1,8 @@
+---
+'@lg-chat/leafygreen-chat-provider': major
+---
+
+- Removed `variant` prop and `Variant` enum export. The provider no longer supports variant selection (spacious/compact). All components now use a single, consistent design.
+- Removed `containerWidth` from context value. This was only used in spacious variants.
+- Removed wrapper `div` element from `LeafyGreenChatProvider`.
+- Removed `use-resize-observer` dependency.

.changeset/rms-chat-window.md

@@ -0,0 +1,9 @@
+---
+'@lg-chat/chat-window': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- All chat components have been simplified by removing variant-specific conditional logic.
+  - Removed `onClose` and `iconSlot` props from `ChatWindowProps`. These props were only used in the spacious variant.

.changeset/rms-input-bar.md

@@ -0,0 +1,12 @@
+---
+'@lg-chat/input-bar': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- Removed deprecated `lgInputBarStyles` export.
+- All chat components have been simplified by removing variant-specific conditional logic.
+  - Removed props: `badgeText`, `shouldRenderGradient`, and `shouldRenderHotKeyIndicator`
+- Added min-width of 150px to `textarea` element to ensure proper height calculation.
+- Updated `react-textarea-autosize` from `^8.3.2` to `^8.5.9`.

.changeset/rms-lg-markdown.md

@@ -0,0 +1,5 @@
+---
+'@lg-chat/lg-markdown': major
+---
+
+- Removed deprecated `lgMarkdownStyles` export.

.changeset/rms-message-feed.md

@@ -0,0 +1,9 @@
+---
+'@lg-chat/message-feed': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- Removed deprecated `lgMessageFeedStyles` export.
+- All chat components have been simplified by removing variant-specific conditional logic.

.changeset/rms-message-feedback.md

@@ -0,0 +1,8 @@
+---
+'@lg-chat/message-feedback': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- Removed `PopoverMessageFeedback` component and `PopoverMessageFeedbackProps` type exports.

.changeset/rms-message-rating.md

@@ -0,0 +1,11 @@
+---
+'@lg-chat/message-rating': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- Removed deprecated `lgMessageRatingStyles` export.
+- All chat components have been simplified by removing variant-specific conditional logic.
+  - Removed `description` prop.
+  - Removed `RadioButton` component and related exports (`lgRadioButtonStyles`, `RadioButtonProps` type).

.changeset/rms-message.md

@@ -0,0 +1,14 @@
+---
+'@lg-chat/message': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- Removed the following exports:
+  - `lgMessageStyles`
+  - `MessageContainer` component, `lgMessageContainerStyles`, and `MessageContainerProps` type
+  - `MessageContent` component and `MessageContentProps` type
+  - `MessageLinks` component
+- All chat components have been simplified by removing variant-specific conditional logic.
+  - Removed props: `align`, `avatar`, `baseFontSize`, `componentOverrides`, `links`, `linksHeading`, `onLinkClick`, and `verified`

.changeset/rms-title-bar.md

@@ -0,0 +1,10 @@
+---
+'@lg-chat/title-bar': major
+---
+
+[LG-5575](https://jira.mongodb.org/browse/LG-5575)
+
+- Added compatibility with `@lg-chat/[email protected]`. We recommend new projects use `@lg-chat/leafygreen-chat-provider` v6; support for v5 will be removed in a future major version.
+- All chat components have been simplified by removing variant-specific conditional logic.
+  - Removed `align`, `iconSlot`, and `onClose` props.
+  - Removed `Align` enum export.

chat/chat-layout/package.json

@@ -41,7 +41,7 @@
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^3.2.0 || workspace:^4.0.0 || workspace:^5.0.0",
-    "@lg-chat/leafygreen-chat-provider": "workspace:^"
+    "@lg-chat/leafygreen-chat-provider": "workspace:^5.1.0 || workspace:^6.0.0"
   },
   "devDependencies": {
     "@lg-chat/chat-window": "workspace:^",

chat/chat-layout/src/ChatLayout.stories.tsx

@@ -1,10 +1,7 @@
 import React, { useState } from 'react';
 import { ChatWindow } from '@lg-chat/chat-window';
 import { InputBar } from '@lg-chat/input-bar';
-import {
-  LeafyGreenChatProvider,
-  Variant,
-} from '@lg-chat/leafygreen-chat-provider';
+import { LeafyGreenChatProvider } from '@lg-chat/leafygreen-chat-provider';
 import { Message } from '@lg-chat/message';
 import { MessageFeed } from '@lg-chat/message-feed';
 import { TitleBar } from '@lg-chat/title-bar';
@@ -76,7 +73,7 @@ const Template: StoryFn<ChatLayoutProps> = props => {
   };
 
   return (
-    <LeafyGreenChatProvider variant={Variant.Compact}>
+    <LeafyGreenChatProvider>
       <ChatLayout {...props}>
         <ChatSideNav>
           <ChatSideNav.Header

chat/chat-layout/src/ChatSideNav/ChatSideNav.spec.tsx

@@ -1,32 +1,15 @@
 import React from 'react';
-import {
-  LeafyGreenChatProvider,
-  Variant,
-} from '@lg-chat/leafygreen-chat-provider';
+import { LeafyGreenChatProvider } from '@lg-chat/leafygreen-chat-provider';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import { ChatSideNav } from '.';
 
 const Providers = ({ children }: { children: React.ReactNode }) => (
-  <LeafyGreenChatProvider variant={Variant.Compact}>
-    {children}
-  </LeafyGreenChatProvider>
+  <LeafyGreenChatProvider>{children}</LeafyGreenChatProvider>
 );
 
 describe('ChatSideNav', () => {
-  beforeAll(() => {
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-      observe: jest.fn(),
-      unobserve: jest.fn(),
-      disconnect: jest.fn(),
-    }));
-  });
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-
   test('Header shows "New Chat" button when onClickNewChat provided', async () => {
     const onClickNewChat = jest.fn();
 

chat/chat-layout/src/ChatSideNav/ChatSideNavItem/ChatSideNavItem.spec.tsx

@@ -1,8 +1,5 @@
 import React from 'react';
-import {
-  LeafyGreenChatProvider,
-  Variant,
-} from '@lg-chat/leafygreen-chat-provider';
+import { LeafyGreenChatProvider } from '@lg-chat/leafygreen-chat-provider';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
@@ -11,24 +8,10 @@ import { AriaCurrentValue } from '@leafygreen-ui/lib';
 import { ChatSideNav } from '../..';
 
 const Providers = ({ children }: { children: React.ReactNode }) => (
-  <LeafyGreenChatProvider variant={Variant.Compact}>
-    {children}
-  </LeafyGreenChatProvider>
+  <LeafyGreenChatProvider>{children}</LeafyGreenChatProvider>
 );
 
 describe('ChatSideNavItem', () => {
-  beforeAll(() => {
-    global.ResizeObserver = jest.fn().mockImplementation(() => ({
-      observe: jest.fn(),
-      unobserve: jest.fn(),
-      disconnect: jest.fn(),
-    }));
-  });
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-
   test('renders with children', () => {
     render(
       <Providers>

chat/chat-window/README.md

@@ -22,69 +22,25 @@ npm install @lg-chat/chat-window
 
 ## Example
 
-### Compact
-
-```tsx
-import { ChatWindow } from '@lg-chat/chat-window';
-import {
-  LeafyGreenChatProvider,
-  Variant,
-} from '@lg-chat/leafygreen-chat-provider';
-import { Message } from '@lg-chat/message';
-import { MessageFeed } from '@lg-chat/message-feed';
-
-const CompactExample = props => {
-  const userName = 'Sean Park';
-  const [messages, setMessages] = useState<Array<any>>(baseMessages);
-
-  const handleMessageSend = (messageBody: string) => {
-    const newMessage = {
-      messageBody,
-      userName,
-    };
-    setMessages(messages => [...messages, newMessage]);
-  };
-
-  return (
-    <LeafyGreenChatProvider variant={Variant.Compact}>
-      <ChatWindow title="LG Chat Demo" badgeText="Beta" {...props}>
-        <MessageFeed>
-          {messages.map(messageFields => (
-            <Message key={messageFields.id} {...messageFields} />
-          ))}
-        </MessageFeed>
-        <InputBar onMessageSend={handleMessageSend} />
-      </ChatWindow>
-    </LeafyGreenChatProvider>
-  );
-};
-```
-
-### Spacious
-
 ```tsx
 import { ChatWindow } from '@lg-chat/chat-window';
-import {
-  LeafyGreenChatProvider,
-  Variant,
-} from '@lg-chat/leafygreen-chat-provider';
+import { LeafyGreenChatProvider } from '@lg-chat/leafygreen-chat-provider';
 import { Message } from '@lg-chat/message';
 import { MessageFeed } from '@lg-chat/message-feed';
+import { InputBar } from '@lg-chat/input-bar';
 
-const SpaciousExample = props => {
-  const userName = 'Sean Park';
+const Example = props => {
   const [messages, setMessages] = useState<Array<any>>(baseMessages);
 
   const handleMessageSend = (messageBody: string) => {
     const newMessage = {
       messageBody,
-      userName,
     };
     setMessages(messages => [...messages, newMessage]);
   };
 
   return (
-    <LeafyGreenChatProvider variant={Variant.Spacious}>
+    <LeafyGreenChatProvider>
       <ChatWindow title="LG Chat Demo" badgeText="Beta" {...props}>
         <MessageFeed>
           {messages.map(messageFields => (

chat/chat-window/package.json

@@ -23,7 +23,6 @@
   },
   "devDependencies": {
     "@leafygreen-ui/drawer": "workspace:^",
-    "@lg-chat/avatar": "workspace:^",
     "@lg-chat/input-bar": "workspace:^",
     "@lg-chat/message": "workspace:^",
     "@lg-chat/message-feed": "workspace:^",
@@ -33,7 +32,7 @@
   },
   "peerDependencies": {
     "@leafygreen-ui/leafygreen-provider": "workspace:^3.2.0 || workspace:^4.0.0 || workspace:^5.0.0",
-    "@lg-chat/leafygreen-chat-provider": "workspace:^"
+    "@lg-chat/leafygreen-chat-provider": "workspace:^5.1.0 || workspace:^6.0.0"
   },
   "exports": {
     ".": {