[ObsUX] Use styled from @emotion in log-stream component (#205918)

Closes https://github.com/elastic/kibana/issues/205683

LogStream embeddable loads correctly

<img width="1486" alt="Screenshot 2025-01-08 at 15 08 46"
src="https://github.com/user-attachments/assets/7e53e7ba-2b86-471d-9fb0-39ae54b7f919"
/>
This commit is contained in:
Miriam 2025-01-09 08:07:08 +00:00 committed by GitHub
parent 5b96912781
commit 5d65a48134
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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(