feat(FluidForm): add FluidForm

src/FluidForm/FluidForm.Story.svelte

@@ -0,0 +1,38 @@
+<script>
+  import { PasswordInput, TextInput } from "../TextInput";
+  import FluidForm from "./FluidForm.svelte";
+
+  $: value = null;
+</script>
+
+<FluidForm
+  {...$$props}
+  on:submit="{(event) => {
+    console.log('on:submit', event);
+  }}"
+>
+  <TextInput
+    className="some-class"
+    id="test2"
+    labelText="Text Input label"
+    placeholder="Placeholder text"
+    bind:value
+    on:keydown="{(e) => {
+      console.log('on:keydown', e);
+    }}"
+    on:change="{() => {
+      console.log('change');
+    }}"
+  />
+  <PasswordInput
+    required
+    type="password"
+    id="test4"
+    labelText="Password"
+    invalid
+    invalidText="Your password must be at least 6 characters as well as contain at least one uppercase, one lowercase, and one number."
+    on:keydown="{(e) => {
+      console.log('on:keydown', e);
+    }}"
+  />
+</FluidForm>

src/FluidForm/FluidForm.stories.js

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

src/FluidForm/FluidForm.svelte

@@ -0,0 +1,12 @@
+<script>
+  import { setContext } from "svelte";
+  import { Form } from "../Form";
+
+  setContext("Form", {
+    isFluid: true,
+  });
+</script>
+
+<Form class="bx--form--fluid" {...$$restProps}>
+  <slot />
+</Form>

src/FluidForm/index.js

@@ -0,0 +1 @@
+export { default as FluidForm } from './FluidForm.svelte'