diff --git a/.changeset/chilly-lizards-dress.md b/.changeset/chilly-lizards-dress.md new file mode 100644 index 0000000000..781ab55437 --- /dev/null +++ b/.changeset/chilly-lizards-dress.md @@ -0,0 +1,6 @@ +--- +'@twilio-paste/core': patch +'@twilio-paste/chat-composer': patch +--- + +[ChatComposer]: fix Lexical global styles diff --git a/packages/paste-core/components/chat-composer/src/ChatComposer.tsx b/packages/paste-core/components/chat-composer/src/ChatComposer.tsx index 9d7d5f004e..f5ef90f595 100644 --- a/packages/paste-core/components/chat-composer/src/ChatComposer.tsx +++ b/packages/paste-core/components/chat-composer/src/ChatComposer.tsx @@ -28,9 +28,10 @@ import { */ HistoryPlugin, } from '@twilio-paste/lexical-library'; +import {StylingGlobals} from '@twilio-paste/styling-library'; import type {LexicalComposerProps, OnChangeFunction, ContentEditableProps} from '@twilio-paste/lexical-library'; -import './styles.css'; +import {chatComposerLexicalStyles} from './styles'; import {AutoLinkPlugin} from './AutoLinkPlugin'; import {PlaceholderWrapper} from './PlaceholderWrapper'; import {baseConfig, renderInitialText} from './helpers'; @@ -97,6 +98,7 @@ export const ChatComposer = React.forwardRef( overflowY="scroll" maxHeight={maxHeight} > + <>