Skip to content

Commit

Permalink
chore(react): update segmented control style use token v2
Browse files Browse the repository at this point in the history
  • Loading branch information
naporin0624 committed Nov 27, 2024
1 parent cd29d33 commit 9aa5801
Showing 1 changed file with 19 additions and 5 deletions.
24 changes: 19 additions & 5 deletions packages/react/src/components/SegmentedControl/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,18 +22,32 @@
line-height: 22px;
}

.charcoal-segmented-control-radio__label[aria-disabled]:not(
[aria-disabled='false']
) {
cursor: default;
opacity: 0.32;
.charcoal-segmented-control-radio__label:hover {
background-color: var(--charcoal-color-container-hover-a);
}
.charcoal-segmented-control-radio__label:active {
background-color: var(--charcoal-color-container-press-a);
}

.charcoal-segmented-control-radio__label[data-checked='true'] {
background-color: var(--charcoal-color-container-primary-default);
color: var(--charcoal-color-text-on-primary-default);
}

.charcoal-segmented-control-radio__label[data-checked='true']:hover {
background-color: var(--charcoal-color-container-primary-hover);
}
.charcoal-segmented-control-radio__label[data-checked='true']:active {
background-color: var(--charcoal-color-container-primary-press);
}

.charcoal-segmented-control-radio__label[aria-disabled]:not(
[aria-disabled='false']
) {
cursor: default;
opacity: 0.32;
}

.charcoal-segmented-control-radio__input {
position: absolute;

Expand Down

0 comments on commit 9aa5801

Please sign in to comment.