chore: lift components folder

src/CopyButton/CopyButton.Story.svelte

@@ -0,0 +1,12 @@
+<script>
+  import CopyButton from "./CopyButton.svelte";
+</script>
+
+<CopyButton
+  {...$$props}
+  on:click={() => {
+    console.log('click');
+  }}
+  on:animationend={e => {
+    console.log('animation end', e.animationName);
+  }} />

src/CopyButton/CopyButton.stories.js

@@ -0,0 +1,19 @@
+import { withKnobs, text, number } from "@storybook/addon-knobs";
+import Component from "./CopyButton.Story.svelte";
+
+export default { title: "CopyButton", decorators: [withKnobs] };
+
+export const Default = () => ({
+  Component,
+  props: {
+    feedback: text("The text shown upon clicking (feedback)", "Copied!"),
+    feedbackTimeout: number(
+      "How long the text is shown upon clicking (feedbackTimeout)",
+      2000
+    ),
+    iconDescription: text(
+      "Feedback icon description (iconDescription)",
+      "Copy to clipboard"
+    ),
+  },
+});

src/CopyButton/CopyButton.svelte

@@ -0,0 +1,16 @@
+<script>
+  export let iconDescription = "Copy to clipboard";
+
+  import { Copy } from "../Copy";
+  import Copy16 from "carbon-icons-svelte/lib/Copy16";
+</script>
+
+<Copy
+  class="bx--copy-btn"
+  aria-label={iconDescription}
+  title={iconDescription}
+  {...$$restProps}
+  on:click
+  on:animationend>
+  <Copy16 class="bx--snippet__icon" />
+</Copy>

src/CopyButton/index.js

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