From 6e8e256307c1122c4004d4e1d4c81b6cb2817c8d Mon Sep 17 00:00:00 2001
From: Volga Baris Civelek <volgabaris.civelek@trendyol.com>
Date: Wed, 17 Nov 2021 14:29:33 +0300
Subject: [PATCH] button and popup radius update

---
 package.json                       | 2 +-
 src/components/popup/popup.tsx     | 1 +
 src/styles/_variables.scss         | 2 ++
 src/styles/components/_button.scss | 2 +-
 src/styles/components/_popup.scss  | 2 +-
 5 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 22aa34ae..a4eb7a3c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "quarkify",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "license": "MIT",
   "description": "An awesome lightweight React UI Component library",
   "repository": "https://github.com/Trendyol/quarkify",
diff --git a/src/components/popup/popup.tsx b/src/components/popup/popup.tsx
index 9bb407d6..076970a1 100644
--- a/src/components/popup/popup.tsx
+++ b/src/components/popup/popup.tsx
@@ -150,6 +150,7 @@ export default class Popup extends PureComponent<IPopupProps, IPopupState> {
                     className={popupIconClasses}
                     onClick={handleIconClick}
                     name="close"
+                    sizePixel={10}
                   />
                 )}
               </div>
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 0ef462a5..5c0ba421 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -101,6 +101,8 @@ $-padding: 1rem !default;
 
 //Border Radius
 $border-radius: 3px;
+$border-radius-button: 5px;
+$border-radius-popup: 6px;
 
 //Popup Padding
 $popup-margin: 30px !default;
diff --git a/src/styles/components/_button.scss b/src/styles/components/_button.scss
index 3cfa7231..9dfabd3c 100644
--- a/src/styles/components/_button.scss
+++ b/src/styles/components/_button.scss
@@ -15,7 +15,7 @@
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
-  border-radius: $border-radius;
+  border-radius: $border-radius-button;
 
   &.q-button-large {
     height: $button-height-large;
diff --git a/src/styles/components/_popup.scss b/src/styles/components/_popup.scss
index 7541ba1e..4bfa602c 100644
--- a/src/styles/components/_popup.scss
+++ b/src/styles/components/_popup.scss
@@ -10,7 +10,7 @@
   width: 100%;
   max-width: 90vw;
   max-height: 90vh;
-  border-radius: $border-radius;
+  border-radius: $border-radius-popup;
   z-index: 1031;
   box-sizing: border-box;