From 419ab54aa9194afa327b8b99bea5c307e74aa56a Mon Sep 17 00:00:00 2001
From: Valentin Chanas <anisometropie@gmail.com>
Date: Tue, 7 Jan 2025 13:47:37 +0100
Subject: [PATCH 1/2] ui-core: fix slider styling

allow the slider the inherit its surrounding environment background color.

fix className usage

Signed-off-by: Valentin Chanas <anisometropie@gmail.com>
---
 ui-core/src/components/inputs/Slider.tsx | 3 ++-
 ui-core/src/styles/inputs/slider.css     | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui-core/src/components/inputs/Slider.tsx b/ui-core/src/components/inputs/Slider.tsx
index ee038784f..f6774d9f7 100644
--- a/ui-core/src/components/inputs/Slider.tsx
+++ b/ui-core/src/components/inputs/Slider.tsx
@@ -20,6 +20,7 @@ const Slider = ({
   onChange,
   onChangeCommitted,
   disabled,
+  className,
   containerClassName,
   ...rest
 }: SliderProps) => {
@@ -50,7 +51,7 @@ const Slider = ({
     >
       <input
         type="range"
-        className="range-slider"
+        className={cx('range-slider', className)}
         id={id}
         value={value}
         min={min}
diff --git a/ui-core/src/styles/inputs/slider.css b/ui-core/src/styles/inputs/slider.css
index f03ade46f..b79e99549 100644
--- a/ui-core/src/styles/inputs/slider.css
+++ b/ui-core/src/styles/inputs/slider.css
@@ -5,6 +5,7 @@
   .range-slider {
     -webkit-appearance: none;
     appearance: none;
+    background-color: inherit;
     height: 10px;
     width: 100%;
   

From 72af25fddd9ce3607757e2a65813b8d603b277ce Mon Sep 17 00:00:00 2001
From: Valentin Chanas <anisometropie@gmail.com>
Date: Tue, 7 Jan 2025 15:23:49 +0100
Subject: [PATCH 2/2] ui-manchette-with-spacetime: useful exports to reset zoom

Signed-off-by: Valentin Chanas <anisometropie@gmail.com>
---
 ui-manchette-with-spacetimechart/src/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui-manchette-with-spacetimechart/src/index.ts b/ui-manchette-with-spacetimechart/src/index.ts
index a0d0aa081..680a312ae 100644
--- a/ui-manchette-with-spacetimechart/src/index.ts
+++ b/ui-manchette-with-spacetimechart/src/index.ts
@@ -1,3 +1,5 @@
 import './styles/main.css';
 
 export { default as useManchettesWithSpaceTimeChart } from './hooks/useManchetteWithSpaceTimeChart';
+export { DEFAULT_ZOOM_MS_PER_PX } from './consts';
+export { timeScaleToZoomValue } from './helpers';