Add .file class + Generator user agent

docs/routes/classes/Card.md

@@ -23,7 +23,7 @@
 
 <div class="card">
 	<div class="card__overlay">
-		<Button color="raised"><IconPencil /> Edit</Button>
+		<Button raised><IconPencil /> Edit</Button>
 	</div>
 	<div class="card__banner card__banner--short card__banner--dark" />
 	<Avatar size="md" floatUp />

docs/routes/classes/File.md

@@ -0,0 +1,14 @@
+```svelte example raised
+<script lang="ts">
+	import IconFile from 'virtual:icons/lucide/file'
+	import { Button } from 'omorphia'
+</script>
+
+<div class="file file--primary">
+	<div class="file__tab">
+		<IconFile />
+		<div class="file__tab__name"><b>cool-mod.jar</b></div>
+		<Button raised>Download</Button>
+	</div>
+</div>
+```

docs/routes/components/Button.md

@@ -6,7 +6,7 @@
 	import IconDownload from 'virtual:icons/heroicons-outline/download'
 </script>
 
-<Button color="raised"><IconDownload /> Download</Button>
+<Button raised><IconDownload /> Download</Button>
 ```
 
 ### Color variants example
@@ -19,7 +19,6 @@
 
 <div class="button-group">
 	<Button>Default</Button>
-	<Button color="raised">Raised</Button>
 	<Button color="primary">Primary</Button>
 	<Button color="primary-light">Light primary</Button>
 	<Button color="secondary">Secondary</Button>
@@ -33,7 +32,7 @@
 
 ### With icons example
 
-```svelte example raised
+```svelte example
 <script lang="ts">
 	import { Button } from 'omorphia'
 	import IconDownload from 'virtual:icons/heroicons-outline/download'
@@ -41,7 +40,7 @@
 </script>
 
 <div class="button-group">
-	<Button color="primary"><IconDownload /></Button>
-	<Button><IconHeart /> Follow mod</Button>
+	<Button color="primary" raised><IconDownload /></Button>
+	<Button raised><IconHeart /> Follow mod</Button>
 </div>
 ```

docs/routes/components/CheckboxVirtualList.md

@@ -2,17 +2,16 @@
 <script lang="ts">
 	import { CheckboxVirtualList } from 'omorphia'
 	import IconStar from 'virtual:icons/heroicons-outline/star'
-	import { uniqueId } from 'omorphia/utils/uniqueId'
 
 	let options = Array(100)
 		.fill({})
-		.map((option) => ({
-			label: 'Star-' + uniqueId(),
+		.map((option, index) => ({
+			label: 'Star-' + index,
 			icon: IconStar,
-			value: uniqueId(),
+			value: index,
 		}))
 
-	let selected = ['2', '6']
+	let selected = [22, 24]
 </script>
 
 <CheckboxVirtualList bind:value={selected} {options} />