feat(Modal): Export modal component

.gitignore

@@ -27,3 +27,6 @@ storybook-static
 lib
 suir.stories.js
 styleguide
+
+*.iml
+*.idea

semantic/src/themes/tripwire/modules/modal.variables

@@ -29,8 +29,8 @@
 @headerVerticalPadding: 1.25rem;
 @headerHorizontalPadding: 1.5rem;
 @headerPadding: @headerVerticalPadding @headerHorizontalPadding;
-@headerBackground: @white;
-@headerColor: @darkTextColor;
+@headerBackground: @blue;
+@headerColor: @white;
 @headerFontSize: @huge;
 @headerBoxShadow: none;
 @headerFontWeight: bold;
@@ -64,7 +64,7 @@
 /* Inner Close Position (Tablet/Mobile) */
 @innerCloseTop: (@headerVerticalPadding - @closeHitBoxOffset + (@lineHeight - 1em));
 @innerCloseRight: 1rem;
-@innerCloseColor: @textColor;
+@innerCloseColor: @white;
 
 /* Mobile Positions */
 @mobileHeaderPadding: 0.75rem 1rem;

src/components/suir/modal/Modal.examples.md

@@ -0,0 +1,18 @@
+## Full screen modal dialog with close button
+
+    const Modal = require('semantic-ui-react').Modal;
+    const Header = require('semantic-ui-react').Header;
+    const Button = require('semantic-ui-react').Button;
+
+    <Modal size='fullscreen' trigger={<Button>Show Modal</Button>} closeIcon='close'>
+    <Modal.Header>Select a Photo</Modal.Header>
+    <Modal.Content>
+      <Modal.Description>
+        <Header>Default Profile Image</Header>
+        <p>We've found the following gravatar image associated with your e-mail address.</p>
+        <p>Is it okay to use this photo?</p>
+      </Modal.Description>
+    </Modal.Content>
+    </Modal>
+
+

src/components/suir/modal/Modal.js

@@ -0,0 +1,2 @@
+import Modal from 'semantic-ui-react/dist/commonjs/modules/Modal'
+export default Modal