From bbf4281d8d51543f472745335ae289abd76932ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Fern=C3=A1ndez?= <laura.fernandez@grafana.com>
Date: Thu, 18 Apr 2024 16:13:08 +0200
Subject: [PATCH] Grafana UI: `Dropdown.story.tsx` - Replace `VerticalGroup`
 with `Stack` (#86521)

---
 .betterer.results                                           | 3 ---
 .../grafana-ui/src/components/Dropdown/Dropdown.story.tsx   | 6 +++---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/.betterer.results b/.betterer.results
index 31648327a82..e861dbe1415 100644
--- a/.betterer.results
+++ b/.betterer.results
@@ -797,9 +797,6 @@ exports[`better eslint`] = {
       [0, 0, 0, "Unexpected any. Specify a different type.", "0"],
       [0, 0, 0, "Unexpected any. Specify a different type.", "1"]
     ],
-    "packages/grafana-ui/src/components/Dropdown/Dropdown.story.tsx:5381": [
-      [0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
-    ],
     "packages/grafana-ui/src/components/Forms/Checkbox.story.tsx:5381": [
       [0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
     ],
diff --git a/packages/grafana-ui/src/components/Dropdown/Dropdown.story.tsx b/packages/grafana-ui/src/components/Dropdown/Dropdown.story.tsx
index d991195e5da..fbcef7c6c8d 100644
--- a/packages/grafana-ui/src/components/Dropdown/Dropdown.story.tsx
+++ b/packages/grafana-ui/src/components/Dropdown/Dropdown.story.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import { StoryExample } from '../../utils/storybook/StoryExample';
 import { Button } from '../Button';
 import { IconButton } from '../IconButton/IconButton';
-import { VerticalGroup } from '../Layout/Layout';
+import { Stack } from '../Layout/Stack/Stack';
 import { Menu } from '../Menu/Menu';
 
 import { Dropdown } from './Dropdown';
@@ -34,7 +34,7 @@ export function Examples() {
   );
 
   return (
-    <VerticalGroup>
+    <Stack direction="column">
       <StoryExample name="Button + defaults">
         <Dropdown overlay={menu}>
           <Button variant="secondary">Button</Button>
@@ -46,7 +46,7 @@ export function Examples() {
           <IconButton tooltip="Open menu" variant="secondary" name="bars" />
         </Dropdown>
       </StoryExample>
-    </VerticalGroup>
+    </Stack>
   );
 }