chore: lift components folder

src/OrderedList/OrderedList.Story.svelte

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

src/OrderedList/OrderedList.stories.js

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

src/OrderedList/OrderedList.svelte

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

src/OrderedList/index.js

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