fix: SegmentedControl内の選択済み項目でButton[variant=primary]を利用する (#5310)

kufu · Feb 4, 2025 · d286b90 · d286b90
1 parent 300ad26
commit d286b90
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/packages/smarthr-ui/src/components/SegmentedControl/SegmentedControl.tsx b/packages/smarthr-ui/src/components/SegmentedControl/SegmentedControl.tsx
@@ -49,11 +49,6 @@ const segmentedControl = tv({
       'smarthr-ui-SegmentedControl-button',
       'shr-m-0',
       'shr-rounded-none',
-      'aria-checked:shr-border-main',
-      'aria-checked:shr-bg-main',
-      'aria-checked:shr-text-white',
-      'aria-checked:hover:shr-border-main/50',
-      'aria-checked:hover:shr-bg-main/50',
       'focus-visible:shr-focus-indicator',
       'first:shr-rounded-tl-m',
       'first:shr-rounded-bl-m',
@@ -226,6 +221,7 @@ const SegmentedControlButton: FC<
     <Button
       role="radio"
       aria-label={option.ariaLabel}
+      variant={checked ? 'primary' : 'secondary'}
       aria-checked={checked && !!value}
       disabled={option.disabled}
       tabIndex={tabIndex}