GrafanaUI: Deprecate logs components (#55364)

* grafana-ui: mark logs-components deprecated

* improved deprecation-message

packages/grafana-ui/src/components/Logs/LogLabels.tsx

@@ -12,6 +12,7 @@ interface Props {
   labels: Labels;
 }
 
+/** @deprecated will be removed in the next major version */
 export const LogLabels: FunctionComponent<Props> = ({ labels }) => {
   const styles = useStyles2(getStyles);
   const displayLabels = Object.keys(labels).filter((label) => !label.startsWith('_') && !HIDDEN_LABELS.includes(label));

packages/grafana-ui/src/components/Logs/LogMessageAnsi.tsx

@@ -101,5 +101,6 @@ export class UnThemedLogMessageAnsi extends PureComponent<Props, State> {
   }
 }
 
+/** @deprecated will be removed in the next major version */
 export const LogMessageAnsi = withTheme2(UnThemedLogMessageAnsi);
 LogMessageAnsi.displayName = 'LogMessageAnsi';

packages/grafana-ui/src/components/Logs/LogRows.tsx

@@ -188,5 +188,6 @@ class UnThemedLogRows extends PureComponent<Props, State> {
   }
 }
 
+/** @deprecated will be removed in the next major version */
 export const LogRows = withTheme2(UnThemedLogRows);
 LogRows.displayName = 'LogsRows';

packages/grafana-ui/src/components/Logs/getLogRowStyles.ts

@@ -4,6 +4,7 @@ import { GrafanaTheme2, LogLevel } from '@grafana/data';
 
 import { styleMixins } from '../../themes';
 
+/** @deprecated will be removed in the next major version */
 export const getLogRowStyles = (theme: GrafanaTheme2, logLevel?: LogLevel) => {
   let logColor = theme.isLight ? theme.v1.palette.gray5 : theme.v1.palette.gray2;
   const hoverBgColor = styleMixins.hoverColor(theme.colors.background.secondary, theme);