use selected instead of active for link classes

Author: ryanatkn

.changeset/cyan-bees-sit.md

@@ -0,0 +1,5 @@
+---
+"@ryanatkn/orc": patch
+---
+
+use `selected` instead of `active` for link classes

src/lib/Deployments_Table.svelte

@@ -75,7 +75,7 @@
 			<td>
 				<div class="row">
 					{#if homepage_url}
-						<a class:active={homepage_url === $page.url.href} href={homepage_url} class="row">
+						<a class:selected={homepage_url === $page.url.href} href={homepage_url} class="row">
 							<img
 								src="{ensure_end(homepage_url, '/')}favicon.png"
 								alt="favicon to homepage at {homepage_url}"

src/lib/Deployments_Tree_Nav.svelte

@@ -14,11 +14,11 @@
 <nav>
 	<menu class="names panel padded_md">
 		{#each deployments as deployment}
-			{@const active = deployment === selected_deployment}
+			{@const selected = deployment === selected_deployment}
 			<li style:display="contents">
 				{#if deployment.package_json}<a
 						class="menu_item"
-						class:active
+						class:selected
 						href="{base}/tree/{deployment.repo_name}"
 						><div class="ellipsis">
 							{deployment.repo_name}{#if deployment.package_json.icon}{' '}{deployment.package_json
@@ -48,7 +48,7 @@
 	.names a:hover {
 		background-color: var(--bg_5);
 	}
-	.names a:is(:active, .active) {
+	.names a:is(:active, .selected) {
 		background-color: var(--bg_7);
 	}
 </style>

src/lib/Modules_Menu.svelte

@@ -7,7 +7,7 @@
 
 	// TODO add highlighting of the items that are onscreen
 
-	// LibraryMenu floats alongside the docs, showing scrolled item as active
+	// LibraryMenu floats alongside the docs, showing scrolled item as selected
 	export let deployments_modules: Array<{
 		deployment: Fetched_Deployment;
 		modules: Src_Module[];