diff --git a/dist/Components/Card/Card.js b/dist/Components/Card/Card.js
index e97d86d0..20d501ee 100644
--- a/dist/Components/Card/Card.js
+++ b/dist/Components/Card/Card.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _=require("../..");var _Ripple=_interopRequireDefault(require("../Ripple/Ripple"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Card/Card.js";var Card=function(_Component){(0,_inherits2.default)(Card,_Component);function Card(){(0,_classCallCheck2.default)(this,Card);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Card).apply(this,arguments));}(0,_createClass2.default)(Card,[{key:"_renderRipple",value:function _renderRipple(){var _this$props=this.props,children=_this$props.children,onPress=_this$props.onPress,rippleProps=_this$props.rippleProps;return _react.default.createElement(_Ripple.default,(0,_extends2.default)({style:[{flex:1}],onPress:onPress},rippleProps,{__source:{fileName:_jsxFileName,lineNumber:28}}),children);}},{key:"render",value:function render(){var _this$props2=this.props,style=_this$props2.style,outlined=_this$props2.outlined,radius=_this$props2.radius,onPress=_this$props2.onPress,shadow=_this$props2.shadow,children=_this$props2.children,testID=_this$props2.testID;return _react.default.createElement(_.Paper,{shadow:shadow,radius:radius,style:[style,{borderWidth:outlined?_reactNative.StyleSheet.hairlineWidth:0,borderBottomColor:'rgba(0,0,0,.4)'}],testID:testID,__source:{fileName:_jsxFileName,lineNumber:46}},onPress?this._renderRipple():children);}}]);return Card;}(_react.Component);(0,_defineProperty2.default)(Card,"propTypes",{children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),outlined:_propTypes.default.bool,shadow:_propTypes.default.number,radius:_propTypes.default.number,onPress:_propTypes.default.func,rippleProps:_propTypes.default.object,testID:_propTypes.default.string});(0,_defineProperty2.default)(Card,"defaultProps",{radius:4,shadow:1});var _default=(0,_withTheme.default)(Card);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _=require("../..");var _Ripple=_interopRequireDefault(require("../Ripple/Ripple"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Card/Card.js";var Card=function(_Component){(0,_inherits2.default)(Card,_Component);function Card(){(0,_classCallCheck2.default)(this,Card);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Card).apply(this,arguments));}(0,_createClass2.default)(Card,[{key:"_renderRipple",value:function _renderRipple(){var _this$props=this.props,children=_this$props.children,onPress=_this$props.onPress,rippleProps=_this$props.rippleProps;return _react.default.createElement(_Ripple.default,(0,_extends2.default)({style:[{flex:1}],onPress:onPress},rippleProps,{__source:{fileName:_jsxFileName,lineNumber:28}}),children);}},{key:"render",value:function render(){var _this$props2=this.props,style=_this$props2.style,outlined=_this$props2.outlined,radius=_this$props2.radius,onPress=_this$props2.onPress,shadow=_this$props2.shadow,children=_this$props2.children,testID=_this$props2.testID;return _react.default.createElement(_.Paper,{shadow:shadow,radius:radius,style:[style,{borderWidth:outlined?_reactNative.StyleSheet.hairlineWidth:0,borderBottomColor:'rgba(0,0,0,.4)',maxWidth:500}],testID:testID,__source:{fileName:_jsxFileName,lineNumber:46}},onPress?this._renderRipple():children);}}]);return Card;}(_react.Component);(0,_defineProperty2.default)(Card,"propTypes",{children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),outlined:_propTypes.default.bool,shadow:_propTypes.default.number,radius:_propTypes.default.number,onPress:_propTypes.default.func,rippleProps:_propTypes.default.object,testID:_propTypes.default.string});(0,_defineProperty2.default)(Card,"defaultProps",{radius:4,shadow:1});var _default=(0,_withTheme.default)(Card);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Card/Card.stories.js b/dist/Components/Card/Card.stories.js
index d5d85bf8..b493f404 100644
--- a/dist/Components/Card/Card.stories.js
+++ b/dist/Components/Card/Card.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _reactNative=require("react-native");var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Card/Card.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Card',module).addParameters({jest:['Card']}).add('simple',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_Header.default,{title:'Simple Card',__source:{fileName:_jsxFileName,lineNumber:25}}),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},__source:{fileName:_jsxFileName,lineNumber:27}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:28}},"This is a simple card with a button"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:31}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},shadow:5,__source:{fileName:_jsxFileName,lineNumber:34}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:37}},"This one has more shadow"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:40}}),_react.default.createElement(_.Button,{type:'flat',color:'#E91E63',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:41}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},shadow:8,__source:{fileName:_jsxFileName,lineNumber:44}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:47}},"This one has more shadow"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',marginTop:20},__source:{fileName:_jsxFileName,lineNumber:50}},_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:56}}),_react.default.createElement(_.Button,{type:'flat',color:'#E91E63',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:57}}))),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},radius:20,shadow:5,__source:{fileName:_jsxFileName,lineNumber:60}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:64}},"This one has more radius"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:67}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400,maxHeight:400},radius:200,shadow:5,__source:{fileName:_jsxFileName,lineNumber:69}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:79}},"This one has more radius"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:82}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16},__source:{fileName:_jsxFileName,lineNumber:84}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:85}},"This is one takes up the full width"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:88}})));}).add('full card',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:93}},_react.default.createElement(_Header.default,{title:'Full Card',__source:{fileName:_jsxFileName,lineNumber:94}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:96}},_react.default.createElement(_.CardHeader,{thumbnail:_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://www.hbo.com/content/dam/hbodata/series/game-of-thrones/character/s5/john-snow-1920.jpg/_jcr_content/renditions/cq5dam.web.1200.675.jpeg'},__source:{fileName:_jsxFileName,lineNumber:102}}),size:40,__source:{fileName:_jsxFileName,lineNumber:99}}),title:'Jon Snow',subtitle:'Knows Nothing, KingofDaNorth',action:_react.default.createElement(_.IconButton,{name:"more-vert",size:24,__source:{fileName:_jsxFileName,lineNumber:114}}),__source:{fileName:_jsxFileName,lineNumber:97}}),_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://i.redd.it/zj9vfr7uuljz.png'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:118}}),__source:{fileName:_jsxFileName,lineNumber:116}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:125}},_react.default.createElement(_reactNative.Text,{style:{fontSize:18,fontWeight:'500',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:126}},"Prince of Dragonstone"),_react.default.createElement(_reactNative.Text,{style:{fontSize:14,marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:134}},"You've got the North in you"),_react.default.createElement(_reactNative.Text,{style:{fontSize:16},__source:{fileName:_jsxFileName,lineNumber:137}},"Ran out of bleach for beard, but Daenerys says it looks cool.")),_react.default.createElement(_.CardActions,{rightActionItems:[{name:'thumb-up'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:141}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:146}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1451360/pexels-photo-1451360.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:149}}),__source:{fileName:_jsxFileName,lineNumber:147}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:159}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:160}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://upload.wikimedia.org/wikipedia/en/thumb/7/74/Anakin-Jedi.jpg/220px-Anakin-Jedi.jpg'},__source:{fileName:_jsxFileName,lineNumber:164}}),size:40,__source:{fileName:_jsxFileName,lineNumber:161}}),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14,marginLeft:16},__source:{fileName:_jsxFileName,lineNumber:173}},"I don't like sand. It's coarse and rough and irritating and it gets everywhere.")))));}).add('clickable',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:184}},_react.default.createElement(_Header.default,{title:'Clickable Card',__source:{fileName:_jsxFileName,lineNumber:185}}),_react.default.createElement(_reactNative.ScrollView,{horizontal:true,scrollEnabled:true,__source:{fileName:_jsxFileName,lineNumber:186}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:187}},_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50,marginRight:4},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:188}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/86405/penguin-funny-blue-water-86405.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:199}}),__source:{fileName:_jsxFileName,lineNumber:197}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:209}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:210}},"Penguin"))),_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50,marginRight:4},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:221}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/460823/pexels-photo-460823.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:232}}),__source:{fileName:_jsxFileName,lineNumber:230}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:242}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:243}},"Pup"))),_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:254}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1661535/pexels-photo-1661535.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:260}}),__source:{fileName:_jsxFileName,lineNumber:258}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:270}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:271}},"Panda"))))),_react.default.createElement(_.Card,{style:{maxWidth:300,width:'100%',marginBottom:50},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:285}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1124002/pexels-photo-1124002.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:291}}),__source:{fileName:_jsxFileName,lineNumber:289}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:301}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:302}},"Dog"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:311}},"The domestic dog is a member of the genus Canis (canines), which forms part of the wolf-like canids, and is the most widely abundant terrestrial carnivore."))),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:319}},_react.default.createElement(_.Ripple,{onPress:function onPress(){return console.log('pressed action');},__source:{fileName:_jsxFileName,lineNumber:320}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/39571/gorilla-silverback-animal-silvery-grey-39571.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:323}}),__source:{fileName:_jsxFileName,lineNumber:321}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:333}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:334}},"Gorilla"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:343}},"Gorillas are ground-dwelling, predominantly herbivorous apes that inhabit the forests of central Sub-Saharan Africa."))),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'share'},{name:'learn more'}],__source:{fileName:_jsxFileName,lineNumber:349}})));}).add('CardActions',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:356}},_react.default.createElement(_Header.default,{title:'Card Actions',__source:{fileName:_jsxFileName,lineNumber:357}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:359}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1938123/pexels-photo-1938123.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:362}}),__source:{fileName:_jsxFileName,lineNumber:360}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:372}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:373}},"Fact: dogs make everything better")),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'share'},{name:'learn more'}],rightActionItems:[{name:'favorite'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:377}})));}).add('CardContent',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:385}},_react.default.createElement(_Header.default,{title:'Card Content',__source:{fileName:_jsxFileName,lineNumber:386}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:387}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1124002/pexels-photo-1124002.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:390}}),__source:{fileName:_jsxFileName,lineNumber:388}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:400}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:401}},"Reasons dogs are the best:"),_react.default.createElement(_reactNative.View,{style:{marginLeft:8},__source:{fileName:_jsxFileName,lineNumber:410}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:411}},"- Man's best friend"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:414}},"- Some have jobs"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:417}},"- See image"))),_react.default.createElement(_.CardActions,{rightActionItems:[_react.default.createElement(_.Badge,{key:2,content:99,__source:{fileName:_jsxFileName,lineNumber:424}},_react.default.createElement(_.IconButton,{name:"favorite",color:'#F44336',size:24,__source:{fileName:_jsxFileName,lineNumber:425}})),{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:422}})),_react.default.createElement(_.Card,{style:{maxWidth:500,width:500,boxSizing:'borderbox',marginTop:40},__source:{fileName:_jsxFileName,lineNumber:432}},_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:439}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:440}},_react.default.createElement(_reactNative.View,{style:{flex:1,padding:8},__source:{fileName:_jsxFileName,lineNumber:441}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600'},__source:{fileName:_jsxFileName,lineNumber:442}},"Jon"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,1)',fontSize:20,fontWeight:'600',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:450}},"Stewart"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14,flexWrap:'wrap'},__source:{fileName:_jsxFileName,lineNumber:459}},"American comedian, writer, producer, director, activist, political commentator, actor, and television host.")),_react.default.createElement(_reactNative.View,{style:{flex:1,overflow:'hidden'},__source:{fileName:_jsxFileName,lineNumber:469}},_react.default.createElement(_reactNative.Image,{style:{width:250,height:200},source:{uri:'https://www.biography.com/.image/t_share/MTE5NTU2MzE2NDkyNjI5NTE1/jon-stewart-16242282-1-402.jpg'},__source:{fileName:_jsxFileName,lineNumber:470}}))))));}).add('CardHeader',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:485}},_react.default.createElement(_Header.default,{title:'Card Media',__source:{fileName:_jsxFileName,lineNumber:486}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:487}},_react.default.createElement(_.CardHeader,{thumbnail:_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'http://assets1.ignimgs.com/2014/04/07/marioignpng-e324a5_1280w.png'},__source:{fileName:_jsxFileName,lineNumber:493}}),size:40,__source:{fileName:_jsxFileName,lineNumber:490}}),title:'Mario',subtitle:'Hero. Plumber. Brother.',action:_react.default.createElement(_.IconButton,{name:"more-vert",size:24,color:'rgba(0,0,0,.54)',__source:{fileName:_jsxFileName,lineNumber:506}}),__source:{fileName:_jsxFileName,lineNumber:488}}),_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://i.redd.it/tr8wgp1ysulz.png'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:511}}),__source:{fileName:_jsxFileName,lineNumber:509}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:518}},_react.default.createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:519}},"Movember is over.")),_react.default.createElement(_.CardActions,{rightActionItems:[{name:'reply'},{name:'thumb-up'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:521}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginTop:60},radius:1,shadow:4,__source:{fileName:_jsxFileName,lineNumber:529}},_react.default.createElement(_.CardHeader,{subtitle:'Mario - 25 mins ago',style:{alignItems:'center',borderBottom:'none',paddingBottom:0},action:_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:541}},_react.default.createElement(_.IconButton,{name:"star",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:546}}),_react.default.createElement(_.IconButton,{name:"delete",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:547}}),_react.default.createElement(_.IconButton,{name:"more-vert",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:548}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'http://assets1.ignimgs.com/2014/04/07/marioignpng-e324a5_1280w.png'},__source:{fileName:_jsxFileName,lineNumber:556}}),size:40,__source:{fileName:_jsxFileName,lineNumber:553}})),__source:{fileName:_jsxFileName,lineNumber:533}},_react.default.createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:567}},"Mario - 25 mins ago")),_react.default.createElement(_.CardContent,{style:{paddingTop:4,paddingBottom:16},__source:{fileName:_jsxFileName,lineNumber:570}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,1)',fontSize:16,marginBottom:4},__source:{fileName:_jsxFileName,lineNumber:571}},"Where is the Princess?"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:575}},"I've defeated Bowser in 6 castles and still no Prin..."))));}).add('CardMedia',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:583}},_react.default.createElement(_Header.default,{title:'Card Media',__source:{fileName:_jsxFileName,lineNumber:584}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:586}},_react.default.createElement(_.CardMedia,{title:'Top ten books',subtitle:'by Cody',image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/34620/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:591}}),__source:{fileName:_jsxFileName,lineNumber:587}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:601}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:602}},"Books ranked with arbitrary bias, inconsistent logic, and strong opinions.")),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'Read'}],rightActionItems:[{name:'favorite'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:607}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginTop:40},__source:{fileName:_jsxFileName,lineNumber:613}},_react.default.createElement(_.CardMedia,{title:'Flights now 30% off',image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/59519/pexels-photo-59519.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:617}}),__source:{fileName:_jsxFileName,lineNumber:614}}),_react.default.createElement(_.CardActions,{rightActionItems:[_react.default.createElement(_.Button,{key:1,text:'Learn More',__source:{fileName:_jsxFileName,lineNumber:630}}),_react.default.createElement(_.Button,{key:2,text:'Buy Now',type:"contained",__source:{fileName:_jsxFileName,lineNumber:631}})],__source:{fileName:_jsxFileName,lineNumber:628}})));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _reactNative=require("react-native");var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Card/Card.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Card',module).addParameters({jest:['Card']}).add('simple',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_Header.default,{title:'Simple Card',__source:{fileName:_jsxFileName,lineNumber:25}}),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},__source:{fileName:_jsxFileName,lineNumber:27}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:28}},"This is a simple card with a button"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:31}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},shadow:5,__source:{fileName:_jsxFileName,lineNumber:34}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:37}},"This one has more shadow"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",style:{marginBottom:20},__source:{fileName:_jsxFileName,lineNumber:40}}),_react.default.createElement(_.Button,{type:'flat',color:'#E91E63',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:41}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},shadow:8,__source:{fileName:_jsxFileName,lineNumber:44}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:47}},"This one has more shadow"),_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',justifyContent:'space-between',marginTop:20},__source:{fileName:_jsxFileName,lineNumber:50}},_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:56}}),_react.default.createElement(_.Button,{type:'flat',color:'#E91E63',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:57}}))),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400},radius:20,shadow:5,__source:{fileName:_jsxFileName,lineNumber:60}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:64}},"This one has more radius"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:67}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16,maxWidth:400,maxHeight:400},radius:200,shadow:5,__source:{fileName:_jsxFileName,lineNumber:69}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:79}},"This one has more radius"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:82}})),_react.default.createElement(_.Card,{style:{flex:1,marginBottom:20,padding:16},__source:{fileName:_jsxFileName,lineNumber:84}},_react.default.createElement(_reactNative.Text,{style:{fontSize:14,textAlign:'center',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:85}},"This is one takes up the full width"),_react.default.createElement(_.Button,{type:'flat',text:"Card button",__source:{fileName:_jsxFileName,lineNumber:88}})));}).add('full card',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:93}},_react.default.createElement(_Header.default,{title:'Full Card',__source:{fileName:_jsxFileName,lineNumber:94}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:96}},_react.default.createElement(_.CardHeader,{thumbnail:_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://images.pexels.com/photos/2906664/pexels-photo-2906664.png?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},__source:{fileName:_jsxFileName,lineNumber:102}}),size:48,__source:{fileName:_jsxFileName,lineNumber:99}}),title:'Title',subtitle:'Metadata',action:_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:115}},_react.default.createElement(_.IconButton,{name:"favorite-border",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:120}}),_react.default.createElement(_.IconButton,{style:{marginLeft:12},name:"share",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:125}}),_react.default.createElement(_.IconButton,{style:{marginLeft:12},name:"more-vert",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:131}})),__source:{fileName:_jsxFileName,lineNumber:97}}),_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/994605/pexels-photo-994605.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:142}}),__source:{fileName:_jsxFileName,lineNumber:140}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:152}},_react.default.createElement(_reactNative.Text,{style:{fontSize:18,fontWeight:'500',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:153}},"Title"),_react.default.createElement(_reactNative.Text,{style:{fontSize:14,marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:161}},"Metadata"),_react.default.createElement(_reactNative.Text,{style:{fontSize:16},__source:{fileName:_jsxFileName,lineNumber:162}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce neque felis, eleifend in dolor eu, pellentesque finibus erat. Vestibulum eleifend sapien et felis pulvinar cursus.")),_react.default.createElement(_.CardActions,{rightActionItems:[{name:'favorite-border'},{name:'share'},{name:'more-vert'}],__source:{fileName:_jsxFileName,lineNumber:168}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:177}},_react.default.createElement(_.CardHeader,{thumbnail:_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://www.hbo.com/content/dam/hbodata/series/game-of-thrones/character/s5/john-snow-1920.jpg/_jcr_content/renditions/cq5dam.web.1200.675.jpeg'},__source:{fileName:_jsxFileName,lineNumber:183}}),size:40,__source:{fileName:_jsxFileName,lineNumber:180}}),title:'Jon Snow',subtitle:'Knows Nothing, KingofDaNorth',action:_react.default.createElement(_.IconButton,{name:"more-vert",size:24,__source:{fileName:_jsxFileName,lineNumber:195}}),__source:{fileName:_jsxFileName,lineNumber:178}}),_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://i.redd.it/zj9vfr7uuljz.png'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:199}}),__source:{fileName:_jsxFileName,lineNumber:197}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:206}},_react.default.createElement(_reactNative.Text,{style:{fontSize:18,fontWeight:'500',marginBottom:8},__source:{fileName:_jsxFileName,lineNumber:207}},"Prince of Dragonstone"),_react.default.createElement(_reactNative.Text,{style:{fontSize:14,marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:215}},"You've got the North in you"),_react.default.createElement(_reactNative.Text,{style:{fontSize:16},__source:{fileName:_jsxFileName,lineNumber:218}},"Ran out of bleach for beard, but Daenerys says it looks cool.")),_react.default.createElement(_.CardActions,{rightActionItems:[{name:'thumb-up'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:222}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:227}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1451360/pexels-photo-1451360.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:230}}),__source:{fileName:_jsxFileName,lineNumber:228}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:240}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:241}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://upload.wikimedia.org/wikipedia/en/thumb/7/74/Anakin-Jedi.jpg/220px-Anakin-Jedi.jpg'},__source:{fileName:_jsxFileName,lineNumber:245}}),size:40,__source:{fileName:_jsxFileName,lineNumber:242}}),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14,marginLeft:16},__source:{fileName:_jsxFileName,lineNumber:254}},"I don't like sand. It's coarse and rough and irritating and it gets everywhere.")))));}).add('clickable',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:265}},_react.default.createElement(_Header.default,{title:'Clickable Card',__source:{fileName:_jsxFileName,lineNumber:266}}),_react.default.createElement(_reactNative.ScrollView,{horizontal:true,scrollEnabled:true,__source:{fileName:_jsxFileName,lineNumber:267}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:268}},_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50,marginRight:4},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:269}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/86405/penguin-funny-blue-water-86405.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:280}}),__source:{fileName:_jsxFileName,lineNumber:278}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:290}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:291}},"Penguin"))),_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50,marginRight:4},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:302}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/460823/pexels-photo-460823.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:313}}),__source:{fileName:_jsxFileName,lineNumber:311}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:323}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:324}},"Pup"))),_react.default.createElement(_.Card,{style:{maxWidth:150,width:'100%',marginBottom:50},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:335}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1661535/pexels-photo-1661535.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:341}}),__source:{fileName:_jsxFileName,lineNumber:339}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:351}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:352}},"Panda"))))),_react.default.createElement(_.Card,{style:{maxWidth:300,width:'100%',marginBottom:50},shadow:4,onPress:function onPress(){return console.log('clicked dog');},__source:{fileName:_jsxFileName,lineNumber:366}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1124002/pexels-photo-1124002.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:372}}),__source:{fileName:_jsxFileName,lineNumber:370}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:382}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:383}},"Dog"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:392}},"The domestic dog is a member of the genus Canis (canines), which forms part of the wolf-like canids, and is the most widely abundant terrestrial carnivore."))),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginBottom:50},__source:{fileName:_jsxFileName,lineNumber:400}},_react.default.createElement(_.Ripple,{onPress:function onPress(){return console.log('pressed action');},__source:{fileName:_jsxFileName,lineNumber:401}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/39571/gorilla-silverback-animal-silvery-grey-39571.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:404}}),__source:{fileName:_jsxFileName,lineNumber:402}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:414}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:6},__source:{fileName:_jsxFileName,lineNumber:415}},"Gorilla"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:424}},"Gorillas are ground-dwelling, predominantly herbivorous apes that inhabit the forests of central Sub-Saharan Africa."))),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'share'},{name:'learn more'}],__source:{fileName:_jsxFileName,lineNumber:430}})));}).add('CardActions',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:437}},_react.default.createElement(_Header.default,{title:'Card Actions',__source:{fileName:_jsxFileName,lineNumber:438}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:440}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1938123/pexels-photo-1938123.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:443}}),__source:{fileName:_jsxFileName,lineNumber:441}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:453}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:454}},"Fact: dogs make everything better")),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'share'},{name:'learn more'}],rightActionItems:[{name:'favorite'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:458}})));}).add('CardContent',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:466}},_react.default.createElement(_Header.default,{title:'Card Content',__source:{fileName:_jsxFileName,lineNumber:467}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:468}},_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/1124002/pexels-photo-1124002.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:471}}),__source:{fileName:_jsxFileName,lineNumber:469}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:481}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:482}},"Reasons dogs are the best:"),_react.default.createElement(_reactNative.View,{style:{marginLeft:8},__source:{fileName:_jsxFileName,lineNumber:491}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:492}},"- Man's best friend"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:495}},"- Some have jobs"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:498}},"- See image"))),_react.default.createElement(_.CardActions,{rightActionItems:[_react.default.createElement(_.Badge,{key:2,content:99,__source:{fileName:_jsxFileName,lineNumber:505}},_react.default.createElement(_.IconButton,{name:"favorite",color:'#F44336',size:24,__source:{fileName:_jsxFileName,lineNumber:506}})),{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:503}})),_react.default.createElement(_.Card,{style:{maxWidth:500,width:500,boxSizing:'borderbox',marginTop:40},__source:{fileName:_jsxFileName,lineNumber:513}},_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:520}},_react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:521}},_react.default.createElement(_reactNative.View,{style:{flex:1,padding:8},__source:{fileName:_jsxFileName,lineNumber:522}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:16,fontWeight:'600'},__source:{fileName:_jsxFileName,lineNumber:523}},"Jon"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,1)',fontSize:20,fontWeight:'600',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:531}},"Stewart"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14,flexWrap:'wrap'},__source:{fileName:_jsxFileName,lineNumber:540}},"American comedian, writer, producer, director, activist, political commentator, actor, and television host.")),_react.default.createElement(_reactNative.View,{style:{flex:1,overflow:'hidden'},__source:{fileName:_jsxFileName,lineNumber:550}},_react.default.createElement(_reactNative.Image,{style:{width:250,height:200},source:{uri:'https://www.biography.com/.image/t_share/MTE5NTU2MzE2NDkyNjI5NTE1/jon-stewart-16242282-1-402.jpg'},__source:{fileName:_jsxFileName,lineNumber:551}}))))));}).add('CardHeader',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:566}},_react.default.createElement(_Header.default,{title:'Card Media',__source:{fileName:_jsxFileName,lineNumber:567}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:568}},_react.default.createElement(_.CardHeader,{thumbnail:_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'http://assets1.ignimgs.com/2014/04/07/marioignpng-e324a5_1280w.png'},__source:{fileName:_jsxFileName,lineNumber:574}}),size:40,__source:{fileName:_jsxFileName,lineNumber:571}}),title:'Mario',subtitle:'Hero. Plumber. Brother.',action:_react.default.createElement(_.IconButton,{name:"more-vert",size:24,color:'rgba(0,0,0,.54)',__source:{fileName:_jsxFileName,lineNumber:587}}),__source:{fileName:_jsxFileName,lineNumber:569}}),_react.default.createElement(_.CardMedia,{image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://i.redd.it/tr8wgp1ysulz.png'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:592}}),__source:{fileName:_jsxFileName,lineNumber:590}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:599}},_react.default.createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:600}},"Movember is over.")),_react.default.createElement(_.CardActions,{rightActionItems:[{name:'reply'},{name:'thumb-up'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:602}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginTop:60},radius:1,shadow:4,__source:{fileName:_jsxFileName,lineNumber:610}},_react.default.createElement(_.CardHeader,{subtitle:'Mario - 25 mins ago',style:{alignItems:'center',borderBottom:'none',paddingBottom:0},action:_react.default.createElement(_reactNative.View,{style:{flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:622}},_react.default.createElement(_.IconButton,{name:"star",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:627}}),_react.default.createElement(_.IconButton,{name:"delete",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:628}}),_react.default.createElement(_.IconButton,{name:"more-vert",size:24,color:'rgba(0,0,0,.47)',__source:{fileName:_jsxFileName,lineNumber:629}}),_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'http://assets1.ignimgs.com/2014/04/07/marioignpng-e324a5_1280w.png'},__source:{fileName:_jsxFileName,lineNumber:637}}),size:40,__source:{fileName:_jsxFileName,lineNumber:634}})),__source:{fileName:_jsxFileName,lineNumber:614}},_react.default.createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:648}},"Mario - 25 mins ago")),_react.default.createElement(_.CardContent,{style:{paddingTop:4,paddingBottom:16},__source:{fileName:_jsxFileName,lineNumber:651}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,1)',fontSize:16,marginBottom:4},__source:{fileName:_jsxFileName,lineNumber:652}},"Where is the Princess?"),_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:656}},"I've defeated Bowser in 6 castles and still no Prin..."))));}).add('CardMedia',function(){return _react.default.createElement(_Container.default,{scroll:true,__source:{fileName:_jsxFileName,lineNumber:664}},_react.default.createElement(_Header.default,{title:'Card Media',__source:{fileName:_jsxFileName,lineNumber:665}}),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%'},__source:{fileName:_jsxFileName,lineNumber:667}},_react.default.createElement(_.CardMedia,{title:'Top ten books',subtitle:'by Cody',image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/34620/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:672}}),__source:{fileName:_jsxFileName,lineNumber:668}}),_react.default.createElement(_.CardContent,{__source:{fileName:_jsxFileName,lineNumber:682}},_react.default.createElement(_reactNative.Text,{style:{color:'rgba(0,0,0,.6)',fontSize:14},__source:{fileName:_jsxFileName,lineNumber:683}},"Books ranked with arbitrary bias, inconsistent logic, and strong opinions.")),_react.default.createElement(_.CardActions,{leftActionItems:[{name:'Read'}],rightActionItems:[{name:'favorite'},{name:'share'}],__source:{fileName:_jsxFileName,lineNumber:688}})),_react.default.createElement(_.Card,{style:{maxWidth:400,width:'100%',marginTop:40},__source:{fileName:_jsxFileName,lineNumber:694}},_react.default.createElement(_.CardMedia,{title:'Flights now 30% off',image:_react.default.createElement(_reactNative.Image,{style:{flex:1,width:'100%'},source:{uri:'https://images.pexels.com/photos/59519/pexels-photo-59519.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'},resizeMode:"cover",__source:{fileName:_jsxFileName,lineNumber:698}}),__source:{fileName:_jsxFileName,lineNumber:695}}),_react.default.createElement(_.CardActions,{rightActionItems:[_react.default.createElement(_.Button,{key:1,text:'Learn More',__source:{fileName:_jsxFileName,lineNumber:711}}),_react.default.createElement(_.Button,{key:2,text:'Buy Now',type:"contained",__source:{fileName:_jsxFileName,lineNumber:712}})],__source:{fileName:_jsxFileName,lineNumber:709}})));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Card/CardActions/CardActions.styles.js b/dist/Components/Card/CardActions/CardActions.styles.js
index 94e89278..c5c1c65e 100644
--- a/dist/Components/Card/CardActions/CardActions.styles.js
+++ b/dist/Components/Card/CardActions/CardActions.styles.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{padding:24,flexDirection:'row',justifyContent:'space-between',alignItems:'center',flexWrap:'wrap'},actions:{flexDirection:'row',alignItems:'center'},moreActions:{flexDirection:'row',alignItems:'center'}});var _default=styles;exports.default=_default;
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{padding:24,paddingTop:16,flexDirection:'row',justifyContent:'space-between',alignItems:'center',flexWrap:'wrap'},actions:{flexDirection:'row',alignItems:'center'},moreActions:{flexDirection:'row',alignItems:'center'}});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Dialog/Dialog.js b/dist/Components/Dialog/Dialog.js
index 9316f35f..78762858 100644
--- a/dist/Components/Dialog/Dialog.js
+++ b/dist/Components/Dialog/Dialog.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _Modal=_interopRequireDefault(require("../Modal/Modal"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Dialog=_interopRequireDefault(require("./Dialog.styles"));var _Button=_interopRequireDefault(require("../Button/Button.js"));var _BodyText=_interopRequireDefault(require("../Typography/BodyText/BodyText.js"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Dialog/Dialog.js";var Dialog=function(_Component){(0,_inherits2.default)(Dialog,_Component);function Dialog(){(0,_classCallCheck2.default)(this,Dialog);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Dialog).apply(this,arguments));}(0,_createClass2.default)(Dialog,[{key:"_renderActionItems",value:function _renderActionItems(){var _this$props=this.props,actionItems=_this$props.actionItems,actionItemsContainerStyle=_this$props.actionItemsContainerStyle;return _react.default.createElement(_reactNative.View,{style:[_Dialog.default.actionItems,actionItemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:39}},actionItems.map(function(item,index){if(_react.default.isValidElement(item))return item;return _react.default.createElement(_Button.default,(0,_extends2.default)({key:index},item,{__source:{fileName:_jsxFileName,lineNumber:42}}));}));}},{key:"_renderContent",value:function _renderContent(){var _this$props2=this.props,style=_this$props2.style,title=_this$props2.title,titleStyle=_this$props2.titleStyle,supportingText=_this$props2.supportingText,supportingTextStyle=_this$props2.supportingTextStyle,children=_this$props2.children,actionItems=_this$props2.actionItems,contentStyle=_this$props2.contentStyle;return _react.default.createElement(_reactNative.View,{style:[_Dialog.default.container,style],__source:{fileName:_jsxFileName,lineNumber:60}},_react.default.createElement(_reactNative.View,{style:[_Dialog.default.contentContainer,contentStyle],__source:{fileName:_jsxFileName,lineNumber:61}},title?_react.default.createElement(_BodyText.default,{style:[_Dialog.default.title,titleStyle],__source:{fileName:_jsxFileName,lineNumber:63}},title):null,supportingText?_react.default.createElement(_BodyText.default,{style:[_Dialog.default.supportingText,supportingTextStyle],__source:{fileName:_jsxFileName,lineNumber:66}},supportingText):null,children,actionItems?this._renderActionItems():null));}},{key:"render",value:function render(){var _this$props3=this.props,visible=_this$props3.visible,onRequestClose=_this$props3.onRequestClose,onShow=_this$props3.onShow,onTouchOutside=_this$props3.onTouchOutside,testID=_this$props3.testID;return _react.default.createElement(_Modal.default,{visible:visible,onRequestClose:onRequestClose,onShow:onShow,onTouchOutside:onTouchOutside,testID:testID,__source:{fileName:_jsxFileName,lineNumber:87}},this._renderContent());}}]);return Dialog;}(_react.Component);(0,_defineProperty2.default)(Dialog,"propTypes",{style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),children:_propTypes.default.node,visible:_propTypes.default.bool,onRequestClose:_propTypes.default.func,onShow:_propTypes.default.func,onTouchOutside:_propTypes.default.func,actionItems:_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.object])),actionItemsContainerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),title:_propTypes.default.string,titleStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),supportingText:_propTypes.default.string,supportingTextStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),contentStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),testID:_propTypes.default.string});var _default=(0,_withTheme.default)(Dialog);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _Modal=_interopRequireDefault(require("../Modal/Modal"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Dialog=_interopRequireDefault(require("./Dialog.styles"));var _Button=_interopRequireDefault(require("../Button/Button.js"));var _BodyText=_interopRequireDefault(require("../Typography/BodyText/BodyText.js"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Dialog/Dialog.js";var Dialog=function(_Component){(0,_inherits2.default)(Dialog,_Component);function Dialog(){(0,_classCallCheck2.default)(this,Dialog);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Dialog).apply(this,arguments));}(0,_createClass2.default)(Dialog,[{key:"_renderActionItems",value:function _renderActionItems(){var _this$props=this.props,actionItems=_this$props.actionItems,actionItemsContainerStyle=_this$props.actionItemsContainerStyle;return _react.default.createElement(_reactNative.View,{style:[_Dialog.default.actionItems,actionItemsContainerStyle],__source:{fileName:_jsxFileName,lineNumber:39}},actionItems.map(function(item,index){if(_react.default.isValidElement(item))return item;return _react.default.createElement(_Button.default,(0,_extends2.default)({key:index,density:-1},item,{__source:{fileName:_jsxFileName,lineNumber:42}}));}));}},{key:"_renderContent",value:function _renderContent(){var _this$props2=this.props,style=_this$props2.style,title=_this$props2.title,titleStyle=_this$props2.titleStyle,supportingText=_this$props2.supportingText,supportingTextStyle=_this$props2.supportingTextStyle,children=_this$props2.children,actionItems=_this$props2.actionItems,contentStyle=_this$props2.contentStyle;return _react.default.createElement(_reactNative.View,{style:[_Dialog.default.container,style],__source:{fileName:_jsxFileName,lineNumber:60}},_react.default.createElement(_reactNative.View,{style:[_Dialog.default.contentContainer,contentStyle],__source:{fileName:_jsxFileName,lineNumber:61}},title?_react.default.createElement(_BodyText.default,{style:[_Dialog.default.title,titleStyle],__source:{fileName:_jsxFileName,lineNumber:63}},title):null,supportingText?_react.default.createElement(_BodyText.default,{style:[_Dialog.default.supportingText,supportingTextStyle],__source:{fileName:_jsxFileName,lineNumber:66}},supportingText):null,children,actionItems?this._renderActionItems():null));}},{key:"render",value:function render(){var _this$props3=this.props,visible=_this$props3.visible,onRequestClose=_this$props3.onRequestClose,onShow=_this$props3.onShow,onTouchOutside=_this$props3.onTouchOutside,testID=_this$props3.testID;return _react.default.createElement(_Modal.default,{visible:visible,onRequestClose:onRequestClose,onShow:onShow,onTouchOutside:onTouchOutside,testID:testID,__source:{fileName:_jsxFileName,lineNumber:87}},this._renderContent());}}]);return Dialog;}(_react.Component);(0,_defineProperty2.default)(Dialog,"propTypes",{style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),children:_propTypes.default.node,visible:_propTypes.default.bool,onRequestClose:_propTypes.default.func,onShow:_propTypes.default.func,onTouchOutside:_propTypes.default.func,actionItems:_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.node,_propTypes.default.object])),actionItemsContainerStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),title:_propTypes.default.string,titleStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),supportingText:_propTypes.default.string,supportingTextStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),contentStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),testID:_propTypes.default.string});var _default=(0,_withTheme.default)(Dialog);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Dialog/Dialog.stories.js b/dist/Components/Dialog/Dialog.stories.js
index 27103bcf..2313a316 100644
--- a/dist/Components/Dialog/Dialog.stories.js
+++ b/dist/Components/Dialog/Dialog.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Dialog/Dialog.stories.js";var store=new _storybookState.Store({visible:false});var _default=(0,_storiesOf.storiesOf)('Components|Dialog',module).addParameters({jest:['Dialog']}).add('Alert',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:17}},_react.default.createElement(_Header.default,{title:'Alert Dialog',__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:20}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:22}},_react.default.createElement(_.Button,{text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:23}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},supportingText:'Discard draft?',style:{width:280},actionItems:[{text:'Cancel',onPress:function onPress(){return store.set({visible:false});}},{text:'Discard',type:'contained',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:27}}));}));}).add('Confirmation',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:50}},_react.default.createElement(_Header.default,{title:'Confirmation Dialog',__source:{fileName:_jsxFileName,lineNumber:51}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:53}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:55}},_react.default.createElement(_.Button,{text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:56}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Use Googles location service?',supportingText:'Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.',actionItems:[{text:'Cancel',onPress:function onPress(){return store.set({visible:false});}},{text:'OK',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:60}}));}));}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:84}},_react.default.createElement(_Header.default,{title:'Simple Dialog',__source:{fileName:_jsxFileName,lineNumber:85}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:87}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:89}},_react.default.createElement(_.Button,{text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:90}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Set up backup account',__source:{fileName:_jsxFileName,lineNumber:94}},_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10},__source:{fileName:_jsxFileName,lineNumber:98}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:107}}),size:40,__source:{fileName:_jsxFileName,lineNumber:104}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:116}},"user1@gmail.com")),_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10},__source:{fileName:_jsxFileName,lineNumber:127}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:136}}),size:40,__source:{fileName:_jsxFileName,lineNumber:133}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:145}},"user2@gmail.com")),_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10},__source:{fileName:_jsxFileName,lineNumber:156}},_react.default.createElement(_.Avatar,{type:"icon",content:"add",color:"#ccc",contentColor:'white',size:40,__source:{fileName:_jsxFileName,lineNumber:162}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:169}},"Add account"))));}));}).add('Scrolling',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:186}},_react.default.createElement(_Header.default,{title:'Scrolling Dialog',__source:{fileName:_jsxFileName,lineNumber:187}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:189}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:191}},_react.default.createElement(_.Button,{text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:192}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Terms of Service',contentStyle:{paddingRight:0},actionItems:[{text:'Cancel',onPress:function onPress(){return store.set({visible:false});}},{text:'OK',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:196}},_react.default.createElement(_reactNative.ScrollView,{scrollEnabled:true,contentContainerStyle:{paddingRight:24},__source:{fileName:_jsxFileName,lineNumber:211}},_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:214}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:230}},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:253}},"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."))));}));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Dialog/Dialog.stories.js";var store=new _storybookState.Store({visible:false,checkedOne:false,checkedTwo:false,checkedThree:false,checkedFour:false,checkedFive:false});var _default=(0,_storiesOf.storiesOf)('Components|Dialog',module).addParameters({jest:['Dialog']}).add('Alert',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:30}},_react.default.createElement(_Header.default,{title:'Alert Dialog',__source:{fileName:_jsxFileName,lineNumber:31}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:33}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:35}},_react.default.createElement(_.Button,{textColor:'#6E2CFA',text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},supportingText:'Discard draft?',style:{width:280},actionItems:[{textColor:'#6E2CFA',text:'Cancel',onPress:function onPress(){return store.set({visible:false});}},{color:'#6E2CFA',text:'Discard',type:'contained',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:41}}));}));}).add('Confirmation',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:66}},_react.default.createElement(_Header.default,{title:'Confirmation Dialog',__source:{fileName:_jsxFileName,lineNumber:67}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:69}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:71}},_react.default.createElement(_.Button,{textColor:'#6E2CFA',text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:72}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Use Googles location service?',supportingText:'Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.',actionItems:[{textColor:'#6E2CFA',text:'Cancel',onPress:function onPress(){return store.set({visible:false});}},{textColor:'#6E2CFA',text:'OK',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:77}}));}));}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:103}},_react.default.createElement(_Header.default,{title:'Simple Dialog',__source:{fileName:_jsxFileName,lineNumber:104}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:106}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:108}},_react.default.createElement(_.Button,{textColor:'#6E2CFA',text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:109}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Set up backup account',style:{paddingRight:24},__source:{fileName:_jsxFileName,lineNumber:114}},_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10},__source:{fileName:_jsxFileName,lineNumber:119}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:128}}),size:40,__source:{fileName:_jsxFileName,lineNumber:125}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:137}},"user1@gmail.com")),_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10},__source:{fileName:_jsxFileName,lineNumber:148}},_react.default.createElement(_.Avatar,{type:"image",image:_react.default.createElement(_reactNative.Image,{source:{uri:'https://avatars1.githubusercontent.com/u/12564956?s=460&v=4'},__source:{fileName:_jsxFileName,lineNumber:157}}),size:40,__source:{fileName:_jsxFileName,lineNumber:154}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:166}},"user2@gmail.com")),_react.default.createElement(_.Ripple,{style:{flexDirection:'row',alignItems:'center',padding:10,paddingBottom:24},__source:{fileName:_jsxFileName,lineNumber:177}},_react.default.createElement(_.Avatar,{type:"icon",content:"add",color:"#ccc",contentColor:'white',size:40,__source:{fileName:_jsxFileName,lineNumber:184}}),_react.default.createElement(_.BodyText,{style:{fontSize:14,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginLeft:20},__source:{fileName:_jsxFileName,lineNumber:191}},"Add account"))));}));}).add('Scrolling',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:208}},_react.default.createElement(_Header.default,{title:'Scrolling Dialog',__source:{fileName:_jsxFileName,lineNumber:209}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:211}},function(state){return _react.default.createElement(_reactNative.View,{style:{flexDirection:'row'},__source:{fileName:_jsxFileName,lineNumber:213}},_react.default.createElement(_.Button,{textColor:'#6E2CFA',text:'Open',onPress:function onPress(){return store.set({visible:!state.visible});},__source:{fileName:_jsxFileName,lineNumber:214}}),_react.default.createElement(_.Dialog,{visible:state.visible,onTouchOutside:function onTouchOutside(){return store.set({visible:false});},title:'Get this party started?',titleStyle:{marginLeft:24},contentStyle:{paddingLeft:0,paddingBottom:0,height:360},actionItems:[{textColor:'#6E2CFA',text:'Second',onPress:function onPress(){return store.set({visible:false});}},{textColor:'#6E2CFA',text:'First',onPress:function onPress(){return store.set({visible:false});}}],__source:{fileName:_jsxFileName,lineNumber:219}},_react.default.createElement(_reactNative.View,{style:{borderBottomColor:'rgba(0, 0, 0, 0.08)',borderBottomWidth:1},__source:{fileName:_jsxFileName,lineNumber:237}}),_react.default.createElement(_reactNative.ScrollView,{scrollEnabled:true,contentContainerStyle:{padding:16},__source:{fileName:_jsxFileName,lineNumber:243}},_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:244}},_react.default.createElement(_.Icon,{name:"insert-chart",size:24,color:'rgba(0, 0, 0, 0.54)',__source:{fileName:_jsxFileName,lineNumber:250}}),_react.default.createElement(_.BodyText,{text:"option 1",style:{marginLeft:32,width:100},__source:{fileName:_jsxFileName,lineNumber:255}}),_react.default.createElement(_.Checkbox,{rippleMatchesCheckbox:true,checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedOne,style:{paddingVertical:16},label:'01',labelStyle:{marginLeft:130},labelPos:'left',onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:259}})),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:271}},_react.default.createElement(_.Icon,{name:"insert-chart",size:24,color:'rgba(0, 0, 0, 0.54)',__source:{fileName:_jsxFileName,lineNumber:277}}),_react.default.createElement(_.BodyText,{text:"option 2",style:{marginLeft:32,width:100},__source:{fileName:_jsxFileName,lineNumber:282}}),_react.default.createElement(_.Checkbox,{rippleMatchesCheckbox:true,checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedTwo,style:{paddingVertical:16},label:'02',labelStyle:{marginLeft:130},labelPos:'left',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:286}})),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:298}},_react.default.createElement(_.Icon,{name:"insert-chart",size:24,color:'rgba(0, 0, 0, 0.54)',__source:{fileName:_jsxFileName,lineNumber:304}}),_react.default.createElement(_.BodyText,{text:"option 3",style:{marginLeft:32,width:100},__source:{fileName:_jsxFileName,lineNumber:309}}),_react.default.createElement(_.Checkbox,{rippleMatchesCheckbox:true,checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedThree,style:{paddingVertical:16},label:'03',labelStyle:{marginLeft:130},labelPos:'left',onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:313}})),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:327}},_react.default.createElement(_.Icon,{name:"insert-chart",size:24,color:'rgba(0, 0, 0, 0.54)',__source:{fileName:_jsxFileName,lineNumber:333}}),_react.default.createElement(_.BodyText,{text:"option 4",style:{marginLeft:32,width:100},__source:{fileName:_jsxFileName,lineNumber:338}}),_react.default.createElement(_.Checkbox,{rippleMatchesCheckbox:true,checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFour,style:{paddingVertical:16,marginLeft:0},label:'04',labelStyle:{marginLeft:130,width:20},labelPos:'left',onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:342}})),_react.default.createElement(_reactNative.View,{style:{flex:1,flexDirection:'row',alignItems:'center'},__source:{fileName:_jsxFileName,lineNumber:356}},_react.default.createElement(_.Icon,{name:"insert-chart",size:24,color:'rgba(0, 0, 0, 0.54)',__source:{fileName:_jsxFileName,lineNumber:362}}),_react.default.createElement(_.BodyText,{text:"option 5",style:{marginLeft:32,width:100},__source:{fileName:_jsxFileName,lineNumber:367}}),_react.default.createElement(_.Checkbox,{rippleMatchesCheckbox:true,checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFive,style:{paddingVertical:16},label:'05',labelStyle:{marginLeft:130},labelPos:'left',onPress:function onPress(){return store.set({checkedFive:!state.checkedFive});},__source:{fileName:_jsxFileName,lineNumber:371}})))));}));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Dialog/Dialog.styles.js b/dist/Components/Dialog/Dialog.styles.js
index a17a6bbe..13e1af7b 100644
--- a/dist/Components/Dialog/Dialog.styles.js
+++ b/dist/Components/Dialog/Dialog.styles.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:_objectSpread({backgroundColor:'#ffffff',width:'100%',borderRadius:4,paddingTop:24,maxWidth:_reactNative.Platform.OS=='web'?560:'100%',maxHeight:_reactNative.Platform.OS=='web'?'calc(100vh - 20px)':'100%',overflow:'hidden'},(0,_shadow.default)(24)),contentContainer:{flex:_reactNative.Platform.OS=='web'?1:0,paddingLeft:24,paddingRight:24,paddingBottom:8},title:{fontSize:20,lineHeight:20,fontWeight:'500',color:'rgba(0, 0, 0, 0.87)',marginBottom:20},supportingText:{fontSize:16,fontWeight:'400',color:'rgba(0, 0, 0, 0.54)',marginBottom:16,lineHeight:24},actionItems:{flexDirection:'row',justifyContent:'flex-end',paddingHorizontal:8,paddingBottom:8}});var _default=styles;exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:_objectSpread({backgroundColor:'#ffffff',width:'100%',borderRadius:4,paddingTop:24,maxWidth:_reactNative.Platform.OS=='web'?560:'100%',maxHeight:_reactNative.Platform.OS=='web'?'calc(100vh - 20px)':'100%',overflow:'hidden'},(0,_shadow.default)(24)),contentContainer:{flex:_reactNative.Platform.OS=='web'?1:0,paddingLeft:24},title:{fontSize:20,lineHeight:24,fontWeight:'500',color:'#212121',letterSpacing:0.15,marginBottom:24,marginRight:24},supportingText:{fontSize:16,fontWeight:'400',color:'rgba(0, 0, 0, 0.6)',marginRight:24,letterSpacing:0.44,lineHeight:24},actionItems:{flexDirection:'row',justifyContent:'flex-end',paddingHorizontal:8,paddingBottom:8,marginTop:24}});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/List/List.stories.js b/dist/Components/List/List.stories.js
index d76009a7..df708187 100644
--- a/dist/Components/List/List.stories.js
+++ b/dist/Components/List/List.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/List.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|List',module).addParameters({jest:['List']}).add('simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:11}},_react.default.createElement(_Header.default,{title:'Simple text List',__source:{fileName:_jsxFileName,lineNumber:12}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:14}},_react.default.createElement(_.ListItem,{text:'Attractions',__source:{fileName:_jsxFileName,lineNumber:15}}),_react.default.createElement(_.ListItem,{text:'Dining',__source:{fileName:_jsxFileName,lineNumber:16}}),_react.default.createElement(_.ListItem,{text:'Education',__source:{fileName:_jsxFileName,lineNumber:17}}),_react.default.createElement(_.ListItem,{text:'Health',__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_.ListItem,{text:'Family',__source:{fileName:_jsxFileName,lineNumber:19}}),_react.default.createElement(_.ListItem,{text:'Office',__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.ListItem,{text:'Promotions',__source:{fileName:_jsxFileName,lineNumber:21}})));}).add('with subheader',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:27}},_react.default.createElement(_Header.default,{title:'List subheader',__source:{fileName:_jsxFileName,lineNumber:28}}),_react.default.createElement(_.List,{subheader:'Favorites',style:{width:300},__source:{fileName:_jsxFileName,lineNumber:30}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:34}}),__source:{fileName:_jsxFileName,lineNumber:31}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:46}}),__source:{fileName:_jsxFileName,lineNumber:43}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:58}}),__source:{fileName:_jsxFileName,lineNumber:55}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:70}}),__source:{fileName:_jsxFileName,lineNumber:67}})));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/List.stories.js";var store=new _storybookState.Store({checkedOne:false,checkedTwo:false,checkedThree:false,checkedFour:false,checkedFive:false,checkedSix:false});var _default=(0,_storiesOf.storiesOf)('Components|List',module).addParameters({jest:['List']}).add('simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:21}},_react.default.createElement(_Header.default,{title:'Simple text List',__source:{fileName:_jsxFileName,lineNumber:22}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:24}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_.ListItem,{text:'Attractions',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:29}}),onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedOne,onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:32}}),__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.ListItem,{style:{paddingVertical:12},text:'Dining',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:42}}),onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedTwo,onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:45}}),__source:{fileName:_jsxFileName,lineNumber:39}}),_react.default.createElement(_.ListItem,{style:{paddingVertical:12},text:'Education',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:55}}),onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedThree,onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:58}}),__source:{fileName:_jsxFileName,lineNumber:52}}),_react.default.createElement(_.ListItem,{style:{paddingVertical:12},text:'Health',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:70}}),onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFour,onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:73}}),__source:{fileName:_jsxFileName,lineNumber:67}}),_react.default.createElement(_.ListItem,{style:{paddingVertical:12},text:'Family',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:83}}),onPress:function onPress(){return store.set({checkedFive:!state.checkedFive});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFive,onPress:function onPress(){return store.set({checkedFive:!state.checkedFive});},__source:{fileName:_jsxFileName,lineNumber:86}}),__source:{fileName:_jsxFileName,lineNumber:80}}),_react.default.createElement(_.ListItem,{style:{paddingVertical:12},text:'Office',icon:_react.default.createElement(_.Icon,{name:'insert-chart',size:24,__source:{fileName:_jsxFileName,lineNumber:96}}),onPress:function onPress(){return store.set({checkedSix:!state.checkedSix});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedSix,onPress:function onPress(){return store.set({checkedSix:!state.checkedSix});},__source:{fileName:_jsxFileName,lineNumber:99}}),__source:{fileName:_jsxFileName,lineNumber:93}}));}));}).add('with subheader',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:113}},_react.default.createElement(_Header.default,{title:'List subheader',__source:{fileName:_jsxFileName,lineNumber:114}}),_react.default.createElement(_.List,{subheader:'Favorites',style:{width:300},__source:{fileName:_jsxFileName,lineNumber:116}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:120}}),__source:{fileName:_jsxFileName,lineNumber:117}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:132}}),__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:144}}),__source:{fileName:_jsxFileName,lineNumber:141}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:156}}),__source:{fileName:_jsxFileName,lineNumber:153}})));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/List/ListItem/ListItem.js b/dist/Components/List/ListItem/ListItem.js
index 6e7810c0..2d0ae067 100644
--- a/dist/Components/List/ListItem/ListItem.js
+++ b/dist/Components/List/ListItem/ListItem.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _BodyText=_interopRequireDefault(require("../../Typography/BodyText/BodyText.js"));var _Caption=_interopRequireDefault(require("../../Typography/Caption/Caption.js"));var _Ripple=_interopRequireDefault(require("../../Ripple/Ripple.js"));var _Hoverable=_interopRequireDefault(require("../../../Utils/Hoverable/Hoverable.js"));var _color=_interopRequireDefault(require("color"));var _ListItem=_interopRequireDefault(require("./ListItem.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/ListItem/ListItem.js";var ListItem=function(_Component){(0,_inherits2.default)(ListItem,_Component);function ListItem(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,ListItem);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ListItem)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{stateBackgroundColor:null,isPressed:false});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getBackgroundColor",function(){var _this$props=_this.props,backgroundColor=_this$props.backgroundColor,selected=_this$props.selected,disabled=_this$props.disabled,rippleProps=_this$props.rippleProps;var stateBackgroundColor=_this.state.stateBackgroundColor;var implementedBackgroundColor=backgroundColor?backgroundColor:'transparent';implementedBackgroundColor=stateBackgroundColor?stateBackgroundColor:implementedBackgroundColor;var rippleColor=rippleProps&&rippleProps.rippleColor?(0,_color.default)(rippleProps.rippleColor).alpha(0.12).rgb().string():'rgba(0, 0, 0, 0.12)';implementedBackgroundColor=selected?rippleColor:implementedBackgroundColor;return disabled?'transparent':implementedBackgroundColor;});return _this;}(0,_createClass2.default)(ListItem,[{key:"_renderText",value:function _renderText(){var _this$props2=this.props,text=_this$props2.text,_this$props2$textProp=_this$props2.textProps,textProps=_this$props2$textProp===void 0?{}:_this$props2$textProp,secondaryText=_this$props2.secondaryText,_this$props2$secondar=_this$props2.secondaryTextProps,secondaryTextProps=_this$props2$secondar===void 0?{}:_this$props2$secondar,disabled=_this$props2.disabled,textStyle=_this$props2.textStyle,secondaryTextStyle=_this$props2.secondaryTextStyle;return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-start'},ellipsizeMode:"tail",__source:{fileName:_jsxFileName,lineNumber:54}},_react.default.createElement(_BodyText.default,(0,_extends2.default)({style:[_ListItem.default.listItemText,{color:disabled?'rgba(0,0,0,0.47)':'rgba(0,0,0,0.87)'},textStyle],numberOfLines:1},textProps,{__source:{fileName:_jsxFileName,lineNumber:55}}),text),typeof secondaryText==='string'?_react.default.createElement(_Caption.default,(0,_extends2.default)({style:[_ListItem.default.listItemSecondaryText,{color:'rgba(0,0,0,0.57)'},secondaryTextStyle],numberOfLines:2},secondaryTextProps,{__source:{fileName:_jsxFileName,lineNumber:66}}),secondaryText):secondaryText);}},{key:"_renderIcon",value:function _renderIcon(){var icon=this.props.icon;return _react.default.cloneElement(icon,{size:icon.props.size?icon.props.size:16,color:icon.props.color?icon.props.color:'#6e6e6e'});}},{key:"_renderActionitem",value:function _renderActionitem(){var actionItem=this.props.actionItem;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:95}},_react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:96}}),actionItem);}},{key:"_renderLeadingActionItem",value:function _renderLeadingActionItem(){var leadingActionItem=this.props.leadingActionItem;return leadingActionItem;}},{key:"handleHover",value:function handleHover(toggle){var rippleProps=this.props.rippleProps;var bgColor=this.getBackgroundColor();var implementedColor;if(bgColor=='transparent'){implementedColor=toggle?'rgba(0, 0, 0, 0.12)':null;}else{if((0,_color.default)(bgColor).isDark()){implementedColor=toggle?(0,_color.default)(bgColor).lighten(0.15).rgb().string():null;}else{implementedColor=toggle?(0,_color.default)(bgColor).darken(0.15).rgb().string():null;}}if(rippleProps&&rippleProps.rippleColor){implementedColor=toggle?(0,_color.default)(rippleProps.rippleColor).alpha(0.12).rgb().string():null;}this.setState({stateBackgroundColor:implementedColor});}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,style=_this$props3.style,onPress=_this$props3.onPress,disabled=_this$props3.disabled,children=_this$props3.children,media=_this$props3.media,icon=_this$props3.icon,actionItem=_this$props3.actionItem,leadingActionItem=_this$props3.leadingActionItem,rippleProps=_this$props3.rippleProps,rest=(0,_objectWithoutProperties2.default)(_this$props3,["style","onPress","disabled","children","media","icon","actionItem","leadingActionItem","rippleProps"]);var isPressed=this.state.isPressed;var contentMargin=media?16:0;if(icon||leadingActionItem)contentMargin=32;return _react.default.createElement(_Hoverable.default,{onHoverIn:function onHoverIn(){return _this2.handleHover(true);},onHoverOut:function onHoverOut(){return _this2.handleHover(false);},__source:{fileName:_jsxFileName,lineNumber:190}},_react.default.createElement(_Ripple.default,(0,_extends2.default)({onAnimationEnd:function onAnimationEnd(){if(isPressed&&onPress){onPress();_this2.setState({isPressed:false});}},rippleDuration:200,disabled:disabled,rippleColor:'rgba(0,0,0,.8)',onPress:function onPress(){return _this2.setState({isPressed:true});},style:[{backgroundColor:this.getBackgroundColor(),flexDirection:'row',alignItems:'center',paddingHorizontal:16,paddingLeft:16,paddingRight:16,paddingVertical:12,width:'100%',zIndex:1},style]},rippleProps,rest,{__source:{fileName:_jsxFileName,lineNumber:193}}),leadingActionItem?this._renderLeadingActionItem():null,icon?this._renderIcon():null,media?media:null,_react.default.createElement(_reactNative.View,{style:{alignSelf:'center',marginLeft:contentMargin,flexShrink:1},__source:{fileName:_jsxFileName,lineNumber:223}},children?children:this._renderText()),actionItem?this._renderActionitem():null));}}]);return ListItem;}(_react.Component);(0,_defineProperty2.default)(ListItem,"propTypes",{children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),onPress:_propTypes.default.func,disabled:_propTypes.default.bool,selected:_propTypes.default.bool,text:_propTypes.default.string,textProps:_propTypes.default.object,secondaryText:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.element]),secondaryTextProps:_propTypes.default.object,media:_propTypes.default.node,icon:_propTypes.default.node,actionItem:_propTypes.default.node,leadingActionItem:_propTypes.default.node,textStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),secondaryTextStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),rippleProps:_propTypes.default.object,backgroundColor:_propTypes.default.string});var _default=(0,_withTheme.default)(ListItem);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _BodyText=_interopRequireDefault(require("../../Typography/BodyText/BodyText.js"));var _Caption=_interopRequireDefault(require("../../Typography/Caption/Caption.js"));var _Ripple=_interopRequireDefault(require("../../Ripple/Ripple.js"));var _Hoverable=_interopRequireDefault(require("../../../Utils/Hoverable/Hoverable.js"));var _color=_interopRequireDefault(require("color"));var _ListItem=_interopRequireDefault(require("./ListItem.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/ListItem/ListItem.js";var ListItem=function(_Component){(0,_inherits2.default)(ListItem,_Component);function ListItem(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,ListItem);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ListItem)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{stateBackgroundColor:null,isPressed:false});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getBackgroundColor",function(){var _this$props=_this.props,backgroundColor=_this$props.backgroundColor,selected=_this$props.selected,disabled=_this$props.disabled,rippleProps=_this$props.rippleProps;var stateBackgroundColor=_this.state.stateBackgroundColor;var implementedBackgroundColor=backgroundColor?backgroundColor:'transparent';implementedBackgroundColor=stateBackgroundColor?stateBackgroundColor:implementedBackgroundColor;var rippleColor=rippleProps&&rippleProps.rippleColor?(0,_color.default)(rippleProps.rippleColor).alpha(0.12).rgb().string():'rgba(0, 0, 0, 0.12)';implementedBackgroundColor=selected?rippleColor:implementedBackgroundColor;return disabled?'transparent':implementedBackgroundColor;});return _this;}(0,_createClass2.default)(ListItem,[{key:"_renderText",value:function _renderText(){var _this$props2=this.props,text=_this$props2.text,_this$props2$textProp=_this$props2.textProps,textProps=_this$props2$textProp===void 0?{}:_this$props2$textProp,secondaryText=_this$props2.secondaryText,_this$props2$secondar=_this$props2.secondaryTextProps,secondaryTextProps=_this$props2$secondar===void 0?{}:_this$props2$secondar,disabled=_this$props2.disabled,textStyle=_this$props2.textStyle,secondaryTextStyle=_this$props2.secondaryTextStyle;return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-start'},ellipsizeMode:"tail",__source:{fileName:_jsxFileName,lineNumber:54}},_react.default.createElement(_BodyText.default,(0,_extends2.default)({style:[_ListItem.default.listItemText,{color:disabled?'rgba(0,0,0,0.47)':'rgba(0,0,0,1)'},textStyle],numberOfLines:1},textProps,{__source:{fileName:_jsxFileName,lineNumber:55}}),text),typeof secondaryText==='string'?_react.default.createElement(_Caption.default,(0,_extends2.default)({style:[_ListItem.default.listItemSecondaryText,{color:'rgba(0,0,0,0.57)'},secondaryTextStyle],numberOfLines:2},secondaryTextProps,{__source:{fileName:_jsxFileName,lineNumber:66}}),secondaryText):secondaryText);}},{key:"_renderIcon",value:function _renderIcon(){var icon=this.props.icon;return _react.default.cloneElement(icon,{size:icon.props.size?icon.props.size:24,color:icon.props.color?icon.props.color:'rgba(0, 0, 0, 0.54)'});}},{key:"_renderActionitem",value:function _renderActionitem(){var actionItem=this.props.actionItem;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:95}},_react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:96}}),actionItem);}},{key:"_renderLeadingActionItem",value:function _renderLeadingActionItem(){var leadingActionItem=this.props.leadingActionItem;return leadingActionItem;}},{key:"handleHover",value:function handleHover(toggle){var rippleProps=this.props.rippleProps;var bgColor=this.getBackgroundColor();var implementedColor;if(bgColor=='transparent'){implementedColor=toggle?'rgba(0, 0, 0, 0.12)':null;}else{if((0,_color.default)(bgColor).isDark()){implementedColor=toggle?(0,_color.default)(bgColor).lighten(0.15).rgb().string():null;}else{implementedColor=toggle?(0,_color.default)(bgColor).darken(0.15).rgb().string():null;}}if(rippleProps&&rippleProps.rippleColor){implementedColor=toggle?(0,_color.default)(rippleProps.rippleColor).alpha(0.12).rgb().string():null;}this.setState({stateBackgroundColor:implementedColor});}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,style=_this$props3.style,onPress=_this$props3.onPress,disabled=_this$props3.disabled,children=_this$props3.children,media=_this$props3.media,icon=_this$props3.icon,actionItem=_this$props3.actionItem,leadingActionItem=_this$props3.leadingActionItem,rippleProps=_this$props3.rippleProps,rest=(0,_objectWithoutProperties2.default)(_this$props3,["style","onPress","disabled","children","media","icon","actionItem","leadingActionItem","rippleProps"]);var isPressed=this.state.isPressed;var contentMargin=media?16:0;if(icon||leadingActionItem)contentMargin=32;return _react.default.createElement(_Hoverable.default,{onHoverIn:function onHoverIn(){return _this2.handleHover(true);},onHoverOut:function onHoverOut(){return _this2.handleHover(false);},__source:{fileName:_jsxFileName,lineNumber:190}},_react.default.createElement(_Ripple.default,(0,_extends2.default)({onAnimationEnd:function onAnimationEnd(){if(isPressed&&onPress){onPress();_this2.setState({isPressed:false});}},rippleDuration:200,disabled:disabled,rippleColor:'rgba(0,0,0,.8)',onPress:function onPress(){return _this2.setState({isPressed:true});},style:[{backgroundColor:this.getBackgroundColor(),flexDirection:'row',alignItems:'center',padding:16,width:_reactNative.Platform.OS==='web'?416:'100%',zIndex:1},style]},rippleProps,rest,{__source:{fileName:_jsxFileName,lineNumber:193}}),leadingActionItem?this._renderLeadingActionItem():null,icon?this._renderIcon():null,media?media:null,_react.default.createElement(_reactNative.View,{style:{alignSelf:'center',marginLeft:contentMargin,flexShrink:1},__source:{fileName:_jsxFileName,lineNumber:220}},children?children:this._renderText()),actionItem?this._renderActionitem():null));}}]);return ListItem;}(_react.Component);(0,_defineProperty2.default)(ListItem,"propTypes",{children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),onPress:_propTypes.default.func,disabled:_propTypes.default.bool,selected:_propTypes.default.bool,text:_propTypes.default.string,textProps:_propTypes.default.object,secondaryText:_propTypes.default.oneOfType([_propTypes.default.string,_propTypes.default.element]),secondaryTextProps:_propTypes.default.object,media:_propTypes.default.node,icon:_propTypes.default.node,actionItem:_propTypes.default.node,leadingActionItem:_propTypes.default.node,textStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),secondaryTextStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),rippleProps:_propTypes.default.object,backgroundColor:_propTypes.default.string});var _default=(0,_withTheme.default)(ListItem);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/List/ListItem/ListItem.stories.js b/dist/Components/List/ListItem/ListItem.stories.js
index e29f471d..3795624c 100644
--- a/dist/Components/List/ListItem/ListItem.stories.js
+++ b/dist/Components/List/ListItem/ListItem.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../../");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/ListItem/ListItem.stories.js";var store=new _storybookState.Store({checkedOne:false,checkedTwo:false,checkedThree:false,checkedFour:false,checkedFive:false,selected:2});var _default=(0,_storiesOf.storiesOf)('Components|List/ListItem',module).addParameters({jest:['ListItem']}).add('with text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:30}},_react.default.createElement(_Header.default,{title:'Text List',__source:{fileName:_jsxFileName,lineNumber:31}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:33}},_react.default.createElement(_.ListItem,{text:'Attractions',__source:{fileName:_jsxFileName,lineNumber:34}}),_react.default.createElement(_.ListItem,{text:'Dining',__source:{fileName:_jsxFileName,lineNumber:35}}),_react.default.createElement(_.ListItem,{text:'Education',__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.ListItem,{text:'Health',__source:{fileName:_jsxFileName,lineNumber:37}}),_react.default.createElement(_.ListItem,{text:'Family',__source:{fileName:_jsxFileName,lineNumber:38}}),_react.default.createElement(_.ListItem,{text:'Office',__source:{fileName:_jsxFileName,lineNumber:39}}),_react.default.createElement(_.ListItem,{text:'Promotions',__source:{fileName:_jsxFileName,lineNumber:40}})));}).add('with icon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:45}},_react.default.createElement(_Header.default,{title:'Text and Icon List',__source:{fileName:_jsxFileName,lineNumber:46}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:48}},_react.default.createElement(_.ListItem,{text:'Attractions',icon:_react.default.createElement(_.Icon,{name:'local-movies',size:24,__source:{fileName:_jsxFileName,lineNumber:51}}),__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_.ListItem,{text:'Dining',icon:_react.default.createElement(_.Icon,{name:'local-dining',size:24,__source:{fileName:_jsxFileName,lineNumber:55}}),__source:{fileName:_jsxFileName,lineNumber:53}}),_react.default.createElement(_.ListItem,{text:'Education',icon:_react.default.createElement(_.Icon,{name:'edit',size:24,__source:{fileName:_jsxFileName,lineNumber:57}}),__source:{fileName:_jsxFileName,lineNumber:57}}),_react.default.createElement(_.ListItem,{text:'Health',icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,__source:{fileName:_jsxFileName,lineNumber:58}}),__source:{fileName:_jsxFileName,lineNumber:58}}),_react.default.createElement(_.ListItem,{text:'Family',icon:_react.default.createElement(_.Icon,{name:'group',size:24,__source:{fileName:_jsxFileName,lineNumber:59}}),__source:{fileName:_jsxFileName,lineNumber:59}}),_react.default.createElement(_.ListItem,{text:'Office',icon:_react.default.createElement(_.Icon,{name:'content-cut',size:24,__source:{fileName:_jsxFileName,lineNumber:62}}),__source:{fileName:_jsxFileName,lineNumber:60}}),_react.default.createElement(_.ListItem,{text:'Promotions',icon:_react.default.createElement(_.Icon,{name:'loyalty',size:24,__source:{fileName:_jsxFileName,lineNumber:66}}),__source:{fileName:_jsxFileName,lineNumber:64}})));}).add('with media',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:72}},_react.default.createElement(_Header.default,{title:'Text and Media List',__source:{fileName:_jsxFileName,lineNumber:73}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:75}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:79}}),__source:{fileName:_jsxFileName,lineNumber:76}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:91}}),__source:{fileName:_jsxFileName,lineNumber:88}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:103}}),__source:{fileName:_jsxFileName,lineNumber:100}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:115}}),__source:{fileName:_jsxFileName,lineNumber:112}})));}).add('with actionItem',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:128}},_react.default.createElement(_Header.default,{title:'Text and Action Item List',__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:130}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:132}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:136}}),onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},actionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedOne,onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:146}}),__source:{fileName:_jsxFileName,lineNumber:133}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:155}}),onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},actionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedTwo,onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:165}}),__source:{fileName:_jsxFileName,lineNumber:152}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:174}}),onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},actionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedThree,onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:184}}),__source:{fileName:_jsxFileName,lineNumber:171}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:195}}),onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},actionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedFour,onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:205}}),__source:{fileName:_jsxFileName,lineNumber:192}}));}));}).add('with leadingAction',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:217}},_react.default.createElement(_Header.default,{title:'Text and Leading Action List',__source:{fileName:_jsxFileName,lineNumber:218}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:219}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:221}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:226}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedOne,onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:229}}),__source:{fileName:_jsxFileName,lineNumber:222}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:239}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedTwo,onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:242}}),__source:{fileName:_jsxFileName,lineNumber:235}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:252}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedThree,onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:255}}),__source:{fileName:_jsxFileName,lineNumber:248}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:267}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checked:state.checkedFour,onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:270}}),__source:{fileName:_jsxFileName,lineNumber:263}}));}));}).add('with secondary text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:282}},_react.default.createElement(_Header.default,{title:'Text and secondary text List',__source:{fileName:_jsxFileName,lineNumber:283}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:285}},_react.default.createElement(_.ListItem,{text:'Photos',secondaryText:'Jan 9, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:290}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:298}}),__source:{fileName:_jsxFileName,lineNumber:286}}),_react.default.createElement(_.ListItem,{text:'Recipes',secondaryText:'Jan 17, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:304}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:312}}),__source:{fileName:_jsxFileName,lineNumber:300}}),_react.default.createElement(_.ListItem,{text:'Work',secondaryText:'Jan 28, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:318}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:326}}),__source:{fileName:_jsxFileName,lineNumber:314}}),_react.default.createElement(_.ListItem,{text:'Vacation',secondaryText:'Jan, 31, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:332}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:340}}),__source:{fileName:_jsxFileName,lineNumber:328}})));}).add('selected',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:346}},_react.default.createElement(_Header.default,{title:'Selected Item',__source:{fileName:_jsxFileName,lineNumber:347}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:348}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:350}},_react.default.createElement(_.ListItem,{text:'Attractions',icon:_react.default.createElement(_.Icon,{name:'local-movies',size:24,__source:{fileName:_jsxFileName,lineNumber:353}}),onPress:function onPress(){return store.set({selected:1});},selected:state.selected==1,__source:{fileName:_jsxFileName,lineNumber:351}}),_react.default.createElement(_.ListItem,{text:'Dining',icon:_react.default.createElement(_.Icon,{name:'local-dining',size:24,__source:{fileName:_jsxFileName,lineNumber:359}}),onPress:function onPress(){return store.set({selected:2});},selected:state.selected==2,__source:{fileName:_jsxFileName,lineNumber:357}}),_react.default.createElement(_.ListItem,{text:'Education',icon:_react.default.createElement(_.Icon,{name:'edit',size:24,__source:{fileName:_jsxFileName,lineNumber:365}}),onPress:function onPress(){return store.set({selected:3});},selected:state.selected==3,__source:{fileName:_jsxFileName,lineNumber:363}}),_react.default.createElement(_.ListItem,{text:'Health',icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,__source:{fileName:_jsxFileName,lineNumber:371}}),onPress:function onPress(){return store.set({selected:4});},selected:state.selected==4,__source:{fileName:_jsxFileName,lineNumber:369}}),_react.default.createElement(_.ListItem,{text:'Family',icon:_react.default.createElement(_.Icon,{name:'group',size:24,__source:{fileName:_jsxFileName,lineNumber:377}}),onPress:function onPress(){return store.set({selected:5});},selected:state.selected==5,__source:{fileName:_jsxFileName,lineNumber:375}}));}));}).add('disabled',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:387}},_react.default.createElement(_Header.default,{title:'Text List',__source:{fileName:_jsxFileName,lineNumber:388}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:390}},_react.default.createElement(_.ListItem,{text:'Attractions',__source:{fileName:_jsxFileName,lineNumber:391}}),_react.default.createElement(_.ListItem,{text:'Dining',__source:{fileName:_jsxFileName,lineNumber:392}}),_react.default.createElement(_.ListItem,{text:'Education',disabled:true,__source:{fileName:_jsxFileName,lineNumber:393}}),_react.default.createElement(_.ListItem,{text:'Health',__source:{fileName:_jsxFileName,lineNumber:394}}),_react.default.createElement(_.ListItem,{text:'Family',disabled:true,__source:{fileName:_jsxFileName,lineNumber:395}}),_react.default.createElement(_.ListItem,{text:'Office',disabled:true,__source:{fileName:_jsxFileName,lineNumber:396}}),_react.default.createElement(_.ListItem,{text:'Promotions',__source:{fileName:_jsxFileName,lineNumber:397}})));}).add('custom secondary text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:402}},_react.default.createElement(_Header.default,{title:'Custom secondary text',__source:{fileName:_jsxFileName,lineNumber:403}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:405}},_react.default.createElement(_.ListItem,{text:'New invoice',secondaryText:_react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:409}},_react.default.createElement(_.Caption,{style:{fontSize:14,lineHeight:14,marginTop:4,color:'rgba(0,0,0,0.57)'},__source:{fileName:_jsxFileName,lineNumber:410}},"Example"),_react.default.createElement(_reactNative.View,{style:{paddingTop:4},__source:{fileName:_jsxFileName,lineNumber:419}},_react.default.createElement(_.Chip,{text:"Invoice.pdf",leftIcon:_react.default.createElement(_.Icon,{name:"picture-as-pdf",__source:{fileName:_jsxFileName,lineNumber:422}}),__source:{fileName:_jsxFileName,lineNumber:420}}))),media:_react.default.createElement(_.Avatar,{type:"icon",content:"email",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:428}}),__source:{fileName:_jsxFileName,lineNumber:406}})));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../../");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/List/ListItem/ListItem.stories.js";var store=new _storybookState.Store({checkedOne:false,checkedTwo:false,checkedThree:false,checkedFour:false,checkedFive:false,selected:2});var _default=(0,_storiesOf.storiesOf)('Components|List/ListItem',module).addParameters({jest:['ListItem']}).add('with text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:30}},_react.default.createElement(_Header.default,{title:'Text List',__source:{fileName:_jsxFileName,lineNumber:31}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:33}},_react.default.createElement(_.ListItem,{text:'Attractions',__source:{fileName:_jsxFileName,lineNumber:34}}),_react.default.createElement(_.ListItem,{text:'Dining',__source:{fileName:_jsxFileName,lineNumber:35}}),_react.default.createElement(_.ListItem,{text:'Education',__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.ListItem,{text:'Health',__source:{fileName:_jsxFileName,lineNumber:37}}),_react.default.createElement(_.ListItem,{text:'Family',__source:{fileName:_jsxFileName,lineNumber:38}}),_react.default.createElement(_.ListItem,{text:'Office',__source:{fileName:_jsxFileName,lineNumber:39}}),_react.default.createElement(_.ListItem,{text:'Promotions',__source:{fileName:_jsxFileName,lineNumber:40}})));}).add('with icon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:45}},_react.default.createElement(_Header.default,{title:'Text and Icon List',__source:{fileName:_jsxFileName,lineNumber:46}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:48}},_react.default.createElement(_.ListItem,{text:'Attractions',icon:_react.default.createElement(_.Icon,{name:'local-movies',size:24,__source:{fileName:_jsxFileName,lineNumber:51}}),__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_.ListItem,{text:'Dining',icon:_react.default.createElement(_.Icon,{name:'local-dining',size:24,__source:{fileName:_jsxFileName,lineNumber:55}}),__source:{fileName:_jsxFileName,lineNumber:53}}),_react.default.createElement(_.ListItem,{text:'Education',icon:_react.default.createElement(_.Icon,{name:'edit',size:24,__source:{fileName:_jsxFileName,lineNumber:57}}),__source:{fileName:_jsxFileName,lineNumber:57}}),_react.default.createElement(_.ListItem,{text:'Health',icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,__source:{fileName:_jsxFileName,lineNumber:58}}),__source:{fileName:_jsxFileName,lineNumber:58}}),_react.default.createElement(_.ListItem,{text:'Family',icon:_react.default.createElement(_.Icon,{name:'group',size:24,__source:{fileName:_jsxFileName,lineNumber:59}}),__source:{fileName:_jsxFileName,lineNumber:59}}),_react.default.createElement(_.ListItem,{text:'Office',icon:_react.default.createElement(_.Icon,{name:'content-cut',size:24,__source:{fileName:_jsxFileName,lineNumber:62}}),__source:{fileName:_jsxFileName,lineNumber:60}}),_react.default.createElement(_.ListItem,{text:'Promotions',icon:_react.default.createElement(_.Icon,{name:'loyalty',size:24,__source:{fileName:_jsxFileName,lineNumber:66}}),__source:{fileName:_jsxFileName,lineNumber:64}})));}).add('with media',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:72}},_react.default.createElement(_Header.default,{title:'Text and Media List',__source:{fileName:_jsxFileName,lineNumber:73}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:75}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:79}}),__source:{fileName:_jsxFileName,lineNumber:76}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:91}}),__source:{fileName:_jsxFileName,lineNumber:88}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:103}}),__source:{fileName:_jsxFileName,lineNumber:100}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:115}}),__source:{fileName:_jsxFileName,lineNumber:112}})));}).add('with actionItem',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:128}},_react.default.createElement(_Header.default,{title:'Text and Action Item List',__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:130}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:132}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:136}}),onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedOne,onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:146}}),__source:{fileName:_jsxFileName,lineNumber:133}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:156}}),onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedTwo,onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:166}}),__source:{fileName:_jsxFileName,lineNumber:153}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:176}}),onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedThree,onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:186}}),__source:{fileName:_jsxFileName,lineNumber:173}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',media:_react.default.createElement(_.Avatar,{type:"icon",content:"person",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:198}}),onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},actionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFour,onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:208}}),__source:{fileName:_jsxFileName,lineNumber:195}}));}));}).add('with leadingAction',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:221}},_react.default.createElement(_Header.default,{title:'Text and Leading Action List',__source:{fileName:_jsxFileName,lineNumber:222}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:223}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:225}},_react.default.createElement(_.ListItem,{text:'Janet Perkins',onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:230}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedOne,onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},__source:{fileName:_jsxFileName,lineNumber:233}}),__source:{fileName:_jsxFileName,lineNumber:226}}),_react.default.createElement(_.ListItem,{text:'Mary Perkins',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:244}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedTwo,onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},__source:{fileName:_jsxFileName,lineNumber:247}}),__source:{fileName:_jsxFileName,lineNumber:240}}),_react.default.createElement(_.ListItem,{text:'Peter Carlsson',onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:258}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedThree,onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},__source:{fileName:_jsxFileName,lineNumber:261}}),__source:{fileName:_jsxFileName,lineNumber:254}}),_react.default.createElement(_.ListItem,{text:'Trevor Hansen',onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},actionItem:_react.default.createElement(_.IconButton,{name:"comment",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:274}}),leadingActionItem:_react.default.createElement(_.Checkbox,{checkboxColor:'rgba(0, 0, 0, 0.54)',checked:state.checkedFour,onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},__source:{fileName:_jsxFileName,lineNumber:277}}),__source:{fileName:_jsxFileName,lineNumber:270}}));}));}).add('with secondary text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:290}},_react.default.createElement(_Header.default,{title:'Text and secondary text List',__source:{fileName:_jsxFileName,lineNumber:291}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:293}},_react.default.createElement(_.ListItem,{text:'Photos',secondaryText:'Jan 9, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:298}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:306}}),__source:{fileName:_jsxFileName,lineNumber:294}}),_react.default.createElement(_.ListItem,{text:'Recipes',secondaryText:'Jan 17, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:312}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:320}}),__source:{fileName:_jsxFileName,lineNumber:308}}),_react.default.createElement(_.ListItem,{text:'Work',secondaryText:'Jan 28, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:326}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:334}}),__source:{fileName:_jsxFileName,lineNumber:322}}),_react.default.createElement(_.ListItem,{text:'Vacation',secondaryText:'Jan, 31, 2018',media:_react.default.createElement(_.Avatar,{type:"icon",content:"folder",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:340}}),actionItem:_react.default.createElement(_.IconButton,{name:"error",size:24,color:"#6e6e6e",__source:{fileName:_jsxFileName,lineNumber:348}}),__source:{fileName:_jsxFileName,lineNumber:336}})));}).add('selected',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:354}},_react.default.createElement(_Header.default,{title:'Selected Item',__source:{fileName:_jsxFileName,lineNumber:355}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:356}},function(state){return _react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:358}},_react.default.createElement(_.ListItem,{text:'Attractions',icon:_react.default.createElement(_.Icon,{name:'local-movies',size:24,__source:{fileName:_jsxFileName,lineNumber:361}}),onPress:function onPress(){return store.set({selected:1});},selected:state.selected==1,__source:{fileName:_jsxFileName,lineNumber:359}}),_react.default.createElement(_.ListItem,{text:'Dining',icon:_react.default.createElement(_.Icon,{name:'local-dining',size:24,__source:{fileName:_jsxFileName,lineNumber:367}}),onPress:function onPress(){return store.set({selected:2});},selected:state.selected==2,__source:{fileName:_jsxFileName,lineNumber:365}}),_react.default.createElement(_.ListItem,{text:'Education',icon:_react.default.createElement(_.Icon,{name:'edit',size:24,__source:{fileName:_jsxFileName,lineNumber:373}}),onPress:function onPress(){return store.set({selected:3});},selected:state.selected==3,__source:{fileName:_jsxFileName,lineNumber:371}}),_react.default.createElement(_.ListItem,{text:'Health',icon:_react.default.createElement(_.Icon,{name:'favorite',size:24,__source:{fileName:_jsxFileName,lineNumber:379}}),onPress:function onPress(){return store.set({selected:4});},selected:state.selected==4,__source:{fileName:_jsxFileName,lineNumber:377}}),_react.default.createElement(_.ListItem,{text:'Family',icon:_react.default.createElement(_.Icon,{name:'group',size:24,__source:{fileName:_jsxFileName,lineNumber:385}}),onPress:function onPress(){return store.set({selected:5});},selected:state.selected==5,__source:{fileName:_jsxFileName,lineNumber:383}}));}));}).add('disabled',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:395}},_react.default.createElement(_Header.default,{title:'Text List',__source:{fileName:_jsxFileName,lineNumber:396}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:398}},_react.default.createElement(_.ListItem,{text:'Attractions',__source:{fileName:_jsxFileName,lineNumber:399}}),_react.default.createElement(_.ListItem,{text:'Dining',__source:{fileName:_jsxFileName,lineNumber:400}}),_react.default.createElement(_.ListItem,{text:'Education',disabled:true,__source:{fileName:_jsxFileName,lineNumber:401}}),_react.default.createElement(_.ListItem,{text:'Health',__source:{fileName:_jsxFileName,lineNumber:402}}),_react.default.createElement(_.ListItem,{text:'Family',disabled:true,__source:{fileName:_jsxFileName,lineNumber:403}}),_react.default.createElement(_.ListItem,{text:'Office',disabled:true,__source:{fileName:_jsxFileName,lineNumber:404}}),_react.default.createElement(_.ListItem,{text:'Promotions',__source:{fileName:_jsxFileName,lineNumber:405}})));}).add('custom secondary text',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:410}},_react.default.createElement(_Header.default,{title:'Custom secondary text',__source:{fileName:_jsxFileName,lineNumber:411}}),_react.default.createElement(_.List,{style:{width:300},__source:{fileName:_jsxFileName,lineNumber:413}},_react.default.createElement(_.ListItem,{text:'New invoice',secondaryText:_react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:417}},_react.default.createElement(_.Caption,{style:{fontSize:14,lineHeight:14,marginTop:4,color:'rgba(0,0,0,0.57)'},__source:{fileName:_jsxFileName,lineNumber:418}},"Example"),_react.default.createElement(_reactNative.View,{style:{paddingTop:4},__source:{fileName:_jsxFileName,lineNumber:427}},_react.default.createElement(_.Chip,{text:"Invoice.pdf",leftIcon:_react.default.createElement(_.Icon,{name:"picture-as-pdf",__source:{fileName:_jsxFileName,lineNumber:430}}),__source:{fileName:_jsxFileName,lineNumber:428}}))),media:_react.default.createElement(_.Avatar,{type:"icon",content:"email",contentColor:'#ececec',color:'#a3a3a3',size:40,__source:{fileName:_jsxFileName,lineNumber:436}}),__source:{fileName:_jsxFileName,lineNumber:414}})));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/List/ListItem/ListItem.styles.js b/dist/Components/List/ListItem/ListItem.styles.js
index 0da293b5..d3389053 100644
--- a/dist/Components/List/ListItem/ListItem.styles.js
+++ b/dist/Components/List/ListItem/ListItem.styles.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({listItemText:{fontSize:16,lineHeight:16},listItemSecondaryText:{fontSize:14,lineHeight:14,marginTop:4}});var _default=styles;exports.default=_default;
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({listItemText:{fontSize:16,lineHeight:24,letterSpacing:0.44},listItemSecondaryText:{fontSize:14,lineHeight:14,marginTop:4}});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Menu/Menu.stories.js b/dist/Components/Menu/Menu.stories.js
index eb26c55f..4dfaf5c2 100644
--- a/dist/Components/Menu/Menu.stories.js
+++ b/dist/Components/Menu/Menu.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/Menu.stories.js";var store=new _storybookState.Store({visibleOne:false,visibleTwo:false,visibleThree:false});var _default=(0,_storiesOf.storiesOf)('Components|Menu',module).addParameters({jest:['Menu']}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_Header.default,{title:'Menu',__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.Heading,{style:{marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:21}},"On the left"),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:22}},function(state){return _react.default.createElement(_reactNative.View,{style:{marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:24}},_react.default.createElement(_.Menu,{visible:state.visibleOne,onBackdropPress:function onBackdropPress(){store.set({visibleOne:false});},sameWidth:true,button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleOne:!state.visibleOne});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:32}}),__source:{fileName:_jsxFileName,lineNumber:25}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:40}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:44}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:48}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:53}})));}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:61}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:63}},_react.default.createElement(_.Menu,{visible:state.visibleTwo,onBackdropPress:function onBackdropPress(){store.set({visibleTwo:false});},button:_react.default.createElement(_.IconButton,{name:"more-vert",onPress:function onPress(){store.set({visibleTwo:!state.visibleTwo});},size:24,__source:{fileName:_jsxFileName,lineNumber:70}}),__source:{fileName:_jsxFileName,lineNumber:64}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:78}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:82}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:86}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:91}})));}),_react.default.createElement(_.Heading,{style:{marginBottom:10,marginTop:50,alignSelf:'flex-end'},__source:{fileName:_jsxFileName,lineNumber:99}},"On the Right"),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:103}},function(state){return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-end',marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:105}},_react.default.createElement(_.Menu,{visible:state.visibleThree,onBackdropPress:function onBackdropPress(){store.set({visibleThree:false});},sameWidth:true,button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleThree:!state.visibleThree});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:113}}),__source:{fileName:_jsxFileName,lineNumber:106}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:121}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:125}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:134}})));}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:142}},function(state){return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-end'},__source:{fileName:_jsxFileName,lineNumber:144}},_react.default.createElement(_.Menu,{visible:state.visibleFour,onBackdropPress:function onBackdropPress(){store.set({visibleFour:false});},button:_react.default.createElement(_.IconButton,{name:"more-vert",onPress:function onPress(){store.set({visibleFour:!state.visibleFour});},size:24,__source:{fileName:_jsxFileName,lineNumber:151}}),__source:{fileName:_jsxFileName,lineNumber:145}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:159}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:163}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:167}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:172}})));}));}).add('Scrolling',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:183}},_react.default.createElement(_Header.default,{title:'Menu',__source:{fileName:_jsxFileName,lineNumber:184}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:186}},function(state){return _react.default.createElement(_reactNative.View,{style:{marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:188}},_react.default.createElement(_.Menu,{visible:state.visibleOne,onBackdropPress:function onBackdropPress(){store.set({visibleOne:false});},sameWidth:true,button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleOne:!state.visibleOne});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:196}}),menuStyle:{maxHeight:200},__source:{fileName:_jsxFileName,lineNumber:189}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:205}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:209}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:213}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:218}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 5',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:222}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 6',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:226}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 7',disabled:true,onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:230}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 8',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:235}})));}));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/Menu.stories.js";var store=new _storybookState.Store({visibleOne:false,visibleTwo:false,visibleThree:false,visibleFour:false,visibleFive:false});var _default=(0,_storiesOf.storiesOf)('Components|Menu',module).addParameters({jest:['Menu']}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:21}},_react.default.createElement(_Header.default,{title:'Menu',__source:{fileName:_jsxFileName,lineNumber:22}}),_react.default.createElement(_.Heading,{style:{marginBottom:10},__source:{fileName:_jsxFileName,lineNumber:23}},"On the left"),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:24}},function(state){return _react.default.createElement(_reactNative.View,{style:{marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_.Menu,{menuStyle:{width:324},visible:state.visibleOne,onBackdropPress:function onBackdropPress(){store.set({visibleOne:false});},button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleOne:!state.visibleOne});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:34}}),__source:{fileName:_jsxFileName,lineNumber:27}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:42}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:46}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:50}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleOne:false});},__source:{fileName:_jsxFileName,lineNumber:55}})));}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:63}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:65}},_react.default.createElement(_.Menu,{menuStyle:{width:324},visible:state.visibleTwo,onBackdropPress:function onBackdropPress(){store.set({visibleTwo:false});},button:_react.default.createElement(_.IconButton,{name:"more-vert",onPress:function onPress(){store.set({visibleTwo:!state.visibleTwo});},size:24,__source:{fileName:_jsxFileName,lineNumber:73}}),__source:{fileName:_jsxFileName,lineNumber:66}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:81}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:85}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:89}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleTwo:false});},__source:{fileName:_jsxFileName,lineNumber:94}})));}),_react.default.createElement(_.Heading,{style:{marginBottom:10,marginTop:50,alignSelf:'flex-end'},__source:{fileName:_jsxFileName,lineNumber:102}},"On the Right"),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:106}},function(state){return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-end',marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:108}},_react.default.createElement(_.Menu,{visible:state.visibleThree,onBackdropPress:function onBackdropPress(){store.set({visibleThree:false});},sameWidth:true,button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleThree:!state.visibleThree});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:116}}),__source:{fileName:_jsxFileName,lineNumber:109}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',style:{paddingHorizontal:'12%'},onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:124}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',style:{paddingHorizontal:'12%'},onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:129}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',style:{paddingHorizontal:'12%'},disabled:true,onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:134}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',style:{paddingHorizontal:'12%'},onPress:function onPress(){return store.set({visibleThree:false});},__source:{fileName:_jsxFileName,lineNumber:140}})));}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:149}},function(state){return _react.default.createElement(_reactNative.View,{style:{alignItems:'flex-end'},__source:{fileName:_jsxFileName,lineNumber:151}},_react.default.createElement(_.Menu,{visible:state.visibleFour,onBackdropPress:function onBackdropPress(){store.set({visibleFour:false});},button:_react.default.createElement(_.IconButton,{name:"more-vert",onPress:function onPress(){store.set({visibleFour:!state.visibleFour});},size:24,__source:{fileName:_jsxFileName,lineNumber:158}}),__source:{fileName:_jsxFileName,lineNumber:152}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:166}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:170}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:174}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleFour:false});},__source:{fileName:_jsxFileName,lineNumber:179}})));}));}).add('Scrolling',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:190}},_react.default.createElement(_Header.default,{title:'Menu',__source:{fileName:_jsxFileName,lineNumber:191}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:193}},function(state){return _react.default.createElement(_reactNative.View,{style:{marginBottom:40},__source:{fileName:_jsxFileName,lineNumber:195}},_react.default.createElement(_.Menu,{menuStyle:{width:324,maxHeight:200},visible:state.visibleFive,onBackdropPress:function onBackdropPress(){store.set({visibleFive:false});},button:_react.default.createElement(_.Button,{text:'Show menu',onPress:function onPress(){store.set({visibleFive:!state.visibleFive});},type:"contained",__source:{fileName:_jsxFileName,lineNumber:203}}),__source:{fileName:_jsxFileName,lineNumber:196}},_react.default.createElement(_.MenuItem,{text:'Menu Item 1',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:211}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 2',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:215}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 3',disabled:true,onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:219}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 4',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:224}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 5',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:228}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 6',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:232}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 7',disabled:true,onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:236}}),_react.default.createElement(_.MenuItem,{text:'Menu Item 8',onPress:function onPress(){return store.set({visibleFive:false});},__source:{fileName:_jsxFileName,lineNumber:241}})));}));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Menu/MenuItem/MenuItem.js b/dist/Components/Menu/MenuItem/MenuItem.js
index 23f02f7f..a7a74cbc 100644
--- a/dist/Components/Menu/MenuItem/MenuItem.js
+++ b/dist/Components/Menu/MenuItem/MenuItem.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _MenuItem=_interopRequireDefault(require("./MenuItem.styles"));var _Ripple=_interopRequireDefault(require("../../Ripple/Ripple.js"));var _Hoverable=_interopRequireDefault(require("../../../Utils/Hoverable/Hoverable.js"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/MenuItem/MenuItem.js";var MenuItem=function(_Component){(0,_inherits2.default)(MenuItem,_Component);function MenuItem(props){var _this;(0,_classCallCheck2.default)(this,MenuItem);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(MenuItem).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{stateBackgroundColor:null});return _this;}(0,_createClass2.default)(MenuItem,[{key:"handleHover",value:function handleHover(toggle){var disabled=this.props.disabled;var implementedColor=toggle?'rgba(0,0,0,.12)':null;if(disabled)implementedColor=null;this.setState({stateBackgroundColor:implementedColor});}},{key:"_renderIcon",value:function _renderIcon(){var icon=this.props.icon;return _react.default.cloneElement(icon,{size:24,color:'#6e6e6e'});}},{key:"_renderKeyboardCommand",value:function _renderKeyboardCommand(){var keyboardCommand=this.props.keyboardCommand;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:51}},_react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:52}}),keyboardCommand);}},{key:"_renderText",value:function _renderText(){var _this$props=this.props,disabled=_this$props.disabled,textStyle=_this$props.textStyle,text=_this$props.text,icon=_this$props.icon;return _react.default.createElement(_reactNative.Text,{ellipsizeMode:_reactNative.Platform.OS==='ios'?'clip':'tail',numberOfLines:1,style:[_MenuItem.default.title,{color:disabled?'rgba(0,0,0,.50)':'rgba(0,0,0,.87)',marginLeft:icon?20:0},textStyle],__source:{fileName:_jsxFileName,lineNumber:61}},text);}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,children=_this$props2.children,disabled=_this$props2.disabled,onPress=_this$props2.onPress,style=_this$props2.style,icon=_this$props2.icon,keyboardCommand=_this$props2.keyboardCommand;var stateBackgroundColor=this.state.stateBackgroundColor;return _react.default.createElement(_Hoverable.default,{onHoverIn:function onHoverIn(){return _this2.handleHover(true);},onHoverOut:function onHoverOut(){return _this2.handleHover(false);},__source:{fileName:_jsxFileName,lineNumber:89}},_react.default.createElement(_Ripple.default,{disabled:disabled,onPress:onPress,style:[_MenuItem.default.container,{backgroundColor:stateBackgroundColor},style],__source:{fileName:_jsxFileName,lineNumber:92}},icon?this._renderIcon():null,children?children:this._renderText(),keyboardCommand?this._renderKeyboardCommand():null));}}]);return MenuItem;}(_react.Component);(0,_defineProperty2.default)(MenuItem,"propTypes",{children:_propTypes.default.node,disabled:_propTypes.default.bool,onPress:_propTypes.default.func,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),textStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),icon:_propTypes.default.node,keyboardCommand:_propTypes.default.node,text:_propTypes.default.string});(0,_defineProperty2.default)(MenuItem,"defaultProps",{disabled:false,disabledTextColor:'#BDBDBD',underlayColor:'#E0E0E0'});var _default=(0,_withTheme.default)(MenuItem);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _withTheme=_interopRequireDefault(require("../../../Theme/withTheme"));var _MenuItem=_interopRequireDefault(require("./MenuItem.styles"));var _Ripple=_interopRequireDefault(require("../../Ripple/Ripple.js"));var _Hoverable=_interopRequireDefault(require("../../../Utils/Hoverable/Hoverable.js"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/MenuItem/MenuItem.js";var MenuItem=function(_Component){(0,_inherits2.default)(MenuItem,_Component);function MenuItem(props){var _this;(0,_classCallCheck2.default)(this,MenuItem);_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(MenuItem).call(this,props));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{stateBackgroundColor:null});return _this;}(0,_createClass2.default)(MenuItem,[{key:"handleHover",value:function handleHover(toggle){var disabled=this.props.disabled;var implementedColor=toggle?'rgba(0,0,0,.12)':null;if(disabled)implementedColor=null;this.setState({stateBackgroundColor:implementedColor});}},{key:"_renderIcon",value:function _renderIcon(){var icon=this.props.icon;return _react.default.cloneElement(icon,{size:24,color:'rgba(0, 0, 0, 0.54)'});}},{key:"_renderKeyboardCommand",value:function _renderKeyboardCommand(){var keyboardCommand=this.props.keyboardCommand;return _react.default.createElement(_react.Fragment,{__source:{fileName:_jsxFileName,lineNumber:51}},_react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:52}}),keyboardCommand);}},{key:"_renderText",value:function _renderText(){var _this$props=this.props,disabled=_this$props.disabled,textStyle=_this$props.textStyle,text=_this$props.text,icon=_this$props.icon;return _react.default.createElement(_reactNative.Text,{ellipsizeMode:_reactNative.Platform.OS==='ios'?'clip':'tail',numberOfLines:1,style:[_MenuItem.default.title,{color:disabled?'rgba(0,0,0,.50)':'rgba(0,0,0,.87)',marginLeft:icon?20:0},textStyle],__source:{fileName:_jsxFileName,lineNumber:61}},text);}},{key:"render",value:function render(){var _this2=this;var _this$props2=this.props,children=_this$props2.children,disabled=_this$props2.disabled,onPress=_this$props2.onPress,style=_this$props2.style,icon=_this$props2.icon,keyboardCommand=_this$props2.keyboardCommand;var stateBackgroundColor=this.state.stateBackgroundColor;return _react.default.createElement(_Hoverable.default,{onHoverIn:function onHoverIn(){return _this2.handleHover(true);},onHoverOut:function onHoverOut(){return _this2.handleHover(false);},__source:{fileName:_jsxFileName,lineNumber:89}},_react.default.createElement(_Ripple.default,{disabled:disabled,onPress:onPress,style:[_MenuItem.default.container,{backgroundColor:stateBackgroundColor},style],__source:{fileName:_jsxFileName,lineNumber:92}},icon?this._renderIcon():null,children?children:this._renderText(),keyboardCommand?this._renderKeyboardCommand():null));}}]);return MenuItem;}(_react.Component);(0,_defineProperty2.default)(MenuItem,"propTypes",{children:_propTypes.default.node,disabled:_propTypes.default.bool,onPress:_propTypes.default.func,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),textStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),icon:_propTypes.default.node,keyboardCommand:_propTypes.default.node,text:_propTypes.default.string});(0,_defineProperty2.default)(MenuItem,"defaultProps",{disabled:false,disabledTextColor:'#BDBDBD',underlayColor:'#E0E0E0'});var _default=(0,_withTheme.default)(MenuItem);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Menu/MenuItem/MenuItem.stories.js b/dist/Components/Menu/MenuItem/MenuItem.stories.js
index a438649c..6f435935 100644
--- a/dist/Components/Menu/MenuItem/MenuItem.stories.js
+++ b/dist/Components/Menu/MenuItem/MenuItem.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../..");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/MenuItem/MenuItem.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Menu/MenuItem',module).addParameters({jest:['MenuItem']}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:13}},_react.default.createElement(_Header.default,{title:'Menu Item',__source:{fileName:_jsxFileName,lineNumber:14}}),_react.default.createElement(_.Paper,{radius:6,style:{width:200,flex:1},__source:{fileName:_jsxFileName,lineNumber:16}},_react.default.createElement(_.MenuItem,{text:"Menu Item 1",__source:{fileName:_jsxFileName,lineNumber:17}}),_react.default.createElement(_.MenuItem,{text:"Menu Item 2",__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_.Divider,{__source:{fileName:_jsxFileName,lineNumber:19}}),_react.default.createElement(_.MenuItem,{disabled:true,text:"Menu Item 3",__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.MenuItem,{text:"Menu Item 4",__source:{fileName:_jsxFileName,lineNumber:21}})));}).add('with icon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_Header.default,{title:'Menu icons',__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Paper,{radius:6,style:{width:200,flex:1},__source:{fileName:_jsxFileName,lineNumber:29}},_react.default.createElement(_.MenuItem,{text:'Preview',icon:_react.default.createElement(_.Icon,{name:'remove-red-eye',__source:{fileName:_jsxFileName,lineNumber:30}}),__source:{fileName:_jsxFileName,lineNumber:30}}),_react.default.createElement(_.MenuItem,{text:'Share',icon:_react.default.createElement(_.Icon,{name:'person-add',__source:{fileName:_jsxFileName,lineNumber:31}}),__source:{fileName:_jsxFileName,lineNumber:31}}),_react.default.createElement(_.MenuItem,{text:'Get Link',icon:_react.default.createElement(_.Icon,{name:'link',__source:{fileName:_jsxFileName,lineNumber:32}}),__source:{fileName:_jsxFileName,lineNumber:32}}),_react.default.createElement(_.Divider,{__source:{fileName:_jsxFileName,lineNumber:33}}),_react.default.createElement(_.MenuItem,{text:'Preview',icon:_react.default.createElement(_.Icon,{name:'content-copy',__source:{fileName:_jsxFileName,lineNumber:34}}),__source:{fileName:_jsxFileName,lineNumber:34}}),_react.default.createElement(_.MenuItem,{text:'Download',icon:_react.default.createElement(_.Icon,{name:'file-download',__source:{fileName:_jsxFileName,lineNumber:35}}),__source:{fileName:_jsxFileName,lineNumber:35}})));}).add('with keyboard',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:40}},_react.default.createElement(_Header.default,{title:'Menu keyboard commands',__source:{fileName:_jsxFileName,lineNumber:41}}),_react.default.createElement(_.Paper,{radius:6,style:{width:200,flex:1},__source:{fileName:_jsxFileName,lineNumber:43}},_react.default.createElement(_.MenuItem,{text:'Cut',icon:_react.default.createElement(_.Icon,{name:'content-cut',__source:{fileName:_jsxFileName,lineNumber:46}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:48}},"\u2318X"),__source:{fileName:_jsxFileName,lineNumber:44}}),_react.default.createElement(_.MenuItem,{text:'Copy',icon:_react.default.createElement(_.Icon,{name:'content-copy',__source:{fileName:_jsxFileName,lineNumber:54}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:56}},"\u2318C"),__source:{fileName:_jsxFileName,lineNumber:52}}),_react.default.createElement(_.MenuItem,{text:'Paste',icon:_react.default.createElement(_.Icon,{name:'content-paste',__source:{fileName:_jsxFileName,lineNumber:62}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:64}},"\u2318V"),__source:{fileName:_jsxFileName,lineNumber:60}})));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../..");var _Header=_interopRequireDefault(require("../../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../../storybook/components/Container"));var _storiesOf=require("../../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Menu/MenuItem/MenuItem.stories.js";var _default=(0,_storiesOf.storiesOf)('Components|Menu/MenuItem',module).addParameters({jest:['MenuItem']}).add('Simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:13}},_react.default.createElement(_Header.default,{title:'Menu Item',__source:{fileName:_jsxFileName,lineNumber:14}}),_react.default.createElement(_.Paper,{radius:6,style:{width:324},__source:{fileName:_jsxFileName,lineNumber:16}},_react.default.createElement(_.MenuItem,{text:"Menu Item 1",__source:{fileName:_jsxFileName,lineNumber:17}}),_react.default.createElement(_.MenuItem,{text:"Menu Item 2",__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_.Divider,{__source:{fileName:_jsxFileName,lineNumber:19}}),_react.default.createElement(_.MenuItem,{disabled:true,text:"Menu Item 3",__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_.MenuItem,{text:"Menu Item 4",__source:{fileName:_jsxFileName,lineNumber:21}})));}).add('with icon',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_Header.default,{title:'Menu icons',__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Paper,{radius:6,style:{width:324},__source:{fileName:_jsxFileName,lineNumber:29}},_react.default.createElement(_.MenuItem,{text:'Preview',icon:_react.default.createElement(_.Icon,{name:'assignment-turned-in',__source:{fileName:_jsxFileName,lineNumber:32}}),__source:{fileName:_jsxFileName,lineNumber:30}}),_react.default.createElement(_.MenuItem,{text:'Share',icon:_react.default.createElement(_.Icon,{name:'person-add',__source:{fileName:_jsxFileName,lineNumber:34}}),__source:{fileName:_jsxFileName,lineNumber:34}}),_react.default.createElement(_.MenuItem,{text:'Get Link',icon:_react.default.createElement(_.Icon,{name:'link',__source:{fileName:_jsxFileName,lineNumber:35}}),__source:{fileName:_jsxFileName,lineNumber:35}}),_react.default.createElement(_.Divider,{__source:{fileName:_jsxFileName,lineNumber:36}}),_react.default.createElement(_.MenuItem,{text:'Preview',icon:_react.default.createElement(_.Icon,{name:'content-copy',__source:{fileName:_jsxFileName,lineNumber:37}}),__source:{fileName:_jsxFileName,lineNumber:37}}),_react.default.createElement(_.MenuItem,{text:'Download',icon:_react.default.createElement(_.Icon,{name:'file-download',__source:{fileName:_jsxFileName,lineNumber:38}}),__source:{fileName:_jsxFileName,lineNumber:38}})));}).add('with keyboard',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:43}},_react.default.createElement(_Header.default,{title:'Menu keyboard commands',__source:{fileName:_jsxFileName,lineNumber:44}}),_react.default.createElement(_.Paper,{radius:6,style:{width:324},__source:{fileName:_jsxFileName,lineNumber:46}},_react.default.createElement(_.MenuItem,{text:'Cut',icon:_react.default.createElement(_.Icon,{name:'content-cut',__source:{fileName:_jsxFileName,lineNumber:49}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:51}},"\u2318X"),__source:{fileName:_jsxFileName,lineNumber:47}}),_react.default.createElement(_.MenuItem,{text:'Copy',icon:_react.default.createElement(_.Icon,{name:'content-copy',__source:{fileName:_jsxFileName,lineNumber:57}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:59}},"\u2318C"),__source:{fileName:_jsxFileName,lineNumber:55}}),_react.default.createElement(_.MenuItem,{text:'Paste',icon:_react.default.createElement(_.Icon,{name:'content-paste',__source:{fileName:_jsxFileName,lineNumber:65}}),keyboardCommand:_react.default.createElement(_reactNative.Text,{style:{fontSize:12,color:'#6e6e6e'},__source:{fileName:_jsxFileName,lineNumber:67}},"\u2318V"),__source:{fileName:_jsxFileName,lineNumber:63}})));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Menu/MenuItem/MenuItem.styles.js b/dist/Components/Menu/MenuItem/MenuItem.styles.js
index aaf0d8d3..36ebd195 100644
--- a/dist/Components/Menu/MenuItem/MenuItem.styles.js
+++ b/dist/Components/Menu/MenuItem/MenuItem.styles.js
@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{height:48,minHeight:32,width:'100%',minWidth:124,flex:1,alignItems:'center',flexDirection:'row',paddingHorizontal:16},title:{fontSize:14,fontWeight:'400',color:'#6e6e6e'}});var _default=styles;exports.default=_default;
\ No newline at end of file
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var styles=_reactNative.StyleSheet.create({container:{minHeight:32,width:324,minWidth:124,alignItems:'center',flexDirection:'row',paddingVertical:12,paddingHorizontal:24},title:{fontSize:16,fontWeight:'400',lineHeight:24,letterSpacing:0.44,color:'#000000'}});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Snackbar/Snackbar.js b/dist/Components/Snackbar/Snackbar.js
index bf79d3e0..ec6ae91d 100644
--- a/dist/Components/Snackbar/Snackbar.js
+++ b/dist/Components/Snackbar/Snackbar.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _Button=_interopRequireDefault(require("../Button/Button"));var _Paper=_interopRequireDefault(require("../Paper/Paper"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Snackbar=_interopRequireDefault(require("./Snackbar.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Snackbar/Snackbar.js";var Snackbar=function(_Component){(0,_inherits2.default)(Snackbar,_Component);function Snackbar(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,Snackbar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(Snackbar)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{scaleAnimation:new _reactNative.Animated.Value(0.8),opacity:new _reactNative.Animated.Value(0)});return _this;}(0,_createClass2.default)(Snackbar,[{key:"componentDidMount",value:function componentDidMount(){var visible=this.props.visible;if(visible)this.show();}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var visible=this.props.visible;if(visible&&!prevProps.visible){this.show();}else if(!visible&&prevProps.visible){this.hide();}}},{key:"show",value:function show(){var _this$state=this.state,opacity=_this$state.opacity,scaleAnimation=_this$state.scaleAnimation;var animationDuration=this.props.animationDuration;this.setState({show:false});_reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnimation,{toValue:1,duration:animationDuration}),_reactNative.Animated.timing(opacity,{toValue:1,duration:animationDuration})]).start();}},{key:"hide",value:function hide(){var _this$state2=this.state,opacity=_this$state2.opacity,scaleAnimation=_this$state2.scaleAnimation;var animationDuration=this.props.animationDuration;_reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnimation,{toValue:0.8,duration:animationDuration}),_reactNative.Animated.timing(opacity,{toValue:0,duration:animationDuration})]).start();}},{key:"_renderButton",value:function _renderButton(){var _this$props=this.props,buttonLabel=_this$props.buttonLabel,buttonTextColor=_this$props.buttonTextColor,onButtonPress=_this$props.onButtonPress;if(buttonLabel){return _react.default.createElement(_Button.default,{onPress:function onPress(){return onButtonPress();},style:{marginHorizontal:8,marginVertical:6},type:"text",text:buttonLabel,textColor:buttonTextColor||null,__source:{fileName:_jsxFileName,lineNumber:88}});}return null;}},{key:"render",value:function render(){var _this$props2=this.props,children=_this$props2.children,style=_this$props2.style,buttonLabel=_this$props2.buttonLabel,visible=_this$props2.visible,testID=_this$props2.testID;var _this$state3=this.state,opacity=_this$state3.opacity,scaleAnimation=_this$state3.scaleAnimation;return _react.default.createElement(_reactNative.View,{style:[_Snackbar.default.container,{zIndex:visible?10:-1}],testID:testID,__source:{fileName:_jsxFileName,lineNumber:105}},_react.default.createElement(_Paper.default,{style:[_Snackbar.default.card,{opacity:opacity,transform:[{scale:scaleAnimation}]},style],__source:{fileName:_jsxFileName,lineNumber:108}},_react.default.createElement(_reactNative.Text,{style:[_Snackbar.default.text,{marginRight:buttonLabel?0:16}],__source:{fileName:_jsxFileName,lineNumber:121}},children),this._renderButton()));}}]);return Snackbar;}(_react.Component);(0,_defineProperty2.default)(Snackbar,"propTypes",{visible:_propTypes.default.bool,animationDuration:_propTypes.default.number,children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),onButtonPress:_propTypes.default.func,buttonLabel:_propTypes.default.string,buttonTextColor:_propTypes.default.string,testID:_propTypes.default.string});(0,_defineProperty2.default)(Snackbar,"defaultProps",{animationDuration:200});var _default=(0,_withTheme.default)(Snackbar);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _Paper=_interopRequireDefault(require("../Paper/Paper"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Snackbar=_interopRequireDefault(require("./Snackbar.styles"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Snackbar/Snackbar.js";var Snackbar=function(_Component){(0,_inherits2.default)(Snackbar,_Component);function Snackbar(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,Snackbar);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(Snackbar)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{scaleAnimation:new _reactNative.Animated.Value(0.8),opacity:new _reactNative.Animated.Value(0)});return _this;}(0,_createClass2.default)(Snackbar,[{key:"componentDidMount",value:function componentDidMount(){var visible=this.props.visible;if(visible)this.show();}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var visible=this.props.visible;if(visible&&!prevProps.visible){this.show();}else if(!visible&&prevProps.visible){this.hide();}}},{key:"show",value:function show(){var _this$state=this.state,opacity=_this$state.opacity,scaleAnimation=_this$state.scaleAnimation;var animationDuration=this.props.animationDuration;this.setState({show:false});_reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnimation,{toValue:1,duration:animationDuration}),_reactNative.Animated.timing(opacity,{toValue:1,duration:animationDuration})]).start();}},{key:"hide",value:function hide(){var _this$state2=this.state,opacity=_this$state2.opacity,scaleAnimation=_this$state2.scaleAnimation;var animationDuration=this.props.animationDuration;_reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnimation,{toValue:0.8,duration:animationDuration}),_reactNative.Animated.timing(opacity,{toValue:0,duration:animationDuration})]).start();}},{key:"_renderAction",value:function _renderAction(){var action=this.props.action;if(!action)return null;return _react.default.createElement(_reactNative.View,{style:_Snackbar.default.actions,__source:{fileName:_jsxFileName,lineNumber:84}},action);}},{key:"render",value:function render(){var _this$props=this.props,children=_this$props.children,style=_this$props.style,visible=_this$props.visible,testID=_this$props.testID,action=_this$props.action;var _this$state3=this.state,opacity=_this$state3.opacity,scaleAnimation=_this$state3.scaleAnimation;return _react.default.createElement(_reactNative.View,{style:[_Snackbar.default.container,{zIndex:visible?10:-1}],testID:testID,__source:{fileName:_jsxFileName,lineNumber:92}},_react.default.createElement(_Paper.default,{style:[_Snackbar.default.card,{opacity:opacity,transform:[{scale:scaleAnimation}]},style],__source:{fileName:_jsxFileName,lineNumber:95}},_react.default.createElement(_reactNative.Text,{style:[_Snackbar.default.text,{marginRight:action?0:8}],__source:{fileName:_jsxFileName,lineNumber:108}},children),this._renderAction()));}}]);return Snackbar;}(_react.Component);(0,_defineProperty2.default)(Snackbar,"propTypes",{visible:_propTypes.default.bool,animationDuration:_propTypes.default.number,children:_propTypes.default.node,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),action:_propTypes.default.node,testID:_propTypes.default.string});(0,_defineProperty2.default)(Snackbar,"defaultProps",{animationDuration:200});var _default=(0,_withTheme.default)(Snackbar);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Snackbar/Snackbar.stories.js b/dist/Components/Snackbar/Snackbar.stories.js
index 0b958044..e5de9895 100644
--- a/dist/Components/Snackbar/Snackbar.stories.js
+++ b/dist/Components/Snackbar/Snackbar.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Snackbar/Snackbar.stories.js";var store=new _storybookState.Store({show:false});var _default=(0,_storiesOf.storiesOf)('Components|Snackbar',module).addParameters({jest:['Snackbar']}).add('Snackbar',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:17}},_react.default.createElement(_Header.default,{title:'Snackbar',__source:{fileName:_jsxFileName,lineNumber:18}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:19}},function(state){return _react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:21}},_react.default.createElement(_.Button,{type:"outlined",onPress:function onPress(){return store.set({show:true});},text:'Open Snackbar',__source:{fileName:_jsxFileName,lineNumber:22}}),_react.default.createElement(_.Snackbar,{visible:state.show,onButtonPress:function onButtonPress(){return store.set({show:false});},buttonLabel:'Ok',__source:{fileName:_jsxFileName,lineNumber:27}},'This is a snackbar component'));}));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _storybookState=require("@sambego/storybook-state");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Snackbar/Snackbar.stories.js";var store=new _storybookState.Store({show1:false,show2:false,show3:false});var _default=(0,_storiesOf.storiesOf)('Components|Snackbar',module).addParameters({jest:['Snackbar']}).add('Simple Snackbar',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:19}},_react.default.createElement(_Header.default,{title:'Simple Snackbar',__source:{fileName:_jsxFileName,lineNumber:20}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:21}},function(state){return _react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:23}},_react.default.createElement(_.Button,{type:"outlined",onPress:function onPress(){return store.set({show1:true});},text:'Open Snackbar',textColor:'#6E2CFA',__source:{fileName:_jsxFileName,lineNumber:24}}),_react.default.createElement(_.Snackbar,{visible:state.show1,action:_react.default.createElement(_.Button,{type:"text",onPress:function onPress(){return store.set({show1:false});},text:'Button',textColor:'#6E2CFA',__source:{fileName:_jsxFileName,lineNumber:33}}),__source:{fileName:_jsxFileName,lineNumber:30}},'This is a snackbar component'));}));}).add('No button snackbar',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:48}},_react.default.createElement(_Header.default,{title:'No Button Snackbar',__source:{fileName:_jsxFileName,lineNumber:49}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:50}},function(state){return _react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:52}},_react.default.createElement(_.Button,{type:"outlined",onPress:function onPress(){return store.set({show2:true});},text:'Open Snackbar',textColor:'#6E2CFA',__source:{fileName:_jsxFileName,lineNumber:53}}),_react.default.createElement(_.Snackbar,{visible:state.show2,__source:{fileName:_jsxFileName,lineNumber:59}},'This is a single line snackbar'));}));}).add('Two line snackbar',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:68}},_react.default.createElement(_Header.default,{title:'Two line Snackbar',__source:{fileName:_jsxFileName,lineNumber:69}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:70}},function(state){return _react.default.createElement(_reactNative.View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:72}},_react.default.createElement(_.Button,{type:"outlined",onPress:function onPress(){return store.set({show3:true});},text:'Open Snackbar',textColor:'#6E2CFA',__source:{fileName:_jsxFileName,lineNumber:73}}),_react.default.createElement(_.Snackbar,{visible:state.show3,style:{flex:1,flexDirection:'column',paddingBottom:16,paddingRight:16},action:_react.default.createElement(_.Button,{style:{marginTop:16,marginLeft:220},type:"text",onPress:function onPress(){return store.set({show3:false});},text:'Button',textColor:'#6E2CFA',density:-2,__source:{fileName:_jsxFileName,lineNumber:88}}),__source:{fileName:_jsxFileName,lineNumber:79}},'Two line message with long CTA button:'+'Lorem ipsum dolor sit amet, consectetur'));}));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Snackbar/Snackbar.styles.js b/dist/Components/Snackbar/Snackbar.styles.js
index 042e77b1..71f68ce3 100644
--- a/dist/Components/Snackbar/Snackbar.styles.js
+++ b/dist/Components/Snackbar/Snackbar.styles.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow.js"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:{bottom:0,flex:1,width:'100%',justifyContent:'center',alignItems:'center',position:'absolute'},card:_objectSpread({},(0,_shadow.default)(6),{borderRadius:4,backgroundColor:'#323232',flexDirection:'row',justifyContent:'space-between',alignItems:'center'}),text:{flex:1,flexWrap:'wrap',color:'white',marginLeft:16,marginVertical:14}});var _default=styles;exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow.js"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:{bottom:0,flex:1,width:'100%',justifyContent:'center',alignItems:'center',position:'absolute'},card:_objectSpread({},(0,_shadow.default)(6),{borderRadius:3,width:342,backgroundColor:'#212121',flexDirection:'row',justifyContent:'space-between',alignItems:'center',padding:8}),text:{flex:1,fontWeight:'400',flexWrap:'wrap',color:'white',marginLeft:8,marginVertical:8,fontSize:14,lineHeight:16,letterSpacing:0.25}});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Switch/Switch.js b/dist/Components/Switch/Switch.js
index 3f35f4da..88fc2f9c 100644
--- a/dist/Components/Switch/Switch.js
+++ b/dist/Components/Switch/Switch.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Ripple=_interopRequireDefault(require("../Ripple/Ripple.js"));var _ProgressCircle=_interopRequireDefault(require("../Progress/ProgressCircle/ProgressCircle.js"));var _Switch=_interopRequireDefault(require("./Switch.styles"));var _color=_interopRequireDefault(require("color"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Switch/Switch.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Switch=function(_Component){(0,_inherits2.default)(Switch,_Component);function Switch(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,Switch);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(Switch)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{thumbTranslateX:new _reactNative.Animated.Value(0)});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getDimensions",function(width){var height=width*(8/9);return{height:height,trackDimensions:{width:width,height:height*(7/16),borderRadius:height*(5/16)},thumbRippleDimensions:{width:width*(8/9),top:height*-(9/32),left:width*-(2/9)},thumbDimensions:{width:width*(5/9),height:height*(5/8)}};});return _this;}(0,_createClass2.default)(Switch,[{key:"componentDidMount",value:function componentDidMount(){var _this$props=this.props,checked=_this$props.checked,width=_this$props.width;var thumbTranslateX=this.state.thumbTranslateX;if(checked){var xValue=width/2;thumbTranslateX.setValue(_reactNative.I18nManager.isRTL?-xValue:xValue);}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var checked=this.props.checked;if(checked!=prevProps.checked){this.handleSwitch();}}},{key:"_renderLabel",value:function _renderLabel(){var _this$props2=this.props,label=_this$props2.label,labelPos=_this$props2.labelPos,_onPress=_this$props2.onPress;return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return _onPress();},__source:{fileName:_jsxFileName,lineNumber:59}},_react.default.createElement(_reactNative.View,{style:{marginLeft:labelPos=='right'?8:0,marginRight:labelPos=='left'?8:0},__source:{fileName:_jsxFileName,lineNumber:60}},label));}},{key:"handleSwitch",value:function handleSwitch(){var thumbTranslateX=this.state.thumbTranslateX;var _this$props3=this.props,checked=_this$props3.checked,width=_this$props3.width;var xValue=width/2;if(!checked){xValue=0;}_reactNative.Animated.parallel([_reactNative.Animated.timing(thumbTranslateX,{toValue:_reactNative.I18nManager.isRTL?-xValue:xValue,duration:300})]).start();}},{key:"render",value:function render(){var thumbTranslateX=this.state.thumbTranslateX;var _this$props4=this.props,label=_this$props4.label,labelPos=_this$props4.labelPos,style=_this$props4.style,trackStyle=_this$props4.trackStyle,thumbStyle=_this$props4.thumbStyle,theme=_this$props4.theme,color=_this$props4.color,checked=_this$props4.checked,onPress=_this$props4.onPress,loading=_this$props4.loading,testID=_this$props4.testID,width=_this$props4.width,rest=(0,_objectWithoutProperties2.default)(_this$props4,["label","labelPos","style","trackStyle","thumbStyle","theme","color","checked","onPress","loading","testID","width"]);var trackColor=color?(0,_color.default)(color).alpha(0.54):(0,_color.default)(theme.primary.main).alpha(0.54);var thumbColor=color?color:theme.primary.main;var _this$getDimensions=this.getDimensions(width),height=_this$getDimensions.height,trackDimensions=_this$getDimensions.trackDimensions,thumbRippleDimensions=_this$getDimensions.thumbRippleDimensions,thumbDimensions=_this$getDimensions.thumbDimensions;return _react.default.createElement(_reactNative.View,(0,_extends2.default)({style:[_Switch.default.container,style],testID:testID},rest,{__source:{fileName:_jsxFileName,lineNumber:141}}),labelPos=='left'&&label?this._renderLabel():null,_react.default.createElement(_reactNative.Animated.View,{useNativeDriver:false,style:[_Switch.default.track,_objectSpread({backgroundColor:checked&&!loading?trackColor:'rgba(0,0,0,.30)'},trackDimensions),trackStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:143}},_react.default.createElement(_Ripple.default,{rippleContainerBorderRadius:100,style:[_Switch.default.thumbRipple,_objectSpread({transform:[{translateX:thumbTranslateX}],height:height},thumbRippleDimensions)],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:155}},_react.default.createElement(_reactNative.Animated.View,{useNativeDriver:false,style:[_Switch.default.thumb,_objectSpread({backgroundColor:checked&&!loading?thumbColor:'white'},thumbDimensions),thumbStyle],__source:{fileName:_jsxFileName,lineNumber:166}},loading?_react.default.createElement(_ProgressCircle.default,{color:thumbColor,size:14,widthOfBorder:6,__source:{fileName:_jsxFileName,lineNumber:177}}):null))),labelPos=='right'&&label?this._renderLabel():null);}}]);return Switch;}(_react.Component);(0,_defineProperty2.default)(Switch,"propTypes",{checked:_propTypes.default.bool,onPress:_propTypes.default.func,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),trackStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),thumbStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),label:_propTypes.default.node,labelPos:_propTypes.default.string,theme:_propTypes.default.object,color:_propTypes.default.string,loading:_propTypes.default.bool,testID:_propTypes.default.string,width:_propTypes.default.number});(0,_defineProperty2.default)(Switch,"defaultProps",{labelPos:'right',width:36});var _default=(0,_withTheme.default)(Switch);exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=_interopRequireDefault(require("prop-types"));var _withTheme=_interopRequireDefault(require("../../Theme/withTheme"));var _Ripple=_interopRequireDefault(require("../Ripple/Ripple.js"));var _ProgressCircle=_interopRequireDefault(require("../Progress/ProgressCircle/ProgressCircle.js"));var _Switch=_interopRequireDefault(require("./Switch.styles"));var _color=_interopRequireDefault(require("color"));var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Switch/Switch.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var Switch=function(_Component){(0,_inherits2.default)(Switch,_Component);function Switch(){var _getPrototypeOf2;var _this;(0,_classCallCheck2.default)(this,Switch);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(Switch)).call.apply(_getPrototypeOf2,[this].concat(args)));(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{thumbTranslateX:new _reactNative.Animated.Value(0)});(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"getDimensions",function(width){var height=width*(8/9);return{height:height,trackDimensions:{width:width,height:height*(7/16),borderRadius:height*(5/16)},thumbRippleDimensions:{width:width*(8/9),top:height*-(9/32),left:width*-(2/9)},thumbDimensions:{width:width*(5/9),height:height*(5/8)}};});return _this;}(0,_createClass2.default)(Switch,[{key:"componentDidMount",value:function componentDidMount(){var _this$props=this.props,checked=_this$props.checked,width=_this$props.width;var thumbTranslateX=this.state.thumbTranslateX;if(checked){var xValue=width/2;thumbTranslateX.setValue(_reactNative.I18nManager.isRTL?-xValue:xValue);}}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var checked=this.props.checked;if(checked!=prevProps.checked){this.handleSwitch();}}},{key:"_renderLabel",value:function _renderLabel(){var _this$props2=this.props,label=_this$props2.label,labelPos=_this$props2.labelPos,_onPress=_this$props2.onPress;return _react.default.createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return _onPress();},__source:{fileName:_jsxFileName,lineNumber:59}},_react.default.createElement(_reactNative.View,{style:{marginLeft:labelPos=='right'?8:0,marginRight:labelPos=='left'?8:0},__source:{fileName:_jsxFileName,lineNumber:60}},label));}},{key:"handleSwitch",value:function handleSwitch(){var thumbTranslateX=this.state.thumbTranslateX;var _this$props3=this.props,checked=_this$props3.checked,width=_this$props3.width;var xValue=width/2;if(!checked){xValue=0;}_reactNative.Animated.parallel([_reactNative.Animated.timing(thumbTranslateX,{toValue:_reactNative.I18nManager.isRTL?-xValue:xValue,duration:300})]).start();}},{key:"render",value:function render(){var thumbTranslateX=this.state.thumbTranslateX;var _this$props4=this.props,label=_this$props4.label,labelPos=_this$props4.labelPos,style=_this$props4.style,trackStyle=_this$props4.trackStyle,thumbStyle=_this$props4.thumbStyle,theme=_this$props4.theme,color=_this$props4.color,checked=_this$props4.checked,onPress=_this$props4.onPress,loading=_this$props4.loading,testID=_this$props4.testID,width=_this$props4.width,rest=(0,_objectWithoutProperties2.default)(_this$props4,["label","labelPos","style","trackStyle","thumbStyle","theme","color","checked","onPress","loading","testID","width"]);var trackColor=color?(0,_color.default)(color).alpha(0.54):(0,_color.default)(theme.primary.main).alpha(0.54);var thumbColor=color?color:theme.primary.main;var _this$getDimensions=this.getDimensions(width),height=_this$getDimensions.height,trackDimensions=_this$getDimensions.trackDimensions,thumbRippleDimensions=_this$getDimensions.thumbRippleDimensions,thumbDimensions=_this$getDimensions.thumbDimensions;return _react.default.createElement(_reactNative.View,(0,_extends2.default)({style:[_Switch.default.container,style],testID:testID},rest,{__source:{fileName:_jsxFileName,lineNumber:141}}),labelPos=='left'&&label?this._renderLabel():null,_react.default.createElement(_reactNative.Animated.View,{useNativeDriver:false,style:[_Switch.default.track,_objectSpread({backgroundColor:checked&&!loading?trackColor:'rgba(0, 0, 0, 0.3)'},trackDimensions),trackStyle],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:143}},_react.default.createElement(_Ripple.default,{rippleContainerBorderRadius:100,style:[_Switch.default.thumbRipple,_objectSpread({transform:[{translateX:thumbTranslateX}],height:height},thumbRippleDimensions)],onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:155}},_react.default.createElement(_reactNative.Animated.View,{useNativeDriver:false,style:[_Switch.default.thumb,_objectSpread({backgroundColor:checked&&!loading?thumbColor:'white'},thumbDimensions),thumbStyle],__source:{fileName:_jsxFileName,lineNumber:166}},loading?_react.default.createElement(_ProgressCircle.default,{color:thumbColor,size:14,widthOfBorder:6,__source:{fileName:_jsxFileName,lineNumber:177}}):null))),labelPos=='right'&&label?this._renderLabel():null);}}]);return Switch;}(_react.Component);(0,_defineProperty2.default)(Switch,"propTypes",{checked:_propTypes.default.bool,onPress:_propTypes.default.func,style:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),trackStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),thumbStyle:_propTypes.default.oneOfType([_propTypes.default.object,_propTypes.default.array]),label:_propTypes.default.node,labelPos:_propTypes.default.string,theme:_propTypes.default.object,color:_propTypes.default.string,loading:_propTypes.default.bool,testID:_propTypes.default.string,width:_propTypes.default.number});(0,_defineProperty2.default)(Switch,"defaultProps",{labelPos:'right',width:36});var _default=(0,_withTheme.default)(Switch);exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Switch/Switch.stories.js b/dist/Components/Switch/Switch.stories.js
index 997e56a0..dc23dbb3 100644
--- a/dist/Components/Switch/Switch.stories.js
+++ b/dist/Components/Switch/Switch.stories.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Switch/Switch.stories.js";var store=new _storybookState.Store({checkedOne:true,checkedTwo:true,checkedThree:true,checkedFour:true,checkedFive:true,isLoading:true});var _default=(0,_storiesOf.storiesOf)('Components|Switch',module).addParameters({jest:['Switch']}).add('simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:22}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:23}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:24}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Switch,{color:'#E91E63',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},checked:state.checkedTwo,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:32}}),_react.default.createElement(_.Switch,{color:'#009688',onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},checked:state.checkedThree,__source:{fileName:_jsxFileName,lineNumber:38}}));}));}).add('loading',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:49}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:50}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:51}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:53}},_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:54}}),_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},color:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:60}}),_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},color:'#9C27B0',__source:{fileName:_jsxFileName,lineNumber:67}}),_react.default.createElement(_.Button,{text:'Toggle Loading',type:"outlined",onPress:function onPress(){return store.set({isLoading:!state.isLoading});},__source:{fileName:_jsxFileName,lineNumber:74}}));}));}).add('label',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:85}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:86}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:88}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:90}},_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{text:'Label',__source:{fileName:_jsxFileName,lineNumber:92}}),style:{marginBottom:16},color:'#E91E63',onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,__source:{fileName:_jsxFileName,lineNumber:91}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{style:{color:'#E91E63'},text:'label',__source:{fileName:_jsxFileName,lineNumber:99}}),style:{marginBottom:16},color:'#E91E63',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},checked:state.checkedTwo,__source:{fileName:_jsxFileName,lineNumber:98}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{text:'label',__source:{fileName:_jsxFileName,lineNumber:106}}),labelPos:'left',color:'#9C27B0',style:{marginBottom:16},onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},checked:state.checkedThree,__source:{fileName:_jsxFileName,lineNumber:105}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{text:'label',__source:{fileName:_jsxFileName,lineNumber:114}}),labelPos:'left',color:'#3F51B5',style:{marginBottom:16},onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},checked:state.checkedFour,__source:{fileName:_jsxFileName,lineNumber:113}}));}));});exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _=require("../../");var _Header=_interopRequireDefault(require("../../storybook/components/Header"));var _Container=_interopRequireDefault(require("../../storybook/components/Container"));var _storiesOf=require("../../storybook/helpers/storiesOf");var _storybookState=require("@sambego/storybook-state");var _jsxFileName="/Users/cody/projects/material-bread/src/Components/Switch/Switch.stories.js";var store=new _storybookState.Store({checkedOne:true,checkedTwo:true,checkedThree:true,checkedFour:true,checkedFive:true,isLoading:true});var _default=(0,_storiesOf.storiesOf)('Components|Switch',module).addParameters({jest:['Switch']}).add('simple',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:22}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:23}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:24}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:26}},_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:27}}),_react.default.createElement(_.Switch,{color:'#E91E63',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},checked:state.checkedTwo,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:32}}),_react.default.createElement(_.Switch,{color:'#009688',onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},checked:state.checkedThree,__source:{fileName:_jsxFileName,lineNumber:38}}));}));}).add('loading',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:49}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:50}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:51}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:53}},_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},__source:{fileName:_jsxFileName,lineNumber:54}}),_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},color:'#E91E63',__source:{fileName:_jsxFileName,lineNumber:60}}),_react.default.createElement(_.Switch,{onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,loading:state.isLoading,style:{marginBottom:16},color:'#9C27B0',__source:{fileName:_jsxFileName,lineNumber:67}}),_react.default.createElement(_.Button,{text:'Toggle Loading',type:"outlined",onPress:function onPress(){return store.set({isLoading:!state.isLoading});},__source:{fileName:_jsxFileName,lineNumber:74}}));}));}).add('label',function(){return _react.default.createElement(_Container.default,{__source:{fileName:_jsxFileName,lineNumber:85}},_react.default.createElement(_Header.default,{title:'Switch',__source:{fileName:_jsxFileName,lineNumber:86}}),_react.default.createElement(_storybookState.State,{store:store,style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:88}},function(state){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:90}},_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{type:2,text:'Label',__source:{fileName:_jsxFileName,lineNumber:92}}),style:{marginBottom:16},color:'#E91E63',onPress:function onPress(){return store.set({checkedOne:!state.checkedOne});},checked:state.checkedOne,__source:{fileName:_jsxFileName,lineNumber:91}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{type:2,style:{color:'#E91E63'},text:'Label',__source:{fileName:_jsxFileName,lineNumber:100}}),style:{marginBottom:16},color:'#E91E63',onPress:function onPress(){return store.set({checkedTwo:!state.checkedTwo});},checked:state.checkedTwo,__source:{fileName:_jsxFileName,lineNumber:98}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{type:2,text:'Label',__source:{fileName:_jsxFileName,lineNumber:112}}),labelPos:'left',color:'#9C27B0',style:{marginBottom:16},onPress:function onPress(){return store.set({checkedThree:!state.checkedThree});},checked:state.checkedThree,__source:{fileName:_jsxFileName,lineNumber:111}}),_react.default.createElement(_.Switch,{label:_react.default.createElement(_.BodyText,{type:2,text:'Label',__source:{fileName:_jsxFileName,lineNumber:120}}),labelPos:'left',color:'#3F51B5',style:{marginBottom:16},onPress:function onPress(){return store.set({checkedFour:!state.checkedFour});},checked:state.checkedFour,__source:{fileName:_jsxFileName,lineNumber:119}}));}));});exports.default=_default;
\ No newline at end of file
diff --git a/dist/Components/Switch/Switch.styles.js b/dist/Components/Switch/Switch.styles.js
index c826ed6a..49f17ca5 100644
--- a/dist/Components/Switch/Switch.styles.js
+++ b/dist/Components/Switch/Switch.styles.js
@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow.js"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',alignSelf:'flex-start'},track:_objectSpread({backgroundColor:'rgba(0,0,0,.20)',position:'relative'},(0,_shadow.default)(1)),thumbRipple:{borderRadius:100,position:'absolute',justifyContent:'center',alignItems:'center'},thumb:_objectSpread({borderRadius:100,justifyContent:'center',alignItems:'center'},(0,_shadow.default)(3))});var _default=styles;exports.default=_default;
\ No newline at end of file
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _reactNative=require("react-native");var _shadow=_interopRequireDefault(require("../../Utils/Shadow/shadow.js"));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly)symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',alignItems:'center',alignSelf:'flex-start'},track:{backgroundColor:'rgba(0,0,0,.3)',position:'relative'},thumbRipple:{borderRadius:100,position:'absolute',justifyContent:'center',alignItems:'center'},thumb:_objectSpread({borderRadius:100,justifyContent:'center',alignItems:'center'},(0,_shadow.default)(2))});var _default=styles;exports.default=_default;
\ No newline at end of file
diff --git a/dist/index.d.ts b/dist/index.d.ts
index 4f435391..701de8ac 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1511,7 +1511,9 @@ export interface SnackbarProps {
   animationDuration?: number
   children?: React.ReactNode
   style?: StyleProp<any>
-  action?: React.ReactNode
+  onButtonPress?: (e: GestureResponderEvent) => void
+  buttonLabel?: string
+  buttonTextColor?: Color
   testID?: string
 }
 
diff --git a/docs/src/components/Drawer/DrawerHeader.js b/docs/src/components/Drawer/DrawerHeader.js
index 2c616b31..e1efc7de 100644
--- a/docs/src/components/Drawer/DrawerHeader.js
+++ b/docs/src/components/Drawer/DrawerHeader.js
@@ -9,7 +9,7 @@ export default class DrawerContent extends React.PureComponent {
       <div style={styles.container}>
         <Logo width={77} height={64} style={{ width: 77 }} />
         <BodyText style={styles.title}>Material Bread</BodyText>
-        <BodyText style={styles.version}>v0.2.8</BodyText>
+        <BodyText style={styles.version}>v0.2.9</BodyText>
       </div>
     );
   }
diff --git a/package.json b/package.json
index 19234401..fa0e5761 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "material-bread",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
     "test": "jest -w 1 --forceExit",
@@ -118,4 +118,4 @@
       "pre-commit": "npm run lint"
     }
   }
-}
\ No newline at end of file
+}