chore: lift components folder

src/FormLabel/FormLabel.Story.svelte

@@ -0,0 +1,14 @@
+<script>
+  export let story = undefined;
+
+  import { Tooltip } from "../Tooltip";
+  import FormLabel from "./FormLabel.svelte";
+</script>
+
+{#if story === 'tooltip'}
+  <FormLabel>
+    <Tooltip triggerText="Label">This is the content of the tooltip.</Tooltip>
+  </FormLabel>
+{:else}
+  <FormLabel>Label</FormLabel>
+{/if}

src/FormLabel/FormLabel.stories.js

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

src/FormLabel/FormLabel.svelte

@@ -0,0 +1,14 @@
+<script>
+  export let id = "ccs-" + Math.random().toString(36);
+</script>
+
+<label
+  class:bx--label={true}
+  for={id}
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave>
+  <slot />
+</label>

src/FormLabel/index.js

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