From b63e62e6f1e95f1a9553d77540446ca290ccbf34 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 15 Dec 2019 15:30:56 -0800
Subject: [PATCH 1/2] refactor(text-area): update bound value on input

---
 src/components/TextArea/TextArea.svelte | 48 +++++++++++--------------
 1 file changed, 20 insertions(+), 28 deletions(-)

diff --git a/src/components/TextArea/TextArea.svelte b/src/components/TextArea/TextArea.svelte
index 2bbb1ab8..99a66b10 100644
--- a/src/components/TextArea/TextArea.svelte
+++ b/src/components/TextArea/TextArea.svelte
@@ -4,13 +4,13 @@
   export let cols = 50;
   export let disabled = false;
   export let id = Math.random();
-  export let labelText = undefined;
+  export let labelText = '';
   export let placeholder = '';
   export let rows = 4;
-  export let value = undefined;
+  export let value = '';
   export let invalid = false;
-  export let invalidText = undefined;
-  export let helperText = undefined;
+  export let invalidText = '';
+  export let helperText = '';
   export let hideLabel = false;
   export let light = false;
   export let props = {};
@@ -33,24 +33,6 @@
     invalid && '--text-area--invalid',
     className
   );
-
-  function handleClick(event) {
-    if (!disabled) {
-      dispatch('click', event);
-    }
-  }
-
-  function handleChange(event) {
-    if (!disabled) {
-      dispatch('change', event);
-    }
-  }
-
-  function handleInput(event) {
-    if (!disabled) {
-      dispatch('input', event);
-    }
-  }
 </script>
 
 <div class={cx('--form-item')}>
@@ -66,12 +48,22 @@
     {/if}
     <textarea
       {...props}
-      on:click
-      on:click={handleClick}
-      on:change
-      on:change={handleChange}
-      on:input
-      on:input={handleInput}
+      on:click={event => {
+        if (!disabled) {
+          dispatch('click', event);
+        }
+      }}
+      on:change={event => {
+        if (!disabled) {
+          dispatch('change', event);
+        }
+      }}
+      on:input={event => {
+        value = event.target.value;
+        if (!disabled) {
+          dispatch('input', event);
+        }
+      }}
       class={_textAreaClass}
       aria-invalid={invalid || undefined}
       aria-describedby={invalid ? errorId : undefined}

From f7b3dd926cceef6d3bec70840e4bce06ddcc95a0 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 15 Dec 2019 15:31:59 -0800
Subject: [PATCH 2/2] chore: formatting [ci skip]

---
 README.md                                         | 8 +-------
 src/components/RadioButton/RadioButton.stories.js | 2 +-
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index f721b6f8..1dd0fef1 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,11 @@
 # carbon-components-svelte
 
-> 🚧🚧🚧 UNDER CONSTRUCTION
+> 🚧 UNDER CONSTRUCTION
 
 > Svelte implementation of the Carbon Design System
 
-> 🚧🚧🚧
-
 ## [Storybook](https://ibm.github.io/carbon-components-svelte)
 
-## Getting Started
-
-[Placeholder]
-
 ## Supported Components
 
 Currently, the following components are supported:
diff --git a/src/components/RadioButton/RadioButton.stories.js b/src/components/RadioButton/RadioButton.stories.js
index 849f91a3..7a7997b5 100644
--- a/src/components/RadioButton/RadioButton.stories.js
+++ b/src/components/RadioButton/RadioButton.stories.js
@@ -1,7 +1,7 @@
 import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';
 import Component from './RadioButton.Story.svelte';
 
-export default { title: 'Radio Button', decorators: [withKnobs] };
+export default { title: 'RadioButton', decorators: [withKnobs] };
 
 const labelPositions = {
   'Left (left)': 'left',