Next: Switch component QA feedback patch (skeletonlabs#2705)

Mahmoud-zino · Jun 3, 2024 · 6dd5eee · 6dd5eee
1 parent 0ba4e9c
commit 6dd5eee
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/skeleton-react/src/lib/components/Switch/Switch.tsx b/packages/skeleton-react/src/lib/components/Switch/Switch.tsx
@@ -44,7 +44,7 @@ export const Switch: React.FC<SwitchProps> = ({
 }) => {
   // Set Compact Mode
   if (compact) {
-    base = `${thumbBase} aspect-square`;
+    base = thumbBase;
     // Removes the height class
     height = "";
     // Thumb inherits track styles

diff --git a/packages/skeleton-svelte/src/lib/components/Switch/Switch.svelte b/packages/skeleton-svelte/src/lib/components/Switch/Switch.svelte
@@ -43,7 +43,7 @@
 
 	// Set Compact Mode
 	if (compact) {
-		base = `${thumbBase} aspect-square`;
+		base = thumbBase;
 		// Removes the height class
 		height = '';
 		// Thumb inherits track styles

diff --git a/sites/next.skeleton.dev/src/content/docs/components/switch/meta.mdx b/sites/next.skeleton.dev/src/content/docs/components/switch/meta.mdx
@@ -2,7 +2,7 @@
 title: Switch
 description: A control for toggling between checked states.
 srcSvelte: '/src/lib/components/Switch'
-srcReact: '/src/components/Switch'
+srcReact: '/src/lib/components/Switch'
 srcAlly: 'https://www.w3.org/WAI/ARIA/apg/patterns/switch/'
 showDocsUrl: true
 ---
diff --git a/sites/next.skeleton.dev/src/examples/components/switch/Example.svelte b/sites/next.skeleton.dev/src/examples/components/switch/Example.svelte
@@ -5,4 +5,4 @@
 	let state = $state(false);
 </script>
 
-<Switch id="example" name="example" bind:checked={state} onCheckedChange={() => console.log({ state })} />
+<Switch id="example" name="example" bind:checked={state} onCheckedChange={console.log} />