chore: lift components folder

src/UnorderedList/UnorderedList.Story.svelte

@@ -0,0 +1,34 @@
+<script>
+  export let story = undefined;
+
+  import { ListItem } from "../ListItem";
+  import UnorderedList from "./UnorderedList.svelte";
+</script>
+
+<div>
+  {#if story === 'nested'}
+    <UnorderedList>
+      <ListItem>
+        Unordered List level 1
+        <UnorderedList nested>
+          <ListItem>Unordered List level 2</ListItem>
+          <ListItem>
+            Unordered List level 2
+            <UnorderedList nested>
+              <ListItem>Unordered List level 2</ListItem>
+              <ListItem>Unordered List level 2</ListItem>
+            </UnorderedList>
+          </ListItem>
+        </UnorderedList>
+      </ListItem>
+      <ListItem>Unordered List level 1</ListItem>
+      <ListItem>Unordered List level 1</ListItem>
+    </UnorderedList>
+  {:else}
+    <UnorderedList>
+      <ListItem>Unordered List level 1</ListItem>
+      <ListItem>Unordered List level 1</ListItem>
+      <ListItem>Unordered List level 1</ListItem>
+    </UnorderedList>
+  {/if}
+</div>

src/UnorderedList/UnorderedList.stories.js

@@ -0,0 +1,8 @@
+import { withKnobs } from "@storybook/addon-knobs";
+import Component from "./UnorderedList.Story.svelte";
+
+export default { title: "UnorderedList", decorators: [withKnobs] };
+
+export const Default = () => ({ Component });
+
+export const Nested = () => ({ Component, props: { story: "nested" } });

src/UnorderedList/UnorderedList.svelte

@@ -0,0 +1,14 @@
+<script>
+  export let nested = false;
+</script>
+
+<ul
+  class:bx--list-unordered={true}
+  class:bx--list--nested={nested}
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave>
+  <slot />
+</ul>

src/UnorderedList/index.js

@@ -0,0 +1 @@
+export { default as UnorderedList } from "./UnorderedList.svelte";