chore(changelog): v0.9.6 notes

CHANGELOG.md

@@ -9,6 +9,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Selectable/expandable `DataTable`
 
+## [0.9.6](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.9.6) - 2020-08-15
+
+- use svelte compiler to generate TypeScript definitions, documentation (issue #227, PR #228)
+- fix `DatePicker` to use default imports (reverts 6d5f1e5; issue #232)
+
 ## [0.9.5](https://github.com/IBM/carbon-components-svelte/releases/tag/v0.9.5) - 2020-08-12
 
 - fix `Modal` and `ComposedModal` to prevent modal from closing unexpectedly ([PR #231](https://github.com/IBM/carbon-components-svelte/pull/231))

COMPONENT_INDEX.md

@@ -1,6 +1,6 @@
 # Component Index
 
-> 143 components exported from carbon-components-svelte 0.9.4
+> 143 components exported from carbon-components-svelte 0.9.6
 
 - Accordion
   - [AccordionSkeleton](#accordionskeleton)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-components-svelte",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "license": "Apache-2.0",
   "description": "Svelte implementation of the Carbon Design System",
   "svelte": "./src/index.js",

src/ComposedModal/ComposedModal.Story.svelte

@@ -3,7 +3,7 @@
   const { modalBody } = $$props;
 
   import { Button } from "../Button";
-  import { TextInput, PasswordInput } from "../TextInput"
+  import { TextInput, PasswordInput } from "../TextInput";
   import ComposedModal from "./ComposedModal.svelte";
   import ModalHeader from "./ModalHeader.svelte";
   import ModalBody from "./ModalBody.svelte";
@@ -14,16 +14,25 @@
 </script>
 
 {#if story === undefined}
-  <ComposedModal {...$$props.composedModal} on:click={(e) => {
+  <ComposedModal
-    console.log(e.target)
+    {...$$props.composedModal}
-  }}>
+    on:click={(e) => {
+      console.log(e.target);
+    }}>
     <ModalHeader {...$$props.modalHeader} />
     <ModalBody
       {...$$props.modalBody}
       aria-label={modalBody.hasScrollingContent ? 'Modal content' : undefined}>
       <div>
         <PasswordInput bind:type placeholder="Password Input" aria-level="" />
-        <Button kind="ghost" size="field" on:click="{() => {type = type === 'password' ? 'text' : 'password'}}">Programmatically toggle password</Button>
+        <Button
+          kind="ghost"
+          size="field"
+          on:click={() => {
+            type = type === 'password' ? 'text' : 'password';
+          }}>
+          Programmatically toggle password
+        </Button>
       </div>
       <p>
         Please see ModalWrapper for more examples and demo of the functionality.

src/Modal/Modal.Story.svelte

@@ -1,6 +1,6 @@
 <script>
   import { Button } from "../Button";
-  import { TextInput, PasswordInput } from "../TextInput"
+  import { TextInput, PasswordInput } from "../TextInput";
   import Modal from "./Modal.svelte";
 
   let open = $$props.open;
@@ -19,7 +19,7 @@
   {...$$props}
   bind:open
   on:click={(e) => {
-    console.log(e.target)
+    console.log(e.target);
   }}
   on:click:button--secondary={() => {
     console.log('click button secondary');
@@ -36,7 +36,14 @@
   }}>
   <div>
     <PasswordInput bind:type placeholder="Password Input" aria-level="" />
-    <Button kind="ghost" size="field" on:click="{() => {type = type === 'password' ? 'text' : 'password'}}">Programmatically toggle password</Button>
+    <Button
+      kind="ghost"
+      size="field"
+      on:click={() => {
+        type = type === 'password' ? 'text' : 'password';
+      }}>
+      Programmatically toggle password
+    </Button>
   </div>
   <p>
     This component supports two-way binding by default. Please see ComposedModal

types/index.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for carbon-components-svelte 0.9.4
+// Type definitions for carbon-components-svelte 0.9.6
 // Project: https://github.com/IBM/carbon-components-svelte
 
 export class CarbonSvelteComponent {