From 678bfc7890eb25552f595387f84b9fc1c397cb6b Mon Sep 17 00:00:00 2001
From: Rostyslav Nihrutsa <RostyslavNihrutsa@users.noreply.github.com>
Date: Tue, 8 Sep 2026 12:28:01 +0300
Subject: [PATCH 1/2] style: adjust styles in Button, Modal, and Switch
 components for consistency and naming accuracy

---
 src/components/Button/button.module.scss | 4 ++--
 src/components/Modal/modal.module.scss   | 2 +-
 src/components/Switch/switch.module.scss | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss
index e3ee2a2..149db7a 100644
--- a/src/components/Button/button.module.scss
+++ b/src/components/Button/button.module.scss
@@ -135,13 +135,13 @@ $root: button;
 
   &--medium-size {
     height: var(--button-height-md, 44px);
-    font-size: var(--button-font-size-sm, 16px);
+    font-size: var(--button-font-size-md, 16px);
   }
 
   &--large-size {
     height: var(--button-height-lg, 54px);
     min-width: 95px;
-    font-size: var(--button-font-size-sm, 18px);
+    font-size: var(--button-font-size-lg, 18px);
   }
 
   //Radius
diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss
index a33b8ca..8d8e1de 100644
--- a/src/components/Modal/modal.module.scss
+++ b/src/components/Modal/modal.module.scss
@@ -44,7 +44,7 @@ $root: modal;
         }
 
         &--fadeScale-animation {
-          animation-name: fadeScaleIn;
+          animation-name: fadeScaleOut;
         }
       }
     }
diff --git a/src/components/Switch/switch.module.scss b/src/components/Switch/switch.module.scss
index c9b40c7..54c13e4 100644
--- a/src/components/Switch/switch.module.scss
+++ b/src/components/Switch/switch.module.scss
@@ -33,7 +33,7 @@ $root: switch;
   transition: background var(--switch-speed-bg, var(--speed-color));
 
   &[data-state="checked"] {
-    background-color: var(--switch-cheked-bg-color, var(--primary-color));
+    background: var(--switch-checked-bg-color, var(--primary-color));
   }
 
   &:disabled {
@@ -48,7 +48,7 @@ $root: switch;
     height: switch-thumb-height();
     transform: translateX(calc((#{switch-height()} - #{switch-thumb-height()}) / 2));
     background-color: var(--switch-thumb-bg-color, white);
-    border-radius: var(--switch-border-radius, 9999px);
+    border-radius: var(--switch-thumb-border-radius, var(--switch-border-radius, 9999px));
     will-change: transform;
     transition:
       transform var(--switch-speed-transform, var(--speed-sm)) ease-in-out,

From 95f7d018ffc81792c3aaaf6645e0219b8c48dbec Mon Sep 17 00:00:00 2001
From: Rostyslav Nihrutsa <RostyslavNihrutsa@users.noreply.github.com>
Date: Tue, 8 Sep 2026 12:38:35 +0300
Subject: [PATCH 2/2] style: adjust styles in Modal, Tag, TextArea and Toast
 components for consistency and naming accuracy

---
 src/components/Modal/modal.module.scss        |  4 ++--
 src/components/Tag/tag.module.scss            | 10 +++++-----
 src/components/TextArea/text-area.module.scss |  4 ++--
 src/components/Toast/toast.module.scss        |  6 +++---
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss
index 8d8e1de..f72a87b 100644
--- a/src/components/Modal/modal.module.scss
+++ b/src/components/Modal/modal.module.scss
@@ -66,11 +66,11 @@ $root: modal;
     }
 
     &--medium-radius {
-      border-radius: var(--modal-border-radius-sm, 15px);
+      border-radius: var(--modal-border-radius-md, 15px);
     }
 
     &--large-radius {
-      border-radius: var(--modal-border-radius-sm, 20px);
+      border-radius: var(--modal-border-radius-lg, 20px);
     }
   }
 
diff --git a/src/components/Tag/tag.module.scss b/src/components/Tag/tag.module.scss
index 4635bd0..5a4aaa7 100644
--- a/src/components/Tag/tag.module.scss
+++ b/src/components/Tag/tag.module.scss
@@ -95,18 +95,18 @@ $root: tag;
 
   // Sizes
   &--small-size {
-    padding: var(--tag-padding, 3px 6px);
+    padding: var(--tag-padding-sm, 3px 6px);
     font-size: var(--tag-font-size-sm, 12px);
   }
 
   &--medium-size {
-    padding: var(--tag-padding, 5px 10px);
-    font-size: var(--tag-font-size-sm, 14px);
+    padding: var(--tag-padding-md, 5px 10px);
+    font-size: var(--tag-font-size-md, 14px);
   }
 
   &--large-size {
-    padding: var(--tag-padding, 6px 12px);
-    font-size: var(--tag-font-size-sm, 16px);
+    padding: var(--tag-padding-lg, 6px 12px);
+    font-size: var(--tag-font-size-lg, 16px);
   }
 
   //Radius
diff --git a/src/components/TextArea/text-area.module.scss b/src/components/TextArea/text-area.module.scss
index d45a06c..aefb855 100644
--- a/src/components/TextArea/text-area.module.scss
+++ b/src/components/TextArea/text-area.module.scss
@@ -83,11 +83,11 @@ $root: text-area;
 
   &--medium-size {
     padding: var(--text-area-padding-md, 10px 14px);
-    font-size: var(--text-area-font-size-sm, 16px);
+    font-size: var(--text-area-font-size-md, 16px);
   }
 
   &--large-size {
     padding: var(--text-area-padding-lg, 12px 16px);
-    font-size: var(--text-area-font-size-sm, 18px);
+    font-size: var(--text-area-font-size-lg, 18px);
   }
 }
diff --git a/src/components/Toast/toast.module.scss b/src/components/Toast/toast.module.scss
index aa4ce69..2da2d88 100644
--- a/src/components/Toast/toast.module.scss
+++ b/src/components/Toast/toast.module.scss
@@ -101,15 +101,15 @@ $root: toast;
   }
 
   &--small-radius {
-    border-radius: var(--toast-border-radius, 6px);
+    border-radius: var(--toast-border-radius-sm, 6px);
   }
 
   &--medium-radius {
-    border-radius: var(--toast-border-radius, 15px);
+    border-radius: var(--toast-border-radius-md, 15px);
   }
 
   &--large-radius {
-    border-radius: var(--toast-border-radius, 20px);
+    border-radius: var(--toast-border-radius-lg, 20px);
   }
 
   &--error-color {