Chore: Deprecate components available in @grafana/ui

src/ConfigEditor/Auth/auth-method/BasicAuth.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx, css } from '@emotion/css';
-import { InlineField, Input, PopoverContent } from '@grafana/ui';
-import { SecretInput } from '../common';
+import { InlineField, Input, PopoverContent, SecretInput } from '@grafana/ui';
 import { useCommonStyles } from '../styles';
 
 export type Props = {

src/ConfigEditor/Auth/custom-headers/CustomHeader.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { css, cx } from '@emotion/css';
-import { InlineFieldRow, InlineField, Input, IconButton, useTheme2 } from '@grafana/ui';
-import { SecretInput } from '../common';
+import { InlineFieldRow, InlineField, Input, IconButton, useTheme2, SecretInput } from '@grafana/ui';
 import type { LocalHeader } from '../types';
 import { useCommonStyles } from '../styles';
 

src/ConfigEditor/Auth/tls/SelfSignedCertificate.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx } from '@emotion/css';
-import { InlineField } from '@grafana/ui';
-import { SecretTextArea } from '../common';
+import { InlineField, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection';
 import { useCommonStyles } from '../styles';
 

src/ConfigEditor/Auth/tls/TLSClientAuth.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { cx } from '@emotion/css';
-import { InlineField, Input } from '@grafana/ui';
-import { SecretTextArea } from '../common';
+import { InlineField, Input, SecretTextArea } from '@grafana/ui';
 import { TLSSettingsSection } from './TLSSettingsSection';
 import { useCommonStyles } from '../styles';
 

src/QueryEditor/Space.tsx

@@ -10,6 +10,9 @@ export interface SpaceProps {
   layout?: 'block' | 'inline';
 }
 
+/**
+ * @deprecated use the Space component from @grafana/ui instead. Available starting from @grafana/[email protected]
+ */
 export const Space = (props: SpaceProps) => {
   const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));
 

src/QueryEditor/Stack.tsx

@@ -12,6 +12,9 @@ interface StackProps {
   flexGrow?: CSSProperties['flexGrow'];
 }
 
+/**
+ * @deprecated use the Stack component from @grafana/ui instead. Available starting from @grafana/[email protected]
+ */
 export const Stack = ({ children, ...props }: React.PropsWithChildren<StackProps>) => {
   const styles = useStyles2(useCallback((theme) => getStyles(theme, props), [props]));