fix: Button sets correct disabledFocusable icon color

Author: smhigley

Diff for: packages/react-components/react-button/library/src/components/Button/useButtonStyles.styles.ts

@@ -373,6 +373,10 @@ const useRootDisabledStyles = makeStyles({
       ...shorthands.borderColor('GrayText'),
       color: 'GrayText',
 
+      [`& .${buttonClassNames.icon}`]: {
+        color: 'GrayText',
+      },
+
       ':focus': {
         ...shorthands.borderColor('GrayText'),
       },
@@ -381,12 +385,20 @@ const useRootDisabledStyles = makeStyles({
         backgroundColor: 'ButtonFace',
         ...shorthands.borderColor('GrayText'),
         color: 'GrayText',
+
+        [`& .${buttonClassNames.icon}`]: {
+          color: 'GrayText',
+        },
       },
 
       ':hover:active': {
         backgroundColor: 'ButtonFace',
         ...shorthands.borderColor('GrayText'),
         color: 'GrayText',
+
+        [`& .${buttonClassNames.icon}`]: {
+          color: 'GrayText',
+        },
       },
     },
   },