From a35859addcccffd56bc5844f0455decbdbcc11d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C4=B1dvan?= <rdemirci@gtu.edu.tr>
Date: Thu, 2 May 2024 13:08:39 +0300
Subject: [PATCH] fix(core/group): use correct cursors (#1225)

Co-authored-by: Demirci <ridvan.demirci@siemens.com>
Co-authored-by: Lukas Maurer <lukas.maurer@siemens.com>
---
 .changeset/rare-eagles-laugh.md                     |  5 +++++
 .../core/src/components/group-item/group-item.scss  | 13 +++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/rare-eagles-laugh.md

diff --git a/.changeset/rare-eagles-laugh.md b/.changeset/rare-eagles-laugh.md
new file mode 100644
index 0000000000..587106aaf8
--- /dev/null
+++ b/.changeset/rare-eagles-laugh.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/group): use correct cursors
diff --git a/packages/core/src/components/group-item/group-item.scss b/packages/core/src/components/group-item/group-item.scss
index 2371a8d571..ac1044815c 100644
--- a/packages/core/src/components/group-item/group-item.scss
+++ b/packages/core/src/components/group-item/group-item.scss
@@ -32,6 +32,7 @@ $focusBorderWidth: 1px;
     background-color: var(--theme-group-item--background);
     border: 1px solid transparent;
     color: var(--theme-color-std-text);
+    cursor: pointer;
 
     padding-left: 2.5rem;
 
@@ -72,6 +73,10 @@ $focusBorderWidth: 1px;
   }
 }
 
+:host(.suppress-selection) {
+  pointer-events: none;
+}
+
 :host(.selected) {
   border-top-width: 0.062rem !important;
   background-color: var(--theme-color-ghost--selected);
@@ -81,20 +86,20 @@ $focusBorderWidth: 1px;
   }
 }
 
-:host(:not(.suppress-selection):hover) {
+:host(:hover) {
   background-color: var(--theme-color-ghost--selected-hover);
   border-color: var(--theme-group-item--border-color--hover);
 }
 
-:host(:not(.suppress-selection).selected:hover) {
+:host(.selected:hover) {
   background-color: var(--theme-color-ghost--selected-hover);
 }
 
-:host(:not(.suppress-selection):active) {
+:host(:active) {
   background-color: var(--theme-color-ghost--selected-active);
   border-color: var(--theme-group-item--border-color--active);
 }
 
-:host(:not(.suppress-selection).selected:active) {
+:host(.selected:active) {
   background-color: var(--theme-color-ghost--selected-active);
 }