Rename lists subcomponents and little fixes

components/commons.scss

@@ -99,7 +99,7 @@ p {
   @include typo-body-1;
 }
 
-@if $import-flex-attributes == true {
+@if $import-flex-attributes != false {
   //-- Flex
   [data-flex] {
     display: flex;

components/form/Form.jsx

@@ -6,7 +6,7 @@ import Checkbox from '../checkbox';
 import DatePicker from '../date_picker';
 import Dropdown from '../dropdown';
 import Input from '../input';
-import RadioGroup from '../radio/radio_group';
+import RadioGroup from '../radio/RadioGroup';
 import Slider from '../slider';
 import Switch from '../switch';
 import TimePicker from '../time_picker';

components/index.js

@@ -13,26 +13,26 @@ import FontIcon from './font_icon';
 import Form from './form';
 import Input from './input';
 import Link from './link';
-import List from './list/list';
-import ListItem from './list/item';
-import ListDivider from './list/divider';
-import ListCheckbox from './list/checkbox';
-import ListSubHeader from './list/subheader';
-import Menu from './menu/menu';
-import MenuItem from './menu/menu_item';
-import MenuDivider from './menu/menu_divider';
-import IconMenu from './menu/icon_menu';
+import List from './list/List';
+import ListItem from './list/ListItem';
+import ListDivider from './list/ListDivider';
+import ListCheckbox from './list/ListCheckbox';
+import ListSubHeader from './list/ListSubHeader';
+import Menu from './menu/Menu';
+import MenuItem from './menu/MenuItem';
+import MenuDivider from './menu/MenuDivider';
+import IconMenu from './menu/IconMenu';
 import Navigation from './navigation';
 import ProgressBar from './progress_bar';
-import RadioGroup from './radio/radio_group';
-import RadioButton from './radio/radio_button';
+import RadioGroup from './radio/RadioGroup';
+import RadioButton from './radio/RadioButton';
 import Ripple from './ripple';
 import Slider from './slider';
 import Snackbar from './snackbar';
 import Switch from './switch';
 import Table from './table';
-import Tabs from './tabs/tabs';
-import Tab from './tabs/tab';
+import Tabs from './tabs/Tabs';
+import Tab from './tabs/Tab';
 import Tooltip from './tooltip';
 import TimePicker from './time_picker';
 

components/list/ListCheckbox.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Checkbox from '../checkbox';
-import ListItemContent from './Content';
+import ListItemContent from './ListItemContent';
 import style from './style';
 
 const ListCheckbox = (props) => {

components/list/ListItem.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import FontIcon from '../font_icon';
-import ListItemContent from './Content';
+import ListItemContent from './ListItemContent';
 import Ripple from '../ripple';
 import style from './style';
 

components/list/index.jsx

@@ -1,5 +1,5 @@
 export List from './List';
-export ListItem from './Item';
-export ListDivider from './Divider';
-export ListCheckbox from './Checkbox';
-export ListSubHeader from './Subheader';
+export ListItem from './ListItem';
+export ListDivider from './ListDivider';
+export ListCheckbox from './ListCheckbox';
+export ListSubHeader from './ListSubHeader';

components/list/list.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ListItem from './Item';
+import ListItem from './ListItem';
 import style from './style';
 
 class List extends React.Component {

docs/app/components/_globals.scss

@@ -1,3 +1,5 @@
+$import-flex-attributes: true;
+
 @import "~react-toolbox/base";
 @import "~react-toolbox/commons";