Chore: Deprecate components available in @grafana/ui

src/ConfigEditor/Auth/common/SecretInput.tsx

@@ -17,6 +17,9 @@ export type Props = React.ComponentProps<typeof Input> & {
 export const CONFIGURED_TEXT = 'configured';
 export const RESET_BUTTON_TEXT = 'Reset';
 
+/**
+ * @deprecated use the component from @grafana/ui instead. Available starting from @grafana/[email protected]
+ */
 export const SecretInput = ({ isConfigured, onReset, ...props }: Props) => (
   <HorizontalGroup>
     {!isConfigured && <Input {...props} type="password" />}

src/ConfigEditor/Auth/common/SecretTextarea.tsx

@@ -33,6 +33,7 @@ const getStyles = (theme: GrafanaTheme2) => {
 /**
  * Text area that does not disclose an already configured value but lets the user reset the current value and enter a new one.
  * Typically useful for asymmetric cryptography keys.
+ * @deprecated use the component from @grafana/ui instead. Available starting from @grafana/[email protected]
  */
 export const SecretTextArea = ({ isConfigured, onReset, ...props }: Props) => {
   const styles = useStyles2(getStyles);

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]));