LG-4721: Fix SplitButton's menu is rendered in dark-mode regardless…

… of value passed through `renderDarkMenu` (re-created) (#2614)

* Pass renderDarkMenu prop through SplitButton to underlying Menu

* Expose prop in storybook

* Add prop description in storybook for Menu

* Add changeset

.changeset/afraid-years-listen.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/split-button': patch
+---
+
+Fix passing `renderDarkMenu` to the underlying `Menu`

packages/menu/src/Menu.stories.tsx

@@ -111,6 +111,8 @@ export default {
     },
     darkMode: storybookArgTypes.darkMode,
     renderDarkMenu: {
+      description:
+        'Whether the menu should always render dark, regardless of the theme context',
       control: 'boolean',
     },
   },

packages/split-button/src/SplitButton.stories.tsx

@@ -89,6 +89,11 @@ const meta: StoryMetaType<typeof SplitButton> = {
   },
   argTypes: {
     darkMode: storybookArgTypes.darkMode,
+    renderDarkMenu: {
+      description:
+        'Whether the menu should always render dark, regardless of the theme context',
+      control: 'boolean',
+    },
     disabled: {
       control: 'boolean',
     },

packages/split-button/src/SplitButton/SplitButton.tsx

@@ -51,6 +51,7 @@ export const SplitButton = InferredPolymorphic<SplitButtonProps, 'button'>(
       onTriggerClick,
       triggerAriaLabel,
       onChange,
+      renderDarkMenu,
       ...rest
     },
     ref: React.Ref<any>,
@@ -109,6 +110,7 @@ export const SplitButton = InferredPolymorphic<SplitButtonProps, 'button'>(
             onTriggerClick={onTriggerClick}
             triggerAriaLabel={triggerAriaLabel}
             onChange={onChange}
+            renderDarkMenu={renderDarkMenu}
           />
         </LeafyGreenProvider>
       </div>