From 6bd4bf6288b9b6b51cd39e379afd96679ba9d217 Mon Sep 17 00:00:00 2001
From: Lungan Catalin <98550729+Cata1989@users.noreply.github.com>
Date: Mon, 4 Mar 2024 15:58:47 +0200
Subject: [PATCH] fix(Slider): add `not-allowed` cursor class for disabled
 state (#879)

---
 packages/beeq/src/components/slider/bq-slider.tsx       | 2 +-
 packages/beeq/src/components/slider/scss/bq-slider.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/beeq/src/components/slider/bq-slider.tsx b/packages/beeq/src/components/slider/bq-slider.tsx
index cf4556a54..99a6da9df 100644
--- a/packages/beeq/src/components/slider/bq-slider.tsx
+++ b/packages/beeq/src/components/slider/bq-slider.tsx
@@ -290,7 +290,7 @@ export class BqSlider {
       <div
         class={{
           [`bq-slider ${this.type}`]: true,
-          'opacity-60': this.disabled,
+          'cursor-not-allowed opacity-60': this.disabled,
         }}
         part="base"
         aria-disabled={this.disabled ? 'true' : 'false'}
diff --git a/packages/beeq/src/components/slider/scss/bq-slider.scss b/packages/beeq/src/components/slider/scss/bq-slider.scss
index 6e42439ed..220fccffa 100644
--- a/packages/beeq/src/components/slider/scss/bq-slider.scss
+++ b/packages/beeq/src/components/slider/scss/bq-slider.scss
@@ -67,6 +67,14 @@
   @apply thumb-active;
 }
 
+.bq-slider__input[disabled]::-webkit-slider-thumb {
+  @apply cursor-not-allowed;
+}
+
+.bq-slider__input[disabled]::-moz-range-thumb {
+  @apply cursor-not-allowed;
+}
+
 .progress {
   @apply absolute z-[var(--bq-slider--z-index-progress)] h-[var(--bq-slider--size)] rounded-[var(--bq-slider--border-radius)] bg-[var(--bq-slider--progress-color)];
 }