fix: 強制カラーモードの際にハイライトされない問題の修正

kufu · Jun 14, 2024 · 2700fc3 · 2700fc3
1 parent 40e2959
commit 2700fc3
Showing 1 changed file with 16 additions and 1 deletion.
diff --git 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',
       ],
     },
     {