From 3fc192c4579e273a261e66bcc6a683c7018c86c3 Mon Sep 17 00:00:00 2001
From: Zhuliyan Penkov <penkov@progress.com>
Date: Fri, 6 Dec 2024 11:29:03 +0200
Subject: [PATCH] fix(slider): incorrect draghandle states

---
 packages/default/scss/slider/_theme.scss      | 5 ++++-
 packages/material/scss/slider/_variables.scss | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/default/scss/slider/_theme.scss b/packages/default/scss/slider/_theme.scss
index 61992edf70c..b719c864618 100644
--- a/packages/default/scss/slider/_theme.scss
+++ b/packages/default/scss/slider/_theme.scss
@@ -30,7 +30,8 @@
             );
             @include border-radius( 50% );
 
-            &:hover {
+            &:hover,
+            &.k-hover {
                 @include fill(
                     $kendo-slider-draghandle-hover-text,
                     $kendo-slider-draghandle-hover-bg,
@@ -39,7 +40,9 @@
                 );
             }
 
+            // TODO: remove k-pressed and rely on k-active
             &:active,
+            &.k-active,
             &.k-pressed {
                 @include fill(
                     $kendo-slider-draghandle-pressed-text,
diff --git a/packages/material/scss/slider/_variables.scss b/packages/material/scss/slider/_variables.scss
index f0f220dcbf8..0598a23a8fd 100644
--- a/packages/material/scss/slider/_variables.scss
+++ b/packages/material/scss/slider/_variables.scss
@@ -66,26 +66,26 @@ $kendo-slider-draghandle-gradient: null !default;
 
 /// The background color of the hovered Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-hover-bg: unset !default;
+$kendo-slider-draghandle-hover-bg: $kendo-color-primary !default;
 /// The text color of the hovered Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-hover-text: null !default;
 /// The border color of the hovered Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-hover-border: unset !default;
+$kendo-slider-draghandle-hover-border: $kendo-color-primary !default;
 /// The gradient of the hovered Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
 
 /// The background color of the active Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-pressed-bg: unset !default;
+$kendo-slider-draghandle-pressed-bg: $kendo-color-primary !default;
 /// The text color of the active Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-pressed-text: null !default;
 /// The border color of the active Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-pressed-border: unset !default;
+$kendo-slider-draghandle-pressed-border: $kendo-color-primary !default;
 /// The gradient of the active Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-pressed-gradient: null !default;