From c60fbb0b07b889273f70120821e9ea1d2b934d4c Mon Sep 17 00:00:00 2001 From: naporin0624 Date: Tue, 24 Dec 2024 20:21:51 +0000 Subject: [PATCH] chore(react): not disabled --- .../react/src/components/SegmentedControl/index.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/react/src/components/SegmentedControl/index.css b/packages/react/src/components/SegmentedControl/index.css index 23cece400..45eb35d17 100644 --- a/packages/react/src/components/SegmentedControl/index.css +++ b/packages/react/src/components/SegmentedControl/index.css @@ -22,10 +22,10 @@ line-height: 22px; } -.charcoal-segmented-control-radio__label:hover { +.charcoal-segmented-control-radio__label:not([aria-disabled='true']):hover { background-color: var(--charcoal-color-container-hover-a); } -.charcoal-segmented-control-radio__label:active { +.charcoal-segmented-control-radio__label:not([aria-disabled='true']):active { background-color: var(--charcoal-color-container-press-a); } @@ -34,10 +34,14 @@ color: var(--charcoal-color-text-on-primary-default); } -.charcoal-segmented-control-radio__label[data-checked='true']:hover { +.charcoal-segmented-control-radio__label:not( + [aria-disabled='true'] + )[data-checked='true']:hover { background-color: var(--charcoal-color-container-primary-hover); } -.charcoal-segmented-control-radio__label[data-checked='true']:active { +.charcoal-segmented-control-radio__label:not( + [aria-disabled='true'] + )[data-checked='true']:active { background-color: var(--charcoal-color-container-primary-press); }