diff --git a/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx b/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx index 394e39bf4c..863e4093fc 100644 --- a/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx +++ b/packages/smarthr-ui/src/components/Button/ButtonWrapper.tsx @@ -80,7 +80,7 @@ const button = tv({ 'aria-disabled:shr-cursor-not-allowed', /* alpha color を使用しているので、背景色と干渉させない */ 'aria-disabled:shr-bg-clip-padding', - '[&_.smarthr-ui-Icon]:forced-colors:disabled:shr-fill-[GrayText]', + '[&_.smarthr-ui-Icon]:forced-colors:aria-disabled:shr-fill-[GrayText]', ], anchor: [ 'shr-no-underline', @@ -198,6 +198,9 @@ const button = tv({ 'aria-disabled:shr-border-main/50', 'aria-disabled:shr-bg-main/50', 'aria-disabled:shr-text-white/50', + 'aria-disabled:forced-colors:shr-border-main/50', + 'aria-disabled:forced-colors:shr-bg-main/50', + 'aria-disabled:forced-colors:shr-text-white/50', ], }, { @@ -231,6 +234,9 @@ const button = tv({ 'aria-disabled:shr-border-disabled', 'aria-disabled:shr-bg-white-darken', 'aria-disabled:shr-text-disabled', + 'aria-disabled:forced-colors:shr-border-disabled', + 'aria-disabled:forced-colors:shr-bg-white-darken', + 'aria-disabled:forced-colors:shr-text-disabled', ], }, { @@ -262,6 +268,9 @@ const button = tv({ 'aria-disabled:shr-border-danger/50', 'aria-disabled:shr-bg-danger/50', 'aria-disabled:shr-text-white/50', + 'aria-disabled:forced-colors:shr-border-danger/50', + 'aria-disabled:forced-colors:shr-bg-danger/50', + 'aria-disabled:forced-colors:shr-text-white/50', ], }, { @@ -295,6 +304,9 @@ const button = tv({ 'aria-disabled:shr-border-white/50', 'aria-disabled:shr-bg-transparent', 'aria-disabled:shr-text-white/50', + 'aria-disabled:forced-colors:shr-border-white/50', + 'aria-disabled:forced-colors:shr-bg-transparent', + 'aria-disabled:forced-colors:shr-text-white/50', ], }, { @@ -324,6 +336,9 @@ const button = tv({ 'aria-disabled:shr-border-transparent', 'aria-disabled:shr-bg-transparent', 'aria-disabled:shr-text-disabled', + 'aria-disabled:forced-colors:shr-border-transparent', + 'aria-disabled:forced-colors:shr-bg-transparent', + 'aria-disabled:forced-colors:shr-text-disabled', ], }, {