From 2700fc32891f79bdf72e47f8409f1215bb5a8043 Mon Sep 17 00:00:00 2001
From: Misako Tateiwa <misako.tateiwa@smarthr.co.jp>
Date: Fri, 14 Jun 2024 09:24:39 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=B7=E5=88=B6=E3=82=AB=E3=83=A9?=
 =?UTF-8?q?=E3=83=BC=E3=83=A2=E3=83=BC=E3=83=89=E3=81=AE=E9=9A=9B=E3=81=AB?=
 =?UTF-8?q?=E3=83=8F=E3=82=A4=E3=83=A9=E3=82=A4=E3=83=88=E3=81=95=E3=82=8C?=
 =?UTF-8?q?=E3=81=AA=E3=81=84=E5=95=8F=E9=A1=8C=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Button/ButtonWrapper.tsx     | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

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',
       ],
     },
     {