From 662e824aa537331efc15c416e76aa4e8d4e32d94 Mon Sep 17 00:00:00 2001
From: Evgeniy <evgeniy.kulinich@mev.com>
Date: Fri, 15 Dec 2023 08:47:10 +0200
Subject: [PATCH 1/2] Fix toggle size defaults

---
 src/form/Toggle/Toggle.module.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/form/Toggle/Toggle.module.css b/src/form/Toggle/Toggle.module.css
index 177decb2..03c7dfb1 100644
--- a/src/form/Toggle/Toggle.module.css
+++ b/src/form/Toggle/Toggle.module.css
@@ -27,35 +27,35 @@
   }
 
   &.small {
-    height: calc(var(--toggle-width, 35px) / 2);
+    height: calc(var(--toggle-height, 35px) / 2);
     width: calc(var(--toggle-width, 55px) / 2);
     padding: calc(var(--toggle-spacing) / 2);
 
     .handle {
-      height: calc(var(--toggle-width, 25px) / 2);
-      width: calc(var(--toggle-width, 25px) / 2);
+      height: calc(var(--toggle-handle-size) / 2);
+      width: calc(var(--toggle-handle-size) / 2);
     }
   }
 
   &.medium {
-    height: calc(var(--toggle-width, 35px) / 1.5);
+    height: calc(var(--toggle-height, 35px) / 1.5);
     width: calc(var(--toggle-width, 55px) / 1.5);
     padding: calc(var(--toggle-spacing) / 1.5);
 
     .handle {
-      height: calc(var(--toggle-width, 25px) / 1.5);
-      width: calc(var(--toggle-width, 25px) / 1.5);
+      height: calc(var(--toggle-handle-size) / 1.5);
+      width: calc(var(--toggle-handle-size) / 1.5);
     }
   }
 
   &.large {
-    height: var(--toggle-width, 35px);
+    height: var(--toggle-height, 35px);
     width: var(--toggle-width, 55px);
     padding: var(--toggle-spacing);
 
     .handle {
-      height: var(--toggle-width, 25px);
-      width: var(--toggle-width, 25px);
+      height: var(--toggle-handle-size);
+      width: var(--toggle-handle-size);
     }
   }
 

From c680d694cb25d3897e84d5ad9d7512657bf9b3ba Mon Sep 17 00:00:00 2001
From: Evgeniy <evgeniy.kulinich@mev.com>
Date: Fri, 15 Dec 2023 15:37:33 +0200
Subject: [PATCH 2/2] Add defaults for --toggle-handle-size

---
 src/form/Toggle/Toggle.module.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/form/Toggle/Toggle.module.css b/src/form/Toggle/Toggle.module.css
index 03c7dfb1..338bacfc 100644
--- a/src/form/Toggle/Toggle.module.css
+++ b/src/form/Toggle/Toggle.module.css
@@ -32,8 +32,8 @@
     padding: calc(var(--toggle-spacing) / 2);
 
     .handle {
-      height: calc(var(--toggle-handle-size) / 2);
-      width: calc(var(--toggle-handle-size) / 2);
+      height: calc(var(--toggle-handle-size, 25px) / 2);
+      width: calc(var(--toggle-handle-size, 25px) / 2);
     }
   }
 
@@ -43,8 +43,8 @@
     padding: calc(var(--toggle-spacing) / 1.5);
 
     .handle {
-      height: calc(var(--toggle-handle-size) / 1.5);
-      width: calc(var(--toggle-handle-size) / 1.5);
+      height: calc(var(--toggle-handle-size, 25px) / 1.5);
+      width: calc(var(--toggle-handle-size, 25px) / 1.5);
     }
   }
 
@@ -54,8 +54,8 @@
     padding: var(--toggle-spacing);
 
     .handle {
-      height: var(--toggle-handle-size);
-      width: var(--toggle-handle-size);
+      height: var(--toggle-handle-size, 25px);
+      width: var(--toggle-handle-size, 25px);
     }
   }