Update generated files.

docs/BackButton.json

@@ -1 +1 @@
-{"description":"@original ons-back-button\n@category toolbar\n@tutorial react/Reference/navigator\n@description\n[en]\n  Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.\n\n  The default behavior can be overridden using the `onClick` prop.\n[/en]\n[jp][/jp]\n@example\n<Toolbar modifier={this.props.modifier} >\n      <div className=\"left\"><BackButton modifier={this.props.modifier}>Back</BackButton></div>\n      <div className=\"center\">{this.props.title}</div>\n   </Toolbar>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"_updateOnClick","docblock":null,"modifiers":[],"params":[{"name":"props","type":null}],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the back button.[/en]\n [jp][/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en]This function will be called ones the button is clicked. It overrides the default behavior of the back button.[/en]\n [jp][/jp]"}}}
+{"description":"@original ons-back-button\n@category navigation\n@tutorial react/Reference/navigator\n@description\n[en]\n  Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.\n\n  The default behavior can be overridden using the `onClick` prop.\n[/en]\n[jp][/jp]\n@example\n<Toolbar modifier={this.props.modifier} >\n      <div className=\"left\"><BackButton modifier={this.props.modifier}>Back</BackButton></div>\n      <div className=\"center\">{this.props.title}</div>\n   </Toolbar>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null},{"name":"_updateOnClick","docblock":null,"modifiers":[],"params":[{"name":"props","type":null}],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the back button.[/en]\n [jp][/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en]This function will be called ones the button is clicked. It overrides the default behavior of the back button.[/en]\n [jp][/jp]"}}}

docs/BottomToolbar.json

@@ -1 +1 @@
-{"description":"@original ons-bottom-toolbar\n@category toolbar\n@description\n[en] Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.  [/en]\n[jp][/jp]\n@example\n<BottomToolbar modifier=\"material\"> Content </BottomToolbar>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@description\n [en]\n Specify modifier name to specify custom styles. Optional.\n [/en]\n [jp][/jp]"}}}
+{"description":"@original ons-bottom-toolbar\n@category page\n@description\n[en] Back button component for Toolbar. It enables to automatically to pop the top page of the navigator. When only presented with one page, the button is hidden automatically.  [/en]\n[jp][/jp]\n@example\n<BottomToolbar modifier=\"material\"> Content </BottomToolbar>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@description\n [en]\n Specify modifier name to specify custom styles. Optional.\n [/en]\n [jp][/jp]"}}}

docs/Button.json

@@ -1 +1 @@
-{"description":"@original ons-button\n@category button\n@tutorial react/Reference/button\n@description\n[en] Button component. If you want to place a button in a toolbar, use `ToolbarButton` or `BackButton` instead. Will automatically display as a Material Design button with a ripple effect on Android.\n [/en]\n[jp][/jp]\n@example\n<Button modifier=\"large--cta\">\n  Tap Me\n</Button>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the button.[/en]\n [jp] [/jp]"},"disabled":{"type":{"name":"bool"},"required":false,"description":"@name disabled\n@type bool\n@description\n [en]\n Specifies whether the button is disabled.\n [/en]\n [jp] [/jp]"},"ripple":{"type":{"name":"bool"},"required":false,"description":"@name ripple\n@type bool\n@description\n [en]\n Specifies whether the button has a ripple effect.\n [/en]\n [jp] [/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en] This function will be called ones the button is clicked. [/en]\n [jp] [/jp]"}}}
+{"description":"@original ons-button\n@category form\n@tutorial react/Reference/button\n@description\n[en] Button component. If you want to place a button in a toolbar, use `ToolbarButton` or `BackButton` instead. Will automatically display as a Material Design button with a ripple effect on Android.\n [/en]\n[jp][/jp]\n@example\n<Button modifier=\"large--cta\">\n  Tap Me\n</Button>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the button.[/en]\n [jp] [/jp]"},"disabled":{"type":{"name":"bool"},"required":false,"description":"@name disabled\n@type bool\n@description\n [en]\n Specifies whether the button is disabled.\n [/en]\n [jp] [/jp]"},"ripple":{"type":{"name":"bool"},"required":false,"description":"@name ripple\n@type bool\n@description\n [en]\n Specifies whether the button has a ripple effect.\n [/en]\n [jp] [/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en] This function will be called ones the button is clicked. [/en]\n [jp] [/jp]"}}}

docs/Fab.json

@@ -1 +1 @@
-{"description":"@original ons-fab\n@category fab\n@tutorial react/Reference/fab\n@description\n[en] The Floating action button is a circular button defined in the [Material Design specification](https://www.google.com/design/spec/components/buttons-floating-action-button.html). They are often used to promote the primary action of the app.\n    It can be displayed either as an inline element or in one of the corners. Normally it will be positioned in the lower right corner of the screen.\n [/en]\n[jp][/jp]\n@example\n<SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the button.[/en]\n [jp] [/jp]"},"ripple":{"type":{"name":"bool"},"required":false,"description":"@name ripple\n@type bool\n@description\n [en]If true,  the button will have a ripple effect when tapped.[/en]\n [jp] [/jp]"},"position":{"type":{"name":"string"},"required":false,"description":"@namep position\n@type string\n@required false\n@description\n [en]The position of the button. Should be a string like `\"bottom right\"` or `\"top left\"`. If this attribute is not defined it will be displayed as an inline element.[/en]\n [jp] [/jp]"},"disabled":{"type":{"name":"bool"},"required":false,"description":"@name disabled\n@type bool\n@description\n [en] If true, the button will be disabled. [/en]\n [jp] [/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en] This function will be called ones the button is clicked. [/en]\n [jp] [/jp]"}}}
+{"description":"@original ons-fab\n@category form\n@tutorial react/Reference/fab\n@description\n[en] The Floating action button is a circular button defined in the [Material Design specification](https://www.google.com/design/spec/components/buttons-floating-action-button.html). They are often used to promote the primary action of the app.\n    It can be displayed either as an inline element or in one of the corners. Normally it will be positioned in the lower right corner of the screen.\n [/en]\n[jp][/jp]\n@example\n<SpeedDial disabled={false} direction='right' onClick={() => console.log('test1')} position='left bottom'>\n     <Fab>\n       <Icon icon='fa-twitter' size={26} fixedWidth={false} style={{verticalAlign: 'middle'}} />\n     </Fab>\n     <SpeedDialItem onClick={() => console.log('speed A')}> A </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed B')}> B </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed C')}> C </SpeedDialItem>\n     <SpeedDialItem onClick={() => console.log('speed D')}> D </SpeedDialItem>\n   </SpeedDial>","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the button.[/en]\n [jp] [/jp]"},"ripple":{"type":{"name":"bool"},"required":false,"description":"@name ripple\n@type bool\n@description\n [en]If true,  the button will have a ripple effect when tapped.[/en]\n [jp] [/jp]"},"position":{"type":{"name":"string"},"required":false,"description":"@namep position\n@type string\n@required false\n@description\n [en]The position of the button. Should be a string like `\"bottom right\"` or `\"top left\"`. If this attribute is not defined it will be displayed as an inline element.[/en]\n [jp] [/jp]"},"disabled":{"type":{"name":"bool"},"required":false,"description":"@name disabled\n@type bool\n@description\n [en] If true, the button will be disabled. [/en]\n [jp] [/jp]"},"onClick":{"type":{"name":"func"},"required":false,"description":"@name onClick\n@type function\n@description\n [en] This function will be called ones the button is clicked. [/en]\n [jp] [/jp]"}}}

docs/Icon.json

@@ -1 +1 @@
-{"description":"@original ons-icon\n@category icon\n@tutorial react/Reference/icon\n@description\n[en]\nDisplays an icon. The following icon suites are available:\n  *  [Font Awesome](https://fortawesome.github.io/Font-Awesome/)\n  *  [Ionicons](http://ionicons.com/)\n  *  [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/)\n[/en]\n[jp][/jp]\n@example\n  <Icon\n    size={{default: 32, material: 40}}\n    icon={{default: 'ion-navicon', material: 'md-menu'}}\n  />","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the icon.[/en]\n [jp] [/jp]"},"icon":{"type":{"name":"union","value":[{"name":"string"},{"name":"custom","raw":"React.PropTypes.objectOf(React.PropTypes.string)"}]},"required":false,"description":"@name icon\n@type 'object or string'\n@description\n [en] can be either a string or an object. If it is an string, it is set to an specific icon like 'ions-navicon'. If it is an object, it represents a dictionary of the icons depending on the modifier e.g.   `{{default: 'ion-navicon', material: 'md-menu'}}` [/en]\n [jp] [/jp]"},"size":{"type":{"name":"union","value":[{"name":"number"},{"name":"custom","raw":"React.PropTypes.objectOf(React.PropTypes.number)"}]},"required":false,"description":"@name size\n@type 'object or number'\n@description\n [en] can be either a number or an object. If it is an number, it  specifies the icon size with a number in pixels. If it is an object, it represents a dictionary of the icon sizes depending on the modifier e.g.   `{{default: 20, material: 18}}` [/en]\n [jp] [/jp]"},"rotate":{"type":{"name":"enum","value":[{"value":"0","computed":false},{"value":"90","computed":false},{"value":"180","computed":false},{"value":"270","computed":false}]},"required":false,"description":"@name rotate\n@type number\n@description\n [en] Number of degrees to rotate the icon. Valid values are 90, 180 and 270. [/en]\n [jp] [/jp]"},"fixedWidth":{"type":{"name":"bool"},"required":false,"description":"@name fixedWidth\n@type bool\n@description\n[en] When used in a list, you want the icons to have the same width so that they align vertically by defining this attribute. [/en]\n [jp] [/jp]"},"spin":{"type":{"name":"bool"},"required":false,"description":"@name spin\n@type bool\n@description\n[en] Specify whether the icon should be spinning. [/en]\n [jp] [/jp]"}}}
+{"description":"@original ons-icon\n@category visual\n@tutorial react/Reference/icon\n@description\n[en]\nDisplays an icon. The following icon suites are available:\n  *  [Font Awesome](https://fortawesome.github.io/Font-Awesome/)\n  *  [Ionicons](http://ionicons.com/)\n  *  [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/)\n[/en]\n[jp][/jp]\n@example\n  <Icon\n    size={{default: 32, material: 40}}\n    icon={{default: 'ion-navicon', material: 'md-menu'}}\n  />","methods":[{"name":"_getDomNodeName","docblock":null,"modifiers":[],"params":[],"returns":null}],"props":{"modifier":{"type":{"name":"string"},"required":false,"description":"@name modifier\n@type string\n@required false\n@description\n [en]The appearance of the icon.[/en]\n [jp] [/jp]"},"icon":{"type":{"name":"union","value":[{"name":"string"},{"name":"custom","raw":"React.PropTypes.objectOf(React.PropTypes.string)"}]},"required":false,"description":"@name icon\n@type 'object or string'\n@description\n [en] can be either a string or an object. If it is an string, it is set to an specific icon like 'ions-navicon'. If it is an object, it represents a dictionary of the icons depending on the modifier e.g.   `{{default: 'ion-navicon', material: 'md-menu'}}` [/en]\n [jp] [/jp]"},"size":{"type":{"name":"union","value":[{"name":"number"},{"name":"custom","raw":"React.PropTypes.objectOf(React.PropTypes.number)"}]},"required":false,"description":"@name size\n@type 'object or number'\n@description\n [en] can be either a number or an object. If it is an number, it  specifies the icon size with a number in pixels. If it is an object, it represents a dictionary of the icon sizes depending on the modifier e.g.   `{{default: 20, material: 18}}` [/en]\n [jp] [/jp]"},"rotate":{"type":{"name":"enum","value":[{"value":"0","computed":false},{"value":"90","computed":false},{"value":"180","computed":false},{"value":"270","computed":false}]},"required":false,"description":"@name rotate\n@type number\n@description\n [en] Number of degrees to rotate the icon. Valid values are 90, 180 and 270. [/en]\n [jp] [/jp]"},"fixedWidth":{"type":{"name":"bool"},"required":false,"description":"@name fixedWidth\n@type bool\n@description\n[en] When used in a list, you want the icons to have the same width so that they align vertically by defining this attribute. [/en]\n [jp] [/jp]"},"spin":{"type":{"name":"bool"},"required":false,"description":"@name spin\n@type bool\n@description\n[en] Specify whether the icon should be spinning. [/en]\n [jp] [/jp]"}}}