From be4e577b85f05b955d8a64fc026f83d4516a8193 Mon Sep 17 00:00:00 2001
From: Vladimir Borisov <borisov1024@gmail.com>
Date: Wed, 2 Oct 2019 16:43:08 +0300
Subject: [PATCH] Buttons with disabled state

---
 src/common/ModalDialog/styles.less           | 5 +++++
 storybook/stories/ModalDialog/ModalDialog.js | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index 7c1b9e4de..e050f5562 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -47,6 +47,11 @@
             background-color: var(--color-signal580);
         }
 
+        &:global(.disabled) {
+            color: var(--color-surfacedarker);
+            background-color: var(--color-surfacedark);
+        }
+
         .icon {
             fill: var(--color-surfacelighter);
             width: 1rem;
diff --git a/storybook/stories/ModalDialog/ModalDialog.js b/storybook/stories/ModalDialog/ModalDialog.js
index e3440b6c1..ec863b32d 100644
--- a/storybook/stories/ModalDialog/ModalDialog.js
+++ b/storybook/stories/ModalDialog/ModalDialog.js
@@ -22,8 +22,8 @@ storiesOf('ModalDialog', module).add('ModalDialog', () => {
             }
         },
         {
-            label: 'A button with a long name', props: {
-                onClick: action('A button with a long name clicked.')
+            label: 'A disabled button with a long name', props: {
+                disabled: true,
             }
         },
         {