From 6afb9304ff12ea1cd52de1516c36548fe1122674 Mon Sep 17 00:00:00 2001
From: TJ Egan <tw15egan@gmail.com>
Date: Thu, 22 Aug 2019 11:35:54 -0700
Subject: [PATCH] fix(fileUploader): add in disabled styles

---
 packages/components/src/components/button/_mixins.scss     | 1 +
 packages/react/src/components/FileUploader/FileUploader.js | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/components/button/_mixins.scss b/packages/components/src/components/button/_mixins.scss
index ffa91bd9f5d3..91ac73d8484c 100644
--- a/packages/components/src/components/button/_mixins.scss
+++ b/packages/components/src/components/button/_mixins.scss
@@ -82,6 +82,7 @@
     background-color: $disabled-02;
     border-color: $disabled-02;
     text-decoration: none;
+    outline-color: $disabled-02;
   }
 
   &:active {
diff --git a/packages/react/src/components/FileUploader/FileUploader.js b/packages/react/src/components/FileUploader/FileUploader.js
index edd9c8ce819b..22935bf11df1 100644
--- a/packages/react/src/components/FileUploader/FileUploader.js
+++ b/packages/react/src/components/FileUploader/FileUploader.js
@@ -152,6 +152,7 @@ export class FileUploaderButton extends Component {
       className,
       {
         [`${prefix}--btn--${buttonKind}`]: buttonKind,
+        [`${prefix}--btn--disabled`]: disabled,
       }
     );
 
@@ -160,7 +161,8 @@ export class FileUploaderButton extends Component {
     return (
       <>
         <label
-          tabIndex={tabIndex || 0}
+          tabIndex={disabled ? -1 : tabIndex || 0}
+          aria-disabled={disabled}
           className={classes}
           onKeyDown={evt => {
             if (evt.which === 13 || evt.which === 32) {