feat: initial commit

src/components/OrderedList/OrderedList.Story.svelte

@@ -0,0 +1,37 @@
+<script>
+  export let story = undefined;
+
+  import Layout from '../../internal/ui/Layout.svelte';
+  import ListItem from '../ListItem';
+  import OrderedList from './OrderedList.svelte';
+</script>
+
+<Layout>
+  <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>
+</Layout>

src/components/OrderedList/OrderedList.stories.js

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

src/components/OrderedList/OrderedList.svelte

@@ -0,0 +1,14 @@
+<script>
+  let className = undefined;
+  export { className as class };
+  export let nested = false;
+  export let props = {};
+
+  import { cx } from '../../lib';
+
+  const _class = cx('--list--ordered', nested && '--list--nested', className);
+</script>
+
+<ol {...props} class={_class}>
+  <slot />
+</ol>

src/components/OrderedList/index.js

@@ -0,0 +1,3 @@
+import OrderedList from './OrderedList.svelte';
+
+export default OrderedList;