fix(Text/web,Modal/web): default text whitespace, passthrough modal classname (#189)

Author: dhruvdutt

src/Modal/web/ModalContent.js

@@ -4,8 +4,11 @@ import Space from '../../Space/web';
 import Flex from '../../Flex/web';
 import View from '../../View/web';
 
-const ModalContent = ({ children }) => (
-  <Space padding={[3, 5]}>
+const ModalContent = ({
+  className,
+  children,
+}) => (
+  <Space className={className} padding={[3, 5]}>
     <Flex flex="auto">
       <View style={{ overflow: 'auto' }}>
         {children}
@@ -15,6 +18,7 @@ const ModalContent = ({ children }) => (
 );
 
 ModalContent.propTypes = {
+  className: PropTypes.string,
   children: PropTypes.node,
 };
 

src/Text/web/Text.js

@@ -23,7 +23,7 @@ const Text = styled(
   line-height: ${(props) => props.component === 'p' ? '1.5' : ''};
   text-align: ${(props) => props.align || ''};
   overflow: ${(props) => props.truncate ? 'hidden' : ''};
-  white-space: ${(props) => props.truncate ? 'nowrap' : 'pre-line'};
+  white-space: ${(props) => props.truncate ? 'nowrap' : ''};
   text-overflow: ${(props) => props.truncate ? 'ellipsis' : ''};
   padding: 0;
   margin: 0;