[LG-5687] fix(message-prompts): update border color

.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`

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;

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<typeof MessagePrompts> = {
     enableHideOnSelect: { control: 'boolean' },
     label: { control: 'text' },
   },
+  decorators: [
+    (Story: StoryFn, context) => {
+      return (
+        <LeafyGreenProvider darkMode={context?.args.darkMode}>
+          <Story />
+        </LeafyGreenProvider>
+      );
+    },
+  ],
   parameters: {
     default: 'LiveExample',
     controls: {
@@ -41,6 +52,13 @@ const meta: StoryMetaType<typeof MessagePrompts> = {
           onClickRefresh: testOnClickRefresh,
         },
       ],
+      decorator: (Instance, context) => {
+        return (
+          <LeafyGreenProvider darkMode={context?.args.darkMode}>
+            <Instance />
+          </LeafyGreenProvider>
+        );
+      },
     },
   },
 };