@axium/storage 0.6.9 → 0.6.11

package/lib/Add.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { forMime } from '@axium/core/icons';
-	import { FormDialog, Icon, Popover, Upload } from '@axium/server/components';
+	import { FormDialog, Icon, Popover, Upload } from '@axium/client/components';
 	import { uploadItem } from '@axium/storage/client';
 	import type { StorageItemMetadata } from '@axium/storage/common';
 
@@ -72,10 +72,3 @@
 		</div>
 	{/if}
 </FormDialog>
-
-<style>
-	.menu-item:hover {
-		cursor: pointer;
-		background-color: #4455;
-	}
-</style>

package/lib/List.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { formatBytes } from '@axium/core/format';
 	import { forMime as iconForMime } from '@axium/core/icons';
-	import { FormDialog, Icon } from '@axium/server/components';
+	import { FormDialog, Icon } from '@axium/client/components';
 	import { getDirectoryMetadata, updateItemMetadata } from '@axium/storage/client';
 	import type { StorageItemMetadata } from '@axium/storage/common';
 	import '../styles/list.css';

package/lib/Sidebar.svelte

@@ -23,7 +23,7 @@
 			<i>No files yet</i>
 		{/each}
 	{:catch error}
-		<i style:color="#c44">{error.message}</i>
+		<i class="error-text">{error.message}</i>
 	{/await}
 </div>
 

package/lib/SidebarItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import * as icon from '@axium/core/icons';
-	import { ClipboardCopy, FormDialog, Icon } from '@axium/server/components';
+	import { ClipboardCopy, FormDialog, Icon } from '@axium/client/components';
 	import { deleteItem, updateItemMetadata } from '@axium/storage/client';
 	import type { StorageItemMetadata } from '@axium/storage/common';
 	import { debug, getDirectory, selection, toggle, toggleRange } from '@axium/storage/sidebar';
@@ -87,7 +87,7 @@
 					<SidebarItem bind:item={children[i]} bind:items={children} />
 				{/each}
 			{:catch error}
-				<i style:color="#c44">{error.message}</i>
+				<i class="error-text">{error.message}</i>
 			{/await}
 		</div>
 	</details>
@@ -166,14 +166,13 @@
 	}
 
 	.StorageSidebarItem:hover {
-		background: #334;
+		background: var(--bg-strong);
 		cursor: pointer;
 	}
 
 	.selected {
 		border: 1px solid #555;
-		background: #334;
-		color: #fff;
+		background: var(--bg-strong);
 	}
 
 	details > div {
@@ -182,7 +181,7 @@
 
 	div.action:hover {
 		cursor: pointer;
-		background-color: #223;
+		background-color: var(--bg-accent);
 		border-radius: 0.25em;
 	}
 </style>

package/lib/Usage.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { formatBytes } from '@axium/core/format';
-	import { NumberBar } from '@axium/server/components';
+	import { NumberBar } from '@axium/client/components';
 	import { getUserStorageInfo } from '@axium/storage/client';
 	import type { UserStorageInfo } from '@axium/storage/common';
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@axium/storage",
-	"version": "0.6.9",
+	"version": "0.6.11",
 	"author": "James Prevett <axium@jamespre.dev> (https://jamespre.dev)",
 	"description": "User file storage for Axium",
 	"funding": {
@@ -38,7 +38,7 @@
 		"build": "tsc"
 	},
 	"peerDependencies": {
-		"@axium/client": ">=0.1.0",
+		"@axium/client": ">=0.2.0",
 		"@axium/core": ">=0.5.4",
 		"@axium/server": ">=0.22.5",
 		"@sveltejs/kit": "^2.27.3",

package/routes/files/+layout.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Icon } from '@axium/server/components';
+	import { Icon } from '@axium/client/components';
 	import { StorageUsage } from '@axium/storage/components';
 	import { capitalize } from 'utilium';
 
@@ -44,12 +44,12 @@
 	}
 
 	.item:hover {
-		background-color: #333;
+		background-color: var(--bg-accent);
 		cursor: pointer;
 	}
 
 	.item.active {
-		background-color: #334;
+		background-color: var(--bg-accent);
 	}
 
 	.usage {

package/routes/files/[id]/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Icon } from '@axium/server/components';
+	import { Icon } from '@axium/client/components';
 	import { StorageAdd, StorageList } from '@axium/storage/components';
 	import type { PageProps } from './$types';
 	import { updateItemMetadata } from '@axium/storage/client';

package/routes/files/shared/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { formatBytes } from '@axium/core/format';
 	import { forMime as iconForMime } from '@axium/core/icons';
-	import { Icon } from '@axium/server/components';
+	import { Icon } from '@axium/client/components';
 	import '@axium/storage/styles/list';
 	import type { PageProps } from './$types';
 

package/routes/files/trash/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { formatBytes } from '@axium/core/format';
 	import { forMime as iconForMime } from '@axium/core/icons';
-	import { FormDialog, Icon } from '@axium/server/components';
+	import { FormDialog, Icon } from '@axium/client/components';
 	import { deleteItem, updateItemMetadata } from '@axium/storage/client';
 	import '@axium/storage/styles/list';
 	import type { PageProps } from './$types';

package/routes/files/usage/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { formatBytes } from '@axium/core/format';
 	import { forMime } from '@axium/core/icons';
-	import { FormDialog, Icon, NumberBar } from '@axium/server/components';
+	import { FormDialog, Icon, NumberBar } from '@axium/client/components';
 	import { deleteItem, updateItemMetadata } from '@axium/storage/client';
 	import type { StorageItemUpdate } from '@axium/storage/common';
 	import { StorageList } from '@axium/storage/components';

package/styles/list.css

@@ -6,7 +6,7 @@
 
 .list-header {
 	font-weight: bold;
-	border-bottom: 1.5px solid #bbc;
+	border-bottom: 1.5px solid var(--fg-accent);
 }
 
 .list-item-container {
@@ -25,7 +25,7 @@
 }
 
 .list-item:not(.list-header, :first-child) {
-	border-top: 1px solid #bbc;
+	border-top: 1px solid var(--fg-accent);
 }
 
 .list-item:not(.list-header):hover {