Updated docs

Author: gabrielbull

docs/windows/checkbox.md

@@ -20,13 +20,15 @@ import { Checkbox } from 'react-desktop/windows';
 
 export default class extends Component {
   static defaultProps = {
-    color: '#cc7f29'
+    color: '#cc7f29',
+    theme: 'light'
   };
 
   render() {
     return (
       <Checkbox
         color={this.props.color}
+        theme={this.props.theme}
         label="Check me!"
         onChange={(e) => console.log(e.target.value)}
         defaultValue="I got checked!"

docs/windows/master-details-view.md

@@ -44,7 +44,13 @@ theme               | string       | Sets the UI theme that is used by this comp
 
 ```jsx
 import React, { Component } from 'react';
-import { MasterDetailsView, Text } from 'react-desktop/windows';
+import {
+  MasterDetailsView,
+  MasterDetailsViewItem,
+  MasterDetailsViewItemMaster,
+  MasterDetailsViewItemDetails,
+  Text
+} from 'react-desktop/windows';
 
 export default class extends Component {
   static defaultProps = {
@@ -64,14 +70,14 @@ export default class extends Component {
 
   renderItem(master, details) {
     return (
-      <MasterDetailsView.Item>
-        <MasterDetailsView.Item.Master push>
+      <MasterDetailsViewItem>
+        <MasterDetailsViewItemMaster push>
           {master}
-        </MasterDetailsView.Item.Master>
-        <MasterDetailsView.Item.Details background>
+        </MasterDetailsViewItemMaster>
+        <MasterDetailsViewItemDetails background>
           <Text padding="20px" color="white">{details}</Text>
-        </MasterDetailsView.Item.Details>
-      </MasterDetailsView.Item>
+        </MasterDetailsViewItemDetails>
+      </MasterDetailsViewItem>
     );
   }
 }

docs/windows/nav-pane.md

@@ -37,7 +37,7 @@ verticalAlignment    | string                 | Sets the vertical alignment of t
 
 ```jsx
 import React, { Component } from 'react';
-import { NavPane, Text } from 'react-desktop/windows';
+import { NavPane, NavPaneItem, Text } from 'react-desktop/windows';
 
 export default class extends Component {
   static defaultProps = {
@@ -64,18 +64,18 @@ export default class extends Component {
 
   renderItem(title, content) {
     return (
-      <NavPane.Item
+      <NavPaneItem
         title={title}
         icon={this.renderIcon(title)}
-        requestedTheme="light"
+        theme="light"
         background="#ffffff"
         selected={this.state.selected === title}
         onSelect={() => this.setState({ selected: title })}
         padding="10px 20px"
         push
       >
         <Text>{content}</Text>
-      </NavPane.Item>
+      </NavPaneItem>
     );
   }
 

docs/windows/text-input.md

@@ -28,7 +28,7 @@ export default class extends Component {
     theme: 'light'
   };
 
-  change = () => console.log(this.refs.input.value);
+  handleChange = e => console.log(e.target.value);
 
   render() {
     return (
@@ -39,8 +39,7 @@ export default class extends Component {
         background
         label="My Input"
         placeholder="My Input"
-        defaultValue="Hello!"
-        onChange={this.change}
+        onChange={this.handleChange}
       />
     );
   }