From ef0234c38d3ae181d81eae2e004da0e7f244e932 Mon Sep 17 00:00:00 2001
From: Grant Steffen <gsteffen1203@gmail.com>
Date: Fri, 26 Apr 2024 12:36:01 -0500
Subject: [PATCH] Update toggle theme

---
 src/form/Toggle/ToggleTheme.ts | 28 ++++++++++------------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/form/Toggle/ToggleTheme.ts b/src/form/Toggle/ToggleTheme.ts
index c4839111..6f477eca 100644
--- a/src/form/Toggle/ToggleTheme.ts
+++ b/src/form/Toggle/ToggleTheme.ts
@@ -18,33 +18,25 @@ export interface ToggleTheme {
 }
 
 const baseTheme: ToggleTheme = {
-  base: 'flex items-center justify-start cursor-pointer box-border border-0 rounded-xl',
+  base: 'flex items-center justify-start cursor-pointer bg-surface box-border border border-panel-accent rounded-full',
   disabled: 'cursor-not-allowed opacity-60',
-  checked: 'justify-end',
+  checked: 'justify-end bg-primary',
   handle: {
-    base: 'rounded-full',
+    base: 'rounded-full bg-panel',
     sizes: {
-      small: 'w-3 h-3',
-      medium: 'w-4 h-4',
-      large: 'w-6 h-6 rounded-lg'
+      small: 'w-3 h-full',
+      medium: 'w-5 h-full',
+      large: 'w-6 h-full'
     }
   },
   sizes: {
-    small: 'w-8 h-4 p-0.5',
-    medium: 'w-12 h-6 p-1',
-    large: 'w-16 h-9 p-1.5'
+    small: 'w-8 h-4 p-px',
+    medium: 'w-12 h-6 p-px',
+    large: 'w-16 h-7 p-px'
   }
 };
 
-export const toggleTheme: ToggleTheme = {
-  ...baseTheme,
-  base: [baseTheme.base, 'bg-surface'].join(' '),
-  checked: [baseTheme.checked, 'bg-primary'].join(' '),
-  handle: {
-    ...baseTheme.handle,
-    base: [baseTheme.handle.base, 'bg-white'].join(' ')
-  }
-};
+export const toggleTheme = baseTheme;
 
 export const legacyToggleTheme: ToggleTheme = {
   ...baseTheme,