From 7cb02d6c3ef57d5d3e456dd70d3a9d7617d364f8 Mon Sep 17 00:00:00 2001 From: Darshan Date: Tue, 27 May 2025 15:38:38 +0530 Subject: [PATCH 1/2] update: hover state when disabled. --- v2/pink-sb/src/lib/selector/Checkbox.svelte | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/v2/pink-sb/src/lib/selector/Checkbox.svelte b/v2/pink-sb/src/lib/selector/Checkbox.svelte index 547197c7d0..34c5d92340 100644 --- a/v2/pink-sb/src/lib/selector/Checkbox.svelte +++ b/v2/pink-sb/src/lib/selector/Checkbox.svelte @@ -96,7 +96,7 @@ border-radius: var(--border-radius-xxs); } - &:hover:not(.active):not([aria-disabled='true']) { + &:hover:not(.active):not([aria-disabled='true']):not([disabled]) { background-color: var(--overlay-button-neutral-hover); } @@ -105,9 +105,15 @@ background-color: var(--bgcolor-neutral-invert); } - &:disabled { + &:disabled, + &[aria-disabled='true'] { opacity: 0.4; + cursor: none; background-color: var(--bgcolor-neutral-tertiary); + + &:hover { + background-color: var(--bgcolor-neutral-tertiary); + } } &:focus, From 1a3ac179cb67ec6d1cb407607cc0bc27d524ccdd Mon Sep 17 00:00:00 2001 From: Darshan Date: Tue, 27 May 2025 16:21:56 +0530 Subject: [PATCH 2/2] address comment. --- v2/pink-sb/src/lib/selector/Checkbox.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/v2/pink-sb/src/lib/selector/Checkbox.svelte b/v2/pink-sb/src/lib/selector/Checkbox.svelte index 34c5d92340..935b40dc1f 100644 --- a/v2/pink-sb/src/lib/selector/Checkbox.svelte +++ b/v2/pink-sb/src/lib/selector/Checkbox.svelte @@ -108,7 +108,7 @@ &:disabled, &[aria-disabled='true'] { opacity: 0.4; - cursor: none; + cursor: default; background-color: var(--bgcolor-neutral-tertiary); &:hover {