Merge pull request #24 from kampsy/dev

Dev

Author: kampsy

package.json

@@ -69,8 +69,8 @@
 		"prettier-plugin-svelte": "^3.2.8",
 		"publint": "^0.1.16",
 		"semantic-release": "^24.2.0",
-		"svelte": "^5.2.1",
-		"svelte-check": "^4.0.8",
+		"svelte": "^5.2.2",
+		"svelte-check": "^4.0.9",
 		"tailwindcss": "^3.4.15",
 		"tslib": "^2.8.1",
 		"typescript": "^5.6.3",

pnpm-lock.yaml

@@ -6,15 +6,15 @@
 
 	let { size = 32, placeholder = false }: propsT = $props();
 
-	let widthHeight = $derived.by(() => {
+	let widthAndHeight = $derived.by(() => {
 		return ` width: ${size}px; height: ${size}px;`;
 	});
 </script>
 
 {#snippet isPlaceholder()}
 	<div
 		aria-label="Avatar placeholder"
-		style={widthHeight}
+		style={widthAndHeight}
 		class="flex items-center justify-center rounded-full overflow-hidden text-[10px] font-semibold border dark:text-kui-dark-gray-1000 border-kui-light-gray-200 dark:border-kui-dark-gray-400"
 	></div>
 {/snippet}

src/lib/avatar/avatar.svelte

@@ -57,7 +57,7 @@
 	};
 </script>
 
-<button {onclick} class="w-full flex items-center justify-between text-left {paddingClass} ">
+<button {onclick} class="w-full flex items-center justify-between text-left bg-transparent {paddingClass} ">
 	{#if children}
 		<span class="{textClass} text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 font-semibold"
 			>{@render children()}</span