@fuzdev/fuz_ui 0.206.5 → 0.206.7

package/dist/HueInput.svelte

@@ -47,7 +47,7 @@
 	<label class="unstyled">
 		{#if children}<div class="title">{@render children()}</div>{/if}
 		<div class="preview">
-			hue
+			hue:
 			<input type="number" step="0" class="hue" {value} oninput={on_input_event} />
 		</div>
 	</label>
@@ -73,14 +73,16 @@
 	}
 	.preview {
 		background-color: hsl(var(--hue) 50% 50%);
-		height: var(--space_xl5);
+		/* mirror the `min-height: var(--input_height)` that fuz_css gives the sibling inputs,
+		so the preview tracks their height even when `--input_height` is customized */
+		min-height: var(--input_height);
 		margin: 0;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		font-weight: 700;
 		color: var(--shade_00);
-		padding-left: var(--space_xl);
+		padding-left: var(--space_xl2);
 		border-top-left-radius: var(--border_radius, var(--border_radius_md));
 		border-top-right-radius: var(--border_radius, var(--border_radius_md));
 	}
@@ -114,13 +116,11 @@
 		width: 10rem;
 		min-width: 10rem;
 		margin-left: var(--space_lg);
-		font-size: var(--font_size_lg);
+		font-size: var(--font_size_md);
 		text-align: center;
 		background-color: transparent;
 		border: none;
 		border-radius: var(--border_radius, var(--border_radius_md));
-		/* TODO why is this necessary? */
-		height: var(--input_height);
 		color: var(--shade_00);
 	}
 </style>

package/dist/ProjectLinks.svelte

@@ -32,17 +32,17 @@
 	// prettier-ignore
 	const project_items: Array<ProjectItem> = [
 		{name: 'fuz_app', url: 'https://app.fuz.dev/', logo: logo_fuz_app, description: '[pre-alpha] fullstack app library', glyph: '🗝', color_class: 'color_j_50'},
-		{name: 'fuz_css', url: 'https://css.fuz.dev/', logo: logo_fuz_css, description: 'CSS framework and design system', glyph: '🌿', color_class: 'color_b_50'},
+		{name: 'fuz_css', url: 'https://css.fuz.dev/', logo: logo_fuz_css, description: 'CSS framework and design system for semantic HTML', glyph: '🌿', color_class: 'color_b_50'},
 		{name: 'fuz_ui', url: 'https://ui.fuz.dev/', logo: logo_fuz_ui, description: 'Svelte UI library', glyph: '🧶', color_class: 'color_c_50'},
-		{name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'a static web app and Node library template with TypeScript, Svelte, SvelteKit, Vite, esbuild, Fuz, and Gro', glyph: '❄', color_class: 'color_h_50'},
+		{name: 'fuz_template', url: 'https://template.fuz.dev/', logo: logo_fuz_template, description: 'a static web app and Node library template with TypeScript, Svelte, SvelteKit, Vite, esbuild, Gro, and Fuz', glyph: '❄', color_class: 'color_h_50'},
 		{name: 'fuz_blog', url: 'https://blog.fuz.dev/', logo: logo_fuz_blog, description: 'blog software from scratch with SvelteKit', glyph: '🖊️', color_class: 'color_e_50'},
-		{name: 'fuz_code', url: 'https://code.fuz.dev/', logo: logo_fuz_code, description: 'syntax styling utilities and components for TypeScript, Svelte, SvelteKit', glyph: '🎨', color_class: 'color_g_50'},
+		{name: 'fuz_code', url: 'https://code.fuz.dev/', logo: logo_fuz_code, description: 'syntax styling utilities and components for TypeScript, Svelte, Markdown, and more', glyph: '🎨', color_class: 'color_g_50'},
 		{name: 'fuz_mastodon', url: 'https://mastodon.fuz.dev/', logo: logo_fuz_mastodon, description: 'Mastodon components and helpers for Svelte, SvelteKit, and Fuz', glyph: '🦣', color_class: 'color_d_50'},
 		{name: 'fuz_gitops', url: 'https://gitops.fuz.dev/', logo: logo_fuz_gitops, description: 'a tool for managing many repos', glyph: '🪄', color_class: 'color_a_50'},
 		{name: 'svelte-docinfo', url: 'https://svelte-docinfo.fuz.dev/', logo: logo_svelte_docinfo, description: 'static analysis for TypeScript and Svelte', glyph: '📜', color_class: 'color_i_50'},
 		{name: 'fuz_util', url: 'https://util.fuz.dev/', logo: logo_fuz_util, description: 'utility belt for JS', glyph: '🦕', color_class: 'color_f_50'},
 		{name: 'gro', url: 'https://github.com/fuzdev/gro', logo: logo_gro, description: 'task runner and toolkit extending SvelteKit', glyph: '🌰', color_class: 'color_f_50'},
-		{name: 'tsv', url: 'https://tsv.fuz.dev/', logo: logo_tsv, description: 'a parser and formatter for TypeScript and Svelte', glyph: '🪶', color_class: 'color_h_50'},
+		{name: 'tsv', url: 'https://tsv.fuz.dev/', logo: logo_tsv, description: 'precise language tools for TypeScript/JS, CSS, and Svelte in Rust', glyph: '🪶', color_class: 'color_h_50'},
 	];
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.206.5",
+  "version": "0.206.7",
   "description": "Svelte UI library",
   "tagline": "friendly user zystem",
   "glyph": "🧶",
@@ -63,11 +63,11 @@
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
     "@fuzdev/blake3_wasm": "^0.1.1",
-    "@fuzdev/fuz_code": "^0.46.3",
+    "@fuzdev/fuz_code": "^0.47.0",
     "@fuzdev/fuz_css": "^0.63.2",
     "@fuzdev/fuz_util": "^0.65.2",
     "@fuzdev/gro": "^0.206.0",
-    "@fuzdev/mdz": "^0.2.0",
+    "@fuzdev/mdz": "^0.3.0",
     "@ryanatkn/eslint-config": "^0.12.2",
     "@sveltejs/adapter-static": "^3.0.10",
     "@sveltejs/kit": "^2.69.1",
@@ -82,7 +82,7 @@
     "prettier": "^3.7.4",
     "prettier-plugin-svelte": "^3.5.1",
     "svelte": "^5.56.4",
-    "svelte-check": "^4.7.1",
+    "svelte-check": "^4.7.2",
     "svelte-docinfo": "^0.5.4",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",