Merge pull request #263 from ieedan/avatar-fix-branch

fix: Non-Square Avatar Images don't fill entire Avatar

Author: ieedan

package-lock.json

@@ -1,6 +1,6 @@
 {
 	"name": "geist-ui-svelte",
-	"version": "0.7.10",
+	"version": "0.7.11",
 	"author": {
 		"name": "Aidan Bleser",
 		"url": "https://aidanbleser.com"
@@ -328,42 +328,42 @@
 		"svelte": "^4.0.0"
 	},
 	"devDependencies": {
-		"@cspell/eslint-plugin": "^8.10.4",
+		"@cspell/eslint-plugin": "^8.13.1",
 		"@sveltejs/adapter-auto": "^3.2.2",
 		"@sveltejs/package": "^2.3.2",
 		"@sveltejs/vite-plugin-svelte": "^3.1.1",
-		"@types/eslint": "^8.56.10",
-		"@typescript-eslint/eslint-plugin": "^7.16.0",
-		"@typescript-eslint/parser": "^7.16.0",
+		"@types/eslint": "^9.6.0",
+		"@typescript-eslint/eslint-plugin": "^8.0.1",
+		"@typescript-eslint/parser": "^8.0.1",
 		"eslint": "^8.57.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.41.0",
-		"prettier": "^3.3.2",
-		"prettier-plugin-svelte": "^3.2.5",
+		"eslint-plugin-svelte": "^2.43.0",
+		"prettier": "^3.3.3",
+		"prettier-plugin-svelte": "^3.2.6",
 		"publint": "^0.1.9",
 		"svelte": "^4.2.18",
-		"svelte-check": "^3.8.4",
+		"svelte-check": "^3.8.5",
 		"tslib": "^2.6.3",
-		"typescript": "^5.5.3",
-		"vite": "^5.3.3"
+		"typescript": "^5.5.4",
+		"vite": "^5.3.5"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
 		"@fontsource/geist-mono": "^5.0.3",
 		"@fontsource/geist-sans": "^5.0.3",
-		"@sveltejs/kit": "^2.5.18",
+		"@sveltejs/kit": "^2.5.20",
 		"@vercel/analytics": "^1.3.1",
 		"@vercel/speed-insights": "^1.0.12",
-		"autoprefixer": "^10.4.19",
+		"autoprefixer": "^10.4.20",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.1",
-		"mode-watcher": "^0.3.1",
-		"postcss": "^8.4.39",
+		"mode-watcher": "^0.4.1",
+		"postcss": "^8.4.40",
 		"shikiji": "^0.10.2",
 		"tailwind-merge": "^2.4.0",
-		"tailwindcss": "^3.4.4",
+		"tailwindcss": "^3.4.7",
 		"tippy.js": "^6.3.7"
 	}
 }

package.json

@@ -66,7 +66,7 @@
 			{...$$restProps}
 		>
 			{#if img != undefined}
-				<img class="h-full object-cover" src={img} alt="{name}'s avatar" />
+				<img class="h-full object-cover w-full" src={img} alt="{name}'s avatar" />
 			{:else}
 				<div class="text-xs flex place-items-center justify-center w-full h-full">
 					<span>

src/lib/avatar/Avatar.svelte

@@ -65,7 +65,7 @@
 		],
 	});
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let color: Props["color"] = "default";
 	export let size: Props["size"] = "md";

src/lib/badge/Badge.svelte

@@ -186,7 +186,7 @@
 		},
 	);
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let disabled = false;
 	export let color: Props["color"] = "default";

src/lib/button/Button.svelte

@@ -45,7 +45,7 @@
 		},
 	});
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let color: Props["color"] = "transparent";
 	export let rounded: Props["rounded"] = "lg";

src/lib/card/Card.svelte

@@ -47,7 +47,7 @@
 		},
 	);
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	const dispatch = createEventDispatcher();
 

src/lib/checkbox/Checkbox.svelte

@@ -16,7 +16,7 @@
 		},
 	});
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let color: Props["color"] = "default";
 </script>

src/lib/fieldset/FieldSet.svelte

@@ -50,7 +50,7 @@
 		],
 	});
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let color: Props["color"] = "default";
 	export let label: boolean = true;

src/lib/note/Note.svelte

@@ -51,7 +51,7 @@
 		},
 	});
 
-	interface Props extends VariantProps<typeof background> {}
+	type Props = VariantProps<typeof background>;
 
 	export let text: string | string[];
 	export let width: string = "300px";

src/lib/snippet/Snippet.svelte

@@ -132,7 +132,7 @@
 		},
 	});
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	export let type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small" | "span" = "p";
 

src/lib/text/Text.svelte

@@ -27,7 +27,7 @@
 		},
 	);
 
-	interface Props extends VariantProps<typeof style> {}
+	type Props = VariantProps<typeof style>;
 
 	const dispatch = createEventDispatcher();