add Fuz_Template_Logo

ryanatkn · Apr 14, 2024 · 6e6d7a6 · 6e6d7a6
1 parent cd617da
commit 6e6d7a6
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 0 deletions.
diff --git a/.changeset/silly-goats-lie.md b/.changeset/silly-goats-lie.md
@@ -0,0 +1,5 @@
+---
+"@ryanatkn/fuz": patch
+---
+
+add `Fuz_Template_Logo`
diff --git a/package.json b/package.json
@@ -184,6 +184,11 @@
       "default": "./dist/Fuz_Logo.svelte",
       "types": "./dist/Fuz_Logo.svelte.d.ts"
     },
+    "./Fuz_Template_Logo.svelte": {
+      "svelte": "./dist/Fuz_Template_Logo.svelte",
+      "default": "./dist/Fuz_Template_Logo.svelte",
+      "types": "./dist/Fuz_Template_Logo.svelte.d.ts"
+    },
     "./Github_Logo.svelte": {
       "svelte": "./dist/Github_Logo.svelte",
       "default": "./dist/Github_Logo.svelte",

diff --git a/src/lib/Fuz_Template_Logo.svelte b/src/lib/Fuz_Template_Logo.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import Spider from '$lib/Spider.svelte';
+
+	// TODO think about this API
+	interface Props {
+		size?: string;
+		alt?: string;
+	}
+
+	const {size, alt = 'the fuz_template logo, a little purple spider'}: Props = $props();
+
+	// color:
+	// #6a40bf
+	// hsl(260, 50%, 50%)
+	// rgb(106, 64, 191)
+</script>
+
+<!-- TODO could potentially support the `image` option like `Fuz_Logo` -->
+<span
+	aria-label={alt}
+	style:--color="var(--color_d_5)"
+	class="inline_block"
+	style:width={size}
+	style:height={size}><Spider /></span
+>
diff --git a/src/routes/package.ts b/src/routes/package.ts
@@ -149,6 +149,11 @@ export const package_json = {
 			default: './dist/Fuz_Logo.svelte',
 			types: './dist/Fuz_Logo.svelte.d.ts',
 		},
+		'./Fuz_Template_Logo.svelte': {
+			svelte: './dist/Fuz_Template_Logo.svelte',
+			default: './dist/Fuz_Template_Logo.svelte',
+			types: './dist/Fuz_Template_Logo.svelte.d.ts',
+		},
 		'./Github_Logo.svelte': {
 			svelte: './dist/Github_Logo.svelte',
 			default: './dist/Github_Logo.svelte',
@@ -383,6 +388,7 @@ export const src_json = {
 			declarations: [{name: 'Dimensions', kind: 'class'}],
 		},
 		'./Fuz_Logo.svelte': {path: 'Fuz_Logo.svelte', declarations: []},
+		'./Fuz_Template_Logo.svelte': {path: 'Fuz_Template_Logo.svelte', declarations: []},
 		'./Github_Logo.svelte': {path: 'Github_Logo.svelte', declarations: []},
 		'./Hashlink.svelte': {path: 'Hashlink.svelte', declarations: []},
 		'./Hue_Input.svelte': {path: 'Hue_Input.svelte', declarations: []},