Add secondary & tertiary buttons + Add utils index

src/routes/components/Button.md

@@ -18,14 +18,16 @@
 </script>
 
 <div class="button-group">
-    <Button>Default button</Button>
-    <Button color="raised">Raised button</Button>
-    <Button color="primary">Primary button</Button>
-    <Button color="primary-light">Light primary button</Button>
-    <Button color="danger">Danger button</Button>
-    <Button color="danger-light">Light danger button</Button>
-    <Button color="transparent">Transparent button</Button>
-    <Button disabled>Disabled button</Button>
+    <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>
+    <Button color="tertiary">Tertiary</Button>
+    <Button color="danger">Danger</Button>
+    <Button color="danger-light">Light danger</Button>
+    <Button color="transparent">Transparent</Button>
+    <Button disabled>Disabled</Button>
 </div>
 ```
 
@@ -42,4 +44,4 @@
     <Button color="primary"><IconDownload /></Button>
     <Button><IconHeart /> Follow mod </Button>
 </div>
-```
+```

src/routes/components/TextInput.md

@@ -1,8 +1,9 @@
 ```svelte example raised
 <script lang="ts">
     import { TextInput } from "omorphia";
+    import IconSearch from 'virtual:icons/heroicons-outline/search'
 </script>
 
-<TextInput>Favorite color</TextInput>
 <TextInput placeholder="Enter another color..." />
+<TextInput icon={IconSearch} placeholder="Search..." />
 ```