From 8faf6c60dc45165db8a0966c2c9d44925a8d0d98 Mon Sep 17 00:00:00 2001 From: Miriam <31922082+MiriamAparicio@users.noreply.github.com> Date: Thu, 9 Jan 2025 08:07:08 +0000 Subject: [PATCH] [ObsUX] Use styled from @emotion in log-stream component (#205918) Closes https://github.com/elastic/kibana/issues/205683 LogStream embeddable loads correctly Screenshot 2025-01-08 at 15 08 46 --- .../logs_shared/public/components/log_stream/log_stream.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.tsx b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.tsx index 8d33fe4b5d343..898161652192a 100644 --- a/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.tsx +++ b/x-pack/platform/plugins/shared/logs_shared/public/components/log_stream/log_stream.tsx @@ -8,7 +8,7 @@ import type { HttpStart } from '@kbn/core-http-browser'; import type { DataPublicPluginStart } from '@kbn/data-plugin/public'; import { buildEsQuery, Filter, Query } from '@kbn/es-query'; -import { euiStyled } from '@kbn/kibana-react-plugin/common'; +import styled from '@emotion/styled'; import { useKibana } from '@kbn/kibana-react-plugin/public'; import type { LogsDataAccessPluginStart } from '@kbn/logs-data-access-plugin/public'; import type { SharePluginStart } from '@kbn/share-plugin/public'; @@ -297,9 +297,9 @@ Read more at https://github.com/elastic/kibana/blob/main/src/plugins/kibana_reac ); }; -const LogStreamContainer = euiStyled.div` +const LogStreamContainer = styled.div` display: flex; - background-color: ${(props) => props.theme.eui.euiColorEmptyShade}; + background-color: ${(props) => props.theme.euiTheme.colors.emptyShade}; `; function convertLogColumnDefinitionToLogSourceColumnDefinition(