Grafana/ui: Move the Stack component out of unstable (#77495)

* grafana/ui: Move Stack out of unstable

* grafana/ui: Replace imports

packages/grafana-ui/src/components/index.ts

@@ -215,6 +215,7 @@ export { Link } from './Link/Link';
 export { TextLink } from './Link/TextLink';
 export { Text } from './Text/Text';
 export { Box } from './Layout/Box/Box';
+export { Stack } from './Layout/Stack/Stack';
 
 export { Label } from './Forms/Label';
 export { Field, type FieldProps } from './Forms/Field';

packages/grafana-ui/src/unstable.ts

@@ -10,4 +10,3 @@
  */
 
 export { Grid } from './components/Layout/Grid/Grid';
-export { Stack } from './components/Layout/Stack/Stack';

public/app/core/components/AppChrome/DockedMegaMenu/MegaMenu.tsx

@@ -5,8 +5,7 @@ import { useLocation } from 'react-router-dom';
 
 import { GrafanaTheme2 } from '@grafana/data';
 import { selectors } from '@grafana/e2e-selectors';
-import { CustomScrollbar, Icon, IconButton, useStyles2 } from '@grafana/ui';
+import { CustomScrollbar, Icon, IconButton, useStyles2, Stack } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import { useGrafana } from 'app/core/context/GrafanaContext';
 import { t } from 'app/core/internationalization';
 import { useSelector } from 'app/types';

public/app/features/admin/Users/OrgUnits.tsx

@@ -1,8 +1,7 @@
 import React, { forwardRef, PropsWithChildren } from 'react';
 
 import { IconName } from '@grafana/data';
-import { Icon, Tooltip, Box } from '@grafana/ui';
+import { Icon, Tooltip, Box, Stack } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import { Unit } from 'app/types';
 
 type OrgUnitProps = { units?: Unit[]; icon: IconName };

public/app/features/admin/Users/OrgUsersTable.tsx

@@ -3,20 +3,20 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { OrgRole } from '@grafana/data';
 import { selectors as e2eSelectors } from '@grafana/e2e-selectors';
 import {
-  Button,
-  ConfirmModal,
-  Icon,
-  Tooltip,
-  CellProps,
-  Tag,
-  InteractiveTable,
-  Column,
-  FetchDataFunc,
-  Pagination,
   Avatar,
   Box,
+  Button,
+  CellProps,
+  Column,
+  ConfirmModal,
+  FetchDataFunc,
+  Icon,
+  InteractiveTable,
+  Pagination,
+  Stack,
+  Tag,
+  Tooltip,
 } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import { UserRolePicker } from 'app/core/components/RolePicker/UserRolePicker';
 import { fetchRoleOptions } from 'app/core/components/RolePicker/api';
 import { TagBadge } from 'app/core/components/TagFilter/TagBadge';

public/app/features/admin/Users/UsersTable.tsx

@@ -1,18 +1,18 @@
 import React, { useMemo } from 'react';
 
 import {
-  InteractiveTable,
+  Avatar,
   CellProps,
-  Tooltip,
-  Icon,
-  Tag,
-  Pagination,
   Column,
   FetchDataFunc,
+  Icon,
+  InteractiveTable,
+  Pagination,
+  Stack,
+  Tag,
   Text,
-  Avatar,
+  Tooltip,
 } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import { TagBadge } from 'app/core/components/TagFilter/TagBadge';
 import { UserDTO } from 'app/types';
 

public/app/features/dashboard/dashgrid/DashboardEmpty.tsx

@@ -4,8 +4,7 @@ import React from 'react';
 import { GrafanaTheme2 } from '@grafana/data';
 import { selectors } from '@grafana/e2e-selectors';
 import { config, locationService, reportInteraction } from '@grafana/runtime';
-import { Button, useStyles2, Text, Box } from '@grafana/ui';
+import { Button, useStyles2, Text, Box, Stack } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import { Trans } from 'app/core/internationalization';
 import { DashboardModel } from 'app/features/dashboard/state';
 import { onAddLibraryPanel, onCreateNewPanel, onImportDashboard } from 'app/features/dashboard/utils/dashboard';

public/app/features/serviceaccounts/ServiceAccountsListPage.tsx

@@ -12,8 +12,8 @@ import {
   useStyles2,
   InlineField,
   Pagination,
+  Stack,
 } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';
 import { Page } from 'app/core/components/Page/Page';
 import PageLoader from 'app/core/components/PageLoader/PageLoader';

public/app/features/teams/TeamList.tsx

@@ -2,19 +2,19 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { connect, ConnectedProps } from 'react-redux';
 
 import {
-  LinkButton,
-  FilterInput,
-  InlineField,
-  CellProps,
-  DeleteButton,
-  InteractiveTable,
-  Icon,
-  Tooltip,
-  Column,
-  Pagination,
   Avatar,
+  CellProps,
+  Column,
+  DeleteButton,
+  FilterInput,
+  Icon,
+  InlineField,
+  InteractiveTable,
+  LinkButton,
+  Pagination,
+  Stack,
+  Tooltip,
 } from '@grafana/ui';
-import { Stack } from '@grafana/ui/src/unstable';
 import EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';
 import { Page } from 'app/core/components/Page/Page';
 import { fetchRoleOptions } from 'app/core/components/RolePicker/api';