From bee6ae0bcaab68175210b9ae6dde4b44a65d234a Mon Sep 17 00:00:00 2001
From: kaushik <kaushik.shetty@niveussolutions.com>
Date: Wed, 12 Jan 2022 08:50:38 +0530
Subject: [PATCH] Changes Added

---
 src/components/Button/Button.module.scss | 14 +++++++-------
 src/components/Button/index.jsx          |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Button/Button.module.scss b/src/components/Button/Button.module.scss
index 66842d0..7e14d63 100644
--- a/src/components/Button/Button.module.scss
+++ b/src/components/Button/Button.module.scss
@@ -1,6 +1,6 @@
-.button {
+.customButton {
   font-size: 0.75rem;
-  color: #5e72e4 !important;
+  color: #5e72e4;
   position: relative;
   transition: all 0.15s ease !important;
   letter-spacing: 0.025em;
@@ -10,7 +10,7 @@
   padding: 0.25rem 0.5rem !important;
   border-radius: 0.25rem !important;
   border-color: #fff;
-  background-color: #fff !important;
+  background-color: #fff;
   box-shadow: 0 4px 6px rgba(0.1, 0.1, 0.1, 0.11),
     0 1px 3px rgba(0.1, 0.1, 0.1, 0.8);
   font-weight: 600;
@@ -32,11 +32,11 @@
     transform: translateY(-1px);
     box-shadow: 0 7px 14px rgba(0.5, 0.5, 0.93, 0.1),
       0 3px 6px rgba(0, 0, 0, 0.8);
-    color: #212529 !important;
-    border-color: #fff !important;
-    background-color: #fff !important;
+    color: #212529;
+    border-color: #fff;
+    background-color: #fff;
   }
-  &.filledbutton {
+  &.filledButton {
     color: #fff;
     background-color: #5e72e4;
   }
diff --git a/src/components/Button/index.jsx b/src/components/Button/index.jsx
index e3f6dbf..e73ff80 100644
--- a/src/components/Button/index.jsx
+++ b/src/components/Button/index.jsx
@@ -8,7 +8,7 @@ function Button(props) {
   return (
     <button
       onClick={handleButtonClick}
-      className={cs(style.button, style[variant], customClass)}
+      className={cs(style.customButton, style[variant], customClass)}
       disabled={disabled}
     >
       {label}
@@ -20,13 +20,13 @@ Button.propTypes = {
   customClass: PropTypes.string,
   label: PropTypes.string,
   disabled: PropTypes.bool,
-  variant: PropTypes.oneOf(["filledbutton"]),
+  variant: PropTypes.oneOf(["filledButton"]),
   handleButtonClick: PropTypes.func,
 };
 
 Button.defaultProps = {
   label: "Button",
-  variant: "filledbutton",
+  variant: "filledButton",
   customClass: "",
 };
 
-- 
GitLab