From c6bebbf785526f8b566b0fb11b4592d03fa10d8c Mon Sep 17 00:00:00 2001
From: Mohamed Arfaoui <mohamed.b.arfaoui.devoteam@axa.fr>
Date: Mon, 17 Apr 2023 14:25:52 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20ajout=20'classModifier'=20d=C3=A9sactiv?=
 =?UTF-8?q?=C3=A9=20+=20style=20au=20bouton=20cercle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                      |  1 +
 packages/button/src/Button.stories.tsx |  1 +
 packages/button/src/button.scss        | 15 +++++++++++++++
 3 files changed, 17 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 4d974fdae..8a680e3b9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35526,6 +35526,7 @@
       }
     },
     "packages/helpinfo": {
+      "name": "@axa-fr/react-toolkit-helpinfo",
       "version": "2.0.1-alpha.0",
       "license": "MIT",
       "dependencies": {
diff --git a/packages/button/src/Button.stories.tsx b/packages/button/src/Button.stories.tsx
index 5d6af3a11..05d67f58a 100644
--- a/packages/button/src/Button.stories.tsx
+++ b/packages/button/src/Button.stories.tsx
@@ -108,6 +108,7 @@ ButtonWithRightIconStory.args = {
 export const ButtonCircleStory: Story<ButtonProps> = Template.bind({});
 ButtonCircleStory.storyName = 'Button circle';
 ButtonCircleStory.args = {
+  disabled: false,
   className: 'af-btn--circle',
   children: <i className="glyphicon glyphicon-floppy-disk" />,
 };
diff --git a/packages/button/src/button.scss b/packages/button/src/button.scss
index 248f06455..109a0a020 100644
--- a/packages/button/src/button.scss
+++ b/packages/button/src/button.scss
@@ -197,6 +197,21 @@ $active-sort-table-th: $color-table-sorting !default;
       transform: translate(-50%, -50%);
       width: 17px;
     }
+
+    &--disabled {
+      cursor: not-allowed;
+      background-color: $color-mercury;
+      box-shadow: inset 0 -3px $color-silver;
+      color: $color-btn-disabled;
+
+      &:hover,
+      &:focus {
+        background-color: $color-mercury;
+        box-shadow: inset 0 -3px $color-silver;
+        color: $color-btn-disabled;
+        border-color: transparent;
+      }
+    }
   }
 
   &--circle-small {