chore(react): not disabled

pixiv · Dec 24, 2024 · c60fbb0 · c60fbb0
1 parent 9aa5801
commit c60fbb0
Showing 1 changed file with 8 additions and 4 deletions.
diff --git 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);
 }