diff --git a/.changeset/plain-clocks-remain.md b/.changeset/plain-clocks-remain.md new file mode 100644 index 0000000000..5a4757039b --- /dev/null +++ b/.changeset/plain-clocks-remain.md @@ -0,0 +1,5 @@ +--- +'@lg-chat/message-prompts': patch +--- + +[LG-5687](https://jira.mongodb.org/browse/LG-5687): update border color from `green.dark1` to `green.dark2` diff --git a/chat/message-prompts/src/MessagePrompt/MessagePrompt.styles.ts b/chat/message-prompts/src/MessagePrompt/MessagePrompt.styles.ts index db0da16bca..a2f132bf99 100644 --- a/chat/message-prompts/src/MessagePrompt/MessagePrompt.styles.ts +++ b/chat/message-prompts/src/MessagePrompt/MessagePrompt.styles.ts @@ -11,7 +11,7 @@ import { const baseStyles = css` display: block; padding: ${spacing[2]}px ${spacing[3]}px; - border: 1px solid ${palette.green.dark1}; + border: 1px solid ${palette.green.dark2}; border-radius: 12px; transition: all ${transitionDuration.slower}ms ease; box-shadow: none; diff --git a/chat/message-prompts/src/MessagePrompts.stories.tsx b/chat/message-prompts/src/MessagePrompts.stories.tsx index 1c30b9ba21..6a2eb5176e 100644 --- a/chat/message-prompts/src/MessagePrompts.stories.tsx +++ b/chat/message-prompts/src/MessagePrompts.stories.tsx @@ -7,6 +7,8 @@ import { import { StoryFn, StoryObj } from '@storybook/react'; import { expect, userEvent, waitFor, within } from '@storybook/test'; +import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider'; + import { MessagePrompt, MessagePrompts, MessagePromptsProps } from '.'; // eslint-disable-next-line no-console @@ -24,6 +26,15 @@ const meta: StoryMetaType = { enableHideOnSelect: { control: 'boolean' }, label: { control: 'text' }, }, + decorators: [ + (Story: StoryFn, context) => { + return ( + + + + ); + }, + ], parameters: { default: 'LiveExample', controls: { @@ -41,6 +52,13 @@ const meta: StoryMetaType = { onClickRefresh: testOnClickRefresh, }, ], + decorator: (Instance, context) => { + return ( + + + + ); + }, }, }, };