From 4b2065613730f43432641ee9901c05cc5293a3da Mon Sep 17 00:00:00 2001
From: Maria Iriarte <106958839+mariairiartef@users.noreply.github.com>
Date: Thu, 29 May 2025 14:52:40 +0200
Subject: [PATCH] [TSVB/SCSS] Migrate `timeseries_visualization.scss` file
 (#221094)

## Summary

Part of https://github.com/elastic/kibana/issues/220095

Migrates `timeseries_visualization.scss` file.

### Considerations

For details on considerations, read
[this](https://github.com/elastic/kibana/issues/220095#issuecomment-2911737679).

## Checklist

- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

(cherry picked from commit 7ed6ae863a5c1983049798f202552fad2bb7dc76)

# Conflicts:
#	src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.scss
---
 .../components/timeseries_visualization.scss          |  3 ---
 .../components/timeseries_visualization.tsx           | 11 ++++++++---
 2 files changed, 8 insertions(+), 6 deletions(-)
 delete mode 100644 src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.scss

diff --git a/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.scss b/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.scss
deleted file mode 100644
index d76e8b685248f..0000000000000
--- a/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.tvbLastValueIndicator {
-  align-self: flex-end;
-}
diff --git a/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.tsx b/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.tsx
index fe27695cabf4f..ab7669d2b263c 100644
--- a/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.tsx
+++ b/src/platform/plugins/private/vis_types/timeseries/public/application/components/timeseries_visualization.tsx
@@ -7,8 +7,6 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import './timeseries_visualization.scss';
-
 import React, { Suspense, useCallback, useEffect, useState } from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiLoadingChart } from '@elastic/eui';
 import { XYChartSeriesIdentifier, GeometryValue } from '@elastic/charts';
@@ -16,6 +14,7 @@ import { IUiSettingsClient } from '@kbn/core/public';
 import { IInterpreterRenderHandlers } from '@kbn/expressions-plugin/common';
 import { PersistedState } from '@kbn/visualizations-plugin/public';
 import type { PaletteRegistry } from '@kbn/coloring';
+import { css } from '@emotion/react';
 import { TimeseriesLoading } from './timeseries_loading';
 import { TimeseriesVisTypes } from './vis_types';
 import type { FetchedIndexPattern, PanelData, TimeseriesVisData } from '../../../common/types';
@@ -169,7 +168,13 @@ function TimeseriesVisualization({
   return (
     <EuiFlexGroup direction="column" gutterSize="none" responsive={false}>
       {shouldDisplayLastValueIndicator && (
-        <EuiFlexItem className="tvbLastValueIndicator" grow={false}>
+        <EuiFlexItem
+          className="tvbLastValueIndicator"
+          css={css`
+            align-self: flex-end;
+          `}
+          grow={false}
+        >
           <LastValueModeIndicator
             seriesData={firstSeries?.data}
             ignoreDaylightTime={model.ignore_daylight_time}